@sellmate/design-system 1.14.0 → 1.15.0

package/dist/esm/loader.js

@@ -4,7 +4,7 @@ export { s as setNonce } from './index-JGOJoT-i.js';
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await globalScripts();
-  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],\"size\":[1],\"disabled\":[4],\"placeholder\":[1],\"name\":[1],\"rules\":[16],\"error\":[1028],\"useReset\":[4,\"use-reset\"],\"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],\"sdValidate\":[64],\"sdReset\":[64],\"sdResetValidate\":[64],\"sdFocus\":[64]},null,{\"values\":[{\"valuesChanged\":0}],\"errors\":[{\"errorsChanged\":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],\"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],\"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);
+  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],\"size\":[1],\"disabled\":[4],\"placeholder\":[1],\"name\":[1],\"rules\":[16],\"error\":[1028],\"useReset\":[4,\"use-reset\"],\"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],\"sdValidate\":[64],\"sdReset\":[64],\"sdResetValidate\":[64],\"sdFocus\":[64]},null,{\"values\":[{\"valuesChanged\":0}],\"errors\":[{\"errorsChanged\":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],\"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);
 };
 
 export { defineCustomElements };

package/dist/esm/sd-select_3.entry.js

@@ -19,6 +19,7 @@ const SdSelect = class {
     value = null;
     options = [];
     placeholder = '선택';
+    dropdownWidth = '';
     maxDropdownWidth = '640px';
     dropdownHeight = '260px';
     disabled = false;
@@ -263,15 +264,15 @@ const SdSelect = class {
                 this.closeDropdown();
             },
         };
