xv-webcomponents 1.17.4-qa.0 → 1.17.5-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 +28 -20
- package/dist/cjs/xv-webcomponents.cjs.js +1 -1
- package/dist/collection/components/xv-tag-combobox/xv-tag-combobox.css +7 -0
- package/dist/collection/components/xv-tag-combobox/xv-tag-combobox.js +37 -9
- 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 +28 -20
- package/dist/esm/xv-webcomponents.js +1 -1
- package/dist/types/components/xv-tag-combobox/xv-tag-combobox.d.ts +1 -0
- package/dist/types/components.d.ts +8 -0
- package/dist/xv-webcomponents/{p-6bb184f5.entry.js → p-05e9981d.entry.js} +1 -1
- package/dist/xv-webcomponents/xv-webcomponents.esm.js +1 -1
- package/package.json +1 -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"]]],[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"]]],[
|
|
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}]}],[1,"xv-tag-combobox",{"options":[16],"label":[1],"size":[1],"placeholder":[1],"allowCreate":[4,"allow-create"],"maxSuggestions":[2,"max-suggestions"],"disabled":[4],"loading":[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}]}],[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"]]],[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;
|
|
@@ -82390,7 +82390,7 @@ const XvTabs = class {
|
|
|
82390
82390
|
};
|
|
82391
82391
|
XvTabs.style = xvTabsCss();
|
|
82392
82392
|
|
|
82393
|
-
const xvTagComboboxCss = () => `.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{display:block;font-family:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;width:100%;box-sizing:border-box;position:relative;text-align:left}:host .label{display:block;margin-bottom:var(--spacing-03);color:var(--text-secondary, #515151);font-family:var(--ff-body), sans-serif;font-size:var(--fz-sm, 12px);font-style:normal;font-weight:400;line-height:var(--fz-md);letter-spacing:0.32px}:host .control{overflow:auto;border-radius:3px;border:1px solid var(--border-subtle-01);outline:2px solid transparent;padding-block:var(--spacing-02);padding-inline:var(--spacing-05);box-sizing:border-box;display:flex;align-items:center;min-height:40px;cursor:text}:host .control:focus-within{outline:2px solid var(--focus)}:host .control--error{outline-color:var(--support-error)}:host .control--readonly{border-radius:0;border-top-width:0;border-left-width:0;border-right-width:0;outline-color:transparent}:host .control--disabled{opacity:0.6;cursor:not-allowed}:host .control-chips{display:flex;align-items:center;flex-wrap:wrap;gap:6px;width:100%}:host .control-input{flex:1;min-width:120px;border:none;outline:none;font-size:inherit;color:inherit;background:transparent;padding:0;margin:0}:host .control-input:disabled{cursor:not-allowed}:host .control-input::placeholder{color:var(--text-placeholder)}:host .message{margin:var(--spacing-02) 0 0;color:var(--text-helper, #646464);font-size:var(--fz-sm, 12px);font-style:normal;font-weight:400;line-height:var(--fz-md, 16px);letter-spacing:0.32px}:host .message--error{color:var(--text-error)}:host .message--warning{color:var(--text-secondary, #515151)}:host .suggestions{position:absolute;top:100%;left:0;right:0;background:var(--layer-02, #fff);border-radius:3px;border:1px solid var(--border-subtle-01);box-shadow:0 6px 18px rgba(0, 0, 0, 0.06);max-height:220px;overflow:auto;z-index:50;margin:var(--spacing-01) 0 0;padding:var(--spacing-03) 0}:host .suggestions-opt{padding:8px 12px;cursor:pointer;display:flex;align-items:center}:host .suggestions-opt :hover,:host .suggestions-opt--highlight{background-color:var(--layer-hover-02, #F7F7F7)}:host .suggestions-opt-content{display:flex;align-items:center;gap:8px}:host .suggestions-opt-content--color{width:12px;height:12px;border-radius:3px;border:1px solid rgba(0, 0, 0, 0.06)}:host .suggestions-opt-content--label strong{font-weight:700}:host([size=xs]){font-size:0.8em}:host([size=xs]) .control{min-height:16px}:host([size=sm]){font-size:0.9em}:host([size=sm]) .control{min-height:32px}:host([size=lg]){font-size:1.2em}:host([size=lg]) .control{min-height:48px}:host([size=xl]){font-size:1.4em}:host([size=xl]) .control{min-height:60px}`;
|
|
82393
|
+
const xvTagComboboxCss = () => `.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{display:block;font-family:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;width:100%;box-sizing:border-box;position:relative;text-align:left}:host .label{display:block;margin-bottom:var(--spacing-03);color:var(--text-secondary, #515151);font-family:var(--ff-body), sans-serif;font-size:var(--fz-sm, 12px);font-style:normal;font-weight:400;line-height:var(--fz-md);letter-spacing:0.32px}:host .control{overflow:auto;border-radius:3px;border:1px solid var(--border-subtle-01);outline:2px solid transparent;padding-block:var(--spacing-02);padding-inline:var(--spacing-05);box-sizing:border-box;display:flex;align-items:center;min-height:40px;cursor:text}:host .control:focus-within{outline:2px solid var(--focus)}:host .control--error{outline-color:var(--support-error)}:host .control--readonly{border-radius:0;border-top-width:0;border-left-width:0;border-right-width:0;outline-color:transparent}:host .control--disabled{opacity:0.6;cursor:not-allowed}:host .control-chips{display:flex;align-items:center;flex-wrap:wrap;gap:6px;width:100%}:host .control-loader{flex:0 0 auto;display:inline-flex;align-items:center;margin-left:var(--spacing-03);pointer-events:none}:host .control-input{flex:1;min-width:120px;border:none;outline:none;font-size:inherit;color:inherit;background:transparent;padding:0;margin:0}:host .control-input:disabled{cursor:not-allowed}:host .control-input::placeholder{color:var(--text-placeholder)}:host .message{margin:var(--spacing-02) 0 0;color:var(--text-helper, #646464);font-size:var(--fz-sm, 12px);font-style:normal;font-weight:400;line-height:var(--fz-md, 16px);letter-spacing:0.32px}:host .message--error{color:var(--text-error)}:host .message--warning{color:var(--text-secondary, #515151)}:host .suggestions{position:absolute;top:100%;left:0;right:0;background:var(--layer-02, #fff);border-radius:3px;border:1px solid var(--border-subtle-01);box-shadow:0 6px 18px rgba(0, 0, 0, 0.06);max-height:220px;overflow:auto;z-index:50;margin:var(--spacing-01) 0 0;padding:var(--spacing-03) 0}:host .suggestions-opt{padding:8px 12px;cursor:pointer;display:flex;align-items:center}:host .suggestions-opt :hover,:host .suggestions-opt--highlight{background-color:var(--layer-hover-02, #F7F7F7)}:host .suggestions-opt-content{display:flex;align-items:center;gap:8px}:host .suggestions-opt-content--color{width:12px;height:12px;border-radius:3px;border:1px solid rgba(0, 0, 0, 0.06)}:host .suggestions-opt-content--label strong{font-weight:700}:host([size=xs]){font-size:0.8em}:host([size=xs]) .control{min-height:16px}:host([size=sm]){font-size:0.9em}:host([size=sm]) .control{min-height:32px}:host([size=lg]){font-size:1.2em}:host([size=lg]) .control{min-height:48px}:host([size=xl]){font-size:1.4em}:host([size=xl]) .control{min-height:60px}`;
|
|
82394
82394
|
|
|
82395
82395
|
const XvTagCombobox = class {
|
|
82396
82396
|
constructor(hostRef) {
|
|
@@ -82405,6 +82405,9 @@ const XvTagCombobox = class {
|
|
|
82405
82405
|
this.allowCreate = true;
|
|
82406
82406
|
this.maxSuggestions = 200;
|
|
82407
82407
|
this.disabled = false;
|
|
82408
|
+
// Shows an inline spinner and blocks interaction while an external save is in flight
|
|
82409
|
+
// (e.g. assigning/unassigning tags) — without the greyed-out look of `disabled`.
|
|
82410
|
+
this.loading = false;
|
|
82408
82411
|
this.readonly = false;
|
|
82409
82412
|
this.error = false;
|
|
82410
82413
|
this.warning = false;
|
|
@@ -82426,7 +82429,7 @@ const XvTagCombobox = class {
|
|
|
82426
82429
|
[_vars.SIZE_VAR.XL]: 'lg',
|
|
82427
82430
|
};
|
|
82428
82431
|
this.onKeyDown = (ev) => {
|
|
82429
|
-
if (this.disabled || this.readonly)
|
|
82432
|
+
if (this.disabled || this.readonly || this.loading)
|
|
82430
82433
|
return;
|
|
82431
82434
|
const key = ev.key;
|
|
82432
82435
|
if (key === 'ArrowDown') {
|
|
@@ -82484,10 +82487,13 @@ const XvTagCombobox = class {
|
|
|
82484
82487
|
this.selected = this.valueToOpts(this.value);
|
|
82485
82488
|
this.recomputeFiltered();
|
|
82486
82489
|
this.onDocumentClick = this.onDocumentClick.bind(this);
|
|
82487
|
-
|
|
82490
|
+
// Capture phase: some sibling components (xv-datepicker, xv-overflow-menu, xv-link) call
|
|
82491
|
+
// stopPropagation() on click, which would prevent a bubble-phase listener from ever firing
|
|
82492
|
+
// when the user clicks outside onto them. Capture runs before any descendant can stop it.
|
|
82493
|
+
window.addEventListener('click', this.onDocumentClick, true);
|
|
82488
82494
|
}
|
|
82489
82495
|
disconnectedCallback() {
|
|
82490
|
-
window.removeEventListener('click', this.onDocumentClick);
|
|
82496
|
+
window.removeEventListener('click', this.onDocumentClick, true);
|
|
82491
82497
|
}
|
|
82492
82498
|
watchOptions() {
|
|
82493
82499
|
this.normalizedOptions = this.normalizeOptions(this.options);
|
|
@@ -82533,6 +82539,8 @@ const XvTagCombobox = class {
|
|
|
82533
82539
|
this.filtered = [...starts, ...contains].slice(0, this.maxSuggestions);
|
|
82534
82540
|
}
|
|
82535
82541
|
onInput(e) {
|
|
82542
|
+
if (this.loading)
|
|
82543
|
+
return;
|
|
82536
82544
|
const t = e.target;
|
|
82537
82545
|
this.inputValue = t.value;
|
|
82538
82546
|
this.inputChange.emit(this.inputValue);
|
|
@@ -82541,7 +82549,7 @@ const XvTagCombobox = class {
|
|
|
82541
82549
|
this.recomputeFiltered();
|
|
82542
82550
|
}
|
|
82543
82551
|
selectOption(opt) {
|
|
82544
|
-
if (this.disabled)
|
|
82552
|
+
if (this.disabled || this.loading)
|
|
82545
82553
|
return;
|
|
82546
82554
|
if (!this.selected.find(s => s.value === opt.value)) {
|
|
82547
82555
|
this.selected = [...this.selected, opt];
|
|
@@ -82565,7 +82573,7 @@ const XvTagCombobox = class {
|
|
|
82565
82573
|
removeTag(idx, e) {
|
|
82566
82574
|
var _a;
|
|
82567
82575
|
e === null || e === void 0 ? void 0 : e.preventDefault();
|
|
82568
|
-
if (this.disabled)
|
|
82576
|
+
if (this.disabled || this.loading)
|
|
82569
82577
|
return;
|
|
82570
82578
|
this.selected = this.selected.filter((_, i) => i !== idx);
|
|
82571
82579
|
this.emitChange();
|
|
@@ -82603,13 +82611,13 @@ const XvTagCombobox = class {
|
|
|
82603
82611
|
];
|
|
82604
82612
|
}
|
|
82605
82613
|
onOpen() {
|
|
82606
|
-
if (this.disabled || this.readonly)
|
|
82614
|
+
if (this.disabled || this.readonly || this.loading)
|
|
82607
82615
|
return;
|
|
82608
82616
|
this.open = true;
|
|
82609
82617
|
}
|
|
82610
82618
|
blockClick() {
|
|
82611
82619
|
var _a;
|
|
82612
|
-
if (this.disabled || this.readonly)
|
|
82620
|
+
if (this.disabled || this.readonly || this.loading)
|
|
82613
82621
|
return;
|
|
82614
82622
|
(_a = this.inputEl) === null || _a === void 0 ? void 0 : _a.focus();
|
|
82615
82623
|
this.onOpen();
|
|
@@ -82627,12 +82635,12 @@ const XvTagCombobox = class {
|
|
|
82627
82635
|
const suggestionsVisible = this.open && this.filtered.length > 0;
|
|
82628
82636
|
const ariaOwns = suggestionsVisible ? `${this.uid}-listbox` : undefined;
|
|
82629
82637
|
const activedesc = this.highlighted >= 0 ? this.optionId(this.highlighted) : undefined;
|
|
82630
|
-
return (index$1.h(index$1.Host, { key: '
|
|
82638
|
+
return (index$1.h(index$1.Host, { key: 'a14cc9587257e555eca3a76e9b4a41656baab78c', class: "xv-combobox", part: "root", size: this.size }, this.label && index$1.h("label", { key: '199733efc818137adf3693c6f4bd4807b1046980', class: "label" }, this.label), index$1.h("div", { key: '2dd47f83e50d0de93743748a833381ebd01a17f2', class: {
|
|
82631
82639
|
'control': true,
|
|
82632
82640
|
'control--disabled': this.disabled,
|
|
82633
82641
|
'control--error': !!this.error,
|
|
82634
82642
|
'control--readonly': !!this.readonly,
|
|
82635
|
-
}, onClick: () => this.blockClick() }, index$1.h("div", { key: '
|
|
82643
|
+
}, onClick: () => this.blockClick() }, index$1.h("div", { key: '2cd9160ce523a6e3d5ed52213d239801f8627c17', 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: '28363e672f70aac21d66dbb055e1597973b194de', 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.loading && (index$1.h("span", { key: 'ae7006ed508df58ac921c26aeb8ec88203a34286', class: "control-loader", part: "loader", "aria-hidden": "true" }, index$1.h("xv-loader-v2", { key: 'b1a94865ea75203e872aae713504be002eca18d3', size: "sm", variant: "horizontal" })))), this.error && typeof this.error === 'string' && (index$1.h("p", { key: '00989ba7544a5b3f7da685286a969df9e9c9366e', class: "message message--error" }, this.error)), this.warning && typeof this.warning === 'string' && (index$1.h("p", { key: '5d1233200ac2213bade3fb424973bb167548d69a', class: "message message--warning" }, this.warning)), suggestionsVisible && (index$1.h("ul", { key: 'd782e66fe1259c25ec4a2f44f4f3c95be0452d57', 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)))))))))));
|
|
82636
82644
|
}
|
|
82637
82645
|
get host() { return index$1.getElement(this); }
|
|
82638
82646
|
static get watchers() { return {
|
|
@@ -82698,13 +82706,13 @@ const XvTextInput = class {
|
|
|
82698
82706
|
};
|
|
82699
82707
|
}
|
|
82700
82708
|
render() {
|
|
82701
|
-
return (index$1.h(index$1.Host, { key: '
|
|
82709
|
+
return (index$1.h(index$1.Host, { key: '88371d7e90727c038c0989bb3c357315499959d6', class: { disabled: !!this.disabled } }, index$1.h("label", { key: 'c02779f784c11df89c6cb167897465f2d6e250e8', class: "control" }, this.label && index$1.h("span", { key: '77242b3dc5299eaa5aae6253524f0c213054f0e3', class: "control_label" }, this.label), index$1.h("div", { key: '1591cd496558a93023745bc7eb1a31a308041aaf', class: {
|
|
82702
82710
|
'control_input': true,
|
|
82703
82711
|
readonly: !!this.readonly,
|
|
82704
82712
|
[this.size]: true,
|
|
82705
82713
|
error: !!this.error,
|
|
82706
82714
|
warning: !!this.warning,
|
|
82707
|
-
} }, index$1.h("input", { key: '
|
|
82715
|
+
} }, index$1.h("input", { key: '12d8110ee0a23f6afdcf2d9702296242db7e7950', 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: '2e4985004f397c4e35951cbd988a303992bc44d0', class: "control_input__icons" }, this.loading && index$1.h("xv-loader-v2", { key: '44ac0b006735458c8a019a92e47086962b85600a', 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: '204bdf8dc59540ebdf6b12b587b9d2663032d08c', onClick: this.togglePassword, disabled: this.disabled, class: "status-icon" }, index$1.h("svg", { key: 'a7c8905463a60a44d183c94787c3e39aed71eb5d', 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: '2af2ee949fd45491f8f0adaf8adef87537119738', 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));
|
|
82708
82716
|
}
|
|
82709
82717
|
static get formAssociated() { return true; }
|
|
82710
82718
|
};
|
|
@@ -82741,12 +82749,12 @@ const XvTextarea = class {
|
|
|
82741
82749
|
this.value && this.internals.setFormValue(this.value);
|
|
82742
82750
|
}
|
|
82743
82751
|
render() {
|
|
82744
|
-
return (index$1.h(index$1.Host, { key: '
|
|
82752
|
+
return (index$1.h(index$1.Host, { key: '38990542634390cdde5572824af5eb04ac192691', class: { disabled: !!this.disabled } }, index$1.h("label", { key: '4782d7b2da3cf4f10a68b0e83dbc588284e1c0c8', class: "control" }, (this.label || this.max) && (index$1.h("p", { key: '9a93a9795c3f65548826152c1c60197f3a320714', class: "control_label" }, index$1.h("span", { key: '905e78ad6d57ed8572129529d3de1582d694cb9f' }, this.label, this.info && index$1.h("xv-tooltip-v2", { key: '24ed6cb923ac56b06a35c779faf3af29c1f44182', message: this.info })), this.max !== undefined && !this.counterHide && (index$1.h("span", { key: 'b7aefce3d01ba4be6c9e4b6cc167ebbbf0ea4bca', class: "control_label__count" }, this.value.length || 0, "/", this.max)))), index$1.h("div", { key: '89941f9b42ec9d5a4656b40912d187801273af58', class: {
|
|
82745
82753
|
'control_input': true,
|
|
82746
82754
|
readonly: !!this.readonly,
|
|
82747
82755
|
error: !!this.error,
|
|
82748
82756
|
warning: this.warning !== undefined,
|
|
82749
|
-
} }, index$1.h("textarea", { key: '
|
|
82757
|
+
} }, index$1.h("textarea", { key: '7e62eb0097086a76d262cf0db95b5ebbf17e40ac', 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: '001434cb80c1a96c1c4bf3b8ac475516fe40c0fc', class: "control_input__icons" }, this._renderIcon()))), this.helper && index$1.h("p", { key: '176c081b0335629f4394001535f0a9cda42af6b7', 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));
|
|
82750
82758
|
}
|
|
82751
82759
|
_renderIcon() {
|
|
82752
82760
|
if (this.loading)
|
|
@@ -82797,7 +82805,7 @@ const XvTile = class {
|
|
|
82797
82805
|
this.checked = !this.checked;
|
|
82798
82806
|
}
|
|
82799
82807
|
render() {
|
|
82800
|
-
return (index$1.h(index$1.Host, { key: '
|
|
82808
|
+
return (index$1.h(index$1.Host, { key: 'bb75c373c8fc02cf93913559ecc49e76a0a1dd50', class: "xv-tile--host" }, index$1.h("label", { key: 'cfd9b306f082e94c5662443a265ba5fd74836ad6', class: {
|
|
82801
82809
|
[this.el.className]: !!this.el.className,
|
|
82802
82810
|
'xv-tile': true,
|
|
82803
82811
|
[`xv-tile--variant-${this.variant}`]: !!this.variant,
|
|
@@ -82805,7 +82813,7 @@ const XvTile = class {
|
|
|
82805
82813
|
'xv-tile--disabled': !!this.disabled,
|
|
82806
82814
|
'selected': !!this.checked,
|
|
82807
82815
|
'xv-tile--error': !!this.error,
|
|
82808
|
-
} }, index$1.h("div", { key: '
|
|
82816
|
+
} }, index$1.h("div", { key: '36c6ab65f6b6012e296c97018668a882a890ffc6', class: "xv-tile_content" }, this.label && index$1.h("p", { key: '8e90032451c2c2e293732b22679a240bf88bbfda', class: "xv-tile_content__title" }, this.label), index$1.h("slot", { key: '1f7bc58ec4a3f1f1ad1927ddbddd622efd934b43' })), this.variant === 'selectable' && (index$1.h("div", { key: 'c7b828b8e452e2a16b7336fa3132e811d2a6a733', 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: 'c874f19d2d9d317b8436216d18d5085da5a6f345', class: "xv-tile_footer" }, index$1.h("button", { key: '623a2f19ea98dbda0125555d048d957f362e930c', class: { 'xv-tile_footer__icon': true, [`icon--${this.variant}`]: true, open: this.checked } }))), index$1.h("div", { key: '517585f14b681a78882603b1a28a11e0d1868a1a', class: { 'xv-tile_expandable': true, open: this.checked } }, index$1.h("slot", { key: 'ea650a127bf7f284c9caa57b13322560af2202b8', name: "expandable" })))));
|
|
82809
82817
|
}
|
|
82810
82818
|
get el() { return index$1.getElement(this); }
|
|
82811
82819
|
};
|
|
@@ -82837,7 +82845,7 @@ const XvToggle = class {
|
|
|
82837
82845
|
};
|
|
82838
82846
|
}
|
|
82839
82847
|
render() {
|
|
82840
|
-
return (index$1.h(index$1.Host, { key: '
|
|
82848
|
+
return (index$1.h(index$1.Host, { key: 'f1ba10370b533f307a4e7573c18a27d7407b02df', class: { 'xv-toggle': true, disabled: this.disabled, readonly: !!this.readonly, block: !!this.block } }, this.label && index$1.h("span", { key: '7a5b6f197608f50cc086166cc0f8c705d1f37680', class: "label" }, this.label), index$1.h("label", { key: '2115f148d73c2cd8ff3fd48425a922366cfc142a', class: "control" }, index$1.h("slot", { key: '2243e76cad62a7cd3478cec3d231a236805b7a46', name: "before" }), index$1.h("div", { key: '9823888143290d817c1a83b1650fa787fd779564', class: "control_input" }, index$1.h("input", { key: '3bd836b36dbc23f150d0321a08ab51e269e6e288', 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: 'b399b86720fba78b1f63c8687923fc138c19d49c', class: "toggle" })), index$1.h("slot", { key: 'f3a83a1cd5c9d157f3f5d16a3be57a43ba5e92a9', name: "after" }))));
|
|
82841
82849
|
}
|
|
82842
82850
|
static get formAssociated() { return true; }
|
|
82843
82851
|
};
|
|
@@ -82914,7 +82922,7 @@ const XvToggleTip = class {
|
|
|
82914
82922
|
}
|
|
82915
82923
|
;
|
|
82916
82924
|
render() {
|
|
82917
|
-
return (index$1.h(index$1.Host, { key: '
|
|
82925
|
+
return (index$1.h(index$1.Host, { key: '6d55c847ae2d23170bcd789a7b7d45a37b00649c', class: "xv-toggle-tip" }, index$1.h("div", { key: 'bd66818056c79133566353bbd500b4922dcb8179', 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: '44b60f9020473534481d3247b72885fb9e7570ae', name: "trigger" }, index$1.h("svg", { key: '76a3a3db1f3658bd01e6a579444676df477dce1c', class: "trigger_icon", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", width: 16, height: 16 }, index$1.h("path", { key: '45feec180af3c60f8706b30651a227b51e30d719', 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: 'ff33c8dced25db64489e337ab3e853efa06eb5a2', class: { popover: true, autoSize: !!this.autoSize }, role: "tooltip", tabindex: "-1", ref: (el) => (this.popoverEl = el) }, index$1.h("div", { key: '955b1a7ace7f10d2682634a8f23aa3f98be89480', class: "popover-tip", part: "tip", "data-popper-arrow": "" }), index$1.h("div", { key: '582d26b84469521885d0e75c164c1089593d0575', class: "popover-content" }, index$1.h("slot", { key: '957b3352ae9e9446e479aedbc3722b3529a40ed1', name: "header" }), index$1.h("slot", { key: '141e67716ffccdfcabc1d0e4020d574be5633116', name: "body" }), index$1.h("slot", { key: '1dd09edab5c48c68a64c9ef1dca55b2d576c3e7f', name: "footer" })))));
|
|
82918
82926
|
}
|
|
82919
82927
|
disconnectedCallback() {
|
|
82920
82928
|
this.destroyPopper();
|
|
@@ -82969,11 +82977,11 @@ const XvTooltip = class {
|
|
|
82969
82977
|
this.destroyTooltip();
|
|
82970
82978
|
}
|
|
82971
82979
|
render() {
|
|
82972
|
-
return (index$1.h(index$1.Host, { key: '
|
|
82980
|
+
return (index$1.h(index$1.Host, { key: '364b07a7cf7ae1d2b5c63da25baacb9d889c36de', role: "tooltip", class: {
|
|
82973
82981
|
'xv-tooltip-wrapper': true,
|
|
82974
82982
|
[`xv-tooltip-wrapper__block`]: !!this.block,
|
|
82975
82983
|
[`xv-tooltip-wrapper__dashed`]: !!this.dashed,
|
|
82976
|
-
} }, index$1.h("slot", { key: '
|
|
82984
|
+
} }, index$1.h("slot", { key: '80d4224025d09f8ddb9595312aca50bd254edb3b' }, index$1.h("svg", { key: '5248b422c249b63e993da14632258d32a670e4ac', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", width: 16, height: 16 }, index$1.h("path", { key: '7c36037bd385a8df287350293278306a6b456f15', 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" })))));
|
|
82977
82985
|
}
|
|
82978
82986
|
get el() { return index$1.getElement(this); }
|
|
82979
82987
|
};
|
|
@@ -18,7 +18,7 @@ var patchBrowser = () => {
|
|
|
18
18
|
|
|
19
19
|
patchBrowser().then(async (options) => {
|
|
20
20
|
await index.globalScripts();
|
|
21
|
-
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"]]],[
|
|
21
|
+
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}]}],[1,"xv-tag-combobox",{"options":[16],"label":[1],"size":[1],"placeholder":[1],"allowCreate":[4,"allow-create"],"maxSuggestions":[2,"max-suggestions"],"disabled":[4],"loading":[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}]}],[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"]]],[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);
|
|
22
22
|
});
|
|
23
23
|
|
|
24
24
|
exports.setNonce = index.setNonce;
|
|
@@ -181,6 +181,13 @@
|
|
|
181
181
|
gap: 6px;
|
|
182
182
|
width: 100%;
|
|
183
183
|
}
|
|
184
|
+
:host .control-loader {
|
|
185
|
+
flex: 0 0 auto;
|
|
186
|
+
display: inline-flex;
|
|
187
|
+
align-items: center;
|
|
188
|
+
margin-left: var(--spacing-03);
|
|
189
|
+
pointer-events: none;
|
|
190
|
+
}
|
|
184
191
|
:host .control-input {
|
|
185
192
|
flex: 1;
|
|
186
193
|
min-width: 120px;
|
|
@@ -10,6 +10,9 @@ export class XvTagCombobox {
|
|
|
10
10
|
this.allowCreate = true;
|
|
11
11
|
this.maxSuggestions = 200;
|
|
12
12
|
this.disabled = false;
|
|
13
|
+
// Shows an inline spinner and blocks interaction while an external save is in flight
|
|
14
|
+
// (e.g. assigning/unassigning tags) — without the greyed-out look of `disabled`.
|
|
15
|
+
this.loading = false;
|
|
13
16
|
this.readonly = false;
|
|
14
17
|
this.error = false;
|
|
15
18
|
this.warning = false;
|
|
@@ -31,7 +34,7 @@ export class XvTagCombobox {
|
|
|
31
34
|
[SIZE_VAR.XL]: 'lg',
|
|
32
35
|
};
|
|
33
36
|
this.onKeyDown = (ev) => {
|
|
34
|
-
if (this.disabled || this.readonly)
|
|
37
|
+
if (this.disabled || this.readonly || this.loading)
|
|
35
38
|
return;
|
|
36
39
|
const key = ev.key;
|
|
37
40
|
if (key === 'ArrowDown') {
|
|
@@ -89,10 +92,13 @@ export class XvTagCombobox {
|
|
|
89
92
|
this.selected = this.valueToOpts(this.value);
|
|
90
93
|
this.recomputeFiltered();
|
|
91
94
|
this.onDocumentClick = this.onDocumentClick.bind(this);
|
|
92
|
-
|
|
95
|
+
// Capture phase: some sibling components (xv-datepicker, xv-overflow-menu, xv-link) call
|
|
96
|
+
// stopPropagation() on click, which would prevent a bubble-phase listener from ever firing
|
|
97
|
+
// when the user clicks outside onto them. Capture runs before any descendant can stop it.
|
|
98
|
+
window.addEventListener('click', this.onDocumentClick, true);
|
|
93
99
|
}
|
|
94
100
|
disconnectedCallback() {
|
|
95
|
-
window.removeEventListener('click', this.onDocumentClick);
|
|
101
|
+
window.removeEventListener('click', this.onDocumentClick, true);
|
|
96
102
|
}
|
|
97
103
|
watchOptions() {
|
|
98
104
|
this.normalizedOptions = this.normalizeOptions(this.options);
|
|
@@ -138,6 +144,8 @@ export class XvTagCombobox {
|
|
|
138
144
|
this.filtered = [...starts, ...contains].slice(0, this.maxSuggestions);
|
|
139
145
|
}
|
|
140
146
|
onInput(e) {
|
|
147
|
+
if (this.loading)
|
|
148
|
+
return;
|
|
141
149
|
const t = e.target;
|
|
142
150
|
this.inputValue = t.value;
|
|
143
151
|
this.inputChange.emit(this.inputValue);
|
|
@@ -146,7 +154,7 @@ export class XvTagCombobox {
|
|
|
146
154
|
this.recomputeFiltered();
|
|
147
155
|
}
|
|
148
156
|
selectOption(opt) {
|
|
149
|
-
if (this.disabled)
|
|
157
|
+
if (this.disabled || this.loading)
|
|
150
158
|
return;
|
|
151
159
|
if (!this.selected.find(s => s.value === opt.value)) {
|
|
152
160
|
this.selected = [...this.selected, opt];
|
|
@@ -170,7 +178,7 @@ export class XvTagCombobox {
|
|
|
170
178
|
removeTag(idx, e) {
|
|
171
179
|
var _a;
|
|
172
180
|
e === null || e === void 0 ? void 0 : e.preventDefault();
|
|
173
|
-
if (this.disabled)
|
|
181
|
+
if (this.disabled || this.loading)
|
|
174
182
|
return;
|
|
175
183
|
this.selected = this.selected.filter((_, i) => i !== idx);
|
|
176
184
|
this.emitChange();
|
|
@@ -208,13 +216,13 @@ export class XvTagCombobox {
|
|
|
208
216
|
];
|
|
209
217
|
}
|
|
210
218
|
onOpen() {
|
|
211
|
-
if (this.disabled || this.readonly)
|
|
219
|
+
if (this.disabled || this.readonly || this.loading)
|
|
212
220
|
return;
|
|
213
221
|
this.open = true;
|
|
214
222
|
}
|
|
215
223
|
blockClick() {
|
|
216
224
|
var _a;
|
|
217
|
-
if (this.disabled || this.readonly)
|
|
225
|
+
if (this.disabled || this.readonly || this.loading)
|
|
218
226
|
return;
|
|
219
227
|
(_a = this.inputEl) === null || _a === void 0 ? void 0 : _a.focus();
|
|
220
228
|
this.onOpen();
|
|
@@ -232,12 +240,12 @@ export class XvTagCombobox {
|
|
|
232
240
|
const suggestionsVisible = this.open && this.filtered.length > 0;
|
|
233
241
|
const ariaOwns = suggestionsVisible ? `${this.uid}-listbox` : undefined;
|
|
234
242
|
const activedesc = this.highlighted >= 0 ? this.optionId(this.highlighted) : undefined;
|
|
235
|
-
return (h(Host, { key: '
|
|
243
|
+
return (h(Host, { key: 'a14cc9587257e555eca3a76e9b4a41656baab78c', class: "xv-combobox", part: "root", size: this.size }, this.label && h("label", { key: '199733efc818137adf3693c6f4bd4807b1046980', class: "label" }, this.label), h("div", { key: '2dd47f83e50d0de93743748a833381ebd01a17f2', class: {
|
|
236
244
|
'control': true,
|
|
237
245
|
'control--disabled': this.disabled,
|
|
238
246
|
'control--error': !!this.error,
|
|
239
247
|
'control--readonly': !!this.readonly,
|
|
240
|
-
}, onClick: () => this.blockClick() }, h("div", { key: '
|
|
248
|
+
}, onClick: () => this.blockClick() }, h("div", { key: '2cd9160ce523a6e3d5ed52213d239801f8627c17', class: "control-chips", role: "list" }, this.selected.map((s, i) => (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))), h("input", { key: '28363e672f70aac21d66dbb055e1597973b194de', 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.loading && (h("span", { key: 'ae7006ed508df58ac921c26aeb8ec88203a34286', class: "control-loader", part: "loader", "aria-hidden": "true" }, h("xv-loader-v2", { key: 'b1a94865ea75203e872aae713504be002eca18d3', size: "sm", variant: "horizontal" })))), this.error && typeof this.error === 'string' && (h("p", { key: '00989ba7544a5b3f7da685286a969df9e9c9366e', class: "message message--error" }, this.error)), this.warning && typeof this.warning === 'string' && (h("p", { key: '5d1233200ac2213bade3fb424973bb167548d69a', class: "message message--warning" }, this.warning)), suggestionsVisible && (h("ul", { key: 'd782e66fe1259c25ec4a2f44f4f3c95be0452d57', id: `${this.uid}-listbox`, class: "suggestions", role: "listbox", part: "listbox" }, this.filtered.map((opt, idx) => (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) }, h("div", { class: "suggestions-opt-content" }, opt.bg ? h("span", { class: "suggestions-opt-content--color", style: { background: opt.bg } }) : null, h("span", { class: "suggestions-opt-content--label" }, this.highlightLabel(opt.label).map((seg, i) => typeof seg === 'string' ? h("span", { key: i }, seg) : h("strong", { key: i }, seg.match)))))))))));
|
|
241
249
|
}
|
|
242
250
|
static get is() { return "xv-tag-combobox"; }
|
|
243
251
|
static get encapsulation() { return "shadow"; }
|
|
@@ -403,6 +411,26 @@ export class XvTagCombobox {
|
|
|
403
411
|
"attribute": "disabled",
|
|
404
412
|
"defaultValue": "false"
|
|
405
413
|
},
|
|
414
|
+
"loading": {
|
|
415
|
+
"type": "boolean",
|
|
416
|
+
"mutable": false,
|
|
417
|
+
"complexType": {
|
|
418
|
+
"original": "boolean",
|
|
419
|
+
"resolved": "boolean",
|
|
420
|
+
"references": {}
|
|
421
|
+
},
|
|
422
|
+
"required": false,
|
|
423
|
+
"optional": false,
|
|
424
|
+
"docs": {
|
|
425
|
+
"tags": [],
|
|
426
|
+
"text": ""
|
|
427
|
+
},
|
|
428
|
+
"getter": false,
|
|
429
|
+
"setter": false,
|
|
430
|
+
"reflect": false,
|
|
431
|
+
"attribute": "loading",
|
|
432
|
+
"defaultValue": "false"
|
|
433
|
+
},
|
|
406
434
|
"readonly": {
|
|
407
435
|
"type": "boolean",
|
|
408
436
|
"mutable": false,
|
|
@@ -23,13 +23,13 @@ export class XvTextInput {
|
|
|
23
23
|
};
|
|
24
24
|
}
|
|
25
25
|
render() {
|
|
26
|
-
return (h(Host, { key: '
|
|
26
|
+
return (h(Host, { key: '88371d7e90727c038c0989bb3c357315499959d6', class: { disabled: !!this.disabled } }, h("label", { key: 'c02779f784c11df89c6cb167897465f2d6e250e8', class: "control" }, this.label && h("span", { key: '77242b3dc5299eaa5aae6253524f0c213054f0e3', class: "control_label" }, this.label), h("div", { key: '1591cd496558a93023745bc7eb1a31a308041aaf', class: {
|
|
27
27
|
'control_input': true,
|
|
28
28
|
readonly: !!this.readonly,
|
|
29
29
|
[this.size]: true,
|
|
30
30
|
error: !!this.error,
|
|
31
31
|
warning: !!this.warning,
|
|
32
|
-
} }, h("input", { key: '
|
|
32
|
+
} }, h("input", { key: '12d8110ee0a23f6afdcf2d9702296242db7e7950', 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 }), h("div", { key: '2e4985004f397c4e35951cbd988a303992bc44d0', class: "control_input__icons" }, this.loading && h("xv-loader-v2", { key: '44ac0b006735458c8a019a92e47086962b85600a', size: SIZE_VAR.XS }), !!this.error ? (h("span", { class: "status-icon error", "aria-hidden": "true" }, "!")) : !!this.warning ? (h("span", { class: "status-icon warning", "aria-hidden": "true" }, "\u26A0")) : null, this.type === 'password' && (h("button", { key: '204bdf8dc59540ebdf6b12b587b9d2663032d08c', onClick: this.togglePassword, disabled: this.disabled, class: "status-icon" }, h("svg", { key: 'a7c8905463a60a44d183c94787c3e39aed71eb5d', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 640 512", width: 16, height: 16 }, this.isPasswordVisible ? (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" })) : (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 && h("p", { key: '2af2ee949fd45491f8f0adaf8adef87537119738', class: "message" }, this.helper), typeof this.error === 'string' ? (h("p", { class: "message error" }, this.error)) : typeof this.warning === 'string' ? (h("p", { class: "message warning" }, this.warning)) : null));
|
|
33
33
|
}
|
|
34
34
|
static get is() { return "xv-text-input-v2"; }
|
|
35
35
|
static get encapsulation() { return "shadow"; }
|