xv-webcomponents 1.25.8 → 1.28.1
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_50.cjs.entry.js +57 -30
- package/dist/cjs/xv-webcomponents.cjs.js +1 -1
- package/dist/collection/components/xv-header/xv-header.css +7 -7
- package/dist/collection/components/xv-mega-menu/xv-mega-menu.css +12 -13
- package/dist/collection/components/xv-progress-indicator/xv-progress-indicator-item/xv-progress-indicator-item.css +1 -0
- 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.css +73 -1
- package/dist/collection/components/xv-progress-indicator/xv-progress-indicator.js +58 -4
- 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_50.entry.js +57 -30
- package/dist/esm/xv-webcomponents.js +1 -1
- package/dist/types/components/xv-progress-indicator/xv-progress-indicator.d.ts +10 -0
- package/dist/types/components.d.ts +10 -0
- package/dist/xv-webcomponents/{p-20bbcb61.entry.js → p-18d5491c.entry.js} +1 -1
- package/dist/xv-webcomponents/xv-webcomponents.esm.js +1 -1
- package/hydrate/index.js +63 -32
- package/hydrate/index.mjs +63 -32
- package/package.json +1 -1
|
@@ -18,7 +18,7 @@ var patchBrowser = () => {
|
|
|
18
18
|
|
|
19
19
|
patchBrowser().then(async (options) => {
|
|
20
20
|
await index.globalScripts();
|
|
21
|
-
return index.bootstrapLazy(JSON.parse("[[\"xv-accordion-v2_50.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]}],[321,\"xv-date-picker\",{\"value\":[1040],\"selection\":[1],\"precision\":[1],\"withTime\":[4,\"with-time\"],\"minuteStep\":[2,\"minute-step\"],\"min\":[1],\"max\":[1],\"disabledDates\":[16],\"disabledWeekdays\":[16],\"weekStartsOn\":[2,\"week-starts-on\"],\"showWeekNumbers\":[4,\"show-week-numbers\"],\"locale\":[1],\"label\":[1],\"labelStart\":[1,\"label-start\"],\"labelEnd\":[1,\"label-end\"],\"placeholder\":[1],\"helper\":[1],\"error\":[8],\"warning\":[8],\"required\":[4],\"readonly\":[4],\"disabled\":[4],\"loading\":[4],\"clearable\":[4],\"size\":[513],\"block\":[516],\"placement\":[1],\"offset\":[2],\"dates\":[32],\"open\":[32],\"view\":[32],\"anchor\":[32],\"active\":[32],\"dayRows\":[32],\"unitCells\":[32],\"weekdays\":[32],\"focusedDate\":[32]},null,{\"value\":[{\"syncValue\":0}],\"locale\":[{\"rebuildWeekdays\":0}],\"weekStartsOn\":[{\"rebuildWeekdays\":0},{\"rebuild\":0}],\"precision\":[{\"resetView\":0}],\"anchor\":[{\"rebuild\":0}],\"view\":[{\"rebuild\":0}],\"min\":[{\"rebuild\":0}],\"max\":[{\"rebuild\":0}],\"disabledDates\":[{\"rebuild\":0}],\"disabledWeekdays\":[{\"rebuild\":0}],\"open\":[{\"openWatcher\":0}]}],[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],\"disabledDates\":[16],\"month\":[32],\"days\":[32],\"open\":[32],\"localError\":[32]},[[4,\"click\",\"handleClickOutside\"]],{\"open\":[{\"openChange\":0}],\"month\":[{\"getCalendarGrid\":0}],\"min\":[{\"getCalendarGrid\":0}],\"max\":[{\"getCalendarGrid\":0}],\"disabledDates\":[{\"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],\"warning\":[8],\"helper\":[1],\"errors\":[1040],\"dragActive\":[32],\"errorMessages\":[32],\"internalError\":[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\",{\"itemsPerPage\":[1026,\"items-per-page\"],\"itemsPerPageOptions\":[1,\"items-per-page-options\"],\"total\":[2],\"page\":[1026],\"size\":[1],\"block\":[4],\"variant\":[1],\"responsiveVariant\":[16],\"totalItems\":[2,\"total-items\"],\"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],\"helper\":[1],\"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\"]]],[1,\"xv-geo-map-v2\",{\"apiBase\":[1,\"api-base\"],\"indicator\":[1],\"indicatorLabel\":[1,\"indicator-label\"],\"level\":[1],\"resolution\":[1],\"styleUrl\":[1,\"style-url\"],\"language\":[1],\"tiles\":[1],\"attribution\":[1],\"centerLng\":[2,\"center-lng\"],\"centerLat\":[2,\"center-lat\"],\"zoom\":[2],\"selectZoom\":[2,\"select-zoom\"],\"workerUrl\":[1,\"worker-url\"],\"lazy\":[4],\"showSearch\":[4,\"show-search\"],\"ready\":[32],\"loadError\":[32],\"zoomGated\":[32],\"searchResults\":[32],\"searchQuery\":[32],\"selectByRadius\":[64],\"selectPostalCodes\":[64],\"clearSelection\":[64],\"previewByRadius\":[64],\"previewPostalCodes\":[64],\"clearPreview\":[64]},null,{\"level\":[{\"levelChanged\":0}],\"selectZoom\":[{\"selectZoomChanged\":0}],\"showSearch\":[{\"showSearchChanged\":0}]}],[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]},null,{\"value\":[{\"onValueChange\":0}]}],[257,\"xv-accordion-v2-item\",{\"disabled\":[4],\"label\":[1],\"value\":[1],\"isOpen\":[32]},[[16,\"accordionChange\",\"handleAccordionChange\"]]],[260,\"xv-breadcrumbs-v2\"],[257,\"xv-button-group-v2\",{\"variant\":[513],\"multiple\":[516],\"value\":[1025]},[[0,\"click\",\"handleClick\"]],{\"value\":[{\"onSelectionInputChange\":0}],\"multiple\":[{\"onSelectionInputChange\":0}]}],[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],\"helper\":[1],\"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]}],[262,\"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],\"alignment\":[1],\"size\":[1],\"tooltip\":[1],\"anchor\":[1],\"activeId\":[32],\"openMenu\":[64],\"closeMenu\":[64],\"toggleMenu\":[64]},[[0,\"keydown\",\"handleKeyDown\"]],{\"open\":[{\"openChangeHandle\":0}],\"anchor\":[{\"anchorChangeHandle\":0}]}],[257,\"xv-overflow-menu-v2-item\",{\"disabled\":[516],\"value\":[520],\"variant\":[513],\"clickable\":[4],\"href\":[1],\"target\":[1],\"divider\":[516],\"hasIcon\":[32],\"hasIconEnd\":[32]},[[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-link-v2\",{\"href\":[1],\"target\":[1],\"disabled\":[4],\"size\":[1],\"variant\":[1]}],[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],\"clearable\":[516],\"size\":[513],\"isPasswordVisible\":[32]}],[257,\"xv-card-v2\",{\"variant\":[1],\"media\":[1],\"header\":[1],\"body\":[1],\"footer\":[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\":[513],\"name\":[1],\"label\":[513],\"variant\":[513],\"size\":[513],\"disabled\":[516],\"loading\":[516],\"block\":[516],\"type\":[513],\"active\":[516],\"hasLeftIcon\":[32],\"hasRightIcon\":[32],\"hasContent\":[32]}],[257,\"xv-loader-v2\",{\"show\":[4],\"variant\":[1],\"size\":[1]}]]],[\"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\"]]]]],[\"xv-footer-next.cjs\",[[0,\"xv-footer-next\",{\"footerData\":[1,\"footer-data\"],\"data\":[32]},[[8,\"xv:metaNav-update\",\"handleLoadData\"]],{\"footerData\":[{\"onFooterDataChange\":0}]}]]],[\"xv-mega-menu-next.cjs\",[[262,\"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}]}]]]]"), options);
|
|
21
|
+
return index.bootstrapLazy(JSON.parse("[[\"xv-accordion-v2_50.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]}],[321,\"xv-date-picker\",{\"value\":[1040],\"selection\":[1],\"precision\":[1],\"withTime\":[4,\"with-time\"],\"minuteStep\":[2,\"minute-step\"],\"min\":[1],\"max\":[1],\"disabledDates\":[16],\"disabledWeekdays\":[16],\"weekStartsOn\":[2,\"week-starts-on\"],\"showWeekNumbers\":[4,\"show-week-numbers\"],\"locale\":[1],\"label\":[1],\"labelStart\":[1,\"label-start\"],\"labelEnd\":[1,\"label-end\"],\"placeholder\":[1],\"helper\":[1],\"error\":[8],\"warning\":[8],\"required\":[4],\"readonly\":[4],\"disabled\":[4],\"loading\":[4],\"clearable\":[4],\"size\":[513],\"block\":[516],\"placement\":[1],\"offset\":[2],\"dates\":[32],\"open\":[32],\"view\":[32],\"anchor\":[32],\"active\":[32],\"dayRows\":[32],\"unitCells\":[32],\"weekdays\":[32],\"focusedDate\":[32]},null,{\"value\":[{\"syncValue\":0}],\"locale\":[{\"rebuildWeekdays\":0}],\"weekStartsOn\":[{\"rebuildWeekdays\":0},{\"rebuild\":0}],\"precision\":[{\"resetView\":0}],\"anchor\":[{\"rebuild\":0}],\"view\":[{\"rebuild\":0}],\"min\":[{\"rebuild\":0}],\"max\":[{\"rebuild\":0}],\"disabledDates\":[{\"rebuild\":0}],\"disabledWeekdays\":[{\"rebuild\":0}],\"open\":[{\"openWatcher\":0}]}],[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],\"disabledDates\":[16],\"month\":[32],\"days\":[32],\"open\":[32],\"localError\":[32]},[[4,\"click\",\"handleClickOutside\"]],{\"open\":[{\"openChange\":0}],\"month\":[{\"getCalendarGrid\":0}],\"min\":[{\"getCalendarGrid\":0}],\"max\":[{\"getCalendarGrid\":0}],\"disabledDates\":[{\"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],\"warning\":[8],\"helper\":[1],\"errors\":[1040],\"dragActive\":[32],\"errorMessages\":[32],\"internalError\":[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\",{\"itemsPerPage\":[1026,\"items-per-page\"],\"itemsPerPageOptions\":[1,\"items-per-page-options\"],\"total\":[2],\"page\":[1026],\"size\":[1],\"block\":[4],\"variant\":[1],\"responsiveVariant\":[16],\"totalItems\":[2,\"total-items\"],\"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],\"helper\":[1],\"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\"]]],[1,\"xv-geo-map-v2\",{\"apiBase\":[1,\"api-base\"],\"indicator\":[1],\"indicatorLabel\":[1,\"indicator-label\"],\"level\":[1],\"resolution\":[1],\"styleUrl\":[1,\"style-url\"],\"language\":[1],\"tiles\":[1],\"attribution\":[1],\"centerLng\":[2,\"center-lng\"],\"centerLat\":[2,\"center-lat\"],\"zoom\":[2],\"selectZoom\":[2,\"select-zoom\"],\"workerUrl\":[1,\"worker-url\"],\"lazy\":[4],\"showSearch\":[4,\"show-search\"],\"ready\":[32],\"loadError\":[32],\"zoomGated\":[32],\"searchResults\":[32],\"searchQuery\":[32],\"selectByRadius\":[64],\"selectPostalCodes\":[64],\"clearSelection\":[64],\"previewByRadius\":[64],\"previewPostalCodes\":[64],\"clearPreview\":[64]},null,{\"level\":[{\"levelChanged\":0}],\"selectZoom\":[{\"selectZoomChanged\":0}],\"showSearch\":[{\"showSearchChanged\":0}]}],[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]},null,{\"value\":[{\"onValueChange\":0}]}],[257,\"xv-accordion-v2-item\",{\"disabled\":[4],\"label\":[1],\"value\":[1],\"isOpen\":[32]},[[16,\"accordionChange\",\"handleAccordionChange\"]]],[260,\"xv-breadcrumbs-v2\"],[257,\"xv-button-group-v2\",{\"variant\":[513],\"multiple\":[516],\"value\":[1025]},[[0,\"click\",\"handleClick\"]],{\"value\":[{\"onSelectionInputChange\":0}],\"multiple\":[{\"onSelectionInputChange\":0}]}],[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],\"mobileBreakpoint\":[513,\"mobile-breakpoint\"],\"currentLabel\":[32],\"currentStep\":[32],\"total\":[32]},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],\"helper\":[1],\"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]}],[262,\"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],\"alignment\":[1],\"size\":[1],\"tooltip\":[1],\"anchor\":[1],\"activeId\":[32],\"openMenu\":[64],\"closeMenu\":[64],\"toggleMenu\":[64]},[[0,\"keydown\",\"handleKeyDown\"]],{\"open\":[{\"openChangeHandle\":0}],\"anchor\":[{\"anchorChangeHandle\":0}]}],[257,\"xv-overflow-menu-v2-item\",{\"disabled\":[516],\"value\":[520],\"variant\":[513],\"clickable\":[4],\"href\":[1],\"target\":[1],\"divider\":[516],\"hasIcon\":[32],\"hasIconEnd\":[32]},[[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-link-v2\",{\"href\":[1],\"target\":[1],\"disabled\":[4],\"size\":[1],\"variant\":[1]}],[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],\"clearable\":[516],\"size\":[513],\"isPasswordVisible\":[32]}],[257,\"xv-card-v2\",{\"variant\":[1],\"media\":[1],\"header\":[1],\"body\":[1],\"footer\":[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\":[513],\"name\":[1],\"label\":[513],\"variant\":[513],\"size\":[513],\"disabled\":[516],\"loading\":[516],\"block\":[516],\"type\":[513],\"active\":[516],\"hasLeftIcon\":[32],\"hasRightIcon\":[32],\"hasContent\":[32]}],[257,\"xv-loader-v2\",{\"show\":[4],\"variant\":[1],\"size\":[1]}]]],[\"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\"]]]]],[\"xv-footer-next.cjs\",[[0,\"xv-footer-next\",{\"footerData\":[1,\"footer-data\"],\"data\":[32]},[[8,\"xv:metaNav-update\",\"handleLoadData\"]],{\"footerData\":[{\"onFooterDataChange\":0}]}]]],[\"xv-mega-menu-next.cjs\",[[262,\"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}]}]]]]"), options);
|
|
22
22
|
});
|
|
23
23
|
|
|
24
24
|
exports.setNonce = index.setNonce;
|
|
@@ -96,7 +96,7 @@ header.header .header-top--right .header-label {
|
|
|
96
96
|
color: var(--text-primary, #131313);
|
|
97
97
|
}
|
|
98
98
|
header.header .header-top--right .header-label > small {
|
|
99
|
-
line-height: 1
|
|
99
|
+
line-height: 1;
|
|
100
100
|
}
|
|
101
101
|
@media (min-width: 992px) {
|
|
102
102
|
header.header .header-top--right .header-label {
|
|
@@ -132,10 +132,10 @@ header.header .header-top--right .counter-badge--absolute {
|
|
|
132
132
|
}
|
|
133
133
|
header.header .header-top--right .counter-badge::part(details-content) {
|
|
134
134
|
padding: 1px;
|
|
135
|
-
line-height: 1
|
|
135
|
+
line-height: 1;
|
|
136
136
|
min-width: 16px;
|
|
137
137
|
height: 16px;
|
|
138
|
-
font-size: 10px
|
|
138
|
+
font-size: 10px;
|
|
139
139
|
text-align: center;
|
|
140
140
|
display: inline-flex;
|
|
141
141
|
align-items: center;
|
|
@@ -234,7 +234,7 @@ header.header .header-top .impersonationInfo ul[slot=body] {
|
|
|
234
234
|
min-width: 256px;
|
|
235
235
|
}
|
|
236
236
|
header.header .header-top .notifications-icon {
|
|
237
|
-
font-size: 14px
|
|
237
|
+
font-size: 14px;
|
|
238
238
|
}
|
|
239
239
|
header.header .header-top .notifications-item {
|
|
240
240
|
display: flex;
|
|
@@ -255,11 +255,11 @@ header.header .header-top .myArea .category-badge {
|
|
|
255
255
|
margin-left: var(--spacing-02);
|
|
256
256
|
}
|
|
257
257
|
header.header .header-top .myArea .category-badge::part(details-content) {
|
|
258
|
-
line-height: 1
|
|
259
|
-
font-size: 11px
|
|
258
|
+
line-height: 1;
|
|
259
|
+
font-size: 11px;
|
|
260
260
|
padding: var(--spacing-01) var(--spacing-02);
|
|
261
261
|
}
|
|
262
262
|
header.header .xv-container {
|
|
263
263
|
box-sizing: content-box;
|
|
264
|
-
line-height: normal
|
|
264
|
+
line-height: normal;
|
|
265
265
|
}
|
|
@@ -145,12 +145,11 @@
|
|
|
145
145
|
margin: 0;
|
|
146
146
|
padding-block: var(--spacing-05, 16px);
|
|
147
147
|
color: inherit;
|
|
148
|
-
text-decoration: none
|
|
149
|
-
font-size: 16px
|
|
150
|
-
line-height: 24px
|
|
151
|
-
font-family: var(--ff-body), sans-serif
|
|
152
|
-
font-weight: 600
|
|
153
|
-
letter-spacing: normal !important;
|
|
148
|
+
text-decoration: none;
|
|
149
|
+
font-size: 16px;
|
|
150
|
+
line-height: 24px;
|
|
151
|
+
font-family: var(--ff-body), sans-serif;
|
|
152
|
+
font-weight: 600;
|
|
154
153
|
cursor: pointer;
|
|
155
154
|
border-bottom: 2px solid transparent;
|
|
156
155
|
transition: 250ms ease-in-out border-bottom-color;
|
|
@@ -351,21 +350,21 @@
|
|
|
351
350
|
}
|
|
352
351
|
}
|
|
353
352
|
.xv-menu .menu .group-card-title, .xv-menu .menu .group-card-desc {
|
|
354
|
-
font-size: var(--fz-md, 14px)
|
|
355
|
-
font-style: normal
|
|
356
|
-
line-height: 18px
|
|
357
|
-
letter-spacing: 0.16px
|
|
353
|
+
font-size: var(--fz-md, 14px);
|
|
354
|
+
font-style: normal;
|
|
355
|
+
line-height: 18px;
|
|
356
|
+
letter-spacing: 0.16px;
|
|
358
357
|
}
|
|
359
358
|
.xv-menu .menu .group-card .xv-link_standalone, .xv-menu .menu .group-card-title, .xv-menu .menu .group-card-desc {
|
|
360
|
-
font-family: var(--ff-work-sans), sans-serif
|
|
359
|
+
font-family: var(--ff-work-sans), sans-serif;
|
|
361
360
|
}
|
|
362
361
|
.xv-menu .menu .group-card-title {
|
|
363
362
|
color: var(--text-primary, #333);
|
|
364
|
-
font-weight: 600
|
|
363
|
+
font-weight: 600;
|
|
365
364
|
}
|
|
366
365
|
.xv-menu .menu .group-card-desc {
|
|
367
366
|
color: var(--text-secondary, #515151);
|
|
368
|
-
font-weight: 400
|
|
367
|
+
font-weight: 400;
|
|
369
368
|
padding-top: var(--spacing-03);
|
|
370
369
|
display: -webkit-box;
|
|
371
370
|
-webkit-line-clamp: 11;
|
|
@@ -5,7 +5,7 @@ export class XvProgressIndicatorItem {
|
|
|
5
5
|
this.status = PROGRESS_ITEM_STATUS.NO_STARTED;
|
|
6
6
|
}
|
|
7
7
|
render() {
|
|
8
|
-
return (h(Host, { key: '
|
|
8
|
+
return (h(Host, { key: '2c25091f8ad5a869a3b08bc0bc03e1bcf08cc664', status: this.status, class: { 'xv-progress-indicator-item': true } }, h("span", { key: '64133e48e0fd6a4d1d091c59edb1653c97e90d04', class: "line" }), h("span", { key: 'f4507a06fd22d249e2259471a681be88fad4b661', class: "icon" }, h("svg", { key: 'f526d78af529285268d51ca090da902c88ff551a', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 448 512" }, h("path", { key: '603962b23762409a6ae5112be69f53ea8663fe3b', 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" }))), h("p", { key: '01a76a5cb52cc95ae3101582bd82b1ffaf3ad406', class: "label" }, h("slot", { key: '63997241ef9a792ba2176fb4a2c297acffefd9af' }))));
|
|
9
9
|
}
|
|
10
10
|
static get is() { return "xv-progress-indicator-v2-item"; }
|
|
11
11
|
static get encapsulation() { return "shadow"; }
|
|
@@ -1,13 +1,39 @@
|
|
|
1
1
|
:host {
|
|
2
2
|
--progress-indicator-icon-size: 22px;
|
|
3
3
|
--progress-indicator-font-size: var(--fz-md, 14px);
|
|
4
|
+
display: flex;
|
|
5
|
+
flex-direction: column;
|
|
6
|
+
font-family: var(--ff-body, inherit);
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
.items {
|
|
4
10
|
display: flex;
|
|
5
11
|
align-items: flex-start;
|
|
6
12
|
justify-content: space-between;
|
|
7
|
-
font-family: var(--ff-body, inherit);
|
|
8
13
|
overflow-x: auto;
|
|
9
14
|
}
|
|
10
15
|
|
|
16
|
+
.mobile-header {
|
|
17
|
+
display: none;
|
|
18
|
+
justify-content: space-between;
|
|
19
|
+
column-gap: var(--gap-xs, 8px);
|
|
20
|
+
font-size: var(--fz-md, 14px);
|
|
21
|
+
line-height: 20px;
|
|
22
|
+
letter-spacing: 0.16px;
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
.mobile-label {
|
|
26
|
+
color: var(--text-primary);
|
|
27
|
+
white-space: nowrap;
|
|
28
|
+
overflow: hidden;
|
|
29
|
+
text-overflow: ellipsis;
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
.mobile-counter {
|
|
33
|
+
color: var(--text-secondary);
|
|
34
|
+
white-space: nowrap;
|
|
35
|
+
}
|
|
36
|
+
|
|
11
37
|
:host([variant=horizontal]) ::slotted(xv-progress-indicator-v2-item) {
|
|
12
38
|
flex-direction: row;
|
|
13
39
|
column-gap: var(--gap-xs, 8px);
|
|
@@ -42,4 +68,50 @@
|
|
|
42
68
|
:host([size=xl]) {
|
|
43
69
|
--progress-indicator-icon-size: 32px;
|
|
44
70
|
--progress-indicator-font-size: var(--fz-xl, 20px);
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
@media (max-width: 768px) {
|
|
74
|
+
:host([mobile-breakpoint=sm]) {
|
|
75
|
+
--progress-indicator-icon-size: 16px;
|
|
76
|
+
--progress-indicator-label-display: none;
|
|
77
|
+
row-gap: var(--gap-xs, 8px);
|
|
78
|
+
}
|
|
79
|
+
:host([mobile-breakpoint=sm]) .mobile-header {
|
|
80
|
+
display: flex;
|
|
81
|
+
}
|
|
82
|
+
:host([mobile-breakpoint=sm]) ::slotted(xv-progress-indicator-v2-item) {
|
|
83
|
+
align-items: flex-start;
|
|
84
|
+
justify-content: flex-start;
|
|
85
|
+
padding: 10px 16px 10px 0;
|
|
86
|
+
}
|
|
87
|
+
}
|
|
88
|
+
@media (max-width: 991px) {
|
|
89
|
+
:host([mobile-breakpoint=md]) {
|
|
90
|
+
--progress-indicator-icon-size: 16px;
|
|
91
|
+
--progress-indicator-label-display: none;
|
|
92
|
+
row-gap: var(--gap-xs, 8px);
|
|
93
|
+
}
|
|
94
|
+
:host([mobile-breakpoint=md]) .mobile-header {
|
|
95
|
+
display: flex;
|
|
96
|
+
}
|
|
97
|
+
:host([mobile-breakpoint=md]) ::slotted(xv-progress-indicator-v2-item) {
|
|
98
|
+
align-items: flex-start;
|
|
99
|
+
justify-content: flex-start;
|
|
100
|
+
padding: 10px 16px 10px 0;
|
|
101
|
+
}
|
|
102
|
+
}
|
|
103
|
+
@media (max-width: 1199px) {
|
|
104
|
+
:host([mobile-breakpoint=lg]) {
|
|
105
|
+
--progress-indicator-icon-size: 16px;
|
|
106
|
+
--progress-indicator-label-display: none;
|
|
107
|
+
row-gap: var(--gap-xs, 8px);
|
|
108
|
+
}
|
|
109
|
+
:host([mobile-breakpoint=lg]) .mobile-header {
|
|
110
|
+
display: flex;
|
|
111
|
+
}
|
|
112
|
+
:host([mobile-breakpoint=lg]) ::slotted(xv-progress-indicator-v2-item) {
|
|
113
|
+
align-items: flex-start;
|
|
114
|
+
justify-content: flex-start;
|
|
115
|
+
padding: 10px 16px 10px 0;
|
|
116
|
+
}
|
|
45
117
|
}
|
|
@@ -20,19 +20,23 @@ export class XvProgressIndicator {
|
|
|
20
20
|
* possible options `XS | SM | MD | LG | XL`
|
|
21
21
|
*/
|
|
22
22
|
this.size = SIZE_VAR.MD;
|
|
23
|
+
/** Breakpoint (and below) where the mobile view applies, `none` disables it */
|
|
24
|
+
this.mobileBreakpoint = 'sm';
|
|
25
|
+
this.currentLabel = '';
|
|
26
|
+
this.currentStep = 0;
|
|
27
|
+
this.total = 0;
|
|
23
28
|
}
|
|
24
29
|
// Update 'xv-progress-indicator-item' done status
|
|
25
30
|
updateChildItems() {
|
|
26
31
|
const items = this.el.children;
|
|
27
32
|
const itemsCount = this.el.childElementCount;
|
|
28
|
-
const progressPerItem = 100 / itemsCount;
|
|
29
33
|
if (!items.length || !itemsCount)
|
|
30
34
|
return;
|
|
31
35
|
forEach(items, (item, index) => {
|
|
32
36
|
var _a;
|
|
33
|
-
const itemProgressStart = index * progressPerItem;
|
|
34
37
|
let status;
|
|
35
|
-
|
|
38
|
+
// Multiply before dividing so progress=100 gives exactly 100 for the last item
|
|
39
|
+
const localProgress = Math.min(Math.max(this.progress * itemsCount / 100 - index, 0), 1) * 100;
|
|
36
40
|
if (localProgress >= 100) {
|
|
37
41
|
status = PROGRESS_ITEM_STATUS.DONE;
|
|
38
42
|
}
|
|
@@ -49,13 +53,36 @@ export class XvProgressIndicator {
|
|
|
49
53
|
if (line)
|
|
50
54
|
line.style.width = `${localProgress}%`;
|
|
51
55
|
});
|
|
56
|
+
this.updateCurrentStep();
|
|
57
|
+
}
|
|
58
|
+
updateCurrentStep() {
|
|
59
|
+
var _a, _b;
|
|
60
|
+
const items = this.el.children;
|
|
61
|
+
const index = Math.max(Math.min(Math.floor(this.progress * items.length / 100), items.length - 1), 0);
|
|
62
|
+
this.total = items.length;
|
|
63
|
+
this.currentStep = items.length ? index + 1 : 0;
|
|
64
|
+
this.currentLabel = (_b = (_a = items[index]) === null || _a === void 0 ? void 0 : _a.textContent.trim()) !== null && _b !== void 0 ? _b : '';
|
|
65
|
+
}
|
|
66
|
+
componentWillLoad() {
|
|
67
|
+
this.updateCurrentStep();
|
|
52
68
|
}
|
|
53
69
|
// Load initial done status
|
|
54
70
|
componentDidLoad() {
|
|
55
71
|
this.updateChildItems();
|
|
56
72
|
}
|
|
73
|
+
connectedCallback() {
|
|
74
|
+
// Absent in hydrate and spec environments
|
|
75
|
+
if (typeof MutationObserver === 'undefined')
|
|
76
|
+
return;
|
|
77
|
+
this.observer = new MutationObserver(() => this.updateChildItems());
|
|
78
|
+
this.observer.observe(this.el, { childList: true, subtree: true, characterData: true });
|
|
79
|
+
}
|
|
80
|
+
disconnectedCallback() {
|
|
81
|
+
var _a;
|
|
82
|
+
(_a = this.observer) === null || _a === void 0 ? void 0 : _a.disconnect();
|
|
83
|
+
}
|
|
57
84
|
render() {
|
|
58
|
-
return (h(Host, { key: '
|
|
85
|
+
return (h(Host, { key: 'a13cb2173f8a41ba41041a2abcb56bca673d17d0', variant: this.variant, size: this.size, class: { 'xv-progress-indicator': true } }, h("div", { key: 'c8445bb96a98e1331adcaa8fa24322ed3688927c', class: "mobile-header" }, h("span", { key: 'e2b06b24022e81a4a211fcf25dfed052eed065a7', class: "mobile-label" }, this.currentLabel), h("span", { key: '8297b527f7c98dd7fd807dca9f3d064d5e135e48', class: "mobile-counter" }, this.currentStep, "/", this.total)), h("div", { key: '5deb80eb473aa454f458bd2806d5e00d74f954b8', class: "items" }, h("slot", { key: '4779d447a67bd596d62e654ce80fe9f9d54dc583' }))));
|
|
59
86
|
}
|
|
60
87
|
static get is() { return "xv-progress-indicator-v2"; }
|
|
61
88
|
static get encapsulation() { return "shadow"; }
|
|
@@ -136,9 +163,36 @@ export class XvProgressIndicator {
|
|
|
136
163
|
"reflect": false,
|
|
137
164
|
"attribute": "size",
|
|
138
165
|
"defaultValue": "SIZE_VAR.MD"
|
|
166
|
+
},
|
|
167
|
+
"mobileBreakpoint": {
|
|
168
|
+
"type": "string",
|
|
169
|
+
"mutable": false,
|
|
170
|
+
"complexType": {
|
|
171
|
+
"original": "'sm' | 'md' | 'lg' | 'none'",
|
|
172
|
+
"resolved": "\"lg\" | \"md\" | \"none\" | \"sm\"",
|
|
173
|
+
"references": {}
|
|
174
|
+
},
|
|
175
|
+
"required": false,
|
|
176
|
+
"optional": false,
|
|
177
|
+
"docs": {
|
|
178
|
+
"tags": [],
|
|
179
|
+
"text": "Breakpoint (and below) where the mobile view applies, `none` disables it"
|
|
180
|
+
},
|
|
181
|
+
"getter": false,
|
|
182
|
+
"setter": false,
|
|
183
|
+
"reflect": true,
|
|
184
|
+
"attribute": "mobile-breakpoint",
|
|
185
|
+
"defaultValue": "'sm'"
|
|
139
186
|
}
|
|
140
187
|
};
|
|
141
188
|
}
|
|
189
|
+
static get states() {
|
|
190
|
+
return {
|
|
191
|
+
"currentLabel": {},
|
|
192
|
+
"currentStep": {},
|
|
193
|
+
"total": {}
|
|
194
|
+
};
|
|
195
|
+
}
|
|
142
196
|
static get elementRef() { return "el"; }
|
|
143
197
|
static get watchers() {
|
|
144
198
|
return [{
|
|
@@ -25,12 +25,12 @@ export class XvRadio {
|
|
|
25
25
|
}
|
|
26
26
|
render() {
|
|
27
27
|
const message = resolveFieldMessage({ error: this.error, warning: this.warning, helper: this.helper });
|
|
28
|
-
return (h("div", { key: '
|
|
28
|
+
return (h("div", { key: '352b5da7c304aa01a6ef98e19e1a09a6ed1af382', class: {
|
|
29
29
|
'xv-radio': true,
|
|
30
30
|
'xv-radio--reverse': this.reverse,
|
|
31
31
|
'xv-radio--block': this.block,
|
|
32
32
|
[`xv-radio--size-${this.size}`]: !!this.size,
|
|
33
|
-
} }, this.label && h("p", { key: '
|
|
33
|
+
} }, this.label && h("p", { key: '375d8782fd7d9e95d164d61931540277a583c697', class: "xv-radio_label" }, this.label), h("label", { key: 'd3cc44a1818c0f27c9dcfa0365d97f6e92042356', class: { 'xv-radio_container': true, disabled: this.disabled } }, h("div", { key: '4f5d9ad677522c41478bfbffff38218663c98ba4', class: { 'xv-radio_input': true, 'xv-radio_input--error': !!this.error || this.error === '' } }, h("input", { key: 'c9976bb68fdddf396a46c8b471b039a2e682ac49', ref: el => (this.inputEl = el), type: "radio", name: this.name, value: this.value, checked: this.checked, readonly: this.readonly, disabled: this.disabled }), h("span", { key: '7aaacbde8c3e405307d8c2654d811fe664d9c68d', class: "xv-radio_input__mark" })), h("span", { key: 'ecd3b799c97edd53b866767dc34d17aee8aba1d8', class: "xv-radio_container__label" }, h("slot", { key: 'c595ac2e27e0fce401d61634eb48c1f43e622a07' }))), message && (h("span", { key: 'c80b27dda6e72b3ca4fb3f21ab24d8af446e6184', class: `xv-radio_msg xv-radio_msg--${message.level}` }, message.level !== 'helper' && (h("span", { key: 'b7a21929fc8217b5879ef0fef7d646e26d7dee8c', class: "xv-radio_msg__status", "aria-hidden": "true" }, message.level === 'error' ? '!' : '⚠')), message.text)), h("slot", { key: '75eea664c85019178ffd247495118295e49278c8', name: "info" })));
|
|
34
34
|
}
|
|
35
35
|
connectedCallback() {
|
|
36
36
|
var _a;
|
|
@@ -38,7 +38,7 @@ export class XvSlider {
|
|
|
38
38
|
this.setValue(this.min);
|
|
39
39
|
}
|
|
40
40
|
render() {
|
|
41
|
-
return (h(Host, { key: '
|
|
41
|
+
return (h(Host, { key: '200f4f7d9c2e7dfa36d8143979894e61932c657d', class: { disabled: this.disabled, readonly: this.readonly } }, this.label && h("label", { key: 'e81559ca4f2f5d827d3567b8679cb940a9fda842', class: "label" }, this.label), h("div", { key: '0dddff9ad8f8aa90442745856a5314dd32662757', class: "control" }, h("span", { key: 'f1dc02b2a976a7e38f62b10fad82992ece14b724', class: "control_label" }, this.min), h("input", { key: '031187cbbe6e17b0ad7e575d1f24f36573a3a3aa', 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%` } }), h("span", { key: '048f938f5daf2fced575a0026f68cf1f299e10f5', class: "control_label" }, this.max), !this.notEditable && (h("input", { key: 'ef48b07ecc28d758804645193bb727c44d9973bb', 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 })))));
|
|
42
42
|
}
|
|
43
43
|
static get is() { return "xv-slider-v2"; }
|
|
44
44
|
static get encapsulation() { return "shadow"; }
|
|
@@ -22,7 +22,7 @@ export class XvTableCell {
|
|
|
22
22
|
}
|
|
23
23
|
;
|
|
24
24
|
render() {
|
|
25
|
-
return (h(Host, { key: '
|
|
25
|
+
return (h(Host, { key: 'bf0d30bf7805600864922bb12772fc9dc6e281a0' }, h("slot", { key: 'edb33059b923aa184fccc1eeeb5603990a04a338' })));
|
|
26
26
|
}
|
|
27
27
|
static get is() { return "xv-table-v2-cell"; }
|
|
28
28
|
static get encapsulation() { return "shadow"; }
|
|
@@ -10,7 +10,7 @@ export class XvTableExpand {
|
|
|
10
10
|
};
|
|
11
11
|
}
|
|
12
12
|
render() {
|
|
13
|
-
return (h(Host, { key: '
|
|
13
|
+
return (h(Host, { key: '8d5ca83f3a13ebdfe3776847d4d678cea23df24f' }, h("button", { key: '112441278fd2dc0f12683a1637764bf6787f01e1', class: { 'expand-btn': true, open: this.open }, disabled: this.disabled, onClick: this.handleExpand }), h("slot", { key: 'bba6503d2569ed7d8749fe3bc0654ec6e68d4b41', name: XV_EXPANDABLE_KEY }), h("div", { key: 'c8f11f267123f9e565c765b3453714df3b412182', class: { expandableContent: true, open: this.open } }, h("slot", { key: '2b242e33ae15a1aef7ed12ff558898d8df9f8ed8' }))));
|
|
14
14
|
}
|
|
15
15
|
componentDidLoad() {
|
|
16
16
|
setAttr(this.el.parentElement, XV_EXPANDABLE_KEY, true);
|
|
@@ -42,7 +42,7 @@ export class XvTableRow {
|
|
|
42
42
|
}
|
|
43
43
|
}
|
|
44
44
|
render() {
|
|
45
|
-
return (h(Host, { key: '
|
|
45
|
+
return (h(Host, { key: '74939d24d326ec727e761b3a93bb1c2469192d5e' }, this.variant !== undefined && (h("xv-table-v2-cell", { key: '5611f6c3c9e042fd7a3fc523aa915cf5b72cce6d', class: "cell-control" }, this.variant === 'checkbox' && (h("xv-checkbox-v2", { key: '653525c99a6f4730563d4642ade65d4a28874ade', 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' && (h("input", { key: 'b51e94848a48bf3f17628e5fb55b3139c703284e', type: "radio", name: this.name, checked: this.checked || this.partial, disabled: this.disabled, required: this.required, readonly: this.readonly })))), h("slot", { key: '8909a2d6c7944726833c33de80e65d836c99ab47' })));
|
|
46
46
|
}
|
|
47
47
|
componentWillLoad() {
|
|
48
48
|
this.setInitialAttrs();
|
|
@@ -32,7 +32,7 @@ export class XvTable {
|
|
|
32
32
|
.join(' ') + ' repeat(auto-fit, minmax(0, 1fr))');
|
|
33
33
|
}
|
|
34
34
|
render() {
|
|
35
|
-
return (h(Host, { key: '
|
|
35
|
+
return (h(Host, { key: '89518093792eab4b7bc6629ae39d92b9db652564', class: { batchVisible: !!this.selectedCount } }, h("slot", { key: '57bce4728b9ff77e6140111c35d350a76f86d6a9', name: "title" }, !!this.el.title && h("h2", { key: '0e104e088a2341e4ee3acf7242d942a3f169bca6', class: "xv-table-title" }, this.el.title)), h("slot", { key: 'f01a6221b423d54283462b9f1c57d15acfd9131c', name: "toolbar" }), h("div", { key: '8c112d75cc31e2158f1788818ab130b716b26083', class: "xv-table" }, h("div", { key: 'c30aed9d1ab1ca26b89dc8ce898b29250bafc398', class: "batch-actions" }, h(Fragment, { key: '6c2b636079e0fe12dba3b3c883409724445d5c6f' }, h("div", { key: 'ad1332b689d355f61d2080f326df028bc63dcc9f', class: "batch-actions_content" }, h("slot", { key: 'c48642a3f446a24429d90bee5cce8c48dcbedb56', name: "batch" })), h("p", { key: '78c0f7f6a2bd01528cbba664c88defa5099e8adc', class: "batch-actions_count" }, !!this.selectedCount && `${this.selectedCount} ${this.selectedCount === 1 ? 'Position ausgewählt' : 'Positionen ausgewählt'}`))), h("div", { key: 'f2d220bf2a36ecfe89a65e4b5978d4f483f6cd16', class: "xv-table_wrapper" }, h("slot", { key: 'd4eab97c9d70a3a54f4b0b9ade96cbf8eb0c4cfc' }), h("slot", { key: 'a11727ffc356f2cddd507ddd86ddfd89aff1a01c', name: "footer" })), !!this.loading && (h("div", { key: '97e917e04ae85473a2369679b79ae2b240bd9d86', class: "xv-table_loading" }, h("xv-loader-v2", { key: '05a30a5a8ce18eb82169695cdae6f13021b8823e', size: SIZE_VAR.LG }))))));
|
|
36
36
|
}
|
|
37
37
|
componentWillLoad() {
|
|
38
38
|
this.setColsSizeTemplate();
|
|
@@ -6,7 +6,7 @@ export class XvTab {
|
|
|
6
6
|
this.loading = false;
|
|
7
7
|
}
|
|
8
8
|
render() {
|
|
9
|
-
return (h(Host, { key: '
|
|
9
|
+
return (h(Host, { key: '1a8f18bdd797041377ac7149c260f394a7b3ff35', disabled: this.disabled, name: this.name }, this.loading ? h("xv-loader-v2", { size: SIZE_VAR.LG }) : h("slot", null)));
|
|
10
10
|
}
|
|
11
11
|
static get is() { return "xv-tab-v2"; }
|
|
12
12
|
static get encapsulation() { return "shadow"; }
|
|
@@ -13,7 +13,7 @@ export class XvTag {
|
|
|
13
13
|
this.closeClick.emit(e);
|
|
14
14
|
}
|
|
15
15
|
render() {
|
|
16
|
-
return (h(Host, { key: '
|
|
16
|
+
return (h(Host, { key: '7c01d3c6412f263791c6673a8b34183ceae629be', style: { color: this.color, background: this.bg }, class: `xv-tag ${this.disabled ? 'disabled' : ''} ${this.size}` }, h("div", { key: '4459e0bd72600b47657e11258163b36924bb76b9', class: "xv-tag_content", part: "details-content" }, h("slot", { key: 'a87dd8afc441c72f2e50fc68794f65936a921a9f' })), this.closeable && (h("button", { key: '8bc2d66235dde2863b4c349084ea36f0a47b3065', onClick: this.closeHandler.bind(this), class: "xv-tag_close" }))));
|
|
17
17
|
}
|
|
18
18
|
static get is() { return "xv-tag-v2"; }
|
|
19
19
|
static get encapsulation() { return "shadow"; }
|
|
@@ -242,12 +242,12 @@ export class XvTagCombobox {
|
|
|
242
242
|
const ariaOwns = suggestionsVisible ? `${this.uid}-listbox` : undefined;
|
|
243
243
|
const activedesc = this.highlighted >= 0 ? this.optionId(this.highlighted) : undefined;
|
|
244
244
|
const message = resolveFieldMessage({ error: this.error, warning: this.warning, helper: this.helper });
|
|
245
|
-
return (h(Host, { key: '
|
|
245
|
+
return (h(Host, { key: '11578a46310ef235397da189b379b00bd56b09a7', class: "xv-combobox", part: "root", size: this.size }, this.label && h("label", { key: '7378ae807ca6f77f822bf4c1d8eff0e8889a32fb', class: "label" }, this.label), h("div", { key: '9b0149484e2ea1a947ff620078c29204090e4e4a', class: {
|
|
246
246
|
'control': true,
|
|
247
247
|
'control--disabled': this.disabled,
|
|
248
248
|
'control--error': !!this.error,
|
|
249
249
|
'control--readonly': !!this.readonly,
|
|
250
|
-
}, onClick: () => this.blockClick() }, h("div", { key: '
|
|
250
|
+
}, onClick: () => this.blockClick() }, h("div", { key: '8b5b17a6e7746fb42fdd94a1ca27782e3b2804c8', 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: '42ac30b45601dd689e8ab31bde3b64ed07245d94', 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: '87bf7e0e68ea5b70bc95d7ff767981055e1143ec', class: "control-loader", part: "loader", "aria-hidden": "true" }, h("xv-loader-v2", { key: 'b0695f76b1d7ce41733d3d7cb52c855eeb7defb2', size: "sm", variant: "horizontal" })))), message && (h("p", { key: '8ead7e229516649c3117af7eb4246d1d96785b0e', class: { message: true, [message.level]: true } }, message.text)), suggestionsVisible && (h("ul", { key: 'd128a4b07a12c25926f2f12953061880735c6c28', 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)))))))))));
|
|
251
251
|
}
|
|
252
252
|
static get is() { return "xv-tag-combobox"; }
|
|
253
253
|
static get encapsulation() { return "shadow"; }
|
|
@@ -30,13 +30,13 @@ export class XvTextInput {
|
|
|
30
30
|
}
|
|
31
31
|
render() {
|
|
32
32
|
const message = resolveFieldMessage({ error: this.error, warning: this.warning, helper: this.helper });
|
|
33
|
-
return (h(Host, { key: '
|
|
33
|
+
return (h(Host, { key: '6cb14bae4dd7d7a34995c458bad1fc91c8299794', class: { disabled: !!this.disabled } }, h("label", { key: '07a6d65d528b85a3050591ac77c47d4bbc43cd95', class: "control" }, this.label && h("span", { key: 'e774cf0cea836fe7c306ae5876e786bd658c0645', class: "control_label" }, this.label), h("div", { key: '4b86cb8e054bba7b6c23a0b3aad073d4dd1bae55', class: {
|
|
34
34
|
'control_input': true,
|
|
35
35
|
readonly: !!this.readonly,
|
|
36
36
|
[this.size]: true,
|
|
37
37
|
error: !!this.error,
|
|
38
38
|
warning: !!this.warning,
|
|
39
|
-
} }, h("input", { key: '
|
|
39
|
+
} }, h("input", { key: '6ee047f2525f76ffc892a3cc502f85663a5b33fd', 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: '322c49e3ca050bde17379254cc393ee226ddad78', class: "control_input__icons" }, this.loading && h("xv-loader-v2", { key: '3bcab8389daf5719c0dd0ec5018c3ecc91121edb', size: SIZE_VAR.XS }), this.clearable && this.value && !this.loading && !this.disabled && !this.readonly && (h("button", { key: '0c491d7a60977b4985a09cb32ab1d7c3234541db', type: "button", class: "status-icon clear", "aria-label": "Clear", onClick: this.handleClear }, "\u00D7")), !!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: '3e7b49c3ad26bdcf883f7426f85beb66e576a2c6', onClick: this.togglePassword, disabled: this.disabled, class: "status-icon" }, h("svg", { key: '30f7fe865ffa841b535858dbb93290c491b5c046', 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" })))))))), message && (h("p", { key: 'd383ea30a7dac49f60d2bbb86b6ae7adbc198e4f', class: { message: true, [message.level]: true } }, message.text))));
|
|
40
40
|
}
|
|
41
41
|
static get is() { return "xv-text-input-v2"; }
|
|
42
42
|
static get encapsulation() { return "shadow"; }
|
|
@@ -22,12 +22,12 @@ export class XvTextarea {
|
|
|
22
22
|
}
|
|
23
23
|
render() {
|
|
24
24
|
const message = resolveFieldMessage({ error: this.error, warning: this.warning, helper: this.helper });
|
|
25
|
-
return (h(Host, { key: '
|
|
25
|
+
return (h(Host, { key: '536ccc1ce2d876e7c4f888eda24b4140e9a64dfe', class: { disabled: !!this.disabled } }, h("label", { key: '95db3223fb542dbad1f36e7db07d900ebb5ac43d', class: "control" }, (this.label || this.max) && (h("p", { key: '3880e3c2c82d5ae9ea157f8e5a94aec319f66475', class: "control_label" }, h("span", { key: '0faf32e5298b88d45d4485577c568ab89ad3f9ff' }, this.label, this.info && h("xv-tooltip-v2", { key: 'c13ccfc20eebd1580b059b0d9b9f52e10235e181', message: this.info })), this.max !== undefined && !this.counterHide && (h("span", { key: '12d63fa8aee000f00bd250cfe604f74fbf94147c', class: "control_label__count" }, this.value.length || 0, "/", this.max)))), h("div", { key: '2083623f79478ffcf4ec0956bef395dde07de0cb', class: {
|
|
26
26
|
'control_input': true,
|
|
27
27
|
readonly: !!this.readonly,
|
|
28
28
|
error: !!this.error,
|
|
29
29
|
warning: this.warning !== undefined,
|
|
30
|
-
} }, h("textarea", { key: '
|
|
30
|
+
} }, h("textarea", { key: '63baca39117ecf6bdc38ccf0515ef9e2fc44af3c', 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 }), h("div", { key: '3f5bcca5bd41012ebef909c283ed358ca2606e4a', class: "control_input__icons" }, this._renderIcon()))), message && (h("p", { key: 'f2ef14db3043f0c9234d339a33a7195729d13b32', class: { message: true, [message.level]: true } }, message.text))));
|
|
31
31
|
}
|
|
32
32
|
_renderIcon() {
|
|
33
33
|
if (this.loading)
|