-        return (h("sd-field", { key: 'd3c3175067494715963592806a150bebadd8970c', name: this.name, label: this.label, labelWidth: this.labelWidth, addonLabel: this.addonLabel, addonAlign: this.addonAlign, hint: this.hint, errorMessage: this.errorMessage, width: this.width, rules: this.rules, error: this.error, disabled: this.disabled, focused: this.focused, hovered: this.hovered, icon: this.icon, labelTooltip: this.labelTooltip, labelTooltipProps: this.labelTooltipProps, onMouseEnter: () => {
+        return (h("sd-field", { key: '29ea3526b5ef4a6f64bac810204cb7862a184503', name: this.name, label: this.label, labelWidth: this.labelWidth, addonLabel: this.addonLabel, addonAlign: this.addonAlign, hint: this.hint, errorMessage: this.errorMessage, width: this.width, rules: this.rules, error: this.error, disabled: this.disabled, focused: this.focused, hovered: this.hovered, icon: this.icon, labelTooltip: this.labelTooltip, labelTooltipProps: this.labelTooltipProps, onMouseEnter: () => {
                 this.hovered = true;
             }, onMouseLeave: () => {
                 this.hovered = false;
-            } }, h("div", { key: 'c291b661a968375c341d26ac48f7ff7fd4947e3e', class: "sd-select", ref: el => {
+            } }, h("div", { key: 'e23ef16cf8af59d2e9dd6ee39a297c4338e0a056', class: "sd-select", ref: el => {
                 this.triggerRef = el;
-            } }, h("sd-select-trigger", { key: '45da184f72f989d9c6be05479fec7a616f168ddf', ref: el => {
+            } }, h("sd-select-trigger", { key: 'b6811644cb571bb738d604ce31b233ff76a32d16', ref: el => {
                 this.triggerComponentRef = el;
-            }, displayText: this.displayText, placeholder: this.placeholder ?? '선택', disabled: this.disabled, isOpen: this.isOpen, onSdTriggerClick: this.handleTriggerClick, onSdTriggerFocus: this.handleTriggerFocus, onSdTriggerBlur: this.handleTriggerBlur })), (this.isOpen || this.isAnimatingOut) && (h("sd-portal", { key: 'bd7a612cf9ef74e157336a8de0170cebb61074dc', ...portalProps }, h("sd-select-listbox", { key: '8117fab3ef6b2f5f77e74a234c6b21dfc2549df1', type: this.type, options: this.options, value: this.value, emitValue: this.emitValue, useSearch: this.useSearch, useSelectAll: this.useSelectAll, triggerWidth: this.triggerWidth, maxWidth: this.resolvedMaxDropdownWidth, maxHeight: this.resolvedDropdownHeight, onSdOptionSelect: event => this.handleOptionSelect(event.detail) })))));
+            }, displayText: this.displayText, placeholder: this.placeholder ?? '선택', disabled: this.disabled, isOpen: this.isOpen, onSdTriggerClick: this.handleTriggerClick, onSdTriggerFocus: this.handleTriggerFocus, onSdTriggerBlur: this.handleTriggerBlur })), (this.isOpen || this.isAnimatingOut) && (h("sd-portal", { key: 'b9b191bd7eefcb4d69be21f51740dd1cd993a3e7', ...portalProps }, h("sd-select-listbox", { key: 'f04d988c8491eeea284dc4fdce91dadfd33965f8', type: this.type, options: this.options, value: this.value, emitValue: this.emitValue, useSearch: this.useSearch, useSelectAll: this.useSelectAll, triggerWidth: this.dropdownWidth || this.triggerWidth, maxWidth: this.resolvedMaxDropdownWidth, maxHeight: this.resolvedDropdownHeight, onSdOptionSelect: event => this.handleOptionSelect(event.detail) })))));
     }
     static get watchers() { return {
         "isOpen": [{

package/dist/types/components/sd-select/sd-select.d.ts

@@ -12,6 +12,7 @@ export declare class SdSelect {
     value: SelectValue;
     options: SelectOption[];
     placeholder: string;
+    dropdownWidth: string;
     maxDropdownWidth: string;
     dropdownHeight: string;
     disabled: boolean;

package/dist/types/components.d.ts

@@ -1447,6 +1447,10 @@ export namespace Components {
           * @default '260px'
          */
         "dropdownHeight": string;
+        /**
+          * @default ''
+         */
+        "dropdownWidth": string;
         /**
           * @default false
          */
@@ -4555,6 +4559,10 @@ declare namespace LocalJSX {
           * @default '260px'
          */
         "dropdownHeight"?: string;
+        /**
+          * @default ''
+         */
+        "dropdownWidth"?: string;
         /**
           * @default false
          */
@@ -5548,6 +5556,7 @@ declare namespace LocalJSX {
         "type": SelectType;
         "value": string;
         "placeholder": string;
+        "dropdownWidth": string;
         "maxDropdownWidth": string;
         "dropdownHeight": string;
         "disabled": boolean;

package/hydrate/index.js

@@ -13770,6 +13770,7 @@ class SdSelect {
     value = null;
     options = [];
     placeholder = '선택';
+    dropdownWidth = '';
     maxDropdownWidth = '640px';
     dropdownHeight = '260px';
     disabled = false;
@@ -14014,15 +14015,15 @@ class SdSelect {
                 this.closeDropdown();
             },
         };
-        return (hAsync("sd-field", { key: 'd3c3175067494715963592806a150bebadd8970c', name: this.name, label: this.label, labelWidth: this.labelWidth, addonLabel: this.addonLabel, addonAlign: this.addonAlign, hint: this.hint, errorMessage: this.errorMessage, width: this.width, rules: this.rules, error: this.error, disabled: this.disabled, focused: this.focused, hovered: this.hovered, icon: this.icon, labelTooltip: this.labelTooltip, labelTooltipProps: this.labelTooltipProps, onMouseEnter: () => {
+        return (hAsync("sd-field", { key: '29ea3526b5ef4a6f64bac810204cb7862a184503', name: this.name, label: this.label, labelWidth: this.labelWidth, addonLabel: this.addonLabel, addonAlign: this.addonAlign, hint: this.hint, errorMessage: this.errorMessage, width: this.width, rules: this.rules, error: this.error, disabled: this.disabled, focused: this.focused, hovered: this.hovered, icon: this.icon, labelTooltip: this.labelTooltip, labelTooltipProps: this.labelTooltipProps, onMouseEnter: () => {
                 this.hovered = true;
             }, onMouseLeave: () => {
                 this.hovered = false;
-            } }, hAsync("div", { key: 'c291b661a968375c341d26ac48f7ff7fd4947e3e', class: "sd-select", ref: el => {
+            } }, hAsync("div", { key: 'e23ef16cf8af59d2e9dd6ee39a297c4338e0a056', class: "sd-select", ref: el => {
                 this.triggerRef = el;
-            } }, hAsync("sd-select-trigger", { key: '45da184f72f989d9c6be05479fec7a616f168ddf', ref: el => {
+            } }, hAsync("sd-select-trigger", { key: 'b6811644cb571bb738d604ce31b233ff76a32d16', ref: el => {
                 this.triggerComponentRef = el;
-            }, displayText: this.displayText, placeholder: this.placeholder ?? '선택', disabled: this.disabled, isOpen: this.isOpen, onSdTriggerClick: this.handleTriggerClick, onSdTriggerFocus: this.handleTriggerFocus, onSdTriggerBlur: this.handleTriggerBlur })), (this.isOpen || this.isAnimatingOut) && (hAsync("sd-portal", { key: 'bd7a612cf9ef74e157336a8de0170cebb61074dc', ...portalProps }, hAsync("sd-select-listbox", { key: '8117fab3ef6b2f5f77e74a234c6b21dfc2549df1', type: this.type, options: this.options, value: this.value, emitValue: this.emitValue, useSearch: this.useSearch, useSelectAll: this.useSelectAll, triggerWidth: this.triggerWidth, maxWidth: this.resolvedMaxDropdownWidth, maxHeight: this.resolvedDropdownHeight, onSdOptionSelect: event => this.handleOptionSelect(event.detail) })))));
+            }, displayText: this.displayText, placeholder: this.placeholder ?? '선택', disabled: this.disabled, isOpen: this.isOpen, onSdTriggerClick: this.handleTriggerClick, onSdTriggerFocus: this.handleTriggerFocus, onSdTriggerBlur: this.handleTriggerBlur })), (this.isOpen || this.isAnimatingOut) && (hAsync("sd-portal", { key: 'b9b191bd7eefcb4d69be21f51740dd1cd993a3e7', ...portalProps }, hAsync("sd-select-listbox", { key: 'f04d988c8491eeea284dc4fdce91dadfd33965f8', type: this.type, options: this.options, value: this.value, emitValue: this.emitValue, useSearch: this.useSearch, useSelectAll: this.useSelectAll, triggerWidth: this.dropdownWidth || this.triggerWidth, maxWidth: this.resolvedMaxDropdownWidth, maxHeight: this.resolvedDropdownHeight, onSdOptionSelect: event => this.handleOptionSelect(event.detail) })))));
     }
     static get watchers() { return {
         "isOpen": [{
@@ -14038,6 +14039,7 @@ class SdSelect {
             "value": [1032],
             "options": [16],
             "placeholder": [1],
+            "dropdownWidth": [1, "dropdown-width"],
             "maxDropdownWidth": [1, "max-dropdown-width"],
             "dropdownHeight": [1, "dropdown-height"],
             "disabled": [4],

package/hydrate/index.mjs

@@ -13768,6 +13768,7 @@ class SdSelect {
     value = null;
     options = [];
     placeholder = '선택';
+    dropdownWidth = '';
     maxDropdownWidth = '640px';
     dropdownHeight = '260px';
     disabled = false;
@@ -14012,15 +14013,15 @@ class SdSelect {
                 this.closeDropdown();
             },
         };
-        return (hAsync("sd-field", { key: 'd3c3175067494715963592806a150bebadd8970c', name: this.name, label: this.label, labelWidth: this.labelWidth, addonLabel: this.addonLabel, addonAlign: this.addonAlign, hint: this.hint, errorMessage: this.errorMessage, width: this.width, rules: this.rules, error: this.error, disabled: this.disabled, focused: this.focused, hovered: this.hovered, icon: this.icon, labelTooltip: this.labelTooltip, labelTooltipProps: this.labelTooltipProps, onMouseEnter: () => {
+        return (hAsync("sd-field", { key: '29ea3526b5ef4a6f64bac810204cb7862a184503', name: this.name, label: this.label, labelWidth: this.labelWidth, addonLabel: this.addonLabel, addonAlign: this.addonAlign, hint: this.hint, errorMessage: this.errorMessage, width: this.width, rules: this.rules, error: this.error, disabled: this.disabled, focused: this.focused, hovered: this.hovered, icon: this.icon, labelTooltip: this.labelTooltip, labelTooltipProps: this.labelTooltipProps, onMouseEnter: () => {
                 this.hovered = true;
             }, onMouseLeave: () => {
                 this.hovered = false;
-            } }, hAsync("div", { key: 'c291b661a968375c341d26ac48f7ff7fd4947e3e', class: "sd-select", ref: el => {
+            } }, hAsync("div", { key: 'e23ef16cf8af59d2e9dd6ee39a297c4338e0a056', class: "sd-select", ref: el => {
                 this.triggerRef = el;
-            } }, hAsync("sd-select-trigger", { key: '45da184f72f989d9c6be05479fec7a616f168ddf', ref: el => {
+            } }, hAsync("sd-select-trigger", { key: 'b6811644cb571bb738d604ce31b233ff76a32d16', ref: el => {
                 this.triggerComponentRef = el;
-            }, displayText: this.displayText, placeholder: this.placeholder ?? '선택', disabled: this.disabled, isOpen: this.isOpen, onSdTriggerClick: this.handleTriggerClick, onSdTriggerFocus: this.handleTriggerFocus, onSdTriggerBlur: this.handleTriggerBlur })), (this.isOpen || this.isAnimatingOut) && (hAsync("sd-portal", { key: 'bd7a612cf9ef74e157336a8de0170cebb61074dc', ...portalProps }, hAsync("sd-select-listbox", { key: '8117fab3ef6b2f5f77e74a234c6b21dfc2549df1', type: this.type, options: this.options, value: this.value, emitValue: this.emitValue, useSearch: this.useSearch, useSelectAll: this.useSelectAll, triggerWidth: this.triggerWidth, maxWidth: this.resolvedMaxDropdownWidth, maxHeight: this.resolvedDropdownHeight, onSdOptionSelect: event => this.handleOptionSelect(event.detail) })))));
+            }, displayText: this.displayText, placeholder: this.placeholder ?? '선택', disabled: this.disabled, isOpen: this.isOpen, onSdTriggerClick: this.handleTriggerClick, onSdTriggerFocus: this.handleTriggerFocus, onSdTriggerBlur: this.handleTriggerBlur })), (this.isOpen || this.isAnimatingOut) && (hAsync("sd-portal", { key: 'b9b191bd7eefcb4d69be21f51740dd1cd993a3e7', ...portalProps }, hAsync("sd-select-listbox", { key: 'f04d988c8491eeea284dc4fdce91dadfd33965f8', type: this.type, options: this.options, value: this.value, emitValue: this.emitValue, useSearch: this.useSearch, useSelectAll: this.useSelectAll, triggerWidth: this.dropdownWidth || this.triggerWidth, maxWidth: this.resolvedMaxDropdownWidth, maxHeight: this.resolvedDropdownHeight, onSdOptionSelect: event => this.handleOptionSelect(event.detail) })))));
     }
     static get watchers() { return {
         "isOpen": [{
@@ -14036,6 +14037,7 @@ class SdSelect {
             "value": [1032],
             "options": [16],
             "placeholder": [1],
+            "dropdownWidth": [1, "dropdown-width"],
             "maxDropdownWidth": [1, "max-dropdown-width"],
             "dropdownHeight": [1, "dropdown-height"],
             "disabled": [4],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sellmate/design-system",
-  "version": "1.14.0",
+  "version": "1.15.0",
   "description": "Sellmate Design System - Web Components Library built with Stencil",
   "keywords": [
     "web-components",

package/dist/components/p-C4G3m6i5.js

@@ -1 +0,0 @@
-import{p as t,H as e,c as s,h as i,t as o}from"./p-DmqY8RSd.js";import{n as r}from"./p-CCwNgVmC.js";import{d as l}from"./p-CPhGwtJN.js";import{d as a}from"./p-CWRzU_jD.js";import{d as h}from"./p-ClFi24KR.js";import{d}from"./p--bh6IQPe.js";import{d as n}from"./p-bFbGmGpk.js";import{d as c}from"./p-BQbRKyE8.js";import{d as p}from"./p-D7c1Foln.js";import{d as m}from"./p-jGNVdj6x.js";import{d as u}from"./p-DiYM7tLY.js";import{d as b}from"./p-DU-bmyYI.js";import{d as f}from"./p-DOnvzHnl.js";import{d as g}from"./p-CZCejvvs.js";import{d as w}from"./p-DQaizq5F.js";const x=t(class t extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.update=s(this,"sdUpdate",7),this.dropDownShow=s(this,"sdDropDownShow",7)}static VIEWPORT_PADDING=20;static PORTAL_OFFSET_Y=4;static CLOSE_ANIMATION_DURATION=150;get el(){return this}type="default";value=null;options=[];placeholder="선택";maxDropdownWidth="640px";dropdownHeight="260px";disabled=!1;label="";labelWidth="";addonLabel="";addonAlign="start";error=!1;hint="";errorMessage="";rules=[];icon=void 0;labelTooltip="";labelTooltipProps=null;emitValue=!1;width="";useSearch=!1;allSelectedLabel="전체";useSelectAll=!1;isOpen=!1;isAnimatingOut=!1;triggerWidth="200px";resolvedDropdownHeight="260px";resolvedMaxDropdownWidth="640px";focused=!1;hovered=!1;update;dropDownShow;async sdFocus(){this.disabled||await(this.triggerComponentRef?.sdFocus())}async sdOpen(){await new Promise((t=>setTimeout(t,0))),this.disabled||this.isOpen||(this.prepareDropdownGeometry(),this.closeAnimationTimer&&clearTimeout(this.closeAnimationTimer),this.isAnimatingOut=!1,this.isOpen=!0)}triggerRef;triggerComponentRef;closeAnimationTimer;name=r();triggerHasFocus=!1;watchIsOpen(t){this.syncFocusedState(t),this.dropDownShow.emit({isOpen:t})}get isMulti(){return"multi"===this.type||"multi_depth"===this.type}get displayText(){if(this.isMulti){if(!Array.isArray(this.value)||0===this.value.length)return"";const t=this.getNonDisabledLeaves(this.options),e=this.getSelectedOptions();if(t.length>0&&t.every((t=>e.some((e=>e.value===t.value)))))return this.allSelectedLabel??"전체";const s=this.flattenOptions(this.options);return this.value.map((t=>{if(null!=t&&"object"==typeof t){const e=t;return e.label??s.find((t=>t.value===e.value))?.label??""}return s.find((e=>e.value===t))?.label??""})).filter(Boolean).join(", ")}if(null==this.value)return"";if(!this.emitValue&&"object"==typeof this.value&&!Array.isArray(this.value))return this.value.label??"";const t=this.flattenOptions(this.options);return t.find((t=>t.value===this.value))?.label??""}flattenOptions(t){return t.flatMap((t=>t.children?this.flattenOptions(t.children):[t]))}getNonDisabledLeaves(t){return t.flatMap((t=>t.disabled?[]:t.children?this.getNonDisabledLeaves(t.children):[t]))}getSelectedOptions(){const t=this.value;return null!=t&&Array.isArray(t)?this.emitValue?t.map((t=>this.findOriginalOption(t,this.options))).filter((t=>!!t)):t:[]}toMultiValue(t){return this.emitValue?t.map((t=>t.value)):t}parsePixelValue(t,e){const s=Number.parseFloat(t);return Number.isFinite(s)?s:e}updateDropdownViewportConstraints(){if(!this.triggerRef)return;const e=this.triggerRef.getBoundingClientRect(),s=t.VIEWPORT_PADDING,i=t.PORTAL_OFFSET_Y,o=this.parsePixelValue(this.dropdownHeight,260),r=this.parsePixelValue(this.maxDropdownWidth,640),l=Math.max(window.innerHeight-e.bottom-s-i,0),a=Math.max(e.top-s-i,0),h=Math.max(l,a),d=Math.max(window.innerWidth-2*s,0);this.resolvedDropdownHeight=`${Math.min(o,h)}px`,this.resolvedMaxDropdownWidth=`${Math.min(r,d)}px`}handleViewportResize=()=>{this.isOpen&&this.updateDropdownViewportConstraints()};findOriginalOption(t,e){for(const s of e){if(s.value===t)return s;if(s.children){const e=this.findOriginalOption(t,s.children);if(e)return e}}}closeDropdown(){this.isOpen&&(this.isOpen=!1,this.isAnimatingOut=!0,this.closeAnimationTimer&&clearTimeout(this.closeAnimationTimer),this.closeAnimationTimer=setTimeout((()=>{this.isAnimatingOut=!1}),t.CLOSE_ANIMATION_DURATION))}prepareDropdownGeometry(){this.triggerRef&&(this.triggerWidth=`${this.triggerRef.offsetWidth}px`),this.updateDropdownViewportConstraints()}syncFocusedState(t=this.isOpen){this.focused=t||this.triggerHasFocus}handleTriggerFocus=()=>{this.triggerHasFocus=!0,this.syncFocusedState()};handleTriggerBlur=()=>{this.triggerHasFocus=!1,this.syncFocusedState()};handleTriggerClick=()=>{this.isOpen?this.closeDropdown():(this.prepareDropdownGeometry(),this.closeAnimationTimer&&clearTimeout(this.closeAnimationTimer),this.isAnimatingOut=!1,this.isOpen=!0)};emitUpdate(t){this.update.emit(t)}handleOptionSelect=t=>{const{option:e,leaves:s}=t;if(this.isMulti)this.handleMultiSelect(e,s);else{this.closeDropdown(),this.value=this.emitValue?e.value:e;const t=this.value;requestAnimationFrame((()=>{this.emitUpdate(t)}))}};handleMultiSelect(t,e){const s=this.getSelectedOptions();let i;if(t.children)if(e.every((t=>s.some((e=>e.value===t.value))))){const t=new Set(e.map((t=>t.value)));i=s.filter((e=>!t.has(e.value)))}else{const t=new Set(s.map((t=>t.value))),o=e.filter((e=>!t.has(e.value)));i=[...s,...o]}else i=s.some((e=>e.value===t.value))?s.filter((e=>e.value!==t.value)):[...s,t];this.value=this.toMultiValue(i),this.emitUpdate(this.value)}connectedCallback(){window.addEventListener("resize",this.handleViewportResize)}disconnectedCallback(){window.removeEventListener("resize",this.handleViewportResize),this.closeAnimationTimer&&clearTimeout(this.closeAnimationTimer)}render(){const e={open:this.isOpen,parentRef:this.triggerRef,viewportPadding:t.VIEWPORT_PADDING,onSdClose:()=>{this.closeDropdown()}};return i("sd-field",{key:"d3c3175067494715963592806a150bebadd8970c",name:this.name,label:this.label,labelWidth:this.labelWidth,addonLabel:this.addonLabel,addonAlign:this.addonAlign,hint:this.hint,errorMessage:this.errorMessage,width:this.width,rules:this.rules,error:this.error,disabled:this.disabled,focused:this.focused,hovered:this.hovered,icon:this.icon,labelTooltip:this.labelTooltip,labelTooltipProps:this.labelTooltipProps,onMouseEnter:()=>{this.hovered=!0},onMouseLeave:()=>{this.hovered=!1}},i("div",{key:"c291b661a968375c341d26ac48f7ff7fd4947e3e",class:"sd-select",ref:t=>{this.triggerRef=t}},i("sd-select-trigger",{key:"45da184f72f989d9c6be05479fec7a616f168ddf",ref:t=>{this.triggerComponentRef=t},displayText:this.displayText,placeholder:this.placeholder??"선택",disabled:this.disabled,isOpen:this.isOpen,onSdTriggerClick:this.handleTriggerClick,onSdTriggerFocus:this.handleTriggerFocus,onSdTriggerBlur:this.handleTriggerBlur})),(this.isOpen||this.isAnimatingOut)&&i("sd-portal",{key:"bd7a612cf9ef74e157336a8de0170cebb61074dc",...e},i("sd-select-listbox",{key:"8117fab3ef6b2f5f77e74a234c6b21dfc2549df1",type:this.type,options:this.options,value:this.value,emitValue:this.emitValue,useSearch:this.useSearch,useSelectAll:this.useSelectAll,triggerWidth:this.triggerWidth,maxWidth:this.resolvedMaxDropdownWidth,maxHeight:this.resolvedDropdownHeight,onSdOptionSelect:t=>this.handleOptionSelect(t.detail)})))}static get watchers(){return{isOpen:[{watchIsOpen:0}]}}static get style(){return"sd-select{display:inline-flex}sd-select sd-portal{display:none}sd-select .sd-select{position:relative;width:100%;height:100%}"}},[512,"sd-select",{type:[1],value:[1032],options:[16],placeholder:[1],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]},void 0,{isOpen:[{watchIsOpen:0}]}]);function O(){"undefined"!=typeof customElements&&["sd-select","sd-button","sd-checkbox","sd-field","sd-floating-portal","sd-ghost-button","sd-icon","sd-portal","sd-select-list-item","sd-select-list-item-search","sd-select-listbox","sd-select-trigger","sd-tag","sd-tooltip"].forEach((t=>{switch(t){case"sd-select":customElements.get(o(t))||customElements.define(o(t),x);break;case"sd-button":customElements.get(o(t))||l();break;case"sd-checkbox":customElements.get(o(t))||a();break;case"sd-field":customElements.get(o(t))||h();break;case"sd-floating-portal":customElements.get(o(t))||d();break;case"sd-ghost-button":customElements.get(o(t))||n();break;case"sd-icon":customElements.get(o(t))||c();break;case"sd-portal":customElements.get(o(t))||p();break;case"sd-select-list-item":customElements.get(o(t))||m();break;case"sd-select-list-item-search":customElements.get(o(t))||u();break;case"sd-select-listbox":customElements.get(o(t))||b();break;case"sd-select-trigger":customElements.get(o(t))||f();break;case"sd-tag":customElements.get(o(t))||g();break;case"sd-tooltip":customElements.get(o(t))||w()}}))}export{x as S,O as d}

package/dist/design-system/p-74b6e8e2.entry.js

@@ -1 +0,0 @@
-import{r as t,c as e,a as s,h as i}from"./p-JGOJoT-i.js";import{n as r}from"./p-CCwNgVmC.js";import{c as h,S as o,f as l,i as n,e as c,E as d,L as a,a as u,b as g,d as p}from"./p-DtrsLG0Z.js";import{s as f}from"./p-BE4tnQ2Z.js";const b=class{constructor(s){t(this,s),this.update=e(this,"sdUpdate",7),this.dropDownShow=e(this,"sdDropDownShow",7)}static VIEWPORT_PADDING=20;static PORTAL_OFFSET_Y=4;static CLOSE_ANIMATION_DURATION=150;get el(){return s(this)}type="default";value=null;options=[];placeholder="선택";maxDropdownWidth="640px";dropdownHeight="260px";disabled=!1;label="";labelWidth="";addonLabel="";addonAlign="start";error=!1;hint="";errorMessage="";rules=[];icon=void 0;labelTooltip="";labelTooltipProps=null;emitValue=!1;width="";useSearch=!1;allSelectedLabel="전체";useSelectAll=!1;isOpen=!1;isAnimatingOut=!1;triggerWidth="200px";resolvedDropdownHeight="260px";resolvedMaxDropdownWidth="640px";focused=!1;hovered=!1;update;dropDownShow;async sdFocus(){this.disabled||await(this.triggerComponentRef?.sdFocus())}async sdOpen(){await new Promise((t=>setTimeout(t,0))),this.disabled||this.isOpen||(this.prepareDropdownGeometry(),this.closeAnimationTimer&&clearTimeout(this.closeAnimationTimer),this.isAnimatingOut=!1,this.isOpen=!0)}triggerRef;triggerComponentRef;closeAnimationTimer;name=r();triggerHasFocus=!1;watchIsOpen(t){this.syncFocusedState(t),this.dropDownShow.emit({isOpen:t})}get isMulti(){return"multi"===this.type||"multi_depth"===this.type}get displayText(){if(this.isMulti){if(!Array.isArray(this.value)||0===this.value.length)return"";const t=this.getNonDisabledLeaves(this.options),e=this.getSelectedOptions();if(t.length>0&&t.every((t=>e.some((e=>e.value===t.value)))))return this.allSelectedLabel??"전체";const s=this.flattenOptions(this.options);return this.value.map((t=>{if(null!=t&&"object"==typeof t){const e=t;return e.label??s.find((t=>t.value===e.value))?.label??""}return s.find((e=>e.value===t))?.label??""})).filter(Boolean).join(", ")}if(null==this.value)return"";if(!this.emitValue&&"object"==typeof this.value&&!Array.isArray(this.value))return this.value.label??"";const t=this.flattenOptions(this.options);return t.find((t=>t.value===this.value))?.label??""}flattenOptions(t){return t.flatMap((t=>t.children?this.flattenOptions(t.children):[t]))}getNonDisabledLeaves(t){return t.flatMap((t=>t.disabled?[]:t.children?this.getNonDisabledLeaves(t.children):[t]))}getSelectedOptions(){const t=this.value;return null!=t&&Array.isArray(t)?this.emitValue?t.map((t=>this.findOriginalOption(t,this.options))).filter((t=>!!t)):t:[]}toMultiValue(t){return this.emitValue?t.map((t=>t.value)):t}parsePixelValue(t,e){const s=Number.parseFloat(t);return Number.isFinite(s)?s:e}updateDropdownViewportConstraints(){if(!this.triggerRef)return;const t=this.triggerRef.getBoundingClientRect(),e=b.VIEWPORT_PADDING,s=b.PORTAL_OFFSET_Y,i=this.parsePixelValue(this.dropdownHeight,260),r=this.parsePixelValue(this.maxDropdownWidth,640),h=Math.max(window.innerHeight-t.bottom-e-s,0),o=Math.max(t.top-e-s,0),l=Math.max(h,o),n=Math.max(window.innerWidth-2*e,0);this.resolvedDropdownHeight=`${Math.min(i,l)}px`,this.resolvedMaxDropdownWidth=`${Math.min(r,n)}px`}handleViewportResize=()=>{this.isOpen&&this.updateDropdownViewportConstraints()};findOriginalOption(t,e){for(const s of e){if(s.value===t)return s;if(s.children){const e=this.findOriginalOption(t,s.children);if(e)return e}}}closeDropdown(){this.isOpen&&(this.isOpen=!1,this.isAnimatingOut=!0,this.closeAnimationTimer&&clearTimeout(this.closeAnimationTimer),this.closeAnimationTimer=setTimeout((()=>{this.isAnimatingOut=!1}),b.CLOSE_ANIMATION_DURATION))}prepareDropdownGeometry(){this.triggerRef&&(this.triggerWidth=`${this.triggerRef.offsetWidth}px`),this.updateDropdownViewportConstraints()}syncFocusedState(t=this.isOpen){this.focused=t||this.triggerHasFocus}handleTriggerFocus=()=>{this.triggerHasFocus=!0,this.syncFocusedState()};handleTriggerBlur=()=>{this.triggerHasFocus=!1,this.syncFocusedState()};handleTriggerClick=()=>{this.isOpen?this.closeDropdown():(this.prepareDropdownGeometry(),this.closeAnimationTimer&&clearTimeout(this.closeAnimationTimer),this.isAnimatingOut=!1,this.isOpen=!0)};emitUpdate(t){this.update.emit(t)}handleOptionSelect=t=>{const{option:e,leaves:s}=t;if(this.isMulti)this.handleMultiSelect(e,s);else{this.closeDropdown(),this.value=this.emitValue?e.value:e;const t=this.value;requestAnimationFrame((()=>{this.emitUpdate(t)}))}};handleMultiSelect(t,e){const s=this.getSelectedOptions();let i;if(t.children)if(e.every((t=>s.some((e=>e.value===t.value))))){const t=new Set(e.map((t=>t.value)));i=s.filter((e=>!t.has(e.value)))}else{const t=new Set(s.map((t=>t.value))),r=e.filter((e=>!t.has(e.value)));i=[...s,...r]}else i=s.some((e=>e.value===t.value))?s.filter((e=>e.value!==t.value)):[...s,t];this.value=this.toMultiValue(i),this.emitUpdate(this.value)}connectedCallback(){window.addEventListener("resize",this.handleViewportResize)}disconnectedCallback(){window.removeEventListener("resize",this.handleViewportResize),this.closeAnimationTimer&&clearTimeout(this.closeAnimationTimer)}render(){const t={open:this.isOpen,parentRef:this.triggerRef,viewportPadding:b.VIEWPORT_PADDING,onSdClose:()=>{this.closeDropdown()}};return i("sd-field",{key:"d3c3175067494715963592806a150bebadd8970c",name:this.name,label:this.label,labelWidth:this.labelWidth,addonLabel:this.addonLabel,addonAlign:this.addonAlign,hint:this.hint,errorMessage:this.errorMessage,width:this.width,rules:this.rules,error:this.error,disabled:this.disabled,focused:this.focused,hovered:this.hovered,icon:this.icon,labelTooltip:this.labelTooltip,labelTooltipProps:this.labelTooltipProps,onMouseEnter:()=>{this.hovered=!0},onMouseLeave:()=>{this.hovered=!1}},i("div",{key:"c291b661a968375c341d26ac48f7ff7fd4947e3e",class:"sd-select",ref:t=>{this.triggerRef=t}},i("sd-select-trigger",{key:"45da184f72f989d9c6be05479fec7a616f168ddf",ref:t=>{this.triggerComponentRef=t},displayText:this.displayText,placeholder:this.placeholder??"선택",disabled:this.disabled,isOpen:this.isOpen,onSdTriggerClick:this.handleTriggerClick,onSdTriggerFocus:this.handleTriggerFocus,onSdTriggerBlur:this.handleTriggerBlur})),(this.isOpen||this.isAnimatingOut)&&i("sd-portal",{key:"bd7a612cf9ef74e157336a8de0170cebb61074dc",...t},i("sd-select-listbox",{key:"8117fab3ef6b2f5f77e74a234c6b21dfc2549df1",type:this.type,options:this.options,value:this.value,emitValue:this.emitValue,useSearch:this.useSearch,useSelectAll:this.useSelectAll,triggerWidth:this.triggerWidth,maxWidth:this.resolvedMaxDropdownWidth,maxHeight:this.resolvedDropdownHeight,onSdOptionSelect:t=>this.handleOptionSelect(t.detail)})))}static get watchers(){return{isOpen:[{watchIsOpen:0}]}}};b.style="sd-select{display:inline-flex}sd-select sd-portal{display:none}sd-select .sd-select{position:relative;width:100%;height:100%}";const x=class{constructor(s){t(this,s),this.optionSelect=e(this,"sdOptionSelect",7)}type="default";options=[];value=null;emitValue=!1;useSearch=!1;useSelectAll=!1;triggerWidth="200px";maxWidth="640px";maxHeight="260px";searchKeyword="";isScrolled=!1;focusedIndex=-1;optionSelect;listEl;lastScrolledIndex=-1;keydownAttached=!1;suppressHover=!1;get isDepth(){return"default_depth"===this.type||"multi_depth"===this.type}get isMulti(){return"multi"===this.type||"multi_depth"===this.type}static SELECT_ALL_OPTION={value:"__select_all__",label:"전체"};get showSelectAll(){return this.useSelectAll&&this.isMulti&&this.getAllNonDisabledLeaves().length>0}getAllNonDisabledLeaves(){const t=e=>e.flatMap((e=>e.disabled?[]:e.children?t(e.children):[e]));return t(this.options)}get selectAllState(){if(!this.showSelectAll)return!1;const t=this.getAllNonDisabledLeaves();if(0===t.length)return!1;const e=this.getSelectedValues(),s=t.filter((t=>e.has(t.value))).length;return 0!==s&&(s===t.length||null)}get showSearch(){return!!this.useSearch&&(this.isDepth?h(this.options):this.options.length)>=o}get filteredOptions(){if(""===this.searchKeyword)return this.options;if(this.isDepth)return l(this.options,this.searchKeyword);const t=this.searchKeyword.toLowerCase();return this.options.filter((e=>(n(e.label)?c(e.label):e.label).toLowerCase().includes(t)))}get isEmpty(){return this.isDepth?0===h(this.filteredOptions)&&0===this.filteredOptions.length:0===this.filteredOptions.length}getSelectedValues(){return null!=this.value&&Array.isArray(this.value)?this.emitValue?new Set(this.value):new Set(this.value.map((t=>t.value))):new Set}isOptionSelected(t){return this.isMulti?this.getSelectedValues().has(t.value):this.emitValue||null==this.value||"object"!=typeof this.value||Array.isArray(this.value)?this.value===t.value:this.value.value===t.value}getGroupSelectionState(t){if(!this.isMulti||!t.children)return!1;const e=this.getSelectedValues();if(0===e.size)return!1;const s=this.collectVisibleLeaves(t);if(0===s.length)return!1;const i=s.filter((t=>e.has(t.value))).length;return 0!==i&&(i===s.length||null)}getCountInfo(t){if(!this.isMulti||!t.children)return;const e=this.getSelectedValues(),s=this.collectVisibleLeaves(t);return{selected:s.filter((t=>e.has(t.value))).length,total:s.length}}findOriginalOption(t,e){for(const s of e){if(s.value===t)return s;if(s.children){const e=this.findOriginalOption(t,s.children);if(e)return e}}}collectLeaves(t){return t.children?t.children.flatMap((t=>this.collectLeaves(t))):[t]}collectVisibleLeaves(t){if(t.disabled)return[];if(!t.children)return[t];if(0===t.children.length){const e=this.findOriginalOption(t.value,this.options);return e?this.collectLeaves(e).filter((t=>!t.disabled)):[]}return t.children.flatMap((t=>this.collectVisibleLeaves(t)))}get navigableOptions(){const t=[];this.showSelectAll&&t.push(x.SELECT_ALL_OPTION);const e=s=>{for(const i of s){const s=!!i.children;(!s||this.isMulti)&&!i.disabled&&t.push(i),s&&i.children&&i.children.length>0&&e(i.children)}};return e(this.filteredOptions),t}isSelectAllOption(t){return this.showSelectAll&&t.value===x.SELECT_ALL_OPTION.value}emitSelectAll(){if(!this.showSelectAll)return;const t=this.getAllNonDisabledLeaves();this.optionSelect.emit({option:{...x.SELECT_ALL_OPTION,children:t},leaves:t})}handleSelectAllClick=t=>{t.stopPropagation(),this.emitSelectAll()};isOptionFocused(t){if(this.focusedIndex<0)return!1;const e=this.navigableOptions[this.focusedIndex];return null!=e&&e.value===t.value}resetFocusOnFilter(){this.focusedIndex=this.navigableOptions.length>0?0:-1,this.suppressHover&&(document.removeEventListener("mousemove",this.releaseHoverSuppress,!0),this.suppressHover=!1)}handleSearchFilter=t=>{this.searchKeyword=t.detail};handleScroll=t=>{this.isScrolled=t.target.scrollTop>0};emitOptionSelect(t){this.optionSelect.emit({option:t,leaves:this.collectVisibleLeaves(t)})}handleOptionClick=t=>{t.stopPropagation(),this.emitOptionSelect(t.detail)};handleOptionHover=t=>{if(this.suppressHover)return;const e=this.navigableOptions.findIndex((e=>e.value===t.value));e>=0&&(this.focusedIndex=e)};releaseHoverSuppress=()=>{this.suppressHover=!1,document.removeEventListener("mousemove",this.releaseHoverSuppress,!0)};handleKeyDown=t=>{const e=this.navigableOptions;if("ArrowDown"===t.key){if(0===e.length)return;t.preventDefault(),t.stopPropagation(),this.focusedIndex=this.focusedIndex<0?0:(this.focusedIndex+1)%e.length,this.beginHoverSuppression()}else if("ArrowUp"===t.key){if(0===e.length)return;t.preventDefault(),t.stopPropagation(),this.focusedIndex=this.focusedIndex<=0?e.length-1:this.focusedIndex-1,this.beginHoverSuppression()}else if("Enter"===t.key){if(this.focusedIndex<0||this.focusedIndex>=e.length)return;t.preventDefault(),t.stopPropagation();const s=e[this.focusedIndex];this.isSelectAllOption(s)?this.emitSelectAll():this.emitOptionSelect(s)}};beginHoverSuppression(){this.suppressHover||(this.suppressHover=!0,document.addEventListener("mousemove",this.releaseHoverSuppress,!0))}scrollFocusedIntoView(){const t=this.listEl,e=t?.querySelector(".sd-select-list-item--focused");if(!t||!e)return;const s=t.getBoundingClientRect(),i=e.getBoundingClientRect();i.top<s.top?t.scrollTop+=i.top-s.top:i.bottom>s.bottom&&(t.scrollTop+=i.bottom-s.bottom)}connectedCallback(){this.keydownAttached||(document.addEventListener("keydown",this.handleKeyDown,!0),this.keydownAttached=!0)}disconnectedCallback(){this.keydownAttached&&(document.removeEventListener("keydown",this.handleKeyDown,!0),this.keydownAttached=!1),this.suppressHover&&(document.removeEventListener("mousemove",this.releaseHoverSuppress,!0),this.suppressHover=!1)}componentDidRender(){this.focusedIndex!==this.lastScrolledIndex&&(this.lastScrolledIndex=this.focusedIndex,this.focusedIndex>=0&&this.scrollFocusedIntoView())}renderOptions(t,e=1){return t.map((t=>{const s=!!t.children;return[i("sd-select-list-item",{option:t,depth:e,isSelected:s?this.getGroupSelectionState(t):this.isOptionSelected(t),isFocused:this.isOptionFocused(t),useCheckbox:this.isMulti,countInfo:this.getCountInfo(t),onSdListItemClick:this.handleOptionClick,onMouseEnter:()=>this.handleOptionHover(t)}),s&&t.children?this.renderOptions(t.children,e+1):null]}))}render(){return i("div",{key:"6c2cbad13f8aaa8c0552068c7cbc35a147bee77d",class:"sd-select-listbox",style:{"--listbox-trigger-width":this.triggerWidth??"200px","--listbox-max-width":this.maxWidth??"640px","--listbox-max-height":this.maxHeight??"260px","--listbox-radius":`${a.radius}px`}},this.showSearch&&i("sd-select-list-item-search",{key:"052d783e27e2458aa397c77fe891dad4a440f09e",isScrolled:this.isScrolled,onSdSearchFilter:this.handleSearchFilter}),i("div",{key:"bba95f3c4475d01a65562ba079c8666e3325195d",class:"sd-select-listbox__list",onScroll:this.handleScroll,ref:t=>{this.listEl=t}},this.showSelectAll&&i("sd-select-list-item",{key:"2f55bbacbed71952903599db0739773176ac55fd",option:x.SELECT_ALL_OPTION,depth:1,isSelected:this.selectAllState,isFocused:this.isOptionFocused(x.SELECT_ALL_OPTION),useCheckbox:!0,onSdListItemClick:this.handleSelectAllClick,onMouseEnter:()=>this.handleOptionHover(x.SELECT_ALL_OPTION)}),this.isEmpty?i("div",{class:"sd-select-listbox__empty"},d):this.isDepth?this.renderOptions(this.filteredOptions):this.filteredOptions.map((t=>i("sd-select-list-item",{option:t,depth:1,isSelected:this.isOptionSelected(t),isFocused:this.isOptionFocused(t),useCheckbox:this.isMulti,onSdListItemClick:this.handleOptionClick,onMouseEnter:()=>this.handleOptionHover(t)})))))}static get watchers(){return{searchKeyword:[{resetFocusOnFilter:0}]}}};x.style=":host{display:block}:host .sd-select-listbox{display:flex;flex-direction:column;width:var(--listbox-trigger-width);max-width:var(--listbox-max-width);max-height:var(--listbox-max-height);border-radius:var(--listbox-radius);background:white;box-shadow:2px 2px 12px 2px rgba(0, 0, 0, 0.1);overflow:hidden;outline:none}:host .sd-select-listbox__list{flex:1;min-height:0;overflow-y:auto;padding-bottom:0}:host .sd-select-listbox__empty{padding:12px;text-align:center;font-size:12px;line-height:20px;color:#888888}";const m=class{constructor(s){t(this,s),this.triggerClick=e(this,"sdTriggerClick",7),this.triggerFocus=e(this,"sdTriggerFocus",7),this.triggerBlur=e(this,"sdTriggerBlur",7)}displayText="";placeholder="선택";disabled=!1;isOpen=!1;triggerClick;triggerFocus;triggerBlur;triggerEl;async sdFocus(){this.disabled||this.triggerEl?.focus()}handleClick=()=>{this.disabled||this.triggerClick.emit()};handleFocus=()=>{this.triggerFocus.emit()};handleBlur=()=>{this.triggerBlur.emit()};render(){const t=""!==this.displayText;return i("div",{key:"b5a4f750c00889d0d9b985211063fc6b20bc2e38",ref:t=>{this.triggerEl=t},role:"button","aria-haspopup":"listbox","aria-expanded":this.isOpen?"true":"false",tabindex:this.disabled?-1:0,class:{"sd-select-trigger":!0,"sd-select-trigger--open":this.isOpen,"sd-select-trigger--disabled":this.disabled},style:{"--trigger-padding-x":`${p.paddingX}px`,"--trigger-gap":`${p.gap}px`,"--trigger-font-size":`${g.fontSize}px`,"--trigger-line-height":`${g.lineHeight}px`,"--trigger-font-weight":g.fontWeight,"--trigger-color":this.disabled?u.text.disabled:t?u.text.default:u.icon.default,"--trigger-icon-color":this.disabled?u.icon.disabled:u.icon.default},onClick:this.handleClick,onKeyDown:t=>{"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.handleClick())},onFocus:this.handleFocus,onBlur:this.handleBlur},i("div",{key:"be0b61c0550618602ef016504fa1672f7520fa93",class:"sd-select-trigger__content"},t&&n(this.displayText)?i("span",{class:"sd-select-trigger__text",ref:t=>t&&(t.innerHTML=f(this.displayText))}):i("span",{class:"sd-select-trigger__text"},t?this.displayText:this.placeholder??"선택"),i("sd-icon",{key:"9d60c3eeae54ce6ed9609534e3530d0349d1a3ff",name:"chevronDown",size:12,color:"var(--trigger-icon-color)",class:{"sd-select-trigger__icon":!0,"sd-select-trigger__icon--open":this.isOpen}})))}};m.style="sd-select-trigger{display:block;width:100%;height:100%}sd-select-trigger .sd-select-trigger{display:flex;width:100%;height:100%;cursor:pointer;user-select:none;overflow:hidden;border-radius:3px}sd-select-trigger .sd-select-trigger--disabled{cursor:not-allowed}sd-select-trigger .sd-select-trigger__content{display:flex;align-items:center;gap:var(--trigger-gap);flex:1;padding:0 var(--trigger-padding-x);min-width:0}sd-select-trigger .sd-select-trigger__text{flex:1;font-size:var(--trigger-font-size);line-height:var(--trigger-line-height);font-weight:var(--trigger-font-weight);color:var(--trigger-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}sd-select-trigger .sd-select-trigger__icon{flex-shrink:0;transition:transform 0.2s ease}sd-select-trigger .sd-select-trigger__icon--open{transform:rotate(180deg)}";export{b as sd_select,x as sd_select_listbox,m as sd_select_trigger}