xv-webcomponents 1.17.3-dev.0 → 1.17.4-qa.0
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.
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/xv-accordion-v2_47.cjs.entry.js +42 -36
- package/dist/cjs/xv-header-next.cjs.entry.js +27 -2
- package/dist/cjs/xv-mega-menu-next.cjs.entry.js +2 -2
- package/dist/cjs/xv-webcomponents.cjs.js +1 -1
- package/dist/collection/components/xv-header-next/xv-header-next.css +19 -0
- package/dist/collection/components/xv-header-next/xv-header-next.js +64 -1
- package/dist/collection/components/xv-image-viewer/xv-image-viewer.css +4 -0
- package/dist/collection/components/xv-image-viewer/xv-image-viewer.js +26 -2
- package/dist/collection/components/xv-link/xv-link.js +1 -1
- package/dist/collection/components/xv-mega-menu/xv-mega-menu.js +2 -2
- package/dist/collection/components/xv-mega-menu-next/xv-mega-menu-next.js +2 -2
- package/dist/collection/components/xv-modal/xv-modal.js +1 -1
- package/dist/collection/components/xv-notification/xv-notification.js +1 -1
- package/dist/collection/components/xv-number-input/xv-number-input.js +2 -2
- package/dist/collection/components/xv-overflow-menu/xv-overflow-menu-item/xv-overflow-menu-item.js +1 -1
- package/dist/collection/components/xv-overflow-menu/xv-overflow-menu.js +2 -2
- package/dist/collection/components/xv-pagination/xv-pagination.js +1 -1
- package/dist/collection/components/xv-progress-indicator/xv-progress-indicator-item/xv-progress-indicator-item.js +1 -1
- package/dist/collection/components/xv-progress-indicator/xv-progress-indicator.js +1 -1
- package/dist/collection/components/xv-radio/xv-radio.js +2 -2
- package/dist/collection/components/xv-slider/xv-slider.js +1 -1
- package/dist/collection/components/xv-table/xv-table-cell/xv-table-cell.js +1 -1
- package/dist/collection/components/xv-table/xv-table-expand/xv-table-expand.js +1 -1
- package/dist/collection/components/xv-table/xv-table-row/xv-table-row.js +1 -1
- package/dist/collection/components/xv-table/xv-table.js +1 -1
- package/dist/collection/components/xv-tabs/xv-tab/xv-tab.js +1 -1
- package/dist/collection/components/xv-tag/xv-tag.js +1 -1
- package/dist/collection/components/xv-tag-combobox/xv-tag-combobox.js +2 -2
- package/dist/collection/components/xv-text-input/xv-text-input.js +2 -2
- package/dist/collection/components/xv-textarea/xv-textarea.js +2 -2
- package/dist/collection/components/xv-tile/xv-tile.js +2 -2
- package/dist/collection/components/xv-toggle/xv-toggle.js +1 -1
- package/dist/collection/components/xv-toggle-tip/xv-toggle-tip.js +1 -1
- package/dist/collection/components/xv-tooltip/xv-tooltip.js +2 -2
- package/dist/esm/loader.js +1 -1
- package/dist/esm/xv-accordion-v2_47.entry.js +42 -36
- package/dist/esm/xv-header-next.entry.js +27 -2
- package/dist/esm/xv-mega-menu-next.entry.js +2 -2
- package/dist/esm/xv-webcomponents.js +1 -1
- package/dist/types/components/xv-header-next/xv-header-next.d.ts +17 -0
- package/dist/types/components/xv-image-viewer/xv-image-viewer.d.ts +5 -0
- package/dist/types/components.d.ts +35 -0
- package/dist/xv-webcomponents/{p-1cb6cc34.entry.js → p-3a20074c.entry.js} +1 -1
- package/dist/xv-webcomponents/{p-422065b1.entry.js → p-6bb184f5.entry.js} +1 -1
- package/dist/xv-webcomponents/p-9284f4be.entry.js +1 -0
- package/dist/xv-webcomponents/xv-webcomponents.esm.js +1 -1
- package/package.json +1 -1
- package/dist/xv-webcomponents/p-dc64e134.entry.js +0 -1
package/dist/cjs/loader.cjs.js
CHANGED
|
@@ -5,7 +5,7 @@ var index = require('./index-C4fJ70r4.js');
|
|
|
5
5
|
const defineCustomElements = async (win, options) => {
|
|
6
6
|
if (typeof window === 'undefined') return undefined;
|
|
7
7
|
await index.globalScripts();
|
|
8
|
-
return index.bootstrapLazy([["xv-accordion-v2_47.cjs",[[0,"xv-header",{"metaNav":[32],"orgUnit":[32],"baseUrl":[32],"loading":[32],"mobMenuOpen":[32],"suggestions":[32],"suggestionsLoading":[32],"notifications":[32],"showLoginModal":[32]},[[8,"xv:orgUnitChange","handleOrgUnitChange"],[8,"xv:metaNav-update","metaNavUpdate"]]],[257,"xv-dropdown-v2",{"search":[516],"disabled":[516],"multiple":[516],"required":[516],"loading":[516],"readonly":[516],"open":[1540],"error":[520],"label":[513],"helper":[513],"warning":[513],"placeholder":[513],"info":[1],"searchPlaceholder":[1,"search-placeholder"],"size":[1],"defaultValue":[8,"default-value"],"value":[1032],"variant":[1],"position":[1],"selected":[32],"selectedMap":[32],"resolvedPosition":[32]},[[0,"itemSelected","handleItemSelected"],[0,"keydown","handleKeyDown"]],{"open":[{"openChangeHandle":0}],"multiple":[{"multipleChangeHandle":0}],"value":[{"valueChange":1}]}],[257,"xv-data-table-row",{"variant":[1],"name":[1025],"collapse":[1],"collapsable":[516],"checked":[1028],"partial":[1028],"hover":[1028],"group":[4],"header":[4],"footer":[4],"disabled":[4],"readonly":[4],"required":[4],"value":[8],"collapsed":[32],"reorderable":[32],"reorderHandleMode":[32],"close":[64]}],[65,"xv-datepicker",{"value":[1040],"variant":[1],"label":[1],"helper":[1],"error":[8],"warning":[8],"readonly":[4],"disabled":[4],"loading":[4],"block":[4],"size":[513],"min":[1],"max":[1],"month":[32],"days":[32],"open":[32],"localError":[32]},[[4,"click","handleClickOutside"]],{"open":[{"openChange":0}],"month":[{"getCalendarGrid":0}],"value":[{"handleValueChange":0}]}],[1,"xv-file-uploader",{"label":[1],"description":[1],"addText":[1,"add-text"],"variant":[1],"size":[1],"accept":[16],"buttonVariant":[1,"button-variant"],"maxFileSizeMB":[2,"max-file-size-mb"],"maxFiles":[2,"max-files"],"multiple":[4],"disabled":[516],"files":[1040],"loadingStates":[1040],"error":[1537],"errors":[1040],"dragActive":[32],"errorMessages":[32],"clearFiles":[64]}],[65,"xv-number-input-v2",{"label":[1],"placeholder":[513],"name":[513],"value":[1538],"helper":[1],"error":[8],"warning":[8],"step":[2],"max":[2],"min":[2],"readonly":[4],"disabled":[4],"loading":[4],"block":[516],"size":[513]}],[1,"xv-pagination",{"total":[2],"page":[1026],"size":[1],"block":[4],"variant":[1],"responsiveVariant":[16],"totalItems":[2,"total-items"],"itemsPerPage":[32],"currentVariant":[32]}],[257,"xv-table-v2-row",{"checked":[1540],"partial":[1540],"name":[1537],"value":[520],"hover":[1540],"readonly":[516],"required":[516],"disabled":[516],"header":[516],"variant":[1537]},null,{"checked":[{"checkedChangeHandle":0}]}],[65,"xv-textarea",{"value":[1025],"name":[1],"label":[1],"placeholder":[1],"helper":[1],"info":[1],"error":[8],"warning":[8],"disabled":[4],"readonly":[4],"block":[4],"counterHide":[4,"counter-hide"],"noResize":[4,"no-resize"],"loading":[4],"max":[2],"rows":[2],"size":[513]}],[257,"xv-data-table",{"size":[1],"block":[520],"loading":[4],"columnWidths":[16],"multiple":[516],"hover":[4],"reorderable":[516],"reorderHandle":[513,"reorder-handle"]},null,{"reorderable":[{"reorderableChanged":0}],"reorderHandle":[{"reorderHandleChanged":0}]}],[257,"xv-dropdown-v2-item",{"disabled":[4],"value":[1544],"selected":[1540],"multiple":[516],"size":[513]},[[0,"click","handleClick"]]],[
|
|
8
|
+
return index.bootstrapLazy([["xv-accordion-v2_47.cjs",[[0,"xv-header",{"metaNav":[32],"orgUnit":[32],"baseUrl":[32],"loading":[32],"mobMenuOpen":[32],"suggestions":[32],"suggestionsLoading":[32],"notifications":[32],"showLoginModal":[32]},[[8,"xv:orgUnitChange","handleOrgUnitChange"],[8,"xv:metaNav-update","metaNavUpdate"]]],[257,"xv-dropdown-v2",{"search":[516],"disabled":[516],"multiple":[516],"required":[516],"loading":[516],"readonly":[516],"open":[1540],"error":[520],"label":[513],"helper":[513],"warning":[513],"placeholder":[513],"info":[1],"searchPlaceholder":[1,"search-placeholder"],"size":[1],"defaultValue":[8,"default-value"],"value":[1032],"variant":[1],"position":[1],"selected":[32],"selectedMap":[32],"resolvedPosition":[32]},[[0,"itemSelected","handleItemSelected"],[0,"keydown","handleKeyDown"]],{"open":[{"openChangeHandle":0}],"multiple":[{"multipleChangeHandle":0}],"value":[{"valueChange":1}]}],[257,"xv-data-table-row",{"variant":[1],"name":[1025],"collapse":[1],"collapsable":[516],"checked":[1028],"partial":[1028],"hover":[1028],"group":[4],"header":[4],"footer":[4],"disabled":[4],"readonly":[4],"required":[4],"value":[8],"collapsed":[32],"reorderable":[32],"reorderHandleMode":[32],"close":[64]}],[65,"xv-datepicker",{"value":[1040],"variant":[1],"label":[1],"helper":[1],"error":[8],"warning":[8],"readonly":[4],"disabled":[4],"loading":[4],"block":[4],"size":[513],"min":[1],"max":[1],"month":[32],"days":[32],"open":[32],"localError":[32]},[[4,"click","handleClickOutside"]],{"open":[{"openChange":0}],"month":[{"getCalendarGrid":0}],"value":[{"handleValueChange":0}]}],[1,"xv-file-uploader",{"label":[1],"description":[1],"addText":[1,"add-text"],"variant":[1],"size":[1],"accept":[16],"buttonVariant":[1,"button-variant"],"maxFileSizeMB":[2,"max-file-size-mb"],"maxFiles":[2,"max-files"],"multiple":[4],"disabled":[516],"files":[1040],"loadingStates":[1040],"error":[1537],"errors":[1040],"dragActive":[32],"errorMessages":[32],"clearFiles":[64]}],[65,"xv-number-input-v2",{"label":[1],"placeholder":[513],"name":[513],"value":[1538],"helper":[1],"error":[8],"warning":[8],"step":[2],"max":[2],"min":[2],"readonly":[4],"disabled":[4],"loading":[4],"block":[516],"size":[513]}],[1,"xv-pagination",{"total":[2],"page":[1026],"size":[1],"block":[4],"variant":[1],"responsiveVariant":[16],"totalItems":[2,"total-items"],"itemsPerPage":[32],"currentVariant":[32]}],[257,"xv-table-v2-row",{"checked":[1540],"partial":[1540],"name":[1537],"value":[520],"hover":[1540],"readonly":[516],"required":[516],"disabled":[516],"header":[516],"variant":[1537]},null,{"checked":[{"checkedChangeHandle":0}]}],[65,"xv-textarea",{"value":[1025],"name":[1],"label":[1],"placeholder":[1],"helper":[1],"info":[1],"error":[8],"warning":[8],"disabled":[4],"readonly":[4],"block":[4],"counterHide":[4,"counter-hide"],"noResize":[4,"no-resize"],"loading":[4],"max":[2],"rows":[2],"size":[513]}],[257,"xv-data-table",{"size":[1],"block":[520],"loading":[4],"columnWidths":[16],"multiple":[516],"hover":[4],"reorderable":[516],"reorderHandle":[513,"reorder-handle"]},null,{"reorderable":[{"reorderableChanged":0}],"reorderHandle":[{"reorderHandleChanged":0}]}],[257,"xv-dropdown-v2-item",{"disabled":[4],"value":[1544],"selected":[1540],"multiple":[516],"size":[513]},[[0,"click","handleClick"]]],[257,"xv-image-viewer",{"src":[1],"fullscreenSrc":[1,"fullscreen-src"],"alt":[1],"placeholder":[1],"lazy":[4],"isFullscreen":[32],"loaded":[32],"fullscreenLoaded":[32],"errored":[32]}],[257,"xv-tab-v2",{"label":[513],"disabled":[516],"loading":[516],"name":[8]}],[257,"xv-table-v2",{"size":[513],"hover":[516],"loading":[516],"colsSize":[16],"selected":[32],"selectedCount":[32]},[[0,"checkedChange","handleCheckedChange"]],{"colsSize":[{"setColsSizeTemplate":0}]}],[257,"xv-tabs-v2",{"active":[1544],"loading":[516],"variant":[1],"emptyMessage":[1,"empty-message"],"hideSingleTab":[4,"hide-single-tab"],"tabElements":[32],"showArrows":[32]},[[9,"resize","updateArrowVisibility"]]],[1,"xv-tag-combobox",{"options":[16],"label":[1],"size":[1],"placeholder":[1],"allowCreate":[4,"allow-create"],"maxSuggestions":[2,"max-suggestions"],"disabled":[4],"readonly":[4],"error":[8],"warning":[8],"value":[16],"normalizedOptions":[32],"selected":[32],"inputValue":[32],"open":[32],"filtered":[32],"highlighted":[32],"focusInput":[64],"clear":[64]},null,{"options":[{"watchOptions":0}],"value":[{"watchValue":0}]}],[257,"xv-accordion-v2",{"multiple":[4],"xvId":[1,"xv-id"],"value":[1025],"opened":[32],"toggleItem":[64]}],[257,"xv-accordion-v2-item",{"disabled":[4],"label":[1],"value":[1],"isOpen":[32]},[[16,"accordionChange","handleAccordionChange"]]],[260,"xv-breadcrumbs-v2"],[257,"xv-content-switcher-item-v2",{"value":[520],"label":[513],"icon":[513],"disabled":[516]}],[257,"xv-content-switcher-v2",{"selected":[1544],"size":[513],"iconOnly":[516,"icon-only"],"disabled":[516],"block":[516],"controlled":[516],"items":[32]}],[257,"xv-data-table-collapse",{"collapsed":[1540],"setCollapsed":[64]}],[0,"xv-footer",{"data":[32]},[[8,"xv:metaNav-update","handleLoadData"]]],[257,"xv-progress-indicator-v2",{"progress":[514],"variant":[1],"size":[1]},null,{"progress":[{"updateChildItems":0}]}],[257,"xv-progress-indicator-v2-item",{"status":[1]}],[324,"xv-radio-v2",{"name":[1],"value":[1],"label":[1],"checked":[1028],"indeterminate":[4],"block":[4],"disabled":[4],"required":[4],"reverse":[4],"readonly":[4],"error":[8],"warning":[520],"size":[1]},null,{"checked":[{"onCheckedChange":0}]}],[65,"xv-slider-v2",{"label":[1],"name":[1],"min":[2],"max":[2],"value":[1026],"step":[2],"disabled":[4],"readonly":[4],"notEditable":[4,"not-editable"]}],[257,"xv-table-v2-expand",{"open":[1540],"disabled":[516]}],[260,"xv-tile",{"variant":[513],"label":[1],"error":[4],"multiple":[4],"disabled":[4],"block":[4],"name":[1],"message":[513],"value":[1025],"checked":[1028],"readonly":[1028]},[[4,"tileChange","tileChangeHandle"],[0,"click","handleClick"]]],[321,"xv-toggle",{"label":[1],"value":[1],"name":[1],"checked":[1540],"disabled":[4],"readonly":[4],"size":[513],"block":[4]}],[257,"xv-mega-menu",{"open":[1540],"activeItem":[32],"activeGroup":[32],"menuItems":[32],"applicationContext":[32],"menuLoading":[32]},[[4,"click","handleClickOutside"]]],[257,"xv-data-table-cell",{"name":[1025],"sort":[1537],"multiline":[520],"width":[1],"align":[1],"tooltip":[1]},[[0,"click","handleSort"]]],[257,"xv-table-v2-cell",{"multiline":[516],"name":[1537],"align":[513],"sort":[1537]},[[0,"click","handleSort"]]],[2,"xv-login-modal",{"visible":[4],"urls":[32],"loading":[32],"errorMessage":[32]}],[257,"xv-overflow-menu-v2",{"open":[1540],"disabled":[516],"position":[1],"size":[1],"tooltip":[1]},[[0,"keydown","handleKeyDown"]],{"open":[{"openChangeHandle":0}]}],[257,"xv-overflow-menu-v2-item",{"disabled":[516],"value":[520],"variant":[513],"clickable":[4]},[[0,"click","handleClick"]]],[257,"xv-toggle-tip",{"open":[1540],"autoSize":[516,"auto-size"],"block":[4],"position":[1],"setPopover":[64]},[[4,"click","handleClickOutside"],[0,"keydown","handleKeyDown"]],{"open":[{"openChangeHandle":0}]}],[257,"xv-modal-v2",{"open":[1540],"permanent":[516],"size":[513],"overflow":[516],"loading":[4],"openModal":[64],"closeModal":[64]}],[257,"xv-notification-v2",{"variant":[513],"dismissible":[516]}],[65,"xv-text-input-v2",{"type":[1],"label":[1],"placeholder":[513],"name":[513],"value":[1025],"autocomplete":[1],"helper":[1],"error":[8],"warning":[8],"readonly":[4],"disabled":[4],"loading":[4],"block":[516],"size":[513],"isPasswordVisible":[32]}],[257,"xv-card-v2",{"variant":[1],"media":[1],"header":[1],"body":[1],"footer":[1]}],[257,"xv-link-v2",{"href":[1],"target":[1],"disabled":[4],"size":[1],"variant":[1]}],[321,"xv-checkbox-v2",{"checked":[1540],"indeterminate":[516],"disabled":[516],"name":[513],"value":[513],"readonly":[516],"required":[516],"partial":[516],"label":[1],"size":[513],"error":[520],"align":[513],"hasFocus":[32]},null,{"checked":[{"onCheckedChange":0}]}],[257,"xv-tag-v2",{"size":[1],"color":[1],"bg":[1],"disabled":[4],"closeable":[4]}],[260,"xv-tooltip-v2",{"message":[1],"position":[1],"block":[4],"dashed":[4]},[[1,"mouseenter","onMouseEnter"],[1,"mouseleave","onMouseLeave"]]],[321,"xv-button-v2",{"value":[1],"name":[1],"label":[513],"variant":[513],"size":[513],"disabled":[516],"loading":[516],"block":[516],"type":[513],"hasLeftIcon":[32],"hasRightIcon":[32],"hasContent":[32]}],[257,"xv-loader-v2",{"show":[4],"variant":[1],"size":[1]}]]],["xv-mega-menu-next.cjs",[[257,"xv-mega-menu-next",{"open":[1540],"menuData":[1,"menu-data"],"activeItem":[32],"activeGroup":[32],"menuItems":[32],"applicationContext":[32],"menuLoading":[32]},[[4,"click","handleClickOutside"]],{"menuData":[{"onMenuDataChange":0}]}]]],["xv-header-next.cjs",[[0,"xv-header-next",{"menuData":[1,"menu-data"],"currentLocale":[1,"current-locale"],"locales":[1],"metaNav":[32],"orgUnit":[32],"baseUrl":[32],"loading":[32],"mobMenuOpen":[32],"suggestions":[32],"suggestionsLoading":[32],"notifications":[32],"showLoginModal":[32]},[[8,"xv:orgUnitChange","handleOrgUnitChange"],[8,"xv:metaNav-update","metaNavUpdate"]]]]]], options);
|
|
9
9
|
};
|
|
10
10
|
|
|
11
11
|
exports.setNonce = index.setNonce;
|
|
@@ -81289,17 +81289,19 @@ const XvHeader = class {
|
|
|
81289
81289
|
};
|
|
81290
81290
|
XvHeader.style = xvHeaderCss();
|
|
81291
81291
|
|
|
81292
|
-
const xvImageViewerCss = () => `.xv-container{width:100%;max-width:1170px;margin-inline:auto}@media (min-width: 576px){.xv-container{max-width:540px}}@media (min-width: 768px){.xv-container{max-width:720px}}@media (min-width: 992px){.xv-container{max-width:960px;padding-inline:var(--bs-gutter-x, 0.75rem)}}@media (min-width: 1200px){.xv-container{max-width:1140px}}@media (min-width: 1400px){.xv-container{max-width:1320px}}.xv-tooltip[role=tooltip]{position:absolute;background-color:var(--background-inverse, #333333);color:var(--text-on-color);padding:var(--spacing-03) var(--spacing-04);border-radius:3px;font-size:var(--fz-sm);z-index:999;min-width:min(150px, 90vw);max-width:min(400px, 90vw)}.xv-tooltip[role=tooltip]::after{content:"";position:absolute;width:0;height:0;border-style:solid}.xv-tooltip[role=tooltip][data-popper-placement=top]::after{bottom:-5px;left:50%;transform:translateX(-50%);border-width:5px 5px 0 5px;border-color:var(--background-inverse, black) transparent transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=top-start]::after{bottom:-5px;left:12px;border-width:5px 5px 0 5px;border-color:var(--background-inverse, black) transparent transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=top-end]::after{bottom:-5px;right:12px;border-width:5px 5px 0 5px;border-color:var(--background-inverse, black) transparent transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=bottom]::after{top:-5px;left:50%;transform:translateX(-50%);border-width:0 5px 5px 5px;border-color:transparent transparent var(--background-inverse, black) transparent}.xv-tooltip[role=tooltip][data-popper-placement=bottom-start]::after{top:-5px;left:12px;border-width:0 5px 5px 5px;border-color:transparent transparent var(--background-inverse, black) transparent}.xv-tooltip[role=tooltip][data-popper-placement=bottom-end]::after{top:-5px;right:12px;border-width:0 5px 5px 5px;border-color:transparent transparent var(--background-inverse, black) transparent}.xv-tooltip[role=tooltip][data-popper-placement=left]::after{top:50%;right:-5px;transform:translateY(-50%);border-width:5px 0 5px 5px;border-color:transparent transparent transparent var(--background-inverse, black)}.xv-tooltip[role=tooltip][data-popper-placement=left-start]::after{top:12px;right:-5px;border-width:5px 0 5px 5px;border-color:transparent transparent transparent var(--background-inverse, black)}.xv-tooltip[role=tooltip][data-popper-placement=left-end]::after{bottom:12px;right:-5px;border-width:5px 0 5px 5px;border-color:transparent transparent transparent var(--background-inverse, black)}.xv-tooltip[role=tooltip][data-popper-placement=right]::after{top:50%;left:-5px;transform:translateY(-50%);border-width:5px 5px 5px 0;border-color:transparent var(--background-inverse, black) transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=right-start]::after{top:12px;left:-5px;border-width:5px 5px 5px 0;border-color:transparent var(--background-inverse, black) transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=right-end]::after{bottom:12px;left:-5px;border-width:5px 5px 5px 0;border-color:transparent var(--background-inverse, black) transparent transparent}:host(.image-wrapper){display:inline-flex;position:relative;cursor:pointer;max-width:100%;height:auto;flex:1;align-self:center;align-items:center;justify-content:center}:host(.image-wrapper) .image{width:inherit;height:inherit;max-height:inherit;max-width:inherit;object-fit:inherit;transition:opacity 0.3s ease}:host(.image-wrapper) .loading{align-self:center;margin:0 auto;text-align:center;color:var(--text-placeholder);display:inline-flex;justify-content:center;align-items:center;height:100%;width:100%;position:absolute}:host(.image-wrapper) .fullscreen-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0, 0, 0, 0.9);display:flex;justify-content:center;align-items:center;z-index:9999;animation:fadeIn 0.3s ease forwards}:host(.image-wrapper) .fullscreen-overlay .fullscreen-image{max-width:90%;max-height:90%;opacity:0;transition:opacity 0.3s ease}:host(.image-wrapper) .fullscreen-overlay .fullscreen-image.loaded{opacity:1}@keyframes fadeIn{from{opacity:0}to{opacity:1}}`;
|
|
81292
|
+
const xvImageViewerCss = () => `.xv-container{width:100%;max-width:1170px;margin-inline:auto}@media (min-width: 576px){.xv-container{max-width:540px}}@media (min-width: 768px){.xv-container{max-width:720px}}@media (min-width: 992px){.xv-container{max-width:960px;padding-inline:var(--bs-gutter-x, 0.75rem)}}@media (min-width: 1200px){.xv-container{max-width:1140px}}@media (min-width: 1400px){.xv-container{max-width:1320px}}.xv-tooltip[role=tooltip]{position:absolute;background-color:var(--background-inverse, #333333);color:var(--text-on-color);padding:var(--spacing-03) var(--spacing-04);border-radius:3px;font-size:var(--fz-sm);z-index:999;min-width:min(150px, 90vw);max-width:min(400px, 90vw)}.xv-tooltip[role=tooltip]::after{content:"";position:absolute;width:0;height:0;border-style:solid}.xv-tooltip[role=tooltip][data-popper-placement=top]::after{bottom:-5px;left:50%;transform:translateX(-50%);border-width:5px 5px 0 5px;border-color:var(--background-inverse, black) transparent transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=top-start]::after{bottom:-5px;left:12px;border-width:5px 5px 0 5px;border-color:var(--background-inverse, black) transparent transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=top-end]::after{bottom:-5px;right:12px;border-width:5px 5px 0 5px;border-color:var(--background-inverse, black) transparent transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=bottom]::after{top:-5px;left:50%;transform:translateX(-50%);border-width:0 5px 5px 5px;border-color:transparent transparent var(--background-inverse, black) transparent}.xv-tooltip[role=tooltip][data-popper-placement=bottom-start]::after{top:-5px;left:12px;border-width:0 5px 5px 5px;border-color:transparent transparent var(--background-inverse, black) transparent}.xv-tooltip[role=tooltip][data-popper-placement=bottom-end]::after{top:-5px;right:12px;border-width:0 5px 5px 5px;border-color:transparent transparent var(--background-inverse, black) transparent}.xv-tooltip[role=tooltip][data-popper-placement=left]::after{top:50%;right:-5px;transform:translateY(-50%);border-width:5px 0 5px 5px;border-color:transparent transparent transparent var(--background-inverse, black)}.xv-tooltip[role=tooltip][data-popper-placement=left-start]::after{top:12px;right:-5px;border-width:5px 0 5px 5px;border-color:transparent transparent transparent var(--background-inverse, black)}.xv-tooltip[role=tooltip][data-popper-placement=left-end]::after{bottom:12px;right:-5px;border-width:5px 0 5px 5px;border-color:transparent transparent transparent var(--background-inverse, black)}.xv-tooltip[role=tooltip][data-popper-placement=right]::after{top:50%;left:-5px;transform:translateY(-50%);border-width:5px 5px 5px 0;border-color:transparent var(--background-inverse, black) transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=right-start]::after{top:12px;left:-5px;border-width:5px 5px 5px 0;border-color:transparent var(--background-inverse, black) transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=right-end]::after{bottom:12px;left:-5px;border-width:5px 5px 5px 0;border-color:transparent var(--background-inverse, black) transparent transparent}:host(.image-wrapper){display:inline-flex;position:relative;cursor:pointer;max-width:100%;height:auto;flex:1;align-self:center;align-items:center;justify-content:center}:host(.image-wrapper) .image{width:inherit;height:inherit;max-height:inherit;max-width:inherit;object-fit:inherit;transition:opacity 0.3s ease}:host(.image-wrapper) .loading{align-self:center;margin:0 auto;text-align:center;color:var(--text-placeholder);display:inline-flex;justify-content:center;align-items:center;height:100%;width:100%;position:absolute}:host(.image-wrapper) .fullscreen-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0, 0, 0, 0.9);display:flex;justify-content:center;align-items:center;z-index:9999;animation:fadeIn 0.3s ease forwards}:host(.image-wrapper) .fullscreen-overlay .fullscreen-image{max-width:90%;max-height:90%;opacity:0;transition:opacity 0.3s ease}:host(.image-wrapper) .fullscreen-overlay .fullscreen-image.loaded{opacity:1}:host(.errored){cursor:default}@keyframes fadeIn{from{opacity:0}to{opacity:1}}`;
|
|
81293
81293
|
|
|
81294
81294
|
const XvImageViewer = class {
|
|
81295
81295
|
constructor(hostRef) {
|
|
81296
81296
|
index$1.registerInstance(this, hostRef);
|
|
81297
|
+
this.imageError = index$1.createEvent(this, "imageError", 7);
|
|
81297
81298
|
this.alt = '';
|
|
81298
81299
|
this.placeholder = '';
|
|
81299
81300
|
this.lazy = false;
|
|
81300
81301
|
this.isFullscreen = false;
|
|
81301
81302
|
this.loaded = false;
|
|
81302
81303
|
this.fullscreenLoaded = false;
|
|
81304
|
+
this.errored = false;
|
|
81303
81305
|
this.handleClick = () => {
|
|
81304
81306
|
this.isFullscreen = true;
|
|
81305
81307
|
// Preload fullscreen image
|
|
@@ -81310,6 +81312,10 @@ const XvImageViewer = class {
|
|
|
81310
81312
|
this.closeFullscreen = () => {
|
|
81311
81313
|
this.isFullscreen = false;
|
|
81312
81314
|
};
|
|
81315
|
+
this.handleError = () => {
|
|
81316
|
+
this.errored = true;
|
|
81317
|
+
this.imageError.emit();
|
|
81318
|
+
};
|
|
81313
81319
|
}
|
|
81314
81320
|
componentDidLoad() {
|
|
81315
81321
|
if (this.lazy) {
|
|
@@ -81328,7 +81334,7 @@ const XvImageViewer = class {
|
|
|
81328
81334
|
}
|
|
81329
81335
|
}
|
|
81330
81336
|
render() {
|
|
81331
|
-
return (index$1.h(index$1.Host, { key: '
|
|
81337
|
+
return (index$1.h(index$1.Host, { key: '9c2aa76131d9be0d15eecc29c06a14c1b0f1d3bb', class: { 'image-wrapper': true, errored: this.errored } }, !this.loaded && index$1.h("xv-loader-v2", { key: '141fb5f9a0f1d8f0cc6426e3e81651763697c70c', class: "loading" }, this.placeholder), this.loaded && this.errored && index$1.h("slot", { key: '41ca0b1f29b1e06dada17aa0007a5b45b82fd50a', name: "fallback" }), this.loaded && !this.errored && (index$1.h("img", { key: 'd7e132139efbf910f15682e57023c067abaead48', src: this.src, alt: this.alt, class: "image", onClick: this.handleClick, onError: this.handleError })), this.isFullscreen && (index$1.h("div", { key: 'c32dc62716fbdb0336ab0b1ae2d84a964b1ebe13', class: "fullscreen-overlay", onClick: this.closeFullscreen }, !this.fullscreenLoaded && index$1.h("xv-loader-v2", { key: '9129ba89932894ead468aa3aaa34ce64257b187e', class: "loading", size: _vars.SIZE_VAR.LG }, this.placeholder), index$1.h("img", { key: '73e51ea3e69b864dbd972220765c6629cc7e5c62', src: this.fullscreenSrc || this.src, alt: this.alt, class: {
|
|
81332
81338
|
'fullscreen-image': true,
|
|
81333
81339
|
loaded: this.fullscreenLoaded,
|
|
81334
81340
|
} })))));
|
|
@@ -81353,7 +81359,7 @@ const XvLink = class {
|
|
|
81353
81359
|
e.stopPropagation();
|
|
81354
81360
|
}
|
|
81355
81361
|
render() {
|
|
81356
|
-
return (index$1.h(index$1.Host, { key: '
|
|
81362
|
+
return (index$1.h(index$1.Host, { key: '1b93c8eecb7994f14c316f74cfe0af57d6f36eb7', class: { [`xv-link_${this.variant}`]: true, disabled: !!this.disabled } }, index$1.h("a", { key: 'a1570f1c785c1749b6946f5cb691197103e8772c', href: this.href, onClick: this.preventLinkHandler.bind(this), class: { 'xv-link': true, 'xv-link_disabled': !!this.disabled, [this.size]: !!this.size }, target: this.target }, index$1.h("slot", { key: 'b618d8fd19ce69db5c1cb882b96e4a023c3b913e', name: "icon-left" }), index$1.h("slot", { key: 'b576f2dbfa928102bd596ac2d6cc843993c82e26' }), index$1.h("slot", { key: '03465c086f980ffa4ad5f99f04d8adc35b368fe1', name: "icon-right" }))));
|
|
81357
81363
|
}
|
|
81358
81364
|
};
|
|
81359
81365
|
XvLink.style = xvLinkCss();
|
|
@@ -81521,7 +81527,7 @@ const XvMegaMenu = class {
|
|
|
81521
81527
|
void this.fetchMenuData();
|
|
81522
81528
|
}
|
|
81523
81529
|
render() {
|
|
81524
|
-
return (index$1.h(index$1.Host, { key: '
|
|
81530
|
+
return (index$1.h(index$1.Host, { key: '505d7592f1b9b72ff38585218517291eaaff56ea' }, index$1.h("nav", { key: 'e4299b4295f28024ceba47cfe44c4374ca853aa4', class: { 'xv-menu': true, open: this.open } }, this.menuLoading && (index$1.h("div", { key: 'bbbcf8f76d52ea4feaf9efbe1f22e26659acb9ec', class: { 'xv-menu-loader': true, open: this.open } }, index$1.h("xv-loader-v2", { key: '5c47450d8177bbc646c8f2253e73bb7000a38351' }))), index$1.h("ul", { key: '18e509169f145f0ee10a3c2aecedf34b8e73eb04', class: { menu: true, open: this.open } }, this.menuItems.map((menuItem) => {
|
|
81525
81531
|
var _a, _b;
|
|
81526
81532
|
return (index$1.h("li", { class: { 'menu-item': true, active: menuItem.id === ((_a = this.activeItem) === null || _a === void 0 ? void 0 : _a.id) } }, menuItem.route ? (index$1.h("xv-link-v2", { variant: "ghost", href: menuItem.route.route }, index$1.h("p", { class: "menu-item-label" }, (_b = menuItem.route) === null || _b === void 0 ? void 0 : _b.label))) : (index$1.h(index$1.Fragment, null, index$1.h("p", { class: "menu-item-label", onClick: () => this.setActiveItem(menuItem) }, menuItem === null || menuItem === void 0 ? void 0 : menuItem.label), index$1.h("ul", { class: "menu-item-groups" }, menuItem.groups.map((group) => {
|
|
81527
81533
|
var _a;
|
|
@@ -81531,7 +81537,7 @@ const XvMegaMenu = class {
|
|
|
81531
81537
|
} }, index$1.h("div", { class: "group-menus" }, index$1.h("ul", { class: { 'group-menus-categories': true, inline: group.layout === 'inline' } }, group.categories.map((category) => (index$1.h("li", { class: "category" }, index$1.h("p", { class: "category-label" }, category.label), index$1.h("ul", { class: "category-routes" }, category.routes.map((route) => (index$1.h("li", { class: "route" }, index$1.h("xv-link-v2", { size: "lg", variant: "ghost", href: route.route || '#' }, route.label), route.tag && (index$1.h("xv-tag-v2", { class: "route-tag", size: "sm", color: "#161616", bg: "#E0E0E0" }, route.tag)))))))))), index$1.h("ul", { class: "group-menus-actions" }, group.actions.map((action) => (index$1.h("li", { class: "action" }, action.type === 'link' && (index$1.h("xv-link-v2", { variant: "standalone", href: action === null || action === void 0 ? void 0 : action.url }, action.label, index$1.h("span", { class: "link-chevron", slot: "icon-right" }, "\u2192"))), action.type === 'button' &&
|
|
81532
81538
|
index$1.h("xv-button-v2", { onClick: () => this.navActionClick(action), block: true, variant: "tertiary" }, action.label)))))), (group === null || group === void 0 ? void 0 : group.card) && (index$1.h("div", { class: "group-card" }, index$1.h("xv-card-v2", { media: this.applicationContext !== 'Komsa' ? group.card.image : undefined, variant: this.isMobile ? 'horizontal' : 'vertical' }, index$1.h("h5", { slot: "header", class: "group-card-title" }, group.card.title), index$1.h("p", { slot: "body", class: "group-card-desc" }, group.card.description), group.card.linkLabel && (index$1.h("xv-link-v2", { slot: "footer", variant: "standalone", href: group.card.linkUrl || '#' }, group.card.linkLabel, index$1.h("span", { class: "link-chevron", slot: "icon-right" }, "\u2192"))))))))));
|
|
81533
81539
|
}))))));
|
|
81534
|
-
}), index$1.h("li", { key: '
|
|
81540
|
+
}), index$1.h("li", { key: '61bf9dcb576981a16ba87ec5f8fa41110b7766a9', class: "menu--right" }, index$1.h("slot", { key: '9058fe2a33d9287856c4cb5dedbb62961e2a7913', name: "menu-right" })), this.open && (index$1.h("li", { key: '904c5d00f7597b0ee1e5edbab34a6e8496aa1eea', class: "menu--backdrop", onClick: () => this.handleClose() }))))));
|
|
81535
81541
|
}
|
|
81536
81542
|
get el() { return index$1.getElement(this); }
|
|
81537
81543
|
};
|
|
@@ -81599,7 +81605,7 @@ const XvModal = class {
|
|
|
81599
81605
|
}
|
|
81600
81606
|
render() {
|
|
81601
81607
|
var _a;
|
|
81602
|
-
return (index$1.h(index$1.Host, { key: '
|
|
81608
|
+
return (index$1.h(index$1.Host, { key: '1dfe6ae13994186a5072501fae6115a3f0807603', role: "dialog", size: this.size, id: this.el.id }, index$1.h("slot", { key: '1879cb5eb1239cf8c1f17117640141c38f32c079', name: "trigger", onSlotchange: this.setupTrigger }), index$1.h("div", { key: 'b110bfd37badf8045e758caf80c7c63f1b61703e', class: { backdrop: true }, onClick: this.onBackdropClick }, index$1.h("div", { key: 'bdd2c827661bdf56b668daa4fb5dcab717c259d5', class: "modal" }, index$1.h("button", { key: '4dfdc8244dbc9106964206e4f5f24169962878a8', class: "modal_close", onClick: this.closeModal.bind(this) }, "\u00D7"), index$1.h("div", { key: 'fa05eaa3fe3290d3208d22787eb9070e7dbd9a36', class: "modal_header" }, index$1.h("slot", { key: '59bd180a7e8f93170192660762125d1a223685c8', name: "header" }, ((_a = this.el) === null || _a === void 0 ? void 0 : _a.title) && index$1.h("h5", { key: '62e66712f12473b258757d388abe0e9adc1b4f51', class: "modal_header__title" }, this.el.title))), index$1.h("div", { key: '31512fbc8989018e1748ae9829ec7da0ff80c2e3', class: { 'modal_content': true, overflow: this.overflow } }, index$1.h("slot", { key: '3e1457095d6395dd003d9e5c19e8d2709582ac90' })), index$1.h("div", { key: '0dc7ca06582fd8c820c7879d0a14e4d857377dca', class: "modal_footer" }, index$1.h("slot", { key: 'aeb68d21d797d474b21941c6194fc45df30d1e52', name: "footer" })), !!this.loading && (index$1.h("div", { key: '877ba9c2b2f70729c2d55acc6c0bc428a49a50f0', class: "loading" }, index$1.h("xv-loader-v2", { key: '3af7fe5e521bc109f7ca4c9fe0e71a42cf109d43', size: _vars.SIZE_VAR.LG })))))));
|
|
81603
81609
|
}
|
|
81604
81610
|
disconnectedCallback() {
|
|
81605
81611
|
this.removeTriggerListener();
|
|
@@ -81637,7 +81643,7 @@ const XvNotification = class {
|
|
|
81637
81643
|
};
|
|
81638
81644
|
}
|
|
81639
81645
|
render() {
|
|
81640
|
-
return (index$1.h(index$1.Host, { key: '
|
|
81646
|
+
return (index$1.h(index$1.Host, { key: 'd37f00c52f812a385c456d82b4b87c7906916812', class: "xv-notification", type: this.variant }, this.renderIcon(this.variant), index$1.h("div", { key: '1467b38a639bae0b44e8e2d0b16defeac4f72166', class: "content" }, index$1.h("div", { key: 'f50a6392c377f28964080dea4f425ce71a4dae66', class: "content_wrapper" }, this.el.title && index$1.h("h5", { key: 'd741175becbe9e1a5cc9e1f01dfac721d2cbdedf', class: "content_title" }, this.el.title), index$1.h("slot", { key: '63285e32f21da48b813fa221b1c03f72c98a1ef3' })), index$1.h("slot", { key: 'd51483a2a787804ebc7939aa656a2341ca1186b7', name: "footer" })), this.dismissible && index$1.h("button", { key: '052f4ca6bcc29ace7f898848b5cb76e8b45c82cb', class: "close", onClick: this.closeHandle })));
|
|
81641
81647
|
}
|
|
81642
81648
|
static get assetsDirs() { return ["xv-notification/icons"]; }
|
|
81643
81649
|
get el() { return index$1.getElement(this); }
|
|
@@ -81687,12 +81693,12 @@ const XvNumberInput = class {
|
|
|
81687
81693
|
this.valueChange.emit(this.value);
|
|
81688
81694
|
}
|
|
81689
81695
|
render() {
|
|
81690
|
-
return (index$1.h(index$1.Host, { key: '
|
|
81696
|
+
return (index$1.h(index$1.Host, { key: '100b128e1aa2658179bdec6cbdcf45b4e6642583', class: { disabled: !!this.disabled } }, index$1.h("label", { key: 'bc0630c638307adc926ec2b8bae1f1cdb66014df', class: "control" }, this.label && index$1.h("span", { key: 'b9cf77019641a10654d60ae6d678899269a7400d', class: "control_label" }, this.label), index$1.h("div", { key: '5adb5a1242c3ade7928c86b9a5afdcbb18817e33', class: {
|
|
81691
81697
|
'control_input': true,
|
|
81692
81698
|
readonly: !!this.readonly,
|
|
81693
81699
|
error: !!this.error,
|
|
81694
81700
|
warning: !!this.warning
|
|
81695
|
-
} }, index$1.h("input", { key: '
|
|
81701
|
+
} }, index$1.h("input", { key: '13664bb46b4f8b8b79283760dbb7f8bbb4e6b2b1', type: "number", placeholder: this.placeholder, disabled: this.disabled, readonly: this.readonly, onInput: this.handleInput, name: this.name, min: this.min, max: this.max, step: this.step, value: this.value }), index$1.h("div", { key: '7b63a11ced46b1bb72dbf72eaa453a21b8c03503', class: "control_input__icons" }, this.loading ? (index$1.h("xv-loader-v2", { size: _vars.SIZE_VAR.XS })) : !!this.error ? (index$1.h("span", { class: "status-icon error", "aria-hidden": "true" }, "!")) : !!this.warning ? (index$1.h("span", { class: "status-icon warning", "aria-hidden": "true" }, "\u26A0")) : null, index$1.h("xv-button-v2", { key: '7f7cb2cc4ecd3ea696f1d49e7a25adba5250c2cb', size: this.size, variant: "ghost", disabled: this.disabled || this.readonly, onClick: this.decrement, "aria-label": "Decrease" }, index$1.h("span", { key: '356ab5c00f95eea2857401734a8cfbb81c7ca461', slot: "icon-left", class: "status-icon" }, "\u2212")), index$1.h("hr", { key: '8a663deac27dfeee79ee7c9a0ef86afcfcc4179d' }), index$1.h("xv-button-v2", { key: '291cc1144ea316ae821f7e6554c6047122c170cc', size: this.size, variant: "ghost", disabled: this.disabled || this.readonly, onClick: this.increment, "aria-label": "Increase" }, index$1.h("span", { key: '22e7cae34a992389307470f6dca1c2eca1d6053c', slot: "icon-left", class: "status-icon" }, "+"))))), this.helper && index$1.h("p", { key: 'eee6e0b3ede295cb0bed4ccbda50ad838cf64c6e', class: "message" }, this.helper), typeof this.error === 'string' ? (index$1.h("p", { class: "message error" }, this.error)) : typeof this.warning === 'string' ? (index$1.h("p", { class: "message warning" }, this.warning)) : null));
|
|
81696
81702
|
}
|
|
81697
81703
|
static get formAssociated() { return true; }
|
|
81698
81704
|
};
|
|
@@ -81750,8 +81756,8 @@ const XvOverflowMenu = class {
|
|
|
81750
81756
|
}
|
|
81751
81757
|
}
|
|
81752
81758
|
render() {
|
|
81753
|
-
const button = (index$1.h("button", { key: '
|
|
81754
|
-
return (index$1.h(index$1.Host, { key: '
|
|
81759
|
+
const button = (index$1.h("button", { key: '212acc0ce0429ca38c356c6b82a3c9ce2aa85d32', class: { btn: true, open: this.open }, onClick: this.onOpenToggle, disabled: this.disabled }, index$1.h("slot", { key: '55b08167bb730258e19a5e85d57975671da90b2b', name: "trigger" }, index$1.h("svg", { key: '17d4d2111b429409ed7df07eda8490f00db47677', xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 128 512" }, index$1.h("path", { key: 'ceb59b9eea9440f4491d781719d1034e0a9da485', 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" })))));
|
|
81760
|
+
return (index$1.h(index$1.Host, { key: '99b1ab8d53a6392467b943bb9f7ed881f9cb0412', class: "xv-overflow-menu", size: this.size, role: "menu", tabindex: -1 }, this.tooltip ? index$1.h("xv-tooltip-v2", { message: this.tooltip }, button) : button, index$1.h("div", { key: 'ee1d50d8f50fe5071861521f05764f80c3b83376', class: { list: true, open: this.open, [`position-${this.position}`]: true } }, index$1.h("slot", { key: 'c01045f52c3ac7ffadca96395cc929c6dbbf8ac2' }))));
|
|
81755
81761
|
}
|
|
81756
81762
|
componentDidLoad() {
|
|
81757
81763
|
this.openChangeHandle();
|
|
@@ -81784,7 +81790,7 @@ const XvOverflowMenuItem = class {
|
|
|
81784
81790
|
this.itemClick.emit({ event, value: this.value });
|
|
81785
81791
|
}
|
|
81786
81792
|
render() {
|
|
81787
|
-
return (index$1.h(index$1.Host, { key: '
|
|
81793
|
+
return (index$1.h(index$1.Host, { key: 'fe75fb34037e2f5d7e4ceecf42f82ef46a9eee4c', class: "xv-overflow-menu-item", role: "menuitem", disabled: this.disabled }, index$1.h("slot", { key: '11b7ed8a8bdf49ba7e7ea79f548ea7dcc8b264b2' })));
|
|
81788
81794
|
}
|
|
81789
81795
|
};
|
|
81790
81796
|
XvOverflowMenuItem.style = xvOverflowMenuItemCss();
|
|
@@ -81882,7 +81888,7 @@ const XvPagination = class {
|
|
|
81882
81888
|
this.observer.disconnect();
|
|
81883
81889
|
}
|
|
81884
81890
|
render() {
|
|
81885
|
-
return (index$1.h(index$1.Host, { key: '
|
|
81891
|
+
return (index$1.h(index$1.Host, { key: '210ea26a1c7b5e6f918ffa409c510f42adea955a', class: { block: this.block, [this.currentVariant]: true, [this.size]: !!this.size } }, this.currentVariant === 'full' && (index$1.h("div", { key: 'a21c82c679fc7712e19c87e129aa754df3cbe563', class: "block" }, index$1.h("select", { key: '6adb81a9df98ff2739c709f30f06f6b605c48cfb', class: "options-select", name: "options", onChange: this.handleItemsPerPageChange }, this.itemsPerPageOptions.map((v) => index$1.h("option", { value: v }, v))))), this.currentVariant === 'full' && (index$1.h("span", { key: '3186923b5dc8dbf37b95f63ebff4376fe1af21cf', class: "block block_full" }, `${(this.page - 1) * this.itemsPerPage + 1} – ${Math.min(this.page * this.itemsPerPage, this.totalItems)} von ${this.totalItems} Einträgen`)), this.currentVariant === 'full' && (index$1.h("div", { key: '0b7b91b64d03c2de54398d29596b75b489651c3d', class: "block" }, index$1.h("select", { key: '8534960f2926fc2bdc436a1b61490bb3b5c97f53', class: "options-select", name: "pages", onChange: this.handlePageSelectChange }, Array.from({ length: this.total }, (_, i) => (index$1.h("option", { selected: this.page === i + 1, value: i + 1 }, i + 1)))), index$1.h("span", { key: 'bf0bf2394a14871e6ab26859fdc121d567a4ef99' }, "von ", this.total, " Seiten"))), this.currentVariant === 'compact' && index$1.h("span", { key: '433b98c39e914807ca40971387f06352a7f30b9e', class: "block" }, "Seite ", this.page), index$1.h("xv-button-v2", { key: '1dfe5751c70a4fa7ecb8b95c3f0b3903c2482dd4', variant: "ghost", size: this.size, onClick: () => this.handlePageChange(this.page - 1), disabled: this.page <= 1 }, index$1.h("span", { key: '8ee832bb9e54a8c6cbd1dd18042a9b9cbfcb901c', slot: "icon-left", class: "icon icon_prev" })), this.currentVariant === 'regular' && (index$1.h("ul", { key: 'c9c71a002290fc0e5ad13bbc5959ada62f9f4b73', class: "list" }, this.visiblePagesWithDots.map((page) => (index$1.h("li", { class: { active: this.page === page } }, page === 'dots-start' ? (index$1.h("div", { class: "list_dots" }, index$1.h("xv-button-v2", { variant: "ghost", size: this.size, tabindex: -1 }, index$1.h("span", { slot: "icon-left", class: "list_dots__icon" }, "...")), index$1.h("select", { name: "start", onChange: this.handlePageSelectChange }, Array.from({ length: this.page - 3 }, (_, i) => (index$1.h("option", { value: i + 2 }, i + 2)))))) : page === 'dots-end' ? (index$1.h("div", { class: "list_dots" }, index$1.h("xv-button-v2", { variant: "ghost", size: this.size, tabindex: -1 }, index$1.h("span", { slot: "icon-left", class: "list_dots__icon" }, "...")), index$1.h("select", { name: "end", onChange: this.handlePageSelectChange }, Array.from({ length: this.total - (this.page + 2) }, (_, i) => (index$1.h("option", { value: i + this.page + 2 }, i + this.page + 2)))))) : (index$1.h("xv-button-v2", { variant: "ghost", size: this.size, disabled: this.page === page, onClick: () => this.handlePageChange(page) }, index$1.h("span", { class: "list_page", slot: "icon-left" }, page)))))))), index$1.h("xv-button-v2", { key: 'f4f995312525551b7be50a677bae9e5781fb3aea', variant: "ghost", size: this.size, onClick: () => this.handlePageChange(this.page + 1), disabled: this.page >= this.total }, index$1.h("span", { key: '8fa7602b0c320f038e615ccad47bef7f76b16e9e', slot: "icon-left", class: "icon icon_next" }))));
|
|
81886
81892
|
}
|
|
81887
81893
|
get el() { return index$1.getElement(this); }
|
|
81888
81894
|
};
|
|
@@ -81951,7 +81957,7 @@ const XvProgressIndicator = class {
|
|
|
81951
81957
|
this.updateChildItems();
|
|
81952
81958
|
}
|
|
81953
81959
|
render() {
|
|
81954
|
-
return (index$1.h(index$1.Host, { key: '
|
|
81960
|
+
return (index$1.h(index$1.Host, { key: 'ebd0a63a5152f0ad74670b0543bca1e6d9abcbd7', variant: this.variant, size: this.size, class: { 'xv-progress-indicator': true } }, index$1.h("slot", { key: '7082a16388f12c76f5dc45f0de81c3aaffab4e03' })));
|
|
81955
81961
|
}
|
|
81956
81962
|
get el() { return index$1.getElement(this); }
|
|
81957
81963
|
static get watchers() { return {
|
|
@@ -81970,7 +81976,7 @@ const XvProgressIndicatorItem = class {
|
|
|
81970
81976
|
this.status = PROGRESS_ITEM_STATUS.NO_STARTED;
|
|
81971
81977
|
}
|
|
81972
81978
|
render() {
|
|
81973
|
-
return (index$1.h(index$1.Host, { key: '
|
|
81979
|
+
return (index$1.h(index$1.Host, { key: '6d7f6e40bbed6d60731afb883f716cf911593925', status: this.status, class: { 'xv-progress-indicator-item': true } }, index$1.h("span", { key: 'e12633afebc77d85ffd39351c0abc4c619cb3ad1', class: "line" }), index$1.h("span", { key: 'e822fb95db2630949388193537ccd1f656f9878c', class: "icon" }, index$1.h("svg", { key: '4c64d4ed53899217f24cb7d765ba8b93dc237ec4', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 448 512" }, index$1.h("path", { key: 'a68876b14e85a91d59cacf6f7f35bbc705e81194', fill: "currentColor", d: "M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z" }))), index$1.h("p", { key: '1a021d4c96e5835c79a378e67474c7fcc4b501a7', class: "label" }, index$1.h("slot", { key: '5cbe1f8e41050f339df125f969f495d559198214' }))));
|
|
81974
81980
|
}
|
|
81975
81981
|
get el() { return index$1.getElement(this); }
|
|
81976
81982
|
};
|
|
@@ -82002,12 +82008,12 @@ const XvRadio = class {
|
|
|
82002
82008
|
}
|
|
82003
82009
|
}
|
|
82004
82010
|
render() {
|
|
82005
|
-
return (index$1.h("div", { key: '
|
|
82011
|
+
return (index$1.h("div", { key: '9e4404e53c7ddad6d043d89852f5637dfa8d9332', class: {
|
|
82006
82012
|
'xv-radio': true,
|
|
82007
82013
|
'xv-radio--reverse': this.reverse,
|
|
82008
82014
|
'xv-radio--block': this.block,
|
|
82009
82015
|
[`xv-radio--size-${this.size}`]: !!this.size,
|
|
82010
|
-
} }, this.label && index$1.h("p", { key: '
|
|
82016
|
+
} }, this.label && index$1.h("p", { key: '5eef3abe5242c2f2d2fcafa099fd9318335d8931', class: "xv-radio_label" }, this.label), index$1.h("label", { key: 'f42c19f04af68872a2735d1c59557a927d89fc6d', class: { 'xv-radio_container': true, disabled: this.disabled } }, index$1.h("div", { key: '6691149a0d00ae2a2cacc598bdfbe4a640249adb', class: { 'xv-radio_input': true, 'xv-radio_input--error': !!this.error || this.error === '' } }, index$1.h("input", { key: '01adc0687b015fbaef1700026e053f0153528786', ref: el => (this.inputEl = el), type: "radio", name: this.name, value: this.value, checked: this.checked, readonly: this.readonly, disabled: this.disabled }), index$1.h("span", { key: 'ca7528bb5652ab0ead8522b7453d8ac3d3eb5c51', class: "xv-radio_input__mark" })), index$1.h("span", { key: '4677a9db2e9eea4008210cbeba997ebf6427e2df', class: "xv-radio_container__label" }, index$1.h("slot", { key: '0fa0141c2f4cb8339cb357e47c47683be717927d' }))), this.error && typeof this.error === 'string' && (index$1.h("span", { key: '8f2938e66f84ae38a4c42216d7258f74fc833f2d', class: "xv-radio_msg xv-radio_msg--error" }, index$1.h("span", { key: '7e074de049d10724c0b15e35275d3b61e6ea8f6c', class: "xv-radio_msg__status", "aria-hidden": "true" }, "!"), this.error)), this.warning && typeof this.warning === 'string' && (index$1.h("span", { key: 'bb9be776cd0ff00bb5a53bf39d4a38c163cca3cd', class: "xv-radio_msg xv-radio_msg--warning" }, index$1.h("span", { key: '51c0bd16a2e58587e996b2a1b6d79fd241588b14', class: "xv-radio_msg__status", "aria-hidden": "true" }, "\u26A0"), this.warning)), index$1.h("slot", { key: '3830382c6da7bf627bdbe2e0f0e594a1ae97ca2c', name: "info" })));
|
|
82011
82017
|
}
|
|
82012
82018
|
connectedCallback() {
|
|
82013
82019
|
var _a;
|
|
@@ -82091,7 +82097,7 @@ const XvSlider = class {
|
|
|
82091
82097
|
this.setValue(this.min);
|
|
82092
82098
|
}
|
|
82093
82099
|
render() {
|
|
82094
|
-
return (index$1.h(index$1.Host, { key: '
|
|
82100
|
+
return (index$1.h(index$1.Host, { key: '8b322666d452c6a121197af24bfe9cb5b93c49ed', class: { disabled: this.disabled, readonly: this.readonly } }, this.label && index$1.h("label", { key: '8bad8aca9a606e9a7b1a8738f54997d1a2ab6126', class: "label" }, this.label), index$1.h("div", { key: 'f09dd0b6186144ec0d60a4d3984f60e73217f41b', class: "control" }, index$1.h("span", { key: '33009cbd0d363af54a7ad2e6feac0d1ebafe6bb1', class: "control_label" }, this.min), index$1.h("input", { key: 'cefa05026013b2fcc15ab7916eba5ce3575babac', type: "range", disabled: this.disabled || this.readonly, readonly: this.readonly, name: this.name, min: this.min, max: this.max, step: this.step, value: this.value, onInput: this.handleInput, style: { backgroundSize: `${((this.value - this.min) * 100) / (this.max - this.min)}% 100%` } }), index$1.h("span", { key: '9dad1b9ae99c15238c90c4fa717bcc0cb075ea15', class: "control_label" }, this.max), !this.notEditable && (index$1.h("input", { key: 'e1ce3acf3facbb3464e22d44e3ac867e40e3e3b5', type: "number", disabled: this.disabled, readonly: this.readonly, name: `${this.name}-number-input`, step: this.step, min: this.min, max: this.max, value: this.value, onInput: this.handleNumberInput, onBlur: this.handleNumberBlur })))));
|
|
82095
82101
|
}
|
|
82096
82102
|
static get formAssociated() { return true; }
|
|
82097
82103
|
};
|
|
@@ -82106,7 +82112,7 @@ const XvTab = class {
|
|
|
82106
82112
|
this.loading = false;
|
|
82107
82113
|
}
|
|
82108
82114
|
render() {
|
|
82109
|
-
return (index$1.h(index$1.Host, { key: '
|
|
82115
|
+
return (index$1.h(index$1.Host, { key: '3eef9824ccca51378d048f64e001aa649684b55e', disabled: this.disabled, name: this.name }, this.loading ? index$1.h("xv-loader-v2", { size: _vars.SIZE_VAR.LG }) : index$1.h("slot", null)));
|
|
82110
82116
|
}
|
|
82111
82117
|
};
|
|
82112
82118
|
XvTab.style = xvTabCss();
|
|
@@ -82146,7 +82152,7 @@ const XvTable = class {
|
|
|
82146
82152
|
.join(' ') + ' repeat(auto-fit, minmax(0, 1fr))');
|
|
82147
82153
|
}
|
|
82148
82154
|
render() {
|
|
82149
|
-
return (index$1.h(index$1.Host, { key: '
|
|
82155
|
+
return (index$1.h(index$1.Host, { key: '3378f93964286016aead896cf9ddeb8441fc5cf1', class: { batchVisible: !!this.selectedCount } }, index$1.h("slot", { key: '03200d295f8e39378533529e5a4fb1d8e2887ee8', name: "title" }, !!this.el.title && index$1.h("h2", { key: '7121289ae3921e43723e94e4d99767000b687139', class: "xv-table-title" }, this.el.title)), index$1.h("slot", { key: 'ca77ad256b3f4f92e883530bc95b4d7bd94c21ae', name: "toolbar" }), index$1.h("div", { key: 'd58ea2535869bf5cda6f8f9b6bf4177082a36a5f', class: "xv-table" }, index$1.h("div", { key: '33847f258beded610a2fc3c73507701f1e7e478e', class: "batch-actions" }, index$1.h(index$1.Fragment, { key: '07d9960b1bba4e66d84f888075dcf6aa5db4f291' }, index$1.h("div", { key: 'f12a52d421438cd568518939b70216f4301f086b', class: "batch-actions_content" }, index$1.h("slot", { key: '080804c92ad1499e470cf2cf4cbb9b6af4e13374', name: "batch" })), index$1.h("p", { key: 'd9b3d215bc14ba806e08bfe007348e20ab33a47b', class: "batch-actions_count" }, !!this.selectedCount && `${this.selectedCount} ${this.selectedCount === 1 ? 'Position ausgewählt' : 'Positionen ausgewählt'}`))), index$1.h("div", { key: '321c75950513f8fe09230c5d5bfcfe39b65811d2', class: "xv-table_wrapper" }, index$1.h("slot", { key: '42b1cbf019c96bd7b54ae4384ec23b47ff974e12' }), index$1.h("slot", { key: '5f8aa00056ad68d7273bc9450c394ed844f73b31', name: "footer" })), !!this.loading && (index$1.h("div", { key: '93014f426b2f0cdf60b741bf0736844fce7d5bdf', class: "xv-table_loading" }, index$1.h("xv-loader-v2", { key: '997eba60cddc9ffecc983d2f6b6a30574bbd67d0', size: _vars.SIZE_VAR.LG }))))));
|
|
82150
82156
|
}
|
|
82151
82157
|
componentWillLoad() {
|
|
82152
82158
|
this.setColsSizeTemplate();
|
|
@@ -82187,7 +82193,7 @@ const XvTableCell = class {
|
|
|
82187
82193
|
}
|
|
82188
82194
|
;
|
|
82189
82195
|
render() {
|
|
82190
|
-
return (index$1.h(index$1.Host, { key: '
|
|
82196
|
+
return (index$1.h(index$1.Host, { key: '61dd47a88ca67ed66807044fc1ad6c9affe13a5d' }, index$1.h("slot", { key: 'c7f2d9149f9f511fab2e2b58dc797513ca22686e' })));
|
|
82191
82197
|
}
|
|
82192
82198
|
get el() { return index$1.getElement(this); }
|
|
82193
82199
|
};
|
|
@@ -82208,7 +82214,7 @@ const XvTableExpand = class {
|
|
|
82208
82214
|
};
|
|
82209
82215
|
}
|
|
82210
82216
|
render() {
|
|
82211
|
-
return (index$1.h(index$1.Host, { key: '
|
|
82217
|
+
return (index$1.h(index$1.Host, { key: '18e3c240044738ea523308e1456a31fde740bc53' }, index$1.h("button", { key: '71b0e10898b4c5f7783038b1b80c5c5bba228f57', class: { 'expand-btn': true, open: this.open }, disabled: this.disabled, onClick: this.handleExpand }), index$1.h("slot", { key: '84daaed9e0d914c59ef17f5a6772f44f03b7360e', name: XV_EXPANDABLE_KEY }), index$1.h("div", { key: '5a7986f3df5509bca78aeb1210f0f5bdb1269c29', class: { expandableContent: true, open: this.open } }, index$1.h("slot", { key: '98402f8d72e82032cb5d4a82d19752071c10f73c' }))));
|
|
82212
82218
|
}
|
|
82213
82219
|
componentDidLoad() {
|
|
82214
82220
|
index$2.setAttr(this.el.parentElement, XV_EXPANDABLE_KEY, true);
|
|
@@ -82263,7 +82269,7 @@ const XvTableRow = class {
|
|
|
82263
82269
|
}
|
|
82264
82270
|
}
|
|
82265
82271
|
render() {
|
|
82266
|
-
return (index$1.h(index$1.Host, { key: '
|
|
82272
|
+
return (index$1.h(index$1.Host, { key: '718559c442dba13b80325517022c409ecadf2eb6' }, this.variant !== undefined && (index$1.h("xv-table-v2-cell", { key: '9b3f731e0736633a442b740fecc028970f8c7724', class: "cell-control" }, this.variant === 'checkbox' && (index$1.h("xv-checkbox-v2", { key: '87c1313181781c0064e20d6f49b4230b725250e1', name: this.name, partial: this.partial, checked: this.checked || this.partial, disabled: this.disabled, required: this.required, readonly: this.readonly, onEventChange: this.checkHandle })), this.variant === 'radio' && (index$1.h("input", { key: '2129bdb4b59933945f354eab41a687aee314c193', type: "radio", name: this.name, checked: this.checked || this.partial, disabled: this.disabled, required: this.required, readonly: this.readonly })))), index$1.h("slot", { key: '78076201fd11d65f3fc4204f03ec495aebd39358' })));
|
|
82267
82273
|
}
|
|
82268
82274
|
componentWillLoad() {
|
|
82269
82275
|
this.setInitialAttrs();
|
|
@@ -82621,12 +82627,12 @@ const XvTagCombobox = class {
|
|
|
82621
82627
|
const suggestionsVisible = this.open && this.filtered.length > 0;
|
|
82622
82628
|
const ariaOwns = suggestionsVisible ? `${this.uid}-listbox` : undefined;
|
|
82623
82629
|
const activedesc = this.highlighted >= 0 ? this.optionId(this.highlighted) : undefined;
|
|
82624
|
-
return (index$1.h(index$1.Host, { key: '
|
|
82630
|
+
return (index$1.h(index$1.Host, { key: '69c01e9eb583ef71fbaa080b573d10f303b7e24e', class: "xv-combobox", part: "root", size: this.size }, this.label && index$1.h("label", { key: '7ce01090e6ab5d6aaaf8ef1116088f5c41d79466', class: "label" }, this.label), index$1.h("div", { key: '6601abee6d549eaac2ba3687a037e13e344f09b7', class: {
|
|
82625
82631
|
'control': true,
|
|
82626
82632
|
'control--disabled': this.disabled,
|
|
82627
82633
|
'control--error': !!this.error,
|
|
82628
82634
|
'control--readonly': !!this.readonly,
|
|
82629
|
-
}, onClick: () => this.blockClick() }, index$1.h("div", { key: '
|
|
82635
|
+
}, onClick: () => this.blockClick() }, index$1.h("div", { key: 'fc1705925c693e26fc5524b16d74ad2392fd9c1b', class: "control-chips", role: "list" }, this.selected.map((s, i) => (index$1.h("xv-tag-v2", { role: "listitem", part: "chip", "data-value": s.value, size: this.COMPARE_TAG_SIZE[this.size], disabled: this.disabled, bg: (s === null || s === void 0 ? void 0 : s.bg) || 'var(--layer-accent-01, #F7F7F7)', color: (s === null || s === void 0 ? void 0 : s.color) || 'var(--text-primary, #333)', closeable: !this.readonly, onCloseClick: ({ detail }) => this.removeTag(i, detail) }, s.label))), index$1.h("input", { key: '2182ba45435c85c97cbd371521403de255a2845a', ref: (el) => (this.inputEl = el), class: "control-input", readonly: this.readonly, placeholder: this.selected.length ? '' : this.placeholder, value: this.inputValue, onInput: (e) => this.onInput(e), onKeyDown: (e) => this.onKeyDown(e), onFocus: () => { this.onOpen(); this.recomputeFiltered(); }, "aria-autocomplete": "list", "aria-expanded": this.open ? 'true' : 'false', "aria-controls": ariaOwns, "aria-activedescendant": activedesc, disabled: this.disabled }))), this.error && typeof this.error === 'string' && (index$1.h("p", { key: 'd774d251a06f2370d8390d20e6fbc64fc1b26cce', class: "message message--error" }, this.error)), this.warning && typeof this.warning === 'string' && (index$1.h("p", { key: '3bc2e30ee8fa1975c0745c81fbe048f9cf04014c', class: "message message--warning" }, this.warning)), suggestionsVisible && (index$1.h("ul", { key: 'aed3104df95c11adeb59d1ee0ecca2e8c49afcef', id: `${this.uid}-listbox`, class: "suggestions", role: "listbox", part: "listbox" }, this.filtered.map((opt, idx) => (index$1.h("li", { id: this.optionId(idx), class: { 'suggestions-opt': true, 'suggestions-opt--highlight': idx === this.highlighted }, role: "option", "aria-selected": idx === this.highlighted, onMouseEnter: () => this.onOptionMouseEnter(idx), onMouseDown: (ev) => ev.preventDefault(), onClick: () => this.selectOption(opt) }, index$1.h("div", { class: "suggestions-opt-content" }, opt.bg ? index$1.h("span", { class: "suggestions-opt-content--color", style: { background: opt.bg } }) : null, index$1.h("span", { class: "suggestions-opt-content--label" }, this.highlightLabel(opt.label).map((seg, i) => typeof seg === 'string' ? index$1.h("span", { key: i }, seg) : index$1.h("strong", { key: i }, seg.match)))))))))));
|
|
82630
82636
|
}
|
|
82631
82637
|
get host() { return index$1.getElement(this); }
|
|
82632
82638
|
static get watchers() { return {
|
|
@@ -82658,7 +82664,7 @@ const XvTag = class {
|
|
|
82658
82664
|
this.closeClick.emit(e);
|
|
82659
82665
|
}
|
|
82660
82666
|
render() {
|
|
82661
|
-
return (index$1.h(index$1.Host, { key: '
|
|
82667
|
+
return (index$1.h(index$1.Host, { key: 'a38b9c4edca72c2bc9540e113ad18a7c129d0eb5', style: { color: this.color, background: this.bg }, class: `xv-tag ${this.disabled ? 'disabled' : ''} ${this.size}` }, index$1.h("div", { key: 'a691bc698b9abfd62988a83f1105fe352713bdaa', class: "xv-tag_content", part: "details-content" }, index$1.h("slot", { key: '0b52ffe899a57a3dcb3cf38fde2eec851db60566' })), this.closeable && (index$1.h("button", { key: '0c1c396fde3b9ccae2bb549e1f17923cb1bfa9b9', onClick: this.closeHandler.bind(this), class: "xv-tag_close" }))));
|
|
82662
82668
|
}
|
|
82663
82669
|
};
|
|
82664
82670
|
XvTag.style = xvTagCss();
|
|
@@ -82692,13 +82698,13 @@ const XvTextInput = class {
|
|
|
82692
82698
|
};
|
|
82693
82699
|
}
|
|
82694
82700
|
render() {
|
|
82695
|
-
return (index$1.h(index$1.Host, { key: '
|
|
82701
|
+
return (index$1.h(index$1.Host, { key: '4d65dd8f35349da24017e2535fc1aa6839252517', class: { disabled: !!this.disabled } }, index$1.h("label", { key: 'cf9e97e3e8f254b8bee917123f7031a19053f6b5', class: "control" }, this.label && index$1.h("span", { key: '2c9f2652bed4b03348c72f8529e5d84492cb3d38', class: "control_label" }, this.label), index$1.h("div", { key: '3a7c7dc519926d55cf97f5a211b18958426ab53f', class: {
|
|
82696
82702
|
'control_input': true,
|
|
82697
82703
|
readonly: !!this.readonly,
|
|
82698
82704
|
[this.size]: true,
|
|
82699
82705
|
error: !!this.error,
|
|
82700
82706
|
warning: !!this.warning,
|
|
82701
|
-
} }, index$1.h("input", { key: '
|
|
82707
|
+
} }, index$1.h("input", { key: '463f1fa9022d49cdebdb426bad0ba20ed5dea187', autocomplete: this.autocomplete, type: (this.type === 'password' && this.isPasswordVisible && 'text') || this.type, placeholder: this.placeholder, disabled: this.disabled, readonly: this.readonly, onInput: this.handleInput, name: this.name, value: this.value }), index$1.h("div", { key: 'b392d7074784bc519033ed4b60c0bddf27e3148a', class: "control_input__icons" }, this.loading && index$1.h("xv-loader-v2", { key: '227a1369f29a1df2733003efe9633679411229b4', size: _vars.SIZE_VAR.XS }), !!this.error ? (index$1.h("span", { class: "status-icon error", "aria-hidden": "true" }, "!")) : !!this.warning ? (index$1.h("span", { class: "status-icon warning", "aria-hidden": "true" }, "\u26A0")) : null, this.type === 'password' && (index$1.h("button", { key: 'd87f42fff67093e7d02c684f9a864cd3dc1baa68', onClick: this.togglePassword, disabled: this.disabled, class: "status-icon" }, index$1.h("svg", { key: 'e127d604539f9493b28ecfc488e486efb45adfac', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 640 512", width: 16, height: 16 }, this.isPasswordVisible ? (index$1.h("path", { fill: "currentColor", d: "M38.8 5.1C28.4-3.1 13.3-1.2 5.1 9.2S-1.2 34.7 9.2 42.9l592 464c10.4 8.2 25.5 6.3 33.7-4.1s6.3-25.5-4.1-33.7L525.6 386.7c39.6-40.6 66.4-86.1 79.9-118.4c3.3-7.9 3.3-16.7 0-24.6c-14.9-35.7-46.2-87.7-93-131.1C465.5 68.8 400.8 32 320 32c-68.2 0-125 26.3-169.3 60.8L38.8 5.1zm151 118.3C226 97.7 269.5 80 320 80c65.2 0 118.8 29.6 159.9 67.7C518.4 183.5 545 226 558.6 256c-12.6 28-36.6 66.8-70.9 100.9l-53.8-42.2c9.1-17.6 14.2-37.5 14.2-58.7c0-70.7-57.3-128-128-128c-32.2 0-61.7 11.9-84.2 31.5l-46.1-36.1zM394.9 284.2l-81.5-63.9c4.2-8.5 6.6-18.2 6.6-28.3c0-5.5-.7-10.9-2-16c.7 0 1.3 0 2 0c44.2 0 80 35.8 80 80c0 9.9-1.8 19.4-5.1 28.2zm9.4 130.3C378.8 425.4 350.7 432 320 432c-65.2 0-118.8-29.6-159.9-67.7C121.6 328.5 95 286 81.4 256c8.3-18.4 21.5-41.5 39.4-64.8L83.1 161.5C60.3 191.2 44 220.8 34.5 243.7c-3.3 7.9-3.3 16.7 0 24.6c14.9 35.7 46.2 87.7 93 131.1C174.5 443.2 239.2 480 320 480c47.8 0 89.9-12.9 126.2-32.5l-41.9-33zM192 256c0 70.7 57.3 128 128 128c13.3 0 26.1-2 38.2-5.8L302 334c-23.5-5.4-43.1-21.2-53.7-42.3l-56.1-44.2c-.2 2.8-.3 5.6-.3 8.5z" })) : (index$1.h("path", { fill: "currentColor", d: "M288 80c-65.2 0-118.8 29.6-159.9 67.7C89.6 183.5 63 226 49.4 256c13.6 30 40.2 72.5 78.6 108.3C169.2 402.4 222.8 432 288 432s118.8-29.6 159.9-67.7C486.4 328.5 513 286 526.6 256c-13.6-30-40.2-72.5-78.6-108.3C406.8 109.6 353.2 80 288 80zM95.4 112.6C142.5 68.8 207.2 32 288 32s145.5 36.8 192.6 80.6c46.8 43.5 78.1 95.4 93 131.1c3.3 7.9 3.3 16.7 0 24.6c-14.9 35.7-46.2 87.7-93 131.1C433.5 443.2 368.8 480 288 480s-145.5-36.8-192.6-80.6C48.6 356 17.3 304 2.5 268.3c-3.3-7.9-3.3-16.7 0-24.6C17.3 208 48.6 156 95.4 112.6zM288 336c44.2 0 80-35.8 80-80s-35.8-80-80-80c-.7 0-1.3 0-2 0c1.3 5.1 2 10.5 2 16c0 35.3-28.7 64-64 64c-5.5 0-10.9-.7-16-2c0 .7 0 1.3 0 2c0 44.2 35.8 80 80 80zm0-208a128 128 0 1 1 0 256 128 128 0 1 1 0-256z" })))))))), this.helper && index$1.h("p", { key: 'cef010892248f0a153b3861b91b9eb061d621943', class: "message" }, this.helper), typeof this.error === 'string' ? (index$1.h("p", { class: "message error" }, this.error)) : typeof this.warning === 'string' ? (index$1.h("p", { class: "message warning" }, this.warning)) : null));
|
|
82702
82708
|
}
|
|
82703
82709
|
static get formAssociated() { return true; }
|
|
82704
82710
|
};
|
|
@@ -82735,12 +82741,12 @@ const XvTextarea = class {
|
|
|
82735
82741
|
this.value && this.internals.setFormValue(this.value);
|
|
82736
82742
|
}
|
|
82737
82743
|
render() {
|
|
82738
|
-
return (index$1.h(index$1.Host, { key: '
|
|
82744
|
+
return (index$1.h(index$1.Host, { key: 'fc5dbe9fb52d30b25cb7d683b007346e8c61a8d2', class: { disabled: !!this.disabled } }, index$1.h("label", { key: '7f8e53ff338ad8233754e2c6a7f31aac472eca81', class: "control" }, (this.label || this.max) && (index$1.h("p", { key: 'e740b5e3b5d9dcae4b3d6a993e3b0c8b2d9d62fb', class: "control_label" }, index$1.h("span", { key: '210a67e96a33953bec8a282e77d0fe3dfc0cf6b2' }, this.label, this.info && index$1.h("xv-tooltip-v2", { key: '614da1dcaf72c181831477d90e94f954db0fef92', message: this.info })), this.max !== undefined && !this.counterHide && (index$1.h("span", { key: 'a366836e74bef780dbc9e03c79548a2f74bb81b6', class: "control_label__count" }, this.value.length || 0, "/", this.max)))), index$1.h("div", { key: '0a6a63118039397b94bf56db1b4e74259ddd5805', class: {
|
|
82739
82745
|
'control_input': true,
|
|
82740
82746
|
readonly: !!this.readonly,
|
|
82741
82747
|
error: !!this.error,
|
|
82742
82748
|
warning: this.warning !== undefined,
|
|
82743
|
-
} }, index$1.h("textarea", { key: '
|
|
82749
|
+
} }, index$1.h("textarea", { key: 'e6a447b9e88c552ea4baa86d0ff396c4827ab9af', class: { 'no-resize': !!this.noResize }, name: this.name, rows: this.rows, value: this.value, maxLength: this.max, disabled: this.disabled, readOnly: this.readonly, placeholder: this.placeholder, onInput: this.onInput }), index$1.h("div", { key: '037a3abc525c94d0a9235cbb8fbdbdcad4e49558', class: "control_input__icons" }, this._renderIcon()))), this.helper && index$1.h("p", { key: '594fa0b7c651da7a550d12381452d74dcd167c1f', class: "message" }, this.helper), typeof this.error === 'string' ? (index$1.h("p", { class: "message error" }, this.error)) : typeof this.warning === 'string' ? (index$1.h("p", { class: "message warning" }, this.warning)) : null));
|
|
82744
82750
|
}
|
|
82745
82751
|
_renderIcon() {
|
|
82746
82752
|
if (this.loading)
|
|
@@ -82791,7 +82797,7 @@ const XvTile = class {
|
|
|
82791
82797
|
this.checked = !this.checked;
|
|
82792
82798
|
}
|
|
82793
82799
|
render() {
|
|
82794
|
-
return (index$1.h(index$1.Host, { key: '
|
|
82800
|
+
return (index$1.h(index$1.Host, { key: 'eba688ac0e37c4d7fe63283b206d773deb6fb02e', class: "xv-tile--host" }, index$1.h("label", { key: 'e4dae8ce836bba81536a94fea4165c22b04ba15f', class: {
|
|
82795
82801
|
[this.el.className]: !!this.el.className,
|
|
82796
82802
|
'xv-tile': true,
|
|
82797
82803
|
[`xv-tile--variant-${this.variant}`]: !!this.variant,
|
|
@@ -82799,7 +82805,7 @@ const XvTile = class {
|
|
|
82799
82805
|
'xv-tile--disabled': !!this.disabled,
|
|
82800
82806
|
'selected': !!this.checked,
|
|
82801
82807
|
'xv-tile--error': !!this.error,
|
|
82802
|
-
} }, index$1.h("div", { key: '
|
|
82808
|
+
} }, index$1.h("div", { key: '112c0028686851beb729223a7bea2ca59326fbd0', class: "xv-tile_content" }, this.label && index$1.h("p", { key: 'cedae08b6ee1ee1b2e0cc9b547542d69ad323fa9', class: "xv-tile_content__title" }, this.label), index$1.h("slot", { key: 'e025b8a24f1b4a1eaf5dbb60c0390eb299bfbf56' })), this.variant === 'selectable' && (index$1.h("div", { key: '6f855e5728dfe0e138bd96339876fa27456605e3', class: "xv-tile_control" }, this.multiple ? (index$1.h("input", { type: "checkbox", disabled: this.disabled || this.readonly, readonly: this.readonly, onChange: this.handleChange, name: this.name, value: this.value, checked: this.checked })) : (index$1.h("input", { type: "radio", disabled: this.disabled || this.readonly, readonly: this.readonly, onChange: this.handleChange, name: this.name, value: this.value, checked: this.checked })))), (this.variant === 'clickable' || this.variant === 'expandable') && (index$1.h("div", { key: '1f01ab0d8fd9bdd533d0d8e1430192d5badfde56', class: "xv-tile_footer" }, index$1.h("button", { key: '2b7746235d3e615c17820a3ac114a6b135ab4655', class: { 'xv-tile_footer__icon': true, [`icon--${this.variant}`]: true, open: this.checked } }))), index$1.h("div", { key: 'e9f0c6eb5391808becf9fe9316867da7eb08be9f', class: { 'xv-tile_expandable': true, open: this.checked } }, index$1.h("slot", { key: '4d7dcced19f482007e4ed8f5f5f688ea0a16d454', name: "expandable" })))));
|
|
82803
82809
|
}
|
|
82804
82810
|
get el() { return index$1.getElement(this); }
|
|
82805
82811
|
};
|
|
@@ -82831,7 +82837,7 @@ const XvToggle = class {
|
|
|
82831
82837
|
};
|
|
82832
82838
|
}
|
|
82833
82839
|
render() {
|
|
82834
|
-
return (index$1.h(index$1.Host, { key: '
|
|
82840
|
+
return (index$1.h(index$1.Host, { key: '9cd6d5181ea21c81733a3a495ca6e44db7a05e81', class: { 'xv-toggle': true, disabled: this.disabled, readonly: !!this.readonly, block: !!this.block } }, this.label && index$1.h("span", { key: '37147b16da923ed78b6aa6fb0d1fb84de6f7fa38', class: "label" }, this.label), index$1.h("label", { key: '309bf4d0698104bd1ad365652af76746719339c8', class: "control" }, index$1.h("slot", { key: '400db9b086ee9762b717efa4a1550c769231a6e3', name: "before" }), index$1.h("div", { key: '69f05d329f7988c7cedfa4ed0adec4f0514a7c81', class: "control_input" }, index$1.h("input", { key: '35a2575ba9af06b1e395da07ab7d9f3ff0b09db8', type: "checkbox", readonly: this.readonly, name: this.name, value: this.value, checked: this.checked, disabled: this.disabled || this.readonly, onChange: this.onChange }), index$1.h("span", { key: '88136787ed0d5fa0eac007bc08914ff8cef7df77', class: "toggle" })), index$1.h("slot", { key: '5c1f66033ab5a4373a4b8ce708a23fb82a75f5b6', name: "after" }))));
|
|
82835
82841
|
}
|
|
82836
82842
|
static get formAssociated() { return true; }
|
|
82837
82843
|
};
|
|
@@ -82908,7 +82914,7 @@ const XvToggleTip = class {
|
|
|
82908
82914
|
}
|
|
82909
82915
|
;
|
|
82910
82916
|
render() {
|
|
82911
|
-
return (index$1.h(index$1.Host, { key: '
|
|
82917
|
+
return (index$1.h(index$1.Host, { key: 'b9832d8cc8c0738d6cccffe456b48276940dd3c6', class: "xv-toggle-tip" }, index$1.h("div", { key: '717dc1fd3365a8713580632424d3a01d53bf5a61', class: { 'trigger': true, 'trigger--block': this.block }, role: "button", tabindex: "0", "aria-expanded": this.open ? 'true' : 'false', "aria-controls": "popover", onClick: () => this.setPopover(!this.open), ref: (el) => (this.triggerEl = el) }, index$1.h("slot", { key: 'fee164d01725d44a5c4224e9733832725d053e7d', name: "trigger" }, index$1.h("svg", { key: '42edf72fd6b4c7ff5a232529523743bb98b6da92', class: "trigger_icon", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", width: 16, height: 16 }, index$1.h("path", { key: 'f3a54030e7109483d09e790dddc323ba875be313', fill: "currentColor", d: "M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336c-13.3 0-24 10.7-24 24s10.7 24 24 24l80 0c13.3 0 24-10.7 24-24s-10.7-24-24-24l-8 0 0-88c0-13.3-10.7-24-24-24l-48 0c-13.3 0-24 10.7-24 24s10.7 24 24 24l24 0 0 64-24 0zm40-144a32 32 0 1 0 0-64 32 32 0 1 0 0 64z" })))), index$1.h("div", { key: 'c523fdf032539304ce2ef99ab54bfac74c8ec83a', class: { popover: true, autoSize: !!this.autoSize }, role: "tooltip", tabindex: "-1", ref: (el) => (this.popoverEl = el) }, index$1.h("div", { key: '24296777fa2a2dfde798f27d581d730e3827f15d', class: "popover-tip", part: "tip", "data-popper-arrow": "" }), index$1.h("div", { key: 'd3f363b8721659298acd6cecf85ac2d2c2e830b5', class: "popover-content" }, index$1.h("slot", { key: '42392813a987586fd89d379b079eb823bd609aa7', name: "header" }), index$1.h("slot", { key: '2da6d4e87c53be604af7662cc7afa6faeaa209e8', name: "body" }), index$1.h("slot", { key: 'f1403607d6dc1d8e29a36a4f0cf8c74161fc25c2', name: "footer" })))));
|
|
82912
82918
|
}
|
|
82913
82919
|
disconnectedCallback() {
|
|
82914
82920
|
this.destroyPopper();
|
|
@@ -82963,11 +82969,11 @@ const XvTooltip = class {
|
|
|
82963
82969
|
this.destroyTooltip();
|
|
82964
82970
|
}
|
|
82965
82971
|
render() {
|
|
82966
|
-
return (index$1.h(index$1.Host, { key: '
|
|
82972
|
+
return (index$1.h(index$1.Host, { key: 'cad0556cdb230e1733aa12e3ba2e79edea9f5a93', role: "tooltip", class: {
|
|
82967
82973
|
'xv-tooltip-wrapper': true,
|
|
82968
82974
|
[`xv-tooltip-wrapper__block`]: !!this.block,
|
|
82969
82975
|
[`xv-tooltip-wrapper__dashed`]: !!this.dashed,
|
|
82970
|
-
} }, index$1.h("slot", { key: '
|
|
82976
|
+
} }, index$1.h("slot", { key: '2ede8aebcab177c4ae8d0697c52bf6d7dc48dc1a' }, index$1.h("svg", { key: '45bdcce104fb2c23e454c6d92298bee5ee8f7037', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", width: 16, height: 16 }, index$1.h("path", { key: 'e51c755a78b03357882791601e59d1789a579c44', fill: "currentColor", d: "M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336c-13.3 0-24 10.7-24 24s10.7 24 24 24l80 0c13.3 0 24-10.7 24-24s-10.7-24-24-24l-8 0 0-88c0-13.3-10.7-24-24-24l-48 0c-13.3 0-24 10.7-24 24s10.7 24 24 24l24 0 0 64-24 0zm40-144a32 32 0 1 0 0-64 32 32 0 1 0 0 64z" })))));
|
|
82971
82977
|
}
|
|
82972
82978
|
get el() { return index$1.getElement(this); }
|
|
82973
82979
|
};
|