@sellmate/design-system 1.18.0 → 1.19.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/design-system.cjs.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/sd-chip-input.cjs.entry.js +29 -2
- package/dist/cjs/sd-key-value-table.cjs.entry.js +12 -6
- package/dist/cjs/sd-table.cjs.entry.js +10 -9
- package/dist/collection/components/sd-chip-input/sd-chip-input.js +48 -2
- package/dist/collection/components/sd-key-value-table/sd-key-value-table.config.js +1 -0
- package/dist/collection/components/sd-key-value-table/sd-key-value-table.css +10 -3
- package/dist/collection/components/sd-key-value-table/sd-key-value-table.js +17 -12
- package/dist/collection/components/sd-table/sd-table.css +4 -1
- package/dist/collection/components/sd-table/sd-table.js +15 -14
- package/dist/components/sd-chip-input.js +1 -1
- package/dist/components/sd-key-value-table.js +1 -1
- package/dist/components/sd-table.js +1 -1
- package/dist/design-system/design-system.esm.js +1 -1
- package/dist/design-system/p-4b15247b.entry.js +1 -0
- package/dist/design-system/p-4b626171.entry.js +1 -0
- package/dist/design-system/p-9d35b674.entry.js +1 -0
- package/dist/esm/design-system.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/sd-chip-input.entry.js +29 -2
- package/dist/esm/sd-key-value-table.entry.js +12 -6
- package/dist/esm/sd-table.entry.js +10 -9
- package/dist/types/components/sd-chip-input/sd-chip-input.d.ts +4 -0
- package/dist/types/components/sd-key-value-table/sd-key-value-table.config.d.ts +1 -0
- package/dist/types/components/sd-key-value-table/sd-key-value-table.d.ts +5 -3
- package/dist/types/components/sd-table/sd-table.d.ts +1 -1
- package/dist/types/components.d.ts +23 -20
- package/hydrate/index.js +54 -19
- package/hydrate/index.mjs +54 -19
- package/package.json +3 -3
- package/dist/design-system/p-0a772d43.entry.js +0 -1
- package/dist/design-system/p-bcd7d358.entry.js +0 -1
- package/dist/design-system/p-ff939fbd.entry.js +0 -1
package/dist/esm/loader.js
CHANGED
|
@@ -4,7 +4,7 @@ export { s as setNonce } from './index-CAxodB5I.js';
|
|
|
4
4
|
const defineCustomElements = async (win, options) => {
|
|
5
5
|
if (typeof window === 'undefined') return undefined;
|
|
6
6
|
await globalScripts();
|
|
7
|
-
return bootstrapLazy(JSON.parse("[[\"sd-button_2\",[[512,\"sd-button\",{\"name\":[1],\"label\":[1],\"icon\":[1],\"rightIcon\":[1,\"right-icon\"],\"ariaLabel\":[1,\"aria-label\"],\"disabled\":[4],\"type\":[1]}],[512,\"sd-icon\",{\"name\":[1],\"size\":[8],\"color\":[1],\"rotate\":[2],\"label\":[1],\"iconStyle\":[16]}]]],[\"sd-key-value-table\",[[772,\"sd-key-value-table\",{\"fields\":[16],\"search\":[4],\"useTop\":[4,\"use-top\"]}]]],[\"sd-table\",[[769,\"sd-table\",{\"tableId\":[513,\"table-id\"],\"columns\":[16],\"rows\":[16],\"selected\":[1040],\"rowKey\":[1,\"row-key\"],\"selectable\":[4],\"resizable\":[4],\"width\":[1],\"height\":[1],\"stickyHeader\":[4,\"sticky-header\"],\"stickyColumn\":[16],\"useTop\":[4,\"use-top\"],\"noDataLabel\":[1,\"no-data-label\"],\"isLoading\":[4,\"is-loading\"],\"pagination\":[16],\"useInternalPagination\":[4,\"use-internal-pagination\"],\"useRowsPerPageSelect\":[4,\"use-rows-per-page-select\"],\"dense\":[4],\"useVirtualScroll\":[4,\"use-virtual-scroll\"],\"rowHeight\":[2,\"row-height\"],\"virtualBuffer\":[2,\"virtual-buffer\"],\"virtualEndThreshold\":[2,\"virtual-end-threshold\"],\"rowsPerPageOption\":[16],\"resolvedNoDataLabel\":[32],\"currentPage\":[32],\"innerRowsPerPage\":[32],\"innerSelected\":[32],\"columnWidths\":[32],\"scrolledLeft\":[32],\"scrolledRight\":[32],\"rowCount\":[32],\"loadingScrollTop\":[32],\"noDataBodyHeight\":[32],\"autoThead\":[32],\"autoTbody\":[32],\"isRowSelected\":[64],\"updateRowSelect\":[64],\"toggleSelectAll\":[64],\"getIsAllChecked\":[64],\"getStickyStyle\":[64],\"setRowCount\":[64],\"getPaginationInfo\":[64]},null,{\"isLoading\":[{\"handleIsLoadingChange\":0}],\"useVirtualScroll\":[{\"handleUseVirtualScrollChange\":0}],\"columns\":[{\"handleColumnsChange\":0}],\"rows\":[{\"handleRowsChange\":0}],\"rowKey\":[{\"handleRowKeyChange\":0}],\"tableId\":[{\"handleTableIdChange\":0}],\"noDataLabel\":[{\"handleNoDataLabelChange\":0}],\"selectable\":[{\"handleConfigChange\":0}],\"resizable\":[{\"handleConfigChange\":0}],\"stickyColumn\":[{\"handleConfigChange\":0}],\"stickyHeader\":[{\"handleConfigChange\":0}],\"dense\":[{\"handleConfigChange\":0}],\"selected\":[{\"handleSelectedChange\":0}],\"pagination\":[{\"handlePaginationChange\":0}]}]]],[\"sd-chip-input\",[[512,\"sd-chip-input\",{\"values\":[1040],\"errors\":[1040],\"disabledChips\":[1040],\"size\":[1],\"disabled\":[4],\"placeholder\":[1],\"name\":[1],\"rules\":[16],\"error\":[1028],\"useReset\":[4,\"use-reset\"],\"maxCount\":[2,\"max-count\"],\"suggestions\":[1040],\"loadingSuggestions\":[4,\"loading-suggestions\"],\"recommendedItems\":[1040],\"loadingRecommendedItems\":[4,\"loading-recommended-items\"],\"label\":[1],\"labelWidth\":[8,\"label-width\"],\"hint\":[1],\"errorMessage\":[1,\"error-message\"],\"width\":[8],\"status\":[1],\"icon\":[16],\"labelTooltip\":[1,\"label-tooltip\"],\"labelTooltipProps\":[16],\"internalValues\":[32],\"internalErrors\":[32],\"focused\":[32],\"hovered\":[32],\"inputValue\":[32],\"activeSuggestionIndex\":[32],\"suppressSuggestions\":[32],\"suppressRecommendations\":[32],\"sdValidate\":[64],\"sdReset\":[64],\"sdResetValidate\":[64],\"sdFocus\":[64]},null,{\"values\":[{\"valuesChanged\":0}],\"errors\":[{\"errorsChanged\":0}],\"suggestions\":[{\"suggestionsChanged\":0}],\"recommendedItems\":[{\"recommendedItemsChanged\":0}]}]]],[\"sd-barcode-input\",[[772,\"sd-barcode-input\",{\"value\":[1032],\"size\":[1],\"addonLabel\":[1,\"addon-label\"],\"addonAlign\":[1,\"addon-align\"],\"placeholder\":[1],\"disabled\":[4],\"clearable\":[4],\"width\":[8],\"rules\":[16],\"autoFocus\":[4,\"auto-focus\"],\"status\":[1],\"hint\":[1],\"errorMessage\":[1,\"error-message\"],\"inputClass\":[1,\"input-class\"],\"readonly\":[4],\"error\":[1028],\"focused\":[1028],\"hovered\":[1028],\"label\":[1],\"labelWidth\":[8,\"label-width\"],\"icon\":[16],\"labelTooltip\":[1,\"label-tooltip\"],\"labelTooltipProps\":[16],\"inputStyle\":[16],\"name\":[1],\"internalValue\":[32],\"sdGetNativeElement\":[64],\"sdValidate\":[64],\"sdReset\":[64],\"sdResetValidate\":[64],\"sdFocus\":[64]},null,{\"value\":[{\"valueChanged\":0}],\"internalValue\":[{\"internalValueChanged\":0}]}]]],[\"sd-modal-container\",[[512,\"sd-modal-container\",{\"autoRemove\":[4,\"auto-remove\"],\"entries\":[32],\"open\":[64],\"openLoading\":[64],\"createCustom\":[64],\"dismissById\":[64],\"update\":[64]}]]],[\"sd-popover\",[[512,\"sd-popover\",{\"show\":[1028],\"placement\":[513],\"color\":[513],\"icon\":[513],\"iconSize\":[514,\"icon-size\"],\"label\":[1],\"name\":[1],\"rightIcon\":[1,\"right-icon\"],\"ariaLabel\":[1,\"aria-label\"],\"disabled\":[4],\"type\":[1],\"menuTitle\":[1,\"menu-title\"],\"leftLink\":[16],\"button\":[16],\"menuClass\":[1,\"menu-class\"],\"slotContentHTML\":[32]}]]],[\"sd-guide\",[[512,\"sd-guide\",{\"type\":[513],\"label\":[513],\"message\":[1],\"url\":[1],\"popupTitle\":[1,\"popup-title\"],\"popupWidth\":[2,\"popup-width\"],\"popupShow\":[32]}]]],[\"sd-toast-container\",[[512,\"sd-toast-container\",{\"position\":[1],\"maxVisible\":[2,\"max-visible\"],\"defaultDuration\":[2,\"default-duration\"],\"zIndex\":[2,\"z-index\"],\"toasts\":[32],\"expanded\":[32],\"create\":[64],\"dismiss\":[64],\"dismissAll\":[64]}]]],[\"sd-action-modal\",[[772,\"sd-action-modal\",{\"modalTitle\":[1,\"modal-title\"],\"buttonProps\":[16],\"width\":[8],\"height\":[8]}]]],[\"sd-dropdown-button\",[[512,\"sd-dropdown-button\",{\"name\":[1],\"label\":[1],\"items\":[16],\"disabled\":[4],\"split\":[4],\"isOpen\":[32],\"isAnimatingOut\":[32],\"itemIndex\":[32],\"sdOpen\":[64],\"sdClose\":[64]},null,{\"isOpen\":[{\"handleOpenChange\":0}]}]]],[\"sd-popup\",[[772,\"sd-popup\",{\"popupTitle\":[1,\"popup-title\"],\"type\":[1],\"useFooter\":[4,\"use-footer\"],\"submitButtonProps\":[16]}]]],[\"sd-tabs\",[[512,\"sd-tabs\",{\"value\":[1537],\"tabs\":[1040],\"size\":[513],\"isSub\":[516,\"is-sub\"],\"vertical\":[516]},null,{\"value\":[{\"valueChanged\":0}]}]]],[\"sd-callout\",[[512,\"sd-callout\",{\"type\":[513],\"message\":[16]}]]],[\"sd-loading-container\",[[512,\"sd-loading-container\",{\"visible\":[32],\"message\":[32],\"show\":[64],\"hide\":[64]}]]],[\"sd-badge\",[[512,\"sd-badge\",{\"color\":[1]}]]],[\"sd-card\",[[772,\"sd-card\",{\"bordered\":[4],\"sdClass\":[1,\"sd-class\"]}]]],[\"sd-date-box\",[[514,\"sd-date-box\",{\"date\":[8],\"disabled\":[4],\"selected\":[4],\"isStartDate\":[4,\"is-start-date\"],\"isEndDate\":[4,\"is-end-date\"],\"isToday\":[4,\"is-today\"],\"inRange\":[4,\"in-range\"],\"type\":[1]}]]],[\"sd-divider\",[[512,\"sd-divider\",{\"vertical\":[516]}]]],[\"sd-form\",[[772,\"sd-form\",{\"formClass\":[1,\"form-class\"],\"sdRegisterField\":[64],\"sdUnregisterField\":[64],\"sdValidate\":[64],\"sdReset\":[64],\"sdResetValidation\":[64]}]]],[\"sd-linear-progress\",[[512,\"sd-linear-progress\",{\"indeterminate\":[516],\"value\":[2],\"type\":[513],\"label\":[1]}]]],[\"sd-radio-button\",[[512,\"sd-radio-button\",{\"value\":[1032],\"options\":[1040],\"size\":[1],\"disabled\":[4],\"name\":[1]}]]],[\"sd-switch\",[[512,\"sd-switch\",{\"value\":[1028],\"label\":[1],\"disabled\":[4]}]]],[\"sd-td\",[[772,\"sd-td\",{\"field\":[1],\"rowKey\":[1,\"row-key\"],\"align\":[1],\"rowspan\":[2],\"colspan\":[2],\"sdClass\":[1,\"sd-class\"],\"dividerLeft\":[4,\"divider-left\"],\"dividerRight\":[4,\"divider-right\"],\"useFrame\":[4,\"use-frame\"]},null,{\"field\":[{\"handleFieldChange\":0}],\"rowKey\":[{\"handleRowKeyChange\":0}],\"rowspan\":[{\"handleSpanChange\":0}],\"colspan\":[{\"handleSpanChange\":0}],\"sdClass\":[{\"handleSdClassChange\":0}],\"dividerLeft\":[{\"handleDividerChange\":0}],\"dividerRight\":[{\"handleDividerChange\":0}],\"useFrame\":[{\"handleUseFrameChange\":0}]}]]],[\"sd-toggle\",[[512,\"sd-toggle\",{\"value\":[1540],\"label\":[1],\"disabled\":[4]}]]],[\"sd-toast\",[[512,\"sd-toast\",{\"icon\":[1],\"message\":[1],\"link\":[1],\"linkLabel\":[1,\"link-label\"],\"buttonLabel\":[1,\"button-label\"],\"useClose\":[4,\"use-close\"],\"type\":[1]}]]],[\"sd-circle-progress\",[[512,\"sd-circle-progress\",{\"indeterminate\":[516],\"value\":[2],\"type\":[513],\"label\":[1]}]]],[\"sd-confirm-modal_2\",[[772,\"sd-confirm-modal\",{\"type\":[1],\"modalTitle\":[1,\"modal-title\"],\"titleClass\":[1,\"title-class\"],\"topMessage\":[16],\"bottomMessage\":[16],\"mainButtonName\":[1,\"main-button-name\"],\"mainButtonLabel\":[1,\"main-button-label\"],\"subButtonLabel\":[1,\"sub-button-label\"],\"tagPreset\":[1,\"tag-preset\"],\"tagLabel\":[1,\"tag-label\"],\"slotLabel\":[1,\"slot-label\"],\"tagContents\":[16],\"hasSlottedContent\":[32]}],[512,\"sd-loading-modal\",{\"state\":[513],\"message\":[1],\"useButton\":[516,\"use-button\"],\"buttonLabel\":[1,\"button-label\"],\"width\":[8],\"height\":[8],\"progress\":[2]}]]],[\"sd-date-range-picker-calendar\",[[512,\"sd-date-range-picker-calendar\",{\"value\":[16],\"selectable\":[16],\"maxRange\":[2,\"max-range\"],\"currentYear\":[32],\"currentMonth\":[32],\"pendingStart\":[32],\"hoverDate\":[32],\"displayValue\":[32]},null,{\"value\":[{\"handleValueChange\":0}]}]]],[\"sd-text-link\",[[512,\"sd-text-link\",{\"label\":[1],\"icon\":[1],\"iconColor\":[1,\"icon-color\"],\"labelClass\":[1,\"label-class\"],\"rightArrow\":[1,\"right-arrow\"],\"underline\":[516],\"disabled\":[516],\"size\":[513]}]]],[\"sd-radio\",[[512,\"sd-radio\",{\"value\":[1032],\"val\":[8],\"disabled\":[4],\"label\":[1]},null,{\"value\":[{\"valueChanged\":0}]}]]],[\"sd-ghost-button_2\",[[512,\"sd-ghost-button\",{\"icon\":[1],\"size\":[1],\"intent\":[1],\"ariaLabel\":[1,\"aria-label\"],\"tooltipLabel\":[1,\"tooltip-label\"],\"disabled\":[4]}],[512,\"sd-tag\",{\"name\":[1],\"label\":[1],\"icon\":[1],\"isLeft\":[4,\"is-left\"]}]]],[\"sd-chip\",[[512,\"sd-chip\",{\"name\":[1],\"value\":[1025],\"error\":[1028],\"disabled\":[4],\"editable\":[4],\"placeholder\":[1],\"rules\":[16],\"internalValue\":[32],\"isEditing\":[32],\"sdValidate\":[64],\"sdReset\":[64],\"sdResetValidate\":[64],\"sdResetValidation\":[64],\"sdFocus\":[64],\"sdGetNativeElement\":[64]},null,{\"value\":[{\"valueChanged\":0}]}]]],[\"sd-pagination_4\",[[512,\"sd-thead\",{\"columns\":[16],\"selectable\":[4],\"resizable\":[4],\"stickyColumn\":[16],\"stickyHeader\":[4,\"sticky-header\"],\"scrolledLeft\":[4,\"scrolled-left\"],\"scrolledRight\":[4,\"scrolled-right\"],\"rows\":[16],\"columnWidths\":[1040],\"tableId\":[32],\"_columns\":[32],\"_selectable\":[32],\"_resizable\":[32],\"_stickyColumn\":[32],\"_stickyHeader\":[32],\"_scrolledLeft\":[32],\"_scrolledRight\":[32],\"refreshConfig\":[64],\"setColumnWidths\":[64],\"refreshSelection\":[64]},null,{\"columns\":[{\"handleColumnsChange\":0}]}],[772,\"sd-tr\",{\"columns\":[16],\"selectable\":[4],\"stickyColumn\":[16],\"rowKey\":[1,\"row-key\"],\"row\":[16],\"separator\":[8],\"tableId\":[32],\"columnWidths\":[32],\"isVisible\":[32],\"spansVersion\":[32],\"_columns\":[32],\"_selectable\":[32],\"_stickyColumn\":[32],\"_scrolledLeft\":[32],\"_scrolledRight\":[32],\"_dense\":[32],\"refreshConfig\":[64],\"bumpSpansVersion\":[64],\"updateVisibility\":[64],\"setColumnWidths\":[64],\"refreshSelection\":[64]}],[512,\"sd-pagination\",{\"currentPage\":[1026,\"current-page\"],\"lastPage\":[2,\"last-page\"],\"simple\":[4]}],[769,\"sd-tbody\",{\"rows\":[16],\"tableId\":[32],\"topSpacerHeight\":[32],\"bottomSpacerHeight\":[32]},null,{\"rows\":[{\"handleRowsChange\":0}]}]]],[\"sd-calendar_2\",[[512,\"sd-calendar\",{\"value\":[1025],\"selectable\":[16],\"events\":[16],\"elevated\":[4],\"currentYear\":[32],\"currentMonth\":[32]},null,{\"value\":[{\"handleValueChange\":0}]}],[512,\"sd-date-picker-trigger\",{\"displayText\":[1,\"display-text\"],\"placeholder\":[1],\"disabled\":[4],\"size\":[1]}]]],[\"sd-portal\",[[772,\"sd-portal\",{\"to\":[1],\"parentRef\":[16],\"offset\":[16],\"viewportPadding\":[2,\"viewport-padding\"],\"zIndex\":[2,\"z-index\"],\"open\":[4]},[[9,\"scroll\",\"updatePosition\"],[9,\"resize\",\"updatePosition\"],[9,\"mousedown\",\"handleMouseDown\"],[8,\"click\",\"handleWindowClick\"]],{\"open\":[{\"handleOpenChange\":0}]}]]],[\"sd-date-picker_7\",[[512,\"sd-date-picker\",{\"value\":[1025],\"size\":[513],\"placeholder\":[513],\"selectable\":[16],\"disabled\":[516],\"width\":[8],\"label\":[1],\"labelWidth\":[8,\"label-width\"],\"addonLabel\":[1,\"addon-label\"],\"addonAlign\":[1,\"addon-align\"],\"hint\":[1],\"errorMessage\":[1,\"error-message\"],\"rules\":[16],\"error\":[1028],\"icon\":[16],\"labelTooltip\":[1,\"label-tooltip\"],\"labelTooltipProps\":[16],\"name\":[1],\"isOpen\":[32],\"isAnimatingOut\":[32],\"focused\":[32],\"hovered\":[32],\"sdValidate\":[64],\"sdReset\":[64],\"sdResetValidate\":[64]},null,{\"isOpen\":[{\"watchIsOpen\":0}]}],[512,\"sd-date-range-picker\",{\"value\":[1040],\"size\":[513],\"placeholder\":[513],\"selectable\":[16],\"maxRange\":[2,\"max-range\"],\"disabled\":[516],\"width\":[8],\"label\":[1],\"labelWidth\":[8,\"label-width\"],\"addonLabel\":[1,\"addon-label\"],\"addonAlign\":[1,\"addon-align\"],\"hint\":[1],\"errorMessage\":[1,\"error-message\"],\"rules\":[16],\"error\":[1028],\"icon\":[16],\"labelTooltip\":[1,\"label-tooltip\"],\"labelTooltipProps\":[16],\"name\":[1],\"isOpen\":[32],\"isAnimatingOut\":[32],\"focused\":[32],\"hovered\":[32],\"sdValidate\":[64],\"sdReset\":[64],\"sdResetValidate\":[64]},null,{\"isOpen\":[{\"watchIsOpen\":0}]}],[512,\"sd-file-picker\",{\"value\":[1040],\"placeholder\":[513],\"disabled\":[516],\"inline\":[516],\"multiple\":[516],\"accept\":[1],\"maxFileSize\":[8,\"max-file-size\"],\"maxTotalSize\":[8,\"max-total-size\"],\"maxFiles\":[8,\"max-files\"],\"name\":[1],\"label\":[1],\"labelWidth\":[8,\"label-width\"],\"addonLabel\":[1,\"addon-label\"],\"addonAlign\":[1,\"addon-align\"],\"hint\":[1],\"errorMessage\":[1,\"error-message\"],\"width\":[8],\"rules\":[16],\"error\":[1028],\"status\":[1],\"icon\":[16],\"labelTooltip\":[1,\"label-tooltip\"],\"labelTooltipProps\":[16],\"focused\":[1028],\"hovered\":[1028],\"internalValue\":[32],\"showTooltip\":[32],\"sdValidate\":[64],\"sdReset\":[64],\"sdResetValidate\":[64]},null,{\"value\":[{\"valueChanged\":0}]}],[772,\"sd-input\",{\"value\":[1032],\"type\":[1],\"size\":[1],\"addonLabel\":[1,\"addon-label\"],\"addonAlign\":[1,\"addon-align\"],\"placeholder\":[1],\"disabled\":[4],\"clearable\":[4],\"width\":[8],\"rules\":[16],\"autoFocus\":[4,\"auto-focus\"],\"autocomplete\":[1],\"maxlength\":[2],\"minlength\":[2],\"inputmode\":[1],\"enterkeyhint\":[1],\"spellcheck\":[4],\"status\":[1],\"hint\":[1],\"errorMessage\":[1,\"error-message\"],\"inputClass\":[1,\"input-class\"],\"readonly\":[4],\"error\":[1028],\"focused\":[1028],\"hovered\":[1028],\"label\":[1],\"labelWidth\":[8,\"label-width\"],\"icon\":[16],\"labelTooltip\":[1,\"label-tooltip\"],\"labelTooltipProps\":[16],\"inputStyle\":[16],\"name\":[1],\"internalValue\":[32],\"passwordVisible\":[32],\"sdGetNativeElement\":[64],\"sdValidate\":[64],\"sdReset\":[64],\"sdResetValidate\":[64],\"sdFocus\":[64]},null,{\"value\":[{\"valueChanged\":0}],\"internalValue\":[{\"internalValueChanged\":0}]}],[512,\"sd-number-input\",{\"size\":[1],\"min\":[2],\"max\":[2],\"step\":[2],\"useButton\":[4,\"use-button\"],\"useDecimal\":[4,\"use-decimal\"],\"value\":[1032],\"label\":[1],\"labelWidth\":[8,\"label-width\"],\"icon\":[16],\"labelTooltip\":[1,\"label-tooltip\"],\"labelTooltipProps\":[16],\"addonLabel\":[1,\"addon-label\"],\"addonAlign\":[1,\"addon-align\"],\"placeholder\":[1],\"disabled\":[4],\"width\":[8],\"rules\":[16],\"autoFocus\":[4,\"auto-focus\"],\"status\":[1],\"hint\":[1],\"errorMessage\":[1,\"error-message\"],\"inputPrefix\":[1,\"input-prefix\"],\"inputSuffix\":[1,\"input-suffix\"],\"inputClass\":[1,\"input-class\"],\"readonly\":[4],\"inputStyle\":[16],\"error\":[1028],\"focused\":[1028],\"hovered\":[1028],\"name\":[1],\"internalValue\":[32],\"displayValue\":[32],\"sdValidate\":[64],\"sdReset\":[64],\"sdResetValidate\":[64],\"sdFocus\":[64],\"sdGetNativeElement\":[64]},null,{\"value\":[{\"valueChanged\":0}],\"internalValue\":[{\"internalValueChanged\":0}]}],[512,\"sd-textarea\",{\"value\":[1025],\"placeholder\":[1],\"disabled\":[4],\"readonly\":[4],\"autoFocus\":[4,\"auto-focus\"],\"textareaClass\":[1,\"textarea-class\"],\"textareaStyle\":[16],\"maxLength\":[2,\"max-length\"],\"rows\":[2],\"spellcheck\":[4],\"width\":[8],\"label\":[1],\"labelWidth\":[8,\"label-width\"],\"addonLabel\":[1,\"addon-label\"],\"addonAlign\":[1,\"addon-align\"],\"hint\":[1],\"errorMessage\":[1,\"error-message\"],\"icon\":[16],\"labelTooltip\":[1,\"label-tooltip\"],\"labelTooltipProps\":[16],\"rules\":[16],\"error\":[1028],\"status\":[1],\"focused\":[1028],\"hovered\":[1028],\"name\":[1],\"internalValue\":[32],\"sdGetNativeElement\":[64],\"sdValidate\":[64],\"sdReset\":[64],\"sdResetValidate\":[64],\"sdFocus\":[64]},null,{\"value\":[{\"valueChanged\":0}],\"internalValue\":[{\"internalValueChanged\":0}]}],[512,\"sd-radio-group\",{\"value\":[1032],\"options\":[1040],\"direction\":[1],\"disabled\":[4],\"groupName\":[1,\"group-name\"]},null,{\"value\":[{\"valueChanged\":0}]}]]],[\"sd-checkbox\",[[512,\"sd-checkbox\",{\"value\":[1028],\"val\":[8],\"disabled\":[516],\"inverse\":[516],\"label\":[1],\"isChecked\":[32]},null,{\"value\":[{\"watchValueHandler\":0}]}]]],[\"sd-select-list-item_2\",[[512,\"sd-select-list-item\",{\"option\":[16],\"depth\":[2],\"isSelected\":[4,\"is-selected\"],\"isFocused\":[4,\"is-focused\"],\"useCheckbox\":[4,\"use-checkbox\"],\"countInfo\":[16]}],[512,\"sd-select-list-item-search\",{\"isScrolled\":[4,\"is-scrolled\"],\"searchText\":[32],\"sdFocus\":[64]}]]],[\"sd-field_3\",[[772,\"sd-field\",{\"name\":[1],\"rules\":[16],\"error\":[1028],\"disabled\":[1028],\"readonly\":[1028],\"hovered\":[1028],\"focused\":[1028],\"status\":[1],\"hint\":[1],\"errorMessage\":[1,\"error-message\"],\"width\":[8],\"size\":[513],\"label\":[1],\"labelWidth\":[8,\"label-width\"],\"addonLabel\":[1,\"addon-label\"],\"addonAlign\":[1,\"addon-align\"],\"icon\":[16],\"labelTooltip\":[1,\"label-tooltip\"],\"labelTooltipProps\":[16],\"errorMsg\":[32],\"sdValidate\":[64],\"sdReset\":[64],\"sdResetValidation\":[64],\"sdFocus\":[64]}],[772,\"sd-tooltip\",{\"trigger\":[1],\"placement\":[1],\"color\":[1],\"tooltipType\":[1,\"tooltip-type\"],\"icon\":[1],\"iconSize\":[2,\"icon-size\"],\"label\":[1],\"name\":[1],\"rightIcon\":[1,\"right-icon\"],\"ariaLabel\":[1,\"aria-label\"],\"disabled\":[4],\"type\":[1],\"useClose\":[4,\"use-close\"],\"sdClass\":[1,\"sd-class\"],\"message\":[16],\"triggerClass\":[1,\"trigger-class\"],\"triggerStyle\":[1,\"trigger-style\"],\"showTooltip\":[32],\"slotContentHTML\":[32],\"show\":[64],\"hide\":[64]}],[772,\"sd-floating-portal\",{\"to\":[1],\"parentRef\":[16],\"offset\":[16],\"zIndex\":[2,\"z-index\"],\"placement\":[1],\"open\":[4]},[[9,\"resize\",\"updatePosition\"],[9,\"mousedown\",\"handleMouseDown\"],[8,\"click\",\"handleWindowClick\"],[8,\"keydown\",\"handleKeydown\"]]]]],[\"sd-select_3\",[[512,\"sd-select\",{\"type\":[1],\"value\":[1032],\"options\":[16],\"placeholder\":[1],\"dropdownWidth\":[1,\"dropdown-width\"],\"maxDropdownWidth\":[1,\"max-dropdown-width\"],\"dropdownHeight\":[1,\"dropdown-height\"],\"disabled\":[4],\"label\":[1],\"labelWidth\":[8,\"label-width\"],\"addonLabel\":[1,\"addon-label\"],\"addonAlign\":[1,\"addon-align\"],\"error\":[1028],\"hint\":[1],\"errorMessage\":[1,\"error-message\"],\"rules\":[16],\"icon\":[16],\"labelTooltip\":[1,\"label-tooltip\"],\"labelTooltipProps\":[16],\"emitValue\":[4,\"emit-value\"],\"width\":[8],\"useSearch\":[4,\"use-search\"],\"allSelectedLabel\":[1,\"all-selected-label\"],\"useSelectAll\":[4,\"use-select-all\"],\"name\":[1],\"isOpen\":[32],\"isAnimatingOut\":[32],\"triggerWidth\":[32],\"resolvedDropdownHeight\":[32],\"resolvedMaxDropdownWidth\":[32],\"focused\":[32],\"hovered\":[32],\"sdFocus\":[64],\"sdOpen\":[64]},null,{\"isOpen\":[{\"watchIsOpen\":0}]}],[513,\"sd-select-listbox\",{\"type\":[1],\"options\":[16],\"value\":[8],\"emitValue\":[4,\"emit-value\"],\"useSearch\":[4,\"use-search\"],\"useSelectAll\":[4,\"use-select-all\"],\"triggerWidth\":[1,\"trigger-width\"],\"maxWidth\":[1,\"max-width\"],\"maxHeight\":[1,\"max-height\"],\"searchKeyword\":[32],\"isScrolled\":[32],\"focusedIndex\":[32]},null,{\"searchKeyword\":[{\"resetFocusOnFilter\":0}]}],[512,\"sd-select-trigger\",{\"displayText\":[1,\"display-text\"],\"placeholder\":[1],\"disabled\":[4],\"isOpen\":[4,\"is-open\"],\"sdFocus\":[64]}]]]]"), options);
|
|
7
|
+
return bootstrapLazy(JSON.parse("[[\"sd-button_2\",[[512,\"sd-button\",{\"name\":[1],\"label\":[1],\"icon\":[1],\"rightIcon\":[1,\"right-icon\"],\"ariaLabel\":[1,\"aria-label\"],\"disabled\":[4],\"type\":[1]}],[512,\"sd-icon\",{\"name\":[1],\"size\":[8],\"color\":[1],\"rotate\":[2],\"label\":[1],\"iconStyle\":[16]}]]],[\"sd-key-value-table\",[[772,\"sd-key-value-table\",{\"fields\":[16],\"search\":[4],\"radius\":[1]}]]],[\"sd-table\",[[769,\"sd-table\",{\"tableId\":[513,\"table-id\"],\"columns\":[16],\"rows\":[16],\"selected\":[1040],\"rowKey\":[1,\"row-key\"],\"selectable\":[4],\"resizable\":[4],\"width\":[1],\"height\":[1],\"stickyHeader\":[4,\"sticky-header\"],\"stickyColumn\":[16],\"radius\":[1],\"noDataLabel\":[1,\"no-data-label\"],\"isLoading\":[4,\"is-loading\"],\"pagination\":[16],\"useInternalPagination\":[4,\"use-internal-pagination\"],\"useRowsPerPageSelect\":[4,\"use-rows-per-page-select\"],\"dense\":[4],\"useVirtualScroll\":[4,\"use-virtual-scroll\"],\"rowHeight\":[2,\"row-height\"],\"virtualBuffer\":[2,\"virtual-buffer\"],\"virtualEndThreshold\":[2,\"virtual-end-threshold\"],\"rowsPerPageOption\":[16],\"resolvedNoDataLabel\":[32],\"currentPage\":[32],\"innerRowsPerPage\":[32],\"innerSelected\":[32],\"columnWidths\":[32],\"scrolledLeft\":[32],\"scrolledRight\":[32],\"rowCount\":[32],\"loadingScrollTop\":[32],\"noDataBodyHeight\":[32],\"autoThead\":[32],\"autoTbody\":[32],\"isRowSelected\":[64],\"updateRowSelect\":[64],\"toggleSelectAll\":[64],\"getIsAllChecked\":[64],\"getStickyStyle\":[64],\"setRowCount\":[64],\"getPaginationInfo\":[64]},null,{\"isLoading\":[{\"handleIsLoadingChange\":0}],\"useVirtualScroll\":[{\"handleUseVirtualScrollChange\":0}],\"columns\":[{\"handleColumnsChange\":0}],\"rows\":[{\"handleRowsChange\":0}],\"rowKey\":[{\"handleRowKeyChange\":0}],\"tableId\":[{\"handleTableIdChange\":0}],\"noDataLabel\":[{\"handleNoDataLabelChange\":0}],\"selectable\":[{\"handleConfigChange\":0}],\"resizable\":[{\"handleConfigChange\":0}],\"stickyColumn\":[{\"handleConfigChange\":0}],\"stickyHeader\":[{\"handleConfigChange\":0}],\"dense\":[{\"handleConfigChange\":0}],\"selected\":[{\"handleSelectedChange\":0}],\"pagination\":[{\"handlePaginationChange\":0}]}]]],[\"sd-chip-input\",[[512,\"sd-chip-input\",{\"values\":[1040],\"errors\":[1040],\"disabledChips\":[1040],\"size\":[1],\"disabled\":[4],\"placeholder\":[1],\"name\":[1],\"rules\":[16],\"error\":[1028],\"useReset\":[4,\"use-reset\"],\"maxCount\":[2,\"max-count\"],\"duplicateLabel\":[1,\"duplicate-label\"],\"suggestions\":[1040],\"loadingSuggestions\":[4,\"loading-suggestions\"],\"recommendedItems\":[1040],\"loadingRecommendedItems\":[4,\"loading-recommended-items\"],\"label\":[1],\"labelWidth\":[8,\"label-width\"],\"hint\":[1],\"errorMessage\":[1,\"error-message\"],\"width\":[8],\"status\":[1],\"icon\":[16],\"labelTooltip\":[1,\"label-tooltip\"],\"labelTooltipProps\":[16],\"internalValues\":[32],\"internalErrors\":[32],\"focused\":[32],\"hovered\":[32],\"inputValue\":[32],\"activeSuggestionIndex\":[32],\"suppressSuggestions\":[32],\"suppressRecommendations\":[32],\"sdValidate\":[64],\"sdReset\":[64],\"sdResetValidate\":[64],\"sdFocus\":[64]},null,{\"values\":[{\"valuesChanged\":0}],\"errors\":[{\"errorsChanged\":0}],\"internalValues\":[{\"internalValuesChanged_validate\":0}],\"suggestions\":[{\"suggestionsChanged\":0}],\"recommendedItems\":[{\"recommendedItemsChanged\":0}]}]]],[\"sd-barcode-input\",[[772,\"sd-barcode-input\",{\"value\":[1032],\"size\":[1],\"addonLabel\":[1,\"addon-label\"],\"addonAlign\":[1,\"addon-align\"],\"placeholder\":[1],\"disabled\":[4],\"clearable\":[4],\"width\":[8],\"rules\":[16],\"autoFocus\":[4,\"auto-focus\"],\"status\":[1],\"hint\":[1],\"errorMessage\":[1,\"error-message\"],\"inputClass\":[1,\"input-class\"],\"readonly\":[4],\"error\":[1028],\"focused\":[1028],\"hovered\":[1028],\"label\":[1],\"labelWidth\":[8,\"label-width\"],\"icon\":[16],\"labelTooltip\":[1,\"label-tooltip\"],\"labelTooltipProps\":[16],\"inputStyle\":[16],\"name\":[1],\"internalValue\":[32],\"sdGetNativeElement\":[64],\"sdValidate\":[64],\"sdReset\":[64],\"sdResetValidate\":[64],\"sdFocus\":[64]},null,{\"value\":[{\"valueChanged\":0}],\"internalValue\":[{\"internalValueChanged\":0}]}]]],[\"sd-modal-container\",[[512,\"sd-modal-container\",{\"autoRemove\":[4,\"auto-remove\"],\"entries\":[32],\"open\":[64],\"openLoading\":[64],\"createCustom\":[64],\"dismissById\":[64],\"update\":[64]}]]],[\"sd-popover\",[[512,\"sd-popover\",{\"show\":[1028],\"placement\":[513],\"color\":[513],\"icon\":[513],\"iconSize\":[514,\"icon-size\"],\"label\":[1],\"name\":[1],\"rightIcon\":[1,\"right-icon\"],\"ariaLabel\":[1,\"aria-label\"],\"disabled\":[4],\"type\":[1],\"menuTitle\":[1,\"menu-title\"],\"leftLink\":[16],\"button\":[16],\"menuClass\":[1,\"menu-class\"],\"slotContentHTML\":[32]}]]],[\"sd-guide\",[[512,\"sd-guide\",{\"type\":[513],\"label\":[513],\"message\":[1],\"url\":[1],\"popupTitle\":[1,\"popup-title\"],\"popupWidth\":[2,\"popup-width\"],\"popupShow\":[32]}]]],[\"sd-toast-container\",[[512,\"sd-toast-container\",{\"position\":[1],\"maxVisible\":[2,\"max-visible\"],\"defaultDuration\":[2,\"default-duration\"],\"zIndex\":[2,\"z-index\"],\"toasts\":[32],\"expanded\":[32],\"create\":[64],\"dismiss\":[64],\"dismissAll\":[64]}]]],[\"sd-action-modal\",[[772,\"sd-action-modal\",{\"modalTitle\":[1,\"modal-title\"],\"buttonProps\":[16],\"width\":[8],\"height\":[8]}]]],[\"sd-dropdown-button\",[[512,\"sd-dropdown-button\",{\"name\":[1],\"label\":[1],\"items\":[16],\"disabled\":[4],\"split\":[4],\"isOpen\":[32],\"isAnimatingOut\":[32],\"itemIndex\":[32],\"sdOpen\":[64],\"sdClose\":[64]},null,{\"isOpen\":[{\"handleOpenChange\":0}]}]]],[\"sd-popup\",[[772,\"sd-popup\",{\"popupTitle\":[1,\"popup-title\"],\"type\":[1],\"useFooter\":[4,\"use-footer\"],\"submitButtonProps\":[16]}]]],[\"sd-tabs\",[[512,\"sd-tabs\",{\"value\":[1537],\"tabs\":[1040],\"size\":[513],\"isSub\":[516,\"is-sub\"],\"vertical\":[516]},null,{\"value\":[{\"valueChanged\":0}]}]]],[\"sd-callout\",[[512,\"sd-callout\",{\"type\":[513],\"message\":[16]}]]],[\"sd-loading-container\",[[512,\"sd-loading-container\",{\"visible\":[32],\"message\":[32],\"show\":[64],\"hide\":[64]}]]],[\"sd-badge\",[[512,\"sd-badge\",{\"color\":[1]}]]],[\"sd-card\",[[772,\"sd-card\",{\"bordered\":[4],\"sdClass\":[1,\"sd-class\"]}]]],[\"sd-date-box\",[[514,\"sd-date-box\",{\"date\":[8],\"disabled\":[4],\"selected\":[4],\"isStartDate\":[4,\"is-start-date\"],\"isEndDate\":[4,\"is-end-date\"],\"isToday\":[4,\"is-today\"],\"inRange\":[4,\"in-range\"],\"type\":[1]}]]],[\"sd-divider\",[[512,\"sd-divider\",{\"vertical\":[516]}]]],[\"sd-form\",[[772,\"sd-form\",{\"formClass\":[1,\"form-class\"],\"sdRegisterField\":[64],\"sdUnregisterField\":[64],\"sdValidate\":[64],\"sdReset\":[64],\"sdResetValidation\":[64]}]]],[\"sd-linear-progress\",[[512,\"sd-linear-progress\",{\"indeterminate\":[516],\"value\":[2],\"type\":[513],\"label\":[1]}]]],[\"sd-radio-button\",[[512,\"sd-radio-button\",{\"value\":[1032],\"options\":[1040],\"size\":[1],\"disabled\":[4],\"name\":[1]}]]],[\"sd-switch\",[[512,\"sd-switch\",{\"value\":[1028],\"label\":[1],\"disabled\":[4]}]]],[\"sd-td\",[[772,\"sd-td\",{\"field\":[1],\"rowKey\":[1,\"row-key\"],\"align\":[1],\"rowspan\":[2],\"colspan\":[2],\"sdClass\":[1,\"sd-class\"],\"dividerLeft\":[4,\"divider-left\"],\"dividerRight\":[4,\"divider-right\"],\"useFrame\":[4,\"use-frame\"]},null,{\"field\":[{\"handleFieldChange\":0}],\"rowKey\":[{\"handleRowKeyChange\":0}],\"rowspan\":[{\"handleSpanChange\":0}],\"colspan\":[{\"handleSpanChange\":0}],\"sdClass\":[{\"handleSdClassChange\":0}],\"dividerLeft\":[{\"handleDividerChange\":0}],\"dividerRight\":[{\"handleDividerChange\":0}],\"useFrame\":[{\"handleUseFrameChange\":0}]}]]],[\"sd-toggle\",[[512,\"sd-toggle\",{\"value\":[1540],\"label\":[1],\"disabled\":[4]}]]],[\"sd-toast\",[[512,\"sd-toast\",{\"icon\":[1],\"message\":[1],\"link\":[1],\"linkLabel\":[1,\"link-label\"],\"buttonLabel\":[1,\"button-label\"],\"useClose\":[4,\"use-close\"],\"type\":[1]}]]],[\"sd-circle-progress\",[[512,\"sd-circle-progress\",{\"indeterminate\":[516],\"value\":[2],\"type\":[513],\"label\":[1]}]]],[\"sd-confirm-modal_2\",[[772,\"sd-confirm-modal\",{\"type\":[1],\"modalTitle\":[1,\"modal-title\"],\"titleClass\":[1,\"title-class\"],\"topMessage\":[16],\"bottomMessage\":[16],\"mainButtonName\":[1,\"main-button-name\"],\"mainButtonLabel\":[1,\"main-button-label\"],\"subButtonLabel\":[1,\"sub-button-label\"],\"tagPreset\":[1,\"tag-preset\"],\"tagLabel\":[1,\"tag-label\"],\"slotLabel\":[1,\"slot-label\"],\"tagContents\":[16],\"hasSlottedContent\":[32]}],[512,\"sd-loading-modal\",{\"state\":[513],\"message\":[1],\"useButton\":[516,\"use-button\"],\"buttonLabel\":[1,\"button-label\"],\"width\":[8],\"height\":[8],\"progress\":[2]}]]],[\"sd-date-range-picker-calendar\",[[512,\"sd-date-range-picker-calendar\",{\"value\":[16],\"selectable\":[16],\"maxRange\":[2,\"max-range\"],\"currentYear\":[32],\"currentMonth\":[32],\"pendingStart\":[32],\"hoverDate\":[32],\"displayValue\":[32]},null,{\"value\":[{\"handleValueChange\":0}]}]]],[\"sd-text-link\",[[512,\"sd-text-link\",{\"label\":[1],\"icon\":[1],\"iconColor\":[1,\"icon-color\"],\"labelClass\":[1,\"label-class\"],\"rightArrow\":[1,\"right-arrow\"],\"underline\":[516],\"disabled\":[516],\"size\":[513]}]]],[\"sd-radio\",[[512,\"sd-radio\",{\"value\":[1032],\"val\":[8],\"disabled\":[4],\"label\":[1]},null,{\"value\":[{\"valueChanged\":0}]}]]],[\"sd-ghost-button_2\",[[512,\"sd-ghost-button\",{\"icon\":[1],\"size\":[1],\"intent\":[1],\"ariaLabel\":[1,\"aria-label\"],\"tooltipLabel\":[1,\"tooltip-label\"],\"disabled\":[4]}],[512,\"sd-tag\",{\"name\":[1],\"label\":[1],\"icon\":[1],\"isLeft\":[4,\"is-left\"]}]]],[\"sd-chip\",[[512,\"sd-chip\",{\"name\":[1],\"value\":[1025],\"error\":[1028],\"disabled\":[4],\"editable\":[4],\"placeholder\":[1],\"rules\":[16],\"internalValue\":[32],\"isEditing\":[32],\"sdValidate\":[64],\"sdReset\":[64],\"sdResetValidate\":[64],\"sdResetValidation\":[64],\"sdFocus\":[64],\"sdGetNativeElement\":[64]},null,{\"value\":[{\"valueChanged\":0}]}]]],[\"sd-pagination_4\",[[512,\"sd-thead\",{\"columns\":[16],\"selectable\":[4],\"resizable\":[4],\"stickyColumn\":[16],\"stickyHeader\":[4,\"sticky-header\"],\"scrolledLeft\":[4,\"scrolled-left\"],\"scrolledRight\":[4,\"scrolled-right\"],\"rows\":[16],\"columnWidths\":[1040],\"tableId\":[32],\"_columns\":[32],\"_selectable\":[32],\"_resizable\":[32],\"_stickyColumn\":[32],\"_stickyHeader\":[32],\"_scrolledLeft\":[32],\"_scrolledRight\":[32],\"refreshConfig\":[64],\"setColumnWidths\":[64],\"refreshSelection\":[64]},null,{\"columns\":[{\"handleColumnsChange\":0}]}],[772,\"sd-tr\",{\"columns\":[16],\"selectable\":[4],\"stickyColumn\":[16],\"rowKey\":[1,\"row-key\"],\"row\":[16],\"separator\":[8],\"tableId\":[32],\"columnWidths\":[32],\"isVisible\":[32],\"spansVersion\":[32],\"_columns\":[32],\"_selectable\":[32],\"_stickyColumn\":[32],\"_scrolledLeft\":[32],\"_scrolledRight\":[32],\"_dense\":[32],\"refreshConfig\":[64],\"bumpSpansVersion\":[64],\"updateVisibility\":[64],\"setColumnWidths\":[64],\"refreshSelection\":[64]}],[512,\"sd-pagination\",{\"currentPage\":[1026,\"current-page\"],\"lastPage\":[2,\"last-page\"],\"simple\":[4]}],[769,\"sd-tbody\",{\"rows\":[16],\"tableId\":[32],\"topSpacerHeight\":[32],\"bottomSpacerHeight\":[32]},null,{\"rows\":[{\"handleRowsChange\":0}]}]]],[\"sd-calendar_2\",[[512,\"sd-calendar\",{\"value\":[1025],\"selectable\":[16],\"events\":[16],\"elevated\":[4],\"currentYear\":[32],\"currentMonth\":[32]},null,{\"value\":[{\"handleValueChange\":0}]}],[512,\"sd-date-picker-trigger\",{\"displayText\":[1,\"display-text\"],\"placeholder\":[1],\"disabled\":[4],\"size\":[1]}]]],[\"sd-portal\",[[772,\"sd-portal\",{\"to\":[1],\"parentRef\":[16],\"offset\":[16],\"viewportPadding\":[2,\"viewport-padding\"],\"zIndex\":[2,\"z-index\"],\"open\":[4]},[[9,\"scroll\",\"updatePosition\"],[9,\"resize\",\"updatePosition\"],[9,\"mousedown\",\"handleMouseDown\"],[8,\"click\",\"handleWindowClick\"]],{\"open\":[{\"handleOpenChange\":0}]}]]],[\"sd-date-picker_7\",[[512,\"sd-date-picker\",{\"value\":[1025],\"size\":[513],\"placeholder\":[513],\"selectable\":[16],\"disabled\":[516],\"width\":[8],\"label\":[1],\"labelWidth\":[8,\"label-width\"],\"addonLabel\":[1,\"addon-label\"],\"addonAlign\":[1,\"addon-align\"],\"hint\":[1],\"errorMessage\":[1,\"error-message\"],\"rules\":[16],\"error\":[1028],\"icon\":[16],\"labelTooltip\":[1,\"label-tooltip\"],\"labelTooltipProps\":[16],\"name\":[1],\"isOpen\":[32],\"isAnimatingOut\":[32],\"focused\":[32],\"hovered\":[32],\"sdValidate\":[64],\"sdReset\":[64],\"sdResetValidate\":[64]},null,{\"isOpen\":[{\"watchIsOpen\":0}]}],[512,\"sd-date-range-picker\",{\"value\":[1040],\"size\":[513],\"placeholder\":[513],\"selectable\":[16],\"maxRange\":[2,\"max-range\"],\"disabled\":[516],\"width\":[8],\"label\":[1],\"labelWidth\":[8,\"label-width\"],\"addonLabel\":[1,\"addon-label\"],\"addonAlign\":[1,\"addon-align\"],\"hint\":[1],\"errorMessage\":[1,\"error-message\"],\"rules\":[16],\"error\":[1028],\"icon\":[16],\"labelTooltip\":[1,\"label-tooltip\"],\"labelTooltipProps\":[16],\"name\":[1],\"isOpen\":[32],\"isAnimatingOut\":[32],\"focused\":[32],\"hovered\":[32],\"sdValidate\":[64],\"sdReset\":[64],\"sdResetValidate\":[64]},null,{\"isOpen\":[{\"watchIsOpen\":0}]}],[512,\"sd-file-picker\",{\"value\":[1040],\"placeholder\":[513],\"disabled\":[516],\"inline\":[516],\"multiple\":[516],\"accept\":[1],\"maxFileSize\":[8,\"max-file-size\"],\"maxTotalSize\":[8,\"max-total-size\"],\"maxFiles\":[8,\"max-files\"],\"name\":[1],\"label\":[1],\"labelWidth\":[8,\"label-width\"],\"addonLabel\":[1,\"addon-label\"],\"addonAlign\":[1,\"addon-align\"],\"hint\":[1],\"errorMessage\":[1,\"error-message\"],\"width\":[8],\"rules\":[16],\"error\":[1028],\"status\":[1],\"icon\":[16],\"labelTooltip\":[1,\"label-tooltip\"],\"labelTooltipProps\":[16],\"focused\":[1028],\"hovered\":[1028],\"internalValue\":[32],\"showTooltip\":[32],\"sdValidate\":[64],\"sdReset\":[64],\"sdResetValidate\":[64]},null,{\"value\":[{\"valueChanged\":0}]}],[772,\"sd-input\",{\"value\":[1032],\"type\":[1],\"size\":[1],\"addonLabel\":[1,\"addon-label\"],\"addonAlign\":[1,\"addon-align\"],\"placeholder\":[1],\"disabled\":[4],\"clearable\":[4],\"width\":[8],\"rules\":[16],\"autoFocus\":[4,\"auto-focus\"],\"autocomplete\":[1],\"maxlength\":[2],\"minlength\":[2],\"inputmode\":[1],\"enterkeyhint\":[1],\"spellcheck\":[4],\"status\":[1],\"hint\":[1],\"errorMessage\":[1,\"error-message\"],\"inputClass\":[1,\"input-class\"],\"readonly\":[4],\"error\":[1028],\"focused\":[1028],\"hovered\":[1028],\"label\":[1],\"labelWidth\":[8,\"label-width\"],\"icon\":[16],\"labelTooltip\":[1,\"label-tooltip\"],\"labelTooltipProps\":[16],\"inputStyle\":[16],\"name\":[1],\"internalValue\":[32],\"passwordVisible\":[32],\"sdGetNativeElement\":[64],\"sdValidate\":[64],\"sdReset\":[64],\"sdResetValidate\":[64],\"sdFocus\":[64]},null,{\"value\":[{\"valueChanged\":0}],\"internalValue\":[{\"internalValueChanged\":0}]}],[512,\"sd-number-input\",{\"size\":[1],\"min\":[2],\"max\":[2],\"step\":[2],\"useButton\":[4,\"use-button\"],\"useDecimal\":[4,\"use-decimal\"],\"value\":[1032],\"label\":[1],\"labelWidth\":[8,\"label-width\"],\"icon\":[16],\"labelTooltip\":[1,\"label-tooltip\"],\"labelTooltipProps\":[16],\"addonLabel\":[1,\"addon-label\"],\"addonAlign\":[1,\"addon-align\"],\"placeholder\":[1],\"disabled\":[4],\"width\":[8],\"rules\":[16],\"autoFocus\":[4,\"auto-focus\"],\"status\":[1],\"hint\":[1],\"errorMessage\":[1,\"error-message\"],\"inputPrefix\":[1,\"input-prefix\"],\"inputSuffix\":[1,\"input-suffix\"],\"inputClass\":[1,\"input-class\"],\"readonly\":[4],\"inputStyle\":[16],\"error\":[1028],\"focused\":[1028],\"hovered\":[1028],\"name\":[1],\"internalValue\":[32],\"displayValue\":[32],\"sdValidate\":[64],\"sdReset\":[64],\"sdResetValidate\":[64],\"sdFocus\":[64],\"sdGetNativeElement\":[64]},null,{\"value\":[{\"valueChanged\":0}],\"internalValue\":[{\"internalValueChanged\":0}]}],[512,\"sd-textarea\",{\"value\":[1025],\"placeholder\":[1],\"disabled\":[4],\"readonly\":[4],\"autoFocus\":[4,\"auto-focus\"],\"textareaClass\":[1,\"textarea-class\"],\"textareaStyle\":[16],\"maxLength\":[2,\"max-length\"],\"rows\":[2],\"spellcheck\":[4],\"width\":[8],\"label\":[1],\"labelWidth\":[8,\"label-width\"],\"addonLabel\":[1,\"addon-label\"],\"addonAlign\":[1,\"addon-align\"],\"hint\":[1],\"errorMessage\":[1,\"error-message\"],\"icon\":[16],\"labelTooltip\":[1,\"label-tooltip\"],\"labelTooltipProps\":[16],\"rules\":[16],\"error\":[1028],\"status\":[1],\"focused\":[1028],\"hovered\":[1028],\"name\":[1],\"internalValue\":[32],\"sdGetNativeElement\":[64],\"sdValidate\":[64],\"sdReset\":[64],\"sdResetValidate\":[64],\"sdFocus\":[64]},null,{\"value\":[{\"valueChanged\":0}],\"internalValue\":[{\"internalValueChanged\":0}]}],[512,\"sd-radio-group\",{\"value\":[1032],\"options\":[1040],\"direction\":[1],\"disabled\":[4],\"groupName\":[1,\"group-name\"]},null,{\"value\":[{\"valueChanged\":0}]}]]],[\"sd-checkbox\",[[512,\"sd-checkbox\",{\"value\":[1028],\"val\":[8],\"disabled\":[516],\"inverse\":[516],\"label\":[1],\"isChecked\":[32]},null,{\"value\":[{\"watchValueHandler\":0}]}]]],[\"sd-select-list-item_2\",[[512,\"sd-select-list-item\",{\"option\":[16],\"depth\":[2],\"isSelected\":[4,\"is-selected\"],\"isFocused\":[4,\"is-focused\"],\"useCheckbox\":[4,\"use-checkbox\"],\"countInfo\":[16]}],[512,\"sd-select-list-item-search\",{\"isScrolled\":[4,\"is-scrolled\"],\"searchText\":[32],\"sdFocus\":[64]}]]],[\"sd-field_3\",[[772,\"sd-field\",{\"name\":[1],\"rules\":[16],\"error\":[1028],\"disabled\":[1028],\"readonly\":[1028],\"hovered\":[1028],\"focused\":[1028],\"status\":[1],\"hint\":[1],\"errorMessage\":[1,\"error-message\"],\"width\":[8],\"size\":[513],\"label\":[1],\"labelWidth\":[8,\"label-width\"],\"addonLabel\":[1,\"addon-label\"],\"addonAlign\":[1,\"addon-align\"],\"icon\":[16],\"labelTooltip\":[1,\"label-tooltip\"],\"labelTooltipProps\":[16],\"errorMsg\":[32],\"sdValidate\":[64],\"sdReset\":[64],\"sdResetValidation\":[64],\"sdFocus\":[64]}],[772,\"sd-tooltip\",{\"trigger\":[1],\"placement\":[1],\"color\":[1],\"tooltipType\":[1,\"tooltip-type\"],\"icon\":[1],\"iconSize\":[2,\"icon-size\"],\"label\":[1],\"name\":[1],\"rightIcon\":[1,\"right-icon\"],\"ariaLabel\":[1,\"aria-label\"],\"disabled\":[4],\"type\":[1],\"useClose\":[4,\"use-close\"],\"sdClass\":[1,\"sd-class\"],\"message\":[16],\"triggerClass\":[1,\"trigger-class\"],\"triggerStyle\":[1,\"trigger-style\"],\"showTooltip\":[32],\"slotContentHTML\":[32],\"show\":[64],\"hide\":[64]}],[772,\"sd-floating-portal\",{\"to\":[1],\"parentRef\":[16],\"offset\":[16],\"zIndex\":[2,\"z-index\"],\"placement\":[1],\"open\":[4]},[[9,\"resize\",\"updatePosition\"],[9,\"mousedown\",\"handleMouseDown\"],[8,\"click\",\"handleWindowClick\"],[8,\"keydown\",\"handleKeydown\"]]]]],[\"sd-select_3\",[[512,\"sd-select\",{\"type\":[1],\"value\":[1032],\"options\":[16],\"placeholder\":[1],\"dropdownWidth\":[1,\"dropdown-width\"],\"maxDropdownWidth\":[1,\"max-dropdown-width\"],\"dropdownHeight\":[1,\"dropdown-height\"],\"disabled\":[4],\"label\":[1],\"labelWidth\":[8,\"label-width\"],\"addonLabel\":[1,\"addon-label\"],\"addonAlign\":[1,\"addon-align\"],\"error\":[1028],\"hint\":[1],\"errorMessage\":[1,\"error-message\"],\"rules\":[16],\"icon\":[16],\"labelTooltip\":[1,\"label-tooltip\"],\"labelTooltipProps\":[16],\"emitValue\":[4,\"emit-value\"],\"width\":[8],\"useSearch\":[4,\"use-search\"],\"allSelectedLabel\":[1,\"all-selected-label\"],\"useSelectAll\":[4,\"use-select-all\"],\"name\":[1],\"isOpen\":[32],\"isAnimatingOut\":[32],\"triggerWidth\":[32],\"resolvedDropdownHeight\":[32],\"resolvedMaxDropdownWidth\":[32],\"focused\":[32],\"hovered\":[32],\"sdFocus\":[64],\"sdOpen\":[64]},null,{\"isOpen\":[{\"watchIsOpen\":0}]}],[513,\"sd-select-listbox\",{\"type\":[1],\"options\":[16],\"value\":[8],\"emitValue\":[4,\"emit-value\"],\"useSearch\":[4,\"use-search\"],\"useSelectAll\":[4,\"use-select-all\"],\"triggerWidth\":[1,\"trigger-width\"],\"maxWidth\":[1,\"max-width\"],\"maxHeight\":[1,\"max-height\"],\"searchKeyword\":[32],\"isScrolled\":[32],\"focusedIndex\":[32]},null,{\"searchKeyword\":[{\"resetFocusOnFilter\":0}]}],[512,\"sd-select-trigger\",{\"displayText\":[1,\"display-text\"],\"placeholder\":[1],\"disabled\":[4],\"isOpen\":[4,\"is-open\"],\"sdFocus\":[64]}]]]]"), options);
|
|
8
8
|
};
|
|
9
9
|
|
|
10
10
|
export { defineCustomElements };
|
|
@@ -126,6 +126,7 @@ const SdChipInput = class {
|
|
|
126
126
|
error = false;
|
|
127
127
|
useReset = false;
|
|
128
128
|
maxCount;
|
|
129
|
+
duplicateLabel;
|
|
129
130
|
suggestions = [];
|
|
130
131
|
loadingSuggestions = false;
|
|
131
132
|
recommendedItems = [];
|
|
@@ -162,6 +163,11 @@ const SdChipInput = class {
|
|
|
162
163
|
this.internalErrors = [...newErrors];
|
|
163
164
|
}
|
|
164
165
|
}
|
|
166
|
+
internalValuesChanged_validate() {
|
|
167
|
+
if (typeof this.formField?.sdValidate === 'function') {
|
|
168
|
+
this.formField.sdValidate();
|
|
169
|
+
}
|
|
170
|
+
}
|
|
165
171
|
suggestionsChanged(newVal) {
|
|
166
172
|
if (!Array.isArray(newVal))
|
|
167
173
|
this.suggestions = [];
|
|
@@ -180,7 +186,13 @@ const SdChipInput = class {
|
|
|
180
186
|
}
|
|
181
187
|
this.inputValue = this.inputValue ?? '';
|
|
182
188
|
}
|
|
189
|
+
isDuplicateChip(index) {
|
|
190
|
+
const value = this.internalValues[index];
|
|
191
|
+
return this.internalValues.indexOf(value) !== index;
|
|
192
|
+
}
|
|
183
193
|
getChipError(index) {
|
|
194
|
+
if (this.isDuplicateChip(index))
|
|
195
|
+
return true;
|
|
184
196
|
if (typeof this.errors === 'function') {
|
|
185
197
|
return this.errors(this.internalValues?.[index] ?? '');
|
|
186
198
|
}
|
|
@@ -374,6 +386,18 @@ const SdChipInput = class {
|
|
|
374
386
|
this.update.emit(next);
|
|
375
387
|
this.inputEl?.focus();
|
|
376
388
|
};
|
|
389
|
+
duplicateRule = () => {
|
|
390
|
+
const seen = new Set();
|
|
391
|
+
for (const val of this.internalValues) {
|
|
392
|
+
if (seen.has(val)) {
|
|
393
|
+
if (this.duplicateLabel != null && this.duplicateLabel !== '')
|
|
394
|
+
return `이미 입력된 ${this.duplicateLabel}입니다.`;
|
|
395
|
+
return '중복된 값이 존재합니다.';
|
|
396
|
+
}
|
|
397
|
+
seen.add(val);
|
|
398
|
+
}
|
|
399
|
+
return true;
|
|
400
|
+
};
|
|
377
401
|
render() {
|
|
378
402
|
const sizeTokens = CHIP_INPUT_SIZE_MAP[this.size] ?? CHIP_INPUT_SIZE_MAP.sm;
|
|
379
403
|
const cssVars = {
|
|
@@ -478,7 +502,7 @@ const SdChipInput = class {
|
|
|
478
502
|
fontFamily: CHIP_INPUT_SUGGESTIONS.itemFontFamily,
|
|
479
503
|
color: CHIP_INPUT_SUGGESTIONS.emptyColor,
|
|
480
504
|
};
|
|
481
|
-
return (h("sd-field", { key: '
|
|
505
|
+
return (h("sd-field", { key: '33ae95b159edcb8ee407cf8d311428f419f26e95', name: this.name, label: this.label, labelWidth: this.labelWidth, hint: this.hint, errorMessage: this.errorMessage, rules: [this.duplicateRule, ...(this.rules ?? [])], error: this.error, disabled: this.disabled, focused: this.focused, hovered: this.hovered, status: this.status, size: this.size, width: this.width, icon: this.icon, labelTooltip: this.labelTooltip, labelTooltipProps: this.labelTooltipProps, ref: el => (this.formField = el), style: cssVars, onMouseEnter: () => (this.hovered = true), onMouseLeave: () => (this.hovered = false) }, h("div", { key: '4f7cd96e4cda06239a7498b8af5f1f3169362028', class: "sd-chip-input", ref: el => (this.chipInputRef = el), onClick: this.handleContainerClick }, (this.internalValues ?? []).map((value, i) => (h("sd-chip", { key: i, value: value, error: this.getChipError(i), disabled: this.getChipDisabled(i), editable: false, onSdRemove: () => this.handleChipRemove(i) }))), !isMaxReached && (h("div", { key: 'dab7b1c520923fdb8cb026141727d8d008b83663', class: {
|
|
482
506
|
'sd-chip-input__field': true,
|
|
483
507
|
'sd-chip-input__field--filled': this.inputValue !== '',
|
|
484
508
|
'sd-chip-input__field--empty': this.inputValue === '' && this.internalValues.length > 0 && !this.focused,
|
|
@@ -486,7 +510,7 @@ const SdChipInput = class {
|
|
|
486
510
|
? this.inputValue
|
|
487
511
|
: this.internalValues.length === 0
|
|
488
512
|
? this.placeholder
|
|
489
|
-
: '' }, h("input", { key: '
|
|
513
|
+
: '' }, h("input", { key: '0aee2d0f30c5af7fccfc2e35e5cee17912712ce9', ref: el => (this.inputEl = el), class: "sd-chip-input__input", placeholder: this.internalValues.length === 0 ? this.placeholder : '', disabled: this.disabled, size: 1, onInput: this.handleInput, onKeyDown: this.handleKeyDown, onFocus: this.handleFocus, onBlur: this.handleBlur }))), showResetArea && (h("div", { key: 'b0b508db62d31f6427d5a2def435fec7fc552e92', class: "sd-chip-input__reset" }, this.inputValue === '' && h("span", { key: '30ce147f3bc8070192d95f381fa7f75ad37aab9b', class: "sd-chip-input__divider" }), this.maxCount != null && (h("span", { key: '8c43a2920e55a36ff0c0ab952a52ab3df8d3c98d', class: "sd-chip-input__max-count" }, "\uCD5C\uB300 ", this.maxCount, "\uAC1C")), this.useReset && this.internalValues.length > 0 && (h("sd-text-link", { key: '543316c12760fe16449e2b89a9afb8c43344eab5', icon: "reset", iconColor: CHIP_INPUT_RESET.iconColor, label: "\uC785\uB825 \uCD08\uAE30\uD654", underline: true, disabled: this.disabled, style: { '--sd-text-link-color': CHIP_INPUT_RESET.labelColor }, onSdClick: this.handleResetInput })))), showDropdown && (h("sd-portal", { key: 'c402b8336f7d62213f2b803f80f7a2ffabce2c9d', open: showDropdown, parentRef: this.chipInputRef ?? null, viewportPadding: SdChipInput.SUGGESTIONS_VIEWPORT_PADDING, onSdClose: this.closeSuggestions }, h("div", { key: '4ade4acb535b2db7011699a449afd8c17fe5696d', class: "sd-chip-input__suggestions", role: "listbox", style: suggestionBoxStyle }, isDropdownLoading && (h("div", { key: 'e07a447f7c9a9d376680ddb3af6daf58e0d39167', class: "sd-chip-input__suggestions-empty", style: suggestionEmptyStyle }, "\uBD88\uB7EC\uC624\uB294 \uC911...")), dropdownItems.map((item, i) => (h("div", { key: item, class: {
|
|
490
514
|
'sd-chip-input__suggestion-item': true,
|
|
491
515
|
'sd-chip-input__suggestion-item--active': i === this.activeSuggestionIndex,
|
|
492
516
|
}, role: "option", tabIndex: -1, "aria-selected": i === this.activeSuggestionIndex, style: i === this.activeSuggestionIndex
|
|
@@ -508,6 +532,9 @@ const SdChipInput = class {
|
|
|
508
532
|
"errors": [{
|
|
509
533
|
"errorsChanged": 0
|
|
510
534
|
}],
|
|
535
|
+
"internalValues": [{
|
|
536
|
+
"internalValuesChanged_validate": 0
|
|
537
|
+
}],
|
|
511
538
|
"suggestions": [{
|
|
512
539
|
"suggestionsChanged": 0
|
|
513
540
|
}],
|
|
@@ -7,6 +7,7 @@ const KEY_VALUE_TABLE_LAYOUT = {
|
|
|
7
7
|
rowHeight: Number(t.keyValue.height),
|
|
8
8
|
thWidth: 120,
|
|
9
9
|
borderRadius: Number(t.radius),
|
|
10
|
+
thPaddingX: Number(t.header.paddingX),
|
|
10
11
|
padding: Number(t.keyValue.body.padding),
|
|
11
12
|
helpIconSize: 16,
|
|
12
13
|
requiredIconSize: 12,
|
|
@@ -36,7 +37,7 @@ const KEY_VALUE_TABLE_TYPOGRAPHY = {
|
|
|
36
37
|
tdLineHeight: Number(t.body.typography.lineHeight),
|
|
37
38
|
};
|
|
38
39
|
|
|
39
|
-
const sdKeyValueTableCss = () => `sd-key-value-table{display:block}sd-key-value-table .sd-key-value-table__wrapper{display:flex;align-items:stretch;width:100%;border:var(--sd-kvt-border-width) solid var(--sd-kvt-border-color);border-radius:var(--sd-kvt-radius);overflow:hidden}sd-key-value-table .sd-key-value-table__wrapper .sd-key-value-table{flex:1 1 auto;border:0;border-radius:0}sd-key-value-table .sd-key-value-table__wrapper.sd-key-value-table__wrapper--
|
|
40
|
+
const sdKeyValueTableCss = () => `sd-key-value-table{display:block}sd-key-value-table .sd-key-value-table__wrapper{display:flex;align-items:stretch;width:100%;border:var(--sd-kvt-border-width) solid var(--sd-kvt-border-color);border-radius:var(--sd-kvt-radius);overflow:hidden}sd-key-value-table .sd-key-value-table__wrapper .sd-key-value-table{flex:1 1 auto;border:0;border-radius:0}sd-key-value-table .sd-key-value-table__wrapper.sd-key-value-table__wrapper--radius-usetop{border-top-left-radius:0;border-top-right-radius:0}sd-key-value-table .sd-key-value-table__wrapper.sd-key-value-table__wrapper--radius-full{border-radius:0}sd-key-value-table .sd-key-value-table__search-panel{display:flex;align-items:center;justify-content:center;flex:0 0 auto;padding:var(--sd-kvt-padding) var(--sd-kvt-search-padding-x);background:var(--sd-kvt-search-bg);border-left:var(--sd-kvt-border-width) solid var(--sd-kvt-border-color)}sd-key-value-table .sd-key-value-table{width:100%;table-layout:fixed;border:var(--sd-kvt-border-width) solid var(--sd-kvt-border-color);border-radius:var(--sd-kvt-radius);border-collapse:separate;border-spacing:0;overflow:hidden}sd-key-value-table .sd-key-value-table.sd-key-value-table--radius-usetop{border-top-left-radius:0;border-top-right-radius:0}sd-key-value-table .sd-key-value-table.sd-key-value-table--radius-full{border-radius:0}sd-key-value-table .sd-key-value-table__th,sd-key-value-table .sd-key-value-table__td{height:var(--sd-kvt-row-height);box-sizing:border-box;vertical-align:middle;text-align:left;font-weight:normal;border-top:var(--sd-kvt-border-width) solid var(--sd-kvt-border-color)}sd-key-value-table .sd-key-value-table tbody>tr:first-child>.sd-key-value-table__th,sd-key-value-table .sd-key-value-table tbody>tr:first-child>.sd-key-value-table__td{border-top:0}sd-key-value-table .sd-key-value-table__th{padding:var(--sd-kvt-padding) var(--sd-kvt-th-padding-x);width:var(--sd-kvt-th-width);background:var(--sd-kvt-th-bg);color:var(--sd-kvt-th-color)}sd-key-value-table .sd-key-value-table__th-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--sd-kvt-gap);width:100%;height:100%}sd-key-value-table .sd-key-value-table__label{display:inline-flex;align-items:center;gap:var(--sd-kvt-label-gap);font-family:var(--sd-kvt-label-font-family);font-size:var(--sd-kvt-label-font-size);font-weight:var(--sd-kvt-label-font-weight);line-height:var(--sd-kvt-label-line-height);color:var(--sd-kvt-th-color)}sd-key-value-table .sd-key-value-table__required{display:inline-flex;align-items:center;flex-shrink:0}sd-key-value-table .sd-key-value-table__help{display:inline-flex;align-items:center;flex-shrink:0}sd-key-value-table .sd-key-value-table__td{padding:var(--sd-kvt-padding);background:var(--sd-kvt-td-bg);color:var(--sd-kvt-td-color)}sd-key-value-table .sd-key-value-table__td-inner{display:flex;align-items:center;width:100%;height:100%}sd-key-value-table .sd-key-value-table__td-inner>slot{display:block;flex:1 1 auto;min-width:0}sd-key-value-table .sd-key-value-table__td-inner sd-input,sd-key-value-table .sd-key-value-table__td-inner sd-textarea,sd-key-value-table .sd-key-value-table__td-inner sd-number-input,sd-key-value-table .sd-key-value-table__td-inner sd-select,sd-key-value-table .sd-key-value-table__td-inner sd-date-picker,sd-key-value-table .sd-key-value-table__td-inner sd-date-range-picker,sd-key-value-table .sd-key-value-table__td-inner sd-file-picker{width:100%}sd-key-value-table .sd-key-value-table__text{font-family:var(--sd-kvt-td-font-family);font-size:var(--sd-kvt-td-font-size);font-weight:var(--sd-kvt-td-font-weight);line-height:var(--sd-kvt-td-line-height);color:var(--sd-kvt-td-color)}`;
|
|
40
41
|
|
|
41
42
|
const SdKeyValueTable = class {
|
|
42
43
|
constructor(hostRef) {
|
|
@@ -54,10 +55,12 @@ const SdKeyValueTable = class {
|
|
|
54
55
|
*/
|
|
55
56
|
search = false;
|
|
56
57
|
/**
|
|
57
|
-
*
|
|
58
|
-
*
|
|
58
|
+
* 테이블 border-radius 제어.
|
|
59
|
+
* - 'default': 전체 radius 적용
|
|
60
|
+
* - 'usetop': 상단 radius 0 (헤더·탭 등 하단에 붙여 쓸 때)
|
|
61
|
+
* - 'full': 상하단 모두 radius 0 (요소 사이에 끼워 쓸 때)
|
|
59
62
|
*/
|
|
60
|
-
|
|
63
|
+
radius = 'default';
|
|
61
64
|
change;
|
|
62
65
|
searchEvent;
|
|
63
66
|
emit = (name, value) => {
|
|
@@ -205,6 +208,7 @@ const SdKeyValueTable = class {
|
|
|
205
208
|
'--sd-kvt-row-height': `${KEY_VALUE_TABLE_LAYOUT.rowHeight}px`,
|
|
206
209
|
'--sd-kvt-th-width': `${KEY_VALUE_TABLE_LAYOUT.thWidth}px`,
|
|
207
210
|
'--sd-kvt-radius': `${KEY_VALUE_TABLE_LAYOUT.borderRadius}px`,
|
|
211
|
+
'--sd-kvt-th-padding-x': `${KEY_VALUE_TABLE_LAYOUT.thPaddingX}px`,
|
|
208
212
|
'--sd-kvt-padding': `${KEY_VALUE_TABLE_LAYOUT.padding}px`,
|
|
209
213
|
'--sd-kvt-gap': `${KEY_VALUE_TABLE_LAYOUT.gap}px`,
|
|
210
214
|
'--sd-kvt-label-gap': `${KEY_VALUE_TABLE_LAYOUT.labelGap}px`,
|
|
@@ -231,7 +235,8 @@ const SdKeyValueTable = class {
|
|
|
231
235
|
const maxCols = this.computeMaxCols(autoSkip);
|
|
232
236
|
const tableEl = (h("table", { class: {
|
|
233
237
|
'sd-key-value-table': true,
|
|
234
|
-
'sd-key-value-table--
|
|
238
|
+
'sd-key-value-table--radius-usetop': this.radius === 'usetop',
|
|
239
|
+
'sd-key-value-table--radius-full': this.radius === 'full',
|
|
235
240
|
}, style: cssVars }, h("colgroup", null, Array.from({ length: maxCols }, (_, i) => {
|
|
236
241
|
if (i % 2 !== 0)
|
|
237
242
|
return h("col", { key: `col-${i}` });
|
|
@@ -255,7 +260,8 @@ const SdKeyValueTable = class {
|
|
|
255
260
|
return tableEl;
|
|
256
261
|
return (h("div", { class: {
|
|
257
262
|
'sd-key-value-table__wrapper': true,
|
|
258
|
-
'sd-key-value-table__wrapper--
|
|
263
|
+
'sd-key-value-table__wrapper--radius-usetop': this.radius === 'usetop',
|
|
264
|
+
'sd-key-value-table__wrapper--radius-full': this.radius === 'full',
|
|
259
265
|
}, style: cssVars }, tableEl, h("div", { class: "sd-key-value-table__search-panel" }, h("sd-button", { label: "\uAC80\uC0C9", name: "neutral_outline_md", onSdClick: this.handleSearchClick }))));
|
|
260
266
|
}
|
|
261
267
|
};
|
|
@@ -17,7 +17,7 @@ let nanoid = (size = 21) => {
|
|
|
17
17
|
return id
|
|
18
18
|
};
|
|
19
19
|
|
|
20
|
-
const sdTableCss = () => `sd-table,:host{display:block;width:100%;height:var(--table-host-height);max-width:100%;min-width:0}sd-table *,:host *{box-sizing:border-box}.sd-table__container{height:100%;width:var(--table-width, 100%);max-width:100%;min-width:0;color:#222222;display:flex;flex-direction:column}.sd-table__wrapper{width:100%;min-width:0;height:calc(100% - var(--pagination-height, 0px));border:var(--table-border-width, 1px) solid var(--table-border-color, #E1E1E1);border-radius:var(--table-radius, 8px);overflow:hidden}.sd-table__wrapper--
|
|
20
|
+
const sdTableCss = () => `sd-table,:host{display:block;width:100%;height:var(--table-host-height);max-width:100%;min-width:0}sd-table *,:host *{box-sizing:border-box}.sd-table__container{height:100%;width:var(--table-width, 100%);max-width:100%;min-width:0;color:#222222;display:flex;flex-direction:column}.sd-table__wrapper{width:100%;min-width:0;height:calc(100% - var(--pagination-height, 0px));border:var(--table-border-width, 1px) solid var(--table-border-color, #E1E1E1);border-radius:var(--table-radius, 8px);overflow:hidden}.sd-table__wrapper--radius-usetop{border-radius:0 0 var(--table-radius, 8px) var(--table-radius, 8px)}.sd-table__wrapper--radius-full{border-radius:0}.sd-table__scroll-container{width:100%;height:100%;display:flex;flex-direction:column;position:relative;font-family:var(--table-body-font-family, inherit);font-weight:var(--table-body-font-weight, 400);font-size:var(--table-body-font-size, 12px);line-height:var(--table-body-line-height, 20px);text-decoration:var(--table-body-text-decoration, none);overflow:auto;background:#FFFFFF}.sd-table__scroll-container--loading{overflow:hidden !important;pointer-events:none}.sd-table__scroll-container--no-data{overflow:hidden;pointer-events:none}.sd-table__no-data{position:absolute;top:36px;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;font-size:var(--table-body-font-size, 12px);color:#888888;pointer-events:none;z-index:200;background:rgba(255, 255, 255, 0.6)}.sd-table__no-data-header-overlay{position:absolute;top:0;left:0;right:0;height:36px;background:rgba(255, 255, 255, 0.6);z-index:210;pointer-events:none}.sd-table__no-data-content{pointer-events:auto;min-height:60px;width:100%;display:flex;align-items:center;justify-content:center}.sd-table__loading{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255, 255, 255, 0.6);z-index:200;display:flex;align-items:center;justify-content:center;pointer-events:none}.sd-table{background-color:white;display:table;width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed}.sd-table--selectable sd-thead,.sd-table--selectable sd-tbody{--selectable:true}.sd-table--sticky-header sd-thead thead{position:sticky;top:0;z-index:120}.sd-table--sticky-column sd-thead,.sd-table--sticky-column sd-tbody{--sticky-column:true}.sd-table--scrolled-left sd-thead,.sd-table--scrolled-left sd-tbody{--scrolled-left:true}.sd-table--scrolled-right sd-thead,.sd-table--scrolled-right sd-tbody{--scrolled-right:true}.sd-table--resizable sd-thead{--resizable:true}.sd-table--no-data sd-thead{opacity:0.4}.sd-table__pagination{position:relative;background:#F9F9F9;height:48px;display:flex;align-items:center;justify-content:center;border:var(--table-border-width, 1px) solid var(--table-border-color, #E1E1E1);margin-top:-1px;border-radius:var(--table-radius, 8px)}.sd-table__pagination sd-select{position:absolute;right:10px;top:50%;transform:translateY(-50%)}`;
|
|
21
21
|
|
|
22
22
|
const SdTable = class {
|
|
23
23
|
constructor(hostRef) {
|
|
@@ -42,7 +42,7 @@ const SdTable = class {
|
|
|
42
42
|
height;
|
|
43
43
|
stickyHeader = false;
|
|
44
44
|
stickyColumn = { left: 0, right: 0 };
|
|
45
|
-
|
|
45
|
+
radius = 'default';
|
|
46
46
|
noDataLabel = SdTable.DEFAULT_NO_DATA_LABEL;
|
|
47
47
|
resolvedNoDataLabel = SdTable.DEFAULT_NO_DATA_LABEL;
|
|
48
48
|
isLoading = false;
|
|
@@ -843,24 +843,25 @@ const SdTable = class {
|
|
|
843
843
|
'--table-selectable-width': `${TABLE_SELECTABLE_COLUMN_WIDTH}px`,
|
|
844
844
|
'--table-host-height': hostHeight,
|
|
845
845
|
};
|
|
846
|
-
return (h(Host, { key: '
|
|
846
|
+
return (h(Host, { key: '87170da602bd45011a4f03e0bb7c1ce35ac4b771', style: hostStyle }, h("div", { key: '899ad5a375b30565141fc50063620975a1c87b95', class: "sd-table__container", style: {
|
|
847
847
|
'--table-width': this.width,
|
|
848
848
|
'--pagination-height': `${paginationHeight}px`,
|
|
849
|
-
} }, h("div", { key: '
|
|
849
|
+
} }, h("div", { key: '73db070c9018b814e9c55f605c22a13f81fefc5d', class: {
|
|
850
850
|
'sd-table__wrapper': true,
|
|
851
|
-
'sd-table__wrapper--
|
|
852
|
-
|
|
851
|
+
'sd-table__wrapper--radius-usetop': this.radius === 'usetop',
|
|
852
|
+
'sd-table__wrapper--radius-full': this.radius === 'full',
|
|
853
|
+
} }, h("div", { key: 'f52d585b54a29a6e44c3d9f5ec3a8f20f0e62e8c', class: {
|
|
853
854
|
'sd-table__scroll-container': true,
|
|
854
855
|
'sd-table__scroll-container--loading': this.isLoading,
|
|
855
856
|
'sd-table__scroll-container--no-data': isNoData,
|
|
856
|
-
} }, this.isLoading && (h("div", { key: '
|
|
857
|
+
} }, this.isLoading && (h("div", { key: 'cd9ee8de1d3a4f7abe553372342da1d3ee38b6fe', class: "sd-table__loading", style: { top: `${this.loadingScrollTop}px` } }, h("sd-circle-progress", { key: 'b239353973c8e6959ff9b5c3308696b4c743dbf0', indeterminate: true }))), isNoData && (h(h.Fragment, null, h("div", { key: '7f219801def31f4f19f6042e85e02d9e2b366c90', class: "sd-table__no-data-header-overlay" }), h("div", { key: '2dcb2227ea402c4fcc176e3e493b88d37843f8ed', class: "sd-table__no-data" }, h("div", { key: '47b8e69f4518200cd87c79d50bfc0d505310aff9', class: "sd-table__no-data-content", ref: el => {
|
|
857
858
|
this.noDataContentEl = el;
|
|
858
859
|
if (el)
|
|
859
860
|
this.syncNoDataContentObserver();
|
|
860
|
-
} }, h("slot", { key: '
|
|
861
|
+
} }, h("slot", { key: '3cdbaa3552166b915d0bd30a2e19324679615da4', name: "no-data" }, h("span", { key: 'dd14af39eb6658f3a1d876745f80fcbe13529846' }, this.resolvedNoDataLabel)))))), h("table", { key: 'f11b8e0e7bb53f3ceda805ecc2b0911ea83cb79f', class: this.tableClasses }, this.autoThead ? (h("slot", { name: `${resolvedTableId}-head`, onSlotchange: this.handleStructureSlotChange }, h("sd-thead", { rows: this.rows ?? [] }))) : (h("slot", { name: `${resolvedTableId}-head`, onSlotchange: this.handleStructureSlotChange })), this.autoTbody ? (h("slot", { name: `${resolvedTableId}-body`, onSlotchange: this.handleStructureSlotChange }, h("sd-tbody", { rows: this.rows ?? [] }, this.renderAutoRows()))) : (h("slot", { name: `${resolvedTableId}-body`, onSlotchange: this.handleStructureSlotChange }))))), this.pagination &&
|
|
861
862
|
this.pagination.rowsPerPage > 0 &&
|
|
862
863
|
this.rowCount > 0 &&
|
|
863
|
-
!this.useVirtualScroll && (h("div", { key: '
|
|
864
|
+
!this.useVirtualScroll && (h("div", { key: 'ac990f82d327f1dbfd5fc8e395b348b228c7b724', class: "sd-table__pagination" }, h("sd-pagination", { key: '724c0b1f72efdaae442dde22391e0035c9ddf8f9', currentPage: !this.useInternalPagination ? this.pagination.page : this.currentPage, lastPage: !this.useInternalPagination ? this.pagination.lastPage : this.lastPageNumber, onSdPageChange: (e) => this.changePage(e.detail) }), this.useRowsPerPageSelect && (h("sd-select", { key: 'b5fcde2f53f9d5b497e5da3b4099f9d56f67c245', value: this.useInternalPagination
|
|
864
865
|
? this.innerRowsPerPage
|
|
865
866
|
: this.pagination.rowsPerPage, options: this.rowsPerPageOption, width: "128px", emitValue: true, onSdUpdate: e => {
|
|
866
867
|
if (!this.isRowsPerPageValue(e.detail))
|
|
@@ -16,6 +16,7 @@ export declare class SdChipInput {
|
|
|
16
16
|
error: boolean;
|
|
17
17
|
useReset: boolean;
|
|
18
18
|
maxCount?: number;
|
|
19
|
+
duplicateLabel?: string;
|
|
19
20
|
suggestions: string[];
|
|
20
21
|
loadingSuggestions: boolean;
|
|
21
22
|
recommendedItems: string[];
|
|
@@ -43,9 +44,11 @@ export declare class SdChipInput {
|
|
|
43
44
|
get value(): string[];
|
|
44
45
|
valuesChanged(newValues: string[]): void;
|
|
45
46
|
errorsChanged(newErrors: boolean[] | ((value: string) => boolean)): void;
|
|
47
|
+
internalValuesChanged_validate(): void;
|
|
46
48
|
suggestionsChanged(newVal: string[] | undefined): void;
|
|
47
49
|
recommendedItemsChanged(newVal: string[] | undefined): void;
|
|
48
50
|
componentWillLoad(): void;
|
|
51
|
+
private isDuplicateChip;
|
|
49
52
|
private getChipError;
|
|
50
53
|
private getChipDisabled;
|
|
51
54
|
update: EventEmitter<string[]>;
|
|
@@ -65,5 +68,6 @@ export declare class SdChipInput {
|
|
|
65
68
|
private closeSuggestions;
|
|
66
69
|
private handleContainerClick;
|
|
67
70
|
private handleResetInput;
|
|
71
|
+
private readonly duplicateRule;
|
|
68
72
|
render(): any;
|
|
69
73
|
}
|
|
@@ -11,10 +11,12 @@ export declare class SdKeyValueTable {
|
|
|
11
11
|
*/
|
|
12
12
|
search: boolean;
|
|
13
13
|
/**
|
|
14
|
-
*
|
|
15
|
-
*
|
|
14
|
+
* 테이블 border-radius 제어.
|
|
15
|
+
* - 'default': 전체 radius 적용
|
|
16
|
+
* - 'usetop': 상단 radius 0 (헤더·탭 등 하단에 붙여 쓸 때)
|
|
17
|
+
* - 'full': 상하단 모두 radius 0 (요소 사이에 끼워 쓸 때)
|
|
16
18
|
*/
|
|
17
|
-
|
|
19
|
+
radius: 'default' | 'usetop' | 'full';
|
|
18
20
|
change: EventEmitter<SdKeyValueChangeDetail>;
|
|
19
21
|
searchEvent: EventEmitter<void>;
|
|
20
22
|
private emit;
|
|
@@ -333,6 +333,7 @@ export namespace Components {
|
|
|
333
333
|
* @default []
|
|
334
334
|
*/
|
|
335
335
|
"disabledChips": boolean[] | ((value: string) => boolean);
|
|
336
|
+
"duplicateLabel"?: string;
|
|
336
337
|
/**
|
|
337
338
|
* @default false
|
|
338
339
|
*/
|
|
@@ -1122,15 +1123,15 @@ export namespace Components {
|
|
|
1122
1123
|
*/
|
|
1123
1124
|
"fields": SdKeyValueField[][];
|
|
1124
1125
|
/**
|
|
1125
|
-
*
|
|
1126
|
-
* @default
|
|
1126
|
+
* 테이블 border-radius 제어. - 'default': 전체 radius 적용 - 'usetop': 상단 radius 0 (헤더·탭 등 하단에 붙여 쓸 때) - 'full': 상하단 모두 radius 0 (요소 사이에 끼워 쓸 때)
|
|
1127
|
+
* @default 'default'
|
|
1127
1128
|
*/
|
|
1128
|
-
"
|
|
1129
|
+
"radius": 'default' | 'usetop' | 'full';
|
|
1129
1130
|
/**
|
|
1130
|
-
* true이면 테이블
|
|
1131
|
+
* true이면 테이블 우측에 검색 버튼 패널을 표시. 클릭 시 `sdSearch` 이벤트 emit.
|
|
1131
1132
|
* @default false
|
|
1132
1133
|
*/
|
|
1133
|
-
"
|
|
1134
|
+
"search": boolean;
|
|
1134
1135
|
}
|
|
1135
1136
|
interface SdLinearProgress {
|
|
1136
1137
|
/**
|
|
@@ -1676,6 +1677,10 @@ export namespace Components {
|
|
|
1676
1677
|
*/
|
|
1677
1678
|
"noDataLabel": string;
|
|
1678
1679
|
"pagination"?: SdTablePagination;
|
|
1680
|
+
/**
|
|
1681
|
+
* @default 'default'
|
|
1682
|
+
*/
|
|
1683
|
+
"radius": 'default' | 'usetop' | 'full';
|
|
1679
1684
|
/**
|
|
1680
1685
|
* @default false
|
|
1681
1686
|
*/
|
|
@@ -1721,10 +1726,6 @@ export namespace Components {
|
|
|
1721
1726
|
* @default false
|
|
1722
1727
|
*/
|
|
1723
1728
|
"useRowsPerPageSelect": boolean;
|
|
1724
|
-
/**
|
|
1725
|
-
* @default false
|
|
1726
|
-
*/
|
|
1727
|
-
"useTop": boolean;
|
|
1728
1729
|
/**
|
|
1729
1730
|
* @default false
|
|
1730
1731
|
*/
|
|
@@ -3469,6 +3470,7 @@ declare namespace LocalJSX {
|
|
|
3469
3470
|
* @default []
|
|
3470
3471
|
*/
|
|
3471
3472
|
"disabledChips"?: boolean[] | ((value: string) => boolean);
|
|
3473
|
+
"duplicateLabel"?: string;
|
|
3472
3474
|
/**
|
|
3473
3475
|
* @default false
|
|
3474
3476
|
*/
|
|
@@ -4262,15 +4264,15 @@ declare namespace LocalJSX {
|
|
|
4262
4264
|
"onSdChange"?: (event: SdKeyValueTableCustomEvent<SdKeyValueChangeDetail>) => void;
|
|
4263
4265
|
"onSdSearch"?: (event: SdKeyValueTableCustomEvent<void>) => void;
|
|
4264
4266
|
/**
|
|
4265
|
-
*
|
|
4266
|
-
* @default
|
|
4267
|
+
* 테이블 border-radius 제어. - 'default': 전체 radius 적용 - 'usetop': 상단 radius 0 (헤더·탭 등 하단에 붙여 쓸 때) - 'full': 상하단 모두 radius 0 (요소 사이에 끼워 쓸 때)
|
|
4268
|
+
* @default 'default'
|
|
4267
4269
|
*/
|
|
4268
|
-
"
|
|
4270
|
+
"radius"?: 'default' | 'usetop' | 'full';
|
|
4269
4271
|
/**
|
|
4270
|
-
* true이면 테이블
|
|
4272
|
+
* true이면 테이블 우측에 검색 버튼 패널을 표시. 클릭 시 `sdSearch` 이벤트 emit.
|
|
4271
4273
|
* @default false
|
|
4272
4274
|
*/
|
|
4273
|
-
"
|
|
4275
|
+
"search"?: boolean;
|
|
4274
4276
|
}
|
|
4275
4277
|
interface SdLinearProgress {
|
|
4276
4278
|
/**
|
|
@@ -4830,6 +4832,10 @@ declare namespace LocalJSX {
|
|
|
4830
4832
|
to: number;
|
|
4831
4833
|
}>) => void;
|
|
4832
4834
|
"pagination"?: SdTablePagination;
|
|
4835
|
+
/**
|
|
4836
|
+
* @default 'default'
|
|
4837
|
+
*/
|
|
4838
|
+
"radius"?: 'default' | 'usetop' | 'full';
|
|
4833
4839
|
/**
|
|
4834
4840
|
* @default false
|
|
4835
4841
|
*/
|
|
@@ -4872,10 +4878,6 @@ declare namespace LocalJSX {
|
|
|
4872
4878
|
* @default false
|
|
4873
4879
|
*/
|
|
4874
4880
|
"useRowsPerPageSelect"?: boolean;
|
|
4875
|
-
/**
|
|
4876
|
-
* @default false
|
|
4877
|
-
*/
|
|
4878
|
-
"useTop"?: boolean;
|
|
4879
4881
|
/**
|
|
4880
4882
|
* @default false
|
|
4881
4883
|
*/
|
|
@@ -5318,6 +5320,7 @@ declare namespace LocalJSX {
|
|
|
5318
5320
|
"error": boolean;
|
|
5319
5321
|
"useReset": boolean;
|
|
5320
5322
|
"maxCount": number;
|
|
5323
|
+
"duplicateLabel": string;
|
|
5321
5324
|
"loadingSuggestions": boolean;
|
|
5322
5325
|
"loadingRecommendedItems": boolean;
|
|
5323
5326
|
"label": string;
|
|
@@ -5510,7 +5513,7 @@ declare namespace LocalJSX {
|
|
|
5510
5513
|
}
|
|
5511
5514
|
interface SdKeyValueTableAttributes {
|
|
5512
5515
|
"search": boolean;
|
|
5513
|
-
"
|
|
5516
|
+
"radius": 'default' | 'usetop' | 'full';
|
|
5514
5517
|
}
|
|
5515
5518
|
interface SdLinearProgressAttributes {
|
|
5516
5519
|
"indeterminate": boolean;
|
|
@@ -5669,7 +5672,7 @@ declare namespace LocalJSX {
|
|
|
5669
5672
|
"width": string;
|
|
5670
5673
|
"height": string;
|
|
5671
5674
|
"stickyHeader": boolean;
|
|
5672
|
-
"
|
|
5675
|
+
"radius": 'default' | 'usetop' | 'full';
|
|
5673
5676
|
"noDataLabel": string;
|
|
5674
5677
|
"isLoading": boolean;
|
|
5675
5678
|
"useInternalPagination": boolean;
|