@sellmate/design-system 1.0.10 → 1.0.11

package/dist/cjs/design-system.cjs.js

@@ -18,7 +18,7 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await index.globalScripts();
-  return index.bootstrapLazy(JSON.parse("[[\"sd-table.cjs\",[[772,\"sd-table\",{\"columns\":[16],\"rows\":[1040],\"selected\":[1040],\"rowKey\":[1,\"row-key\"],\"selectable\":[4],\"resizable\":[4],\"width\":[1],\"height\":[1],\"stickyHeader\":[4,\"sticky-header\"],\"stickyColumn\":[16],\"noDataLabel\":[1,\"no-data-label\"],\"isLoading\":[4,\"is-loading\"],\"pagination\":[16],\"headerCellRenderer\":[16],\"bodyCellRenderer\":[16],\"useInternalPagination\":[4,\"use-internal-pagination\"],\"useRowsPerPageSelect\":[4,\"use-rows-per-page-select\"],\"rowsPerPageOption\":[16],\"useVirtualScroll\":[16],\"virtualRowHeight\":[2,\"virtual-row-height\"],\"virtualColumnWidth\":[2,\"virtual-column-width\"],\"virtualBufferSize\":[16],\"currentPage\":[32],\"innerRows\":[32],\"innerSelected\":[32],\"columnWidths\":[32],\"scrolledLeft\":[32],\"scrolledRight\":[32],\"virtualStartIndex\":[32],\"virtualEndIndex\":[32],\"scrollTopPosition\":[32],\"virtualStartColIdx\":[32],\"virtualEndColIdx\":[32],\"scrollLeftPosition\":[32]},null,{\"columns\":[\"handleColumnsChange\"],\"columnWidths\":[\"handleColumnWidthsChange\"],\"rows\":[\"handleRowsChange\"],\"selected\":[\"handleSelectedChange\"],\"pagination\":[\"handlePaginationChange\"]}]]],[\"sd-select-multiple.cjs\",[[768,\"sd-select-multiple\",{\"value\":[1040],\"options\":[1040],\"placeholder\":[1],\"optionPlaceholder\":[1,\"option-placeholder\"],\"width\":[1],\"dropdownHeight\":[1,\"dropdown-height\"],\"autoFocus\":[4,\"auto-focus\"],\"disabled\":[4],\"clearable\":[4],\"searchable\":[4],\"useAll\":[4,\"use-all\"],\"useCheckbox\":[4,\"use-checkbox\"],\"label\":[1],\"useLabelRequired\":[4,\"use-label-required\"],\"labelTooltip\":[1,\"label-tooltip\"],\"labelTooltipProps\":[16],\"name\":[1],\"rules\":[16],\"error\":[4],\"optionRenderer\":[16],\"isOpen\":[32],\"itemIndex\":[32],\"isScrolled\":[32],\"sdOpen\":[64],\"sdValidate\":[64],\"sdReset\":[64],\"sdResetValidate\":[64],\"sdFocus\":[64]},null,{\"isOpen\":[\"isOpenChanged\"]}]]],[\"sd-select-multiple-group.cjs\",[[772,\"sd-select-multiple-group\",{\"value\":[1040],\"options\":[1040],\"placeholder\":[1],\"optionPlaceholder\":[1,\"option-placeholder\"],\"width\":[1],\"dropdownHeight\":[1,\"dropdown-height\"],\"disabled\":[4],\"clearable\":[4],\"searchable\":[4],\"useCheckbox\":[4,\"use-checkbox\"],\"useAll\":[4,\"use-all\"],\"allCheckedLabel\":[1,\"all-checked-label\"],\"allCheckOptionLabel\":[1,\"all-check-option-label\"],\"label\":[1],\"useLabelRequired\":[4,\"use-label-required\"],\"labelTooltip\":[1,\"label-tooltip\"],\"labelTooltipProps\":[16],\"name\":[1],\"rules\":[16],\"error\":[4],\"containerStyle\":[16],\"triggerStyle\":[16],\"dropdownStyle\":[16],\"optionStyle\":[16],\"labelStyle\":[16],\"optionRenderer\":[16],\"filteredOptions\":[32],\"isOpen\":[32],\"searchText\":[32],\"itemIndex\":[32],\"isScrolled\":[32],\"isDropdownReady\":[32],\"sdOpen\":[64],\"sdValidate\":[64],\"sdReset\":[64],\"sdResetValidate\":[64],\"sdFocus\":[64]},null,{\"value\":[\"valueChanged\"],\"options\":[\"optionsChanged\"],\"searchText\":[\"searchTextChanged\"],\"itemIndex\":[\"itemIndexChanged\"],\"isOpen\":[\"isOpenChanged\"]}]]],[\"sd-date-picker.cjs\",[[770,\"sd-date-picker\",{\"value\":[1537],\"label\":[1],\"selectable\":[16],\"disabled\":[4],\"placeholder\":[1],\"isOpen\":[32],\"currentDate\":[32],\"currentYear\":[32],\"currentMonth\":[32]}]]],[\"sd-date-range-picker.cjs\",[[770,\"sd-date-range-picker\",{\"value\":[1040],\"label\":[1],\"selectable\":[16],\"maxRange\":[2,\"max-range\"],\"disabled\":[4],\"placeholder\":[1],\"isOpen\":[32],\"dateRange\":[32],\"hoverDate\":[32],\"prevYear\":[32],\"prevMonth\":[32]},null,{\"value\":[\"onValueChange\"]}]]],[\"sd-guide.cjs\",[[768,\"sd-guide\",{\"type\":[1],\"label\":[1],\"message\":[1],\"guideUrl\":[1,\"guide-url\"],\"popupTitle\":[1,\"popup-title\"],\"popupWidth\":[2,\"popup-width\"],\"popupShow\":[32]}]]],[\"sd-popover.cjs\",[[768,\"sd-popover\",{\"show\":[1028],\"placement\":[513],\"color\":[513],\"icon\":[513],\"iconSize\":[514,\"icon-size\"],\"label\":[1],\"buttonSize\":[513,\"button-size\"],\"buttonVariant\":[513,\"button-variant\"],\"menuTitle\":[513,\"title\"],\"messages\":[16],\"buttons\":[16],\"menuClass\":[1,\"menu-class\"],\"noHover\":[4,\"no-hover\"],\"useClose\":[4,\"use-close\"],\"showPopover\":[32],\"slotContent\":[32]},null,{\"show\":[\"watchShowHandler\"]}]]],[\"sd-modal-card.cjs\",[[772,\"sd-modal-card\",{\"type\":[1],\"system\":[1],\"useCloseButton\":[4,\"use-close-button\"],\"modalTitle\":[1,\"modal-title\"],\"buttonFlexDirection\":[1,\"button-flex-direction\"],\"buttonProps\":[16],\"message\":[16],\"modalClass\":[1,\"modal-class\"]}]]],[\"sd-toast-message.cjs\",[[770,\"sd-toast-message\",{\"icon\":[1],\"message\":[1],\"link\":[1],\"linkLabel\":[1,\"link-label\"],\"buttonLabel\":[1,\"button-label\"],\"useClose\":[4,\"use-close\"],\"type\":[1],\"isVisible\":[32]}]]],[\"sd-file-picker.cjs\",[[768,\"sd-file-picker\",{\"value\":[1040],\"placeholder\":[1],\"disabled\":[4],\"inline\":[4],\"multiple\":[4],\"accept\":[1],\"internalValue\":[32],\"hovered\":[32],\"showTooltip\":[32]},null,{\"value\":[\"valueChanged\"]}]]],[\"sd-number-input.cjs\",[[768,\"sd-number-input\",{\"min\":[2],\"max\":[2],\"step\":[2],\"useButton\":[4,\"use-button\"],\"useDecimal\":[4,\"use-decimal\"],\"value\":[1032],\"label\":[1],\"placeholder\":[1],\"disabled\":[4],\"width\":[8],\"rules\":[16],\"autoFocus\":[4,\"auto-focus\"],\"status\":[1],\"inputClass\":[1,\"input-class\"],\"readonly\":[4],\"inputStyle\":[16],\"internalValue\":[32],\"displayValue\":[32],\"hovered\":[32],\"error\":[32],\"sdGetNativeElement\":[64]},null,{\"value\":[\"valueChanged\"],\"internalValue\":[\"internalValueChanged\"]}]]],[\"sd-select-option-group.cjs\",[[768,\"sd-select-option-group\",{\"option\":[16],\"index\":[2],\"isSelected\":[4,\"is-selected\"],\"isFocused\":[4,\"is-focused\"],\"optionStyle\":[16],\"disabled\":[4],\"useCheckbox\":[4,\"use-checkbox\"],\"useIndicator\":[4,\"use-indicator\"],\"countInfo\":[16],\"isHovered\":[32],\"isDisabled\":[64]}]]],[\"sd-radio.cjs\",[[768,\"sd-radio\",{\"value\":[1544],\"disabled\":[4],\"val\":[1],\"label\":[1]}]]],[\"sd-radio-group.cjs\",[[768,\"sd-radio-group\",{\"value\":[1544],\"radioOptions\":[1040],\"direction\":[1],\"disabled\":[4],\"groupName\":[1,\"group-name\"]},null,{\"value\":[\"valueChanged\"]}]]],[\"sd-tabs.cjs\",[[768,\"sd-tabs\",{\"value\":[1537],\"tabs\":[1040],\"size\":[1],\"isSub\":[4,\"is-sub\"]},null,{\"value\":[\"valueChanged\"]}]]],[\"sd-badge.cjs\",[[768,\"sd-badge\",{\"size\":[1],\"color\":[1],\"label\":[1]}]]],[\"sd-card.cjs\",[[772,\"sd-card\",{\"bordered\":[4],\"cardClassName\":[1,\"card-class-name\"]}]]],[\"sd-form.cjs\",[[260,\"sd-form\",{\"sdRegisterField\":[64],\"sdUnregisterField\":[64],\"sdValidate\":[64],\"sdReset\":[64],\"sdResetValidation\":[64]}]]],[\"sd-progress.cjs\",[[768,\"sd-progress\",{\"type\":[1],\"error\":[4],\"percentage\":[2],\"size\":[2],\"strokeWidth\":[2,\"stroke-width\"],\"label\":[1]}]]],[\"sd-radio-button-group.cjs\",[[768,\"sd-radio-button-group\",{\"value\":[1032],\"radioOptions\":[1040],\"size\":[1],\"disabled\":[4],\"name\":[1]}]]],[\"sd-toggle.cjs\",[[768,\"sd-toggle\",{\"value\":[1028],\"label\":[1],\"disabled\":[4]}]]],[\"sd-toggle-button.cjs\",[[768,\"sd-toggle-button\",{\"value\":[1540],\"label\":[1],\"disabled\":[4],\"isActive\":[32]}]]],[\"sd-tag.cjs\",[[769,\"sd-tag\",{\"size\":[1],\"color\":[1],\"rounded\":[4],\"label\":[1],\"bgColor\":[1,\"bg-color\"],\"textColor\":[1,\"text-color\"]}]]],[\"sd-button_6.cjs\",[[768,\"sd-textarea\",{\"value\":[1025],\"name\":[1],\"disabled\":[4],\"width\":[8],\"autoFocus\":[4,\"auto-focus\"],\"textareaClass\":[1,\"textarea-class\"],\"helpText\":[1,\"help-text\"],\"maxLength\":[2,\"max-length\"],\"placeholder\":[1],\"internalValue\":[32],\"focused\":[32],\"hovered\":[32],\"sdFocus\":[64],\"getNativeElement\":[64]},null,{\"value\":[\"valueChanged\"],\"internalValue\":[\"internalValueChanged\"]}],[768,\"sd-pagination\",{\"currentPage\":[2,\"current-page\"],\"lastPage\":[2,\"last-page\"],\"simple\":[4]}],[768,\"sd-tooltip\",{\"trigger\":[1],\"placement\":[1],\"color\":[1],\"type\":[1],\"icon\":[1],\"iconSize\":[2,\"icon-size\"],\"label\":[1],\"buttonSize\":[1,\"button-size\"],\"buttonVariant\":[1,\"button-variant\"],\"noHover\":[4,\"no-hover\"],\"useClose\":[4,\"use-close\"],\"showTooltip\":[32],\"slotContentHTML\":[32]}],[772,\"sd-floating-portal\",{\"to\":[1],\"parentRef\":[16],\"offset\":[16],\"zIndex\":[2,\"z-index\"],\"placement\":[1],\"open\":[4]},[[9,\"scroll\",\"updatePosition\"],[9,\"resize\",\"updatePosition\"],[9,\"mousedown\",\"handleMouseDown\"],[8,\"click\",\"handleWindowClick\"]]],[768,\"sd-button\",{\"variant\":[1],\"size\":[1],\"color\":[1],\"label\":[1],\"disabled\":[4],\"type\":[1],\"icon\":[1],\"iconColor\":[1,\"icon-color\"],\"iconSize\":[2,\"icon-size\"],\"iconRight\":[1,\"icon-right\"],\"noHover\":[4,\"no-hover\"],\"class\":[1]}],[768,\"sd-icon\",{\"name\":[1],\"size\":[8],\"color\":[1],\"rotate\":[2],\"label\":[1],\"iconStyle\":[16]}]]],[\"sd-checkbox.cjs\",[[768,\"sd-checkbox\",{\"value\":[1028],\"val\":[8],\"disabled\":[4],\"label\":[1],\"isChecked\":[32]},null,{\"value\":[\"watchValueHandler\"]}]]],[\"sd-input_2.cjs\",[[772,\"sd-portal\",{\"to\":[1],\"parentRef\":[16],\"offset\":[16],\"zIndex\":[2,\"z-index\"],\"open\":[4]},[[9,\"scroll\",\"updatePosition\"],[9,\"resize\",\"updatePosition\"],[9,\"mousedown\",\"handleMouseDown\"],[8,\"click\",\"handleWindowClick\"]]],[772,\"sd-input\",{\"value\":[1032],\"type\":[1],\"insideLabel\":[4,\"inside-label\"],\"placeholder\":[1],\"disabled\":[4],\"clearable\":[4],\"width\":[8],\"barcode\":[4],\"rules\":[16],\"autoFocus\":[4,\"auto-focus\"],\"status\":[1],\"inputClass\":[1,\"input-class\"],\"readonly\":[4],\"error\":[1028],\"focused\":[1028],\"hovered\":[1028],\"label\":[1],\"useLabelRequired\":[4,\"use-label-required\"],\"labelTooltip\":[1,\"label-tooltip\"],\"labelTooltipProps\":[16],\"inputStyle\":[16],\"internalValue\":[32],\"errorMsg\":[32],\"sdGetNativeElement\":[64],\"sdValidate\":[64],\"sdReset\":[64],\"sdResetValidate\":[64],\"sdFocus\":[64],\"sdResetValidation\":[64]},null,{\"value\":[\"valueChanged\"],\"internalValue\":[\"internalValueChanged\"]}]]],[\"sd-loading-spinner_2.cjs\",[[768,\"sd-select\",{\"value\":[1032],\"options\":[1040],\"placeholder\":[1],\"optionPlaceholder\":[1,\"option-placeholder\"],\"width\":[1],\"dropdownHeight\":[1,\"dropdown-height\"],\"autoFocus\":[4,\"auto-focus\"],\"disabled\":[4],\"clearable\":[4],\"searchable\":[4],\"label\":[1],\"insideLabel\":[4,\"inside-label\"],\"useLabelRequired\":[4,\"use-label-required\"],\"labelTooltip\":[1,\"label-tooltip\"],\"labelTooltipProps\":[16],\"rules\":[16],\"error\":[4],\"optionRenderer\":[16],\"isOpen\":[32],\"itemIndex\":[32],\"isScrolled\":[32],\"sdOpen\":[64],\"sdValidate\":[64],\"sdReset\":[64],\"sdResetValidate\":[64],\"sdFocus\":[64]},null,{\"isOpen\":[\"isOpenChanged\"]}],[768,\"sd-loading-spinner\",{\"color\":[1]}]]],[\"sd-date-box.cjs\",[[770,\"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-field_4.cjs\",[[772,\"sd-select-dropdown\",{\"itemIndex\":[1026,\"item-index\"],\"value\":[8],\"options\":[16],\"width\":[1],\"dropdownHeight\":[1,\"dropdown-height\"],\"searchable\":[4],\"optionPlaceholder\":[1,\"option-placeholder\"],\"useCheckbox\":[4,\"use-checkbox\"],\"useAll\":[4,\"use-all\"],\"filteredOptions\":[32],\"searchText\":[32],\"isScrolled\":[32],\"isDropdownReady\":[32]},null,{\"filteredOptions\":[\"filteredOptionsChanged\"],\"searchText\":[\"searchTextChanged\"],\"itemIndex\":[\"itemIndexChanged\"]}],[772,\"sd-field\",{\"name\":[1],\"rules\":[16],\"error\":[1028],\"disabled\":[1028],\"hovered\":[1028],\"focused\":[1028],\"status\":[1],\"label\":[1],\"insideLabel\":[4,\"inside-label\"],\"useLabelRequired\":[4,\"use-label-required\"],\"labelTooltip\":[1,\"label-tooltip\"],\"labelTooltipProps\":[16],\"errorMsg\":[32],\"sdValidate\":[64],\"sdReset\":[64],\"sdResetValidation\":[64],\"sdFocus\":[64]}],[768,\"sd-select-option\",{\"option\":[16],\"index\":[2],\"isSelected\":[4,\"is-selected\"],\"isFocused\":[4,\"is-focused\"],\"optionStyle\":[16],\"disabled\":[4],\"useCheckbox\":[4,\"use-checkbox\"],\"isHovered\":[32],\"sdIsDisabled\":[64]}],[768,\"sd-select-search-input\",{\"isScrolled\":[4,\"is-scrolled\"],\"searchText\":[1,\"search-text\"],\"sdGetNativeElement\":[64],\"sdSearchInputFocus\":[64]}]]]]"), options);
+  return index.bootstrapLazy(JSON.parse("[[\"sd-table.cjs\",[[772,\"sd-table\",{\"columns\":[16],\"rows\":[1040],\"selected\":[1040],\"rowKey\":[1,\"row-key\"],\"selectable\":[4],\"resizable\":[4],\"width\":[1],\"height\":[1],\"stickyHeader\":[4,\"sticky-header\"],\"stickyColumn\":[16],\"noDataLabel\":[1,\"no-data-label\"],\"isLoading\":[4,\"is-loading\"],\"pagination\":[16],\"headerCellRenderer\":[16],\"bodyCellRenderer\":[16],\"useInternalPagination\":[4,\"use-internal-pagination\"],\"useRowsPerPageSelect\":[4,\"use-rows-per-page-select\"],\"rowsPerPageOption\":[16],\"useVirtualScroll\":[16],\"virtualRowHeight\":[2,\"virtual-row-height\"],\"virtualColumnWidth\":[2,\"virtual-column-width\"],\"virtualBufferSize\":[16],\"currentPage\":[32],\"innerRows\":[32],\"innerSelected\":[32],\"columnWidths\":[32],\"scrolledLeft\":[32],\"scrolledRight\":[32],\"virtualStartIndex\":[32],\"virtualEndIndex\":[32],\"scrollTopPosition\":[32],\"virtualStartColIdx\":[32],\"virtualEndColIdx\":[32],\"scrollLeftPosition\":[32]},null,{\"columns\":[\"handleColumnsChange\"],\"columnWidths\":[\"handleColumnWidthsChange\"],\"rows\":[\"handleRowsChange\"],\"selected\":[\"handleSelectedChange\"],\"pagination\":[\"handlePaginationChange\"]}]]],[\"sd-select-multiple.cjs\",[[768,\"sd-select-multiple\",{\"value\":[1040],\"options\":[1040],\"placeholder\":[1],\"optionPlaceholder\":[1,\"option-placeholder\"],\"width\":[1],\"dropdownHeight\":[1,\"dropdown-height\"],\"autoFocus\":[4,\"auto-focus\"],\"disabled\":[4],\"clearable\":[4],\"searchable\":[4],\"useAll\":[4,\"use-all\"],\"useCheckbox\":[4,\"use-checkbox\"],\"label\":[1],\"useLabelRequired\":[4,\"use-label-required\"],\"labelTooltip\":[1,\"label-tooltip\"],\"labelTooltipProps\":[16],\"name\":[1],\"rules\":[16],\"error\":[4],\"optionRenderer\":[16],\"isOpen\":[32],\"itemIndex\":[32],\"isScrolled\":[32],\"sdOpen\":[64],\"sdValidate\":[64],\"sdReset\":[64],\"sdResetValidate\":[64],\"sdFocus\":[64]},null,{\"isOpen\":[\"isOpenChanged\"]}]]],[\"sd-select-multiple-group.cjs\",[[772,\"sd-select-multiple-group\",{\"value\":[1040],\"options\":[1040],\"placeholder\":[1],\"optionPlaceholder\":[1,\"option-placeholder\"],\"width\":[1],\"dropdownHeight\":[1,\"dropdown-height\"],\"disabled\":[4],\"clearable\":[4],\"searchable\":[4],\"useCheckbox\":[4,\"use-checkbox\"],\"useAll\":[4,\"use-all\"],\"allCheckedLabel\":[1,\"all-checked-label\"],\"allCheckOptionLabel\":[1,\"all-check-option-label\"],\"label\":[1],\"useLabelRequired\":[4,\"use-label-required\"],\"labelTooltip\":[1,\"label-tooltip\"],\"labelTooltipProps\":[16],\"name\":[1],\"rules\":[16],\"error\":[4],\"containerStyle\":[16],\"triggerStyle\":[16],\"dropdownStyle\":[16],\"optionStyle\":[16],\"labelStyle\":[16],\"optionRenderer\":[16],\"filteredOptions\":[32],\"isOpen\":[32],\"searchText\":[32],\"itemIndex\":[32],\"isScrolled\":[32],\"isDropdownReady\":[32],\"sdOpen\":[64],\"sdValidate\":[64],\"sdReset\":[64],\"sdResetValidate\":[64],\"sdFocus\":[64]},null,{\"value\":[\"valueChanged\"],\"options\":[\"optionsChanged\"],\"searchText\":[\"searchTextChanged\"],\"itemIndex\":[\"itemIndexChanged\"],\"isOpen\":[\"isOpenChanged\"]}]]],[\"sd-date-picker.cjs\",[[770,\"sd-date-picker\",{\"value\":[1537],\"label\":[1],\"selectable\":[16],\"disabled\":[4],\"placeholder\":[1],\"isOpen\":[32],\"currentDate\":[32],\"currentYear\":[32],\"currentMonth\":[32]}]]],[\"sd-date-range-picker.cjs\",[[770,\"sd-date-range-picker\",{\"value\":[1040],\"label\":[1],\"selectable\":[16],\"maxRange\":[2,\"max-range\"],\"disabled\":[4],\"placeholder\":[1],\"isOpen\":[32],\"dateRange\":[32],\"hoverDate\":[32],\"prevYear\":[32],\"prevMonth\":[32]},null,{\"value\":[\"onValueChange\"]}]]],[\"sd-guide.cjs\",[[768,\"sd-guide\",{\"type\":[1],\"label\":[1],\"message\":[1],\"guideUrl\":[1,\"guide-url\"],\"popupTitle\":[1,\"popup-title\"],\"popupWidth\":[2,\"popup-width\"],\"popupShow\":[32]}]]],[\"sd-popover.cjs\",[[768,\"sd-popover\",{\"show\":[1028],\"placement\":[513],\"color\":[513],\"icon\":[513],\"iconSize\":[514,\"icon-size\"],\"label\":[1],\"buttonSize\":[513,\"button-size\"],\"buttonVariant\":[513,\"button-variant\"],\"menuTitle\":[513,\"title\"],\"messages\":[16],\"buttons\":[16],\"menuClass\":[1,\"menu-class\"],\"noHover\":[4,\"no-hover\"],\"useClose\":[4,\"use-close\"],\"showPopover\":[32],\"slotContent\":[32]},null,{\"show\":[\"watchShowHandler\"]}]]],[\"sd-modal-card.cjs\",[[772,\"sd-modal-card\",{\"type\":[1],\"system\":[1],\"useCloseButton\":[4,\"use-close-button\"],\"modalTitle\":[1,\"modal-title\"],\"buttonFlexDirection\":[1,\"button-flex-direction\"],\"buttonProps\":[16],\"message\":[16],\"modalClass\":[1,\"modal-class\"]}]]],[\"sd-toast-message.cjs\",[[770,\"sd-toast-message\",{\"icon\":[1],\"message\":[1],\"link\":[1],\"linkLabel\":[1,\"link-label\"],\"buttonLabel\":[1,\"button-label\"],\"useClose\":[4,\"use-close\"],\"type\":[1],\"isVisible\":[32]}]]],[\"sd-file-picker.cjs\",[[768,\"sd-file-picker\",{\"value\":[1040],\"placeholder\":[1],\"disabled\":[4],\"inline\":[4],\"multiple\":[4],\"accept\":[1],\"internalValue\":[32],\"hovered\":[32],\"showTooltip\":[32]},null,{\"value\":[\"valueChanged\"]}]]],[\"sd-number-input.cjs\",[[768,\"sd-number-input\",{\"min\":[2],\"max\":[2],\"step\":[2],\"useButton\":[4,\"use-button\"],\"useDecimal\":[4,\"use-decimal\"],\"value\":[1032],\"label\":[1],\"placeholder\":[1],\"disabled\":[4],\"width\":[8],\"rules\":[16],\"autoFocus\":[4,\"auto-focus\"],\"status\":[1],\"inputClass\":[1,\"input-class\"],\"readonly\":[4],\"inputStyle\":[16],\"internalValue\":[32],\"displayValue\":[32],\"hovered\":[32],\"error\":[32],\"sdGetNativeElement\":[64]},null,{\"value\":[\"valueChanged\"],\"internalValue\":[\"internalValueChanged\"]}]]],[\"sd-select-option-group.cjs\",[[768,\"sd-select-option-group\",{\"option\":[16],\"index\":[2],\"isSelected\":[4,\"is-selected\"],\"isFocused\":[4,\"is-focused\"],\"optionStyle\":[16],\"disabled\":[4],\"useCheckbox\":[4,\"use-checkbox\"],\"useIndicator\":[4,\"use-indicator\"],\"countInfo\":[16],\"isHovered\":[32],\"isDisabled\":[64]}]]],[\"sd-radio.cjs\",[[768,\"sd-radio\",{\"value\":[1544],\"disabled\":[4],\"val\":[1],\"label\":[1]}]]],[\"sd-radio-group.cjs\",[[768,\"sd-radio-group\",{\"value\":[1544],\"radioOptions\":[1040],\"direction\":[1],\"disabled\":[4],\"groupName\":[1,\"group-name\"]},null,{\"value\":[\"valueChanged\"]}]]],[\"sd-tabs.cjs\",[[768,\"sd-tabs\",{\"value\":[1537],\"tabs\":[1040],\"size\":[1],\"isSub\":[4,\"is-sub\"]},null,{\"value\":[\"valueChanged\"]}]]],[\"sd-badge.cjs\",[[768,\"sd-badge\",{\"size\":[1],\"color\":[1],\"label\":[1]}]]],[\"sd-card.cjs\",[[772,\"sd-card\",{\"bordered\":[4],\"cardClassName\":[1,\"card-class-name\"]}]]],[\"sd-form.cjs\",[[260,\"sd-form\",{\"sdRegisterField\":[64],\"sdUnregisterField\":[64],\"sdValidate\":[64],\"sdReset\":[64],\"sdResetValidation\":[64]}]]],[\"sd-progress.cjs\",[[768,\"sd-progress\",{\"type\":[1],\"error\":[4],\"percentage\":[2],\"size\":[2],\"strokeWidth\":[2,\"stroke-width\"],\"label\":[1]}]]],[\"sd-radio-button-group.cjs\",[[768,\"sd-radio-button-group\",{\"value\":[1032],\"radioOptions\":[1040],\"size\":[1],\"disabled\":[4],\"name\":[1]}]]],[\"sd-toggle.cjs\",[[768,\"sd-toggle\",{\"value\":[1028],\"label\":[1],\"disabled\":[4]}]]],[\"sd-toggle-button.cjs\",[[768,\"sd-toggle-button\",{\"value\":[1540],\"label\":[1],\"disabled\":[4],\"isActive\":[32]}]]],[\"sd-tag.cjs\",[[769,\"sd-tag\",{\"size\":[1],\"color\":[1],\"rounded\":[4],\"label\":[1],\"bgColor\":[1,\"bg-color\"],\"textColor\":[1,\"text-color\"]}]]],[\"sd-button_6.cjs\",[[768,\"sd-textarea\",{\"value\":[1025],\"name\":[1],\"disabled\":[4],\"width\":[8],\"autoFocus\":[4,\"auto-focus\"],\"textareaClass\":[1,\"textarea-class\"],\"helpText\":[1,\"help-text\"],\"maxLength\":[2,\"max-length\"],\"placeholder\":[1],\"internalValue\":[32],\"focused\":[32],\"hovered\":[32],\"sdFocus\":[64],\"getNativeElement\":[64]},null,{\"value\":[\"valueChanged\"],\"internalValue\":[\"internalValueChanged\"]}],[768,\"sd-pagination\",{\"currentPage\":[2,\"current-page\"],\"lastPage\":[2,\"last-page\"],\"simple\":[4]}],[768,\"sd-tooltip\",{\"trigger\":[1],\"placement\":[1],\"color\":[1],\"type\":[1],\"icon\":[1],\"iconSize\":[2,\"icon-size\"],\"label\":[1],\"buttonSize\":[1,\"button-size\"],\"buttonVariant\":[1,\"button-variant\"],\"noHover\":[4,\"no-hover\"],\"useClose\":[4,\"use-close\"],\"showTooltip\":[32],\"slotContentHTML\":[32]}],[772,\"sd-floating-portal\",{\"to\":[1],\"parentRef\":[16],\"offset\":[16],\"zIndex\":[2,\"z-index\"],\"placement\":[1],\"open\":[4]},[[9,\"scroll\",\"updatePosition\"],[9,\"resize\",\"updatePosition\"],[9,\"mousedown\",\"handleMouseDown\"],[8,\"click\",\"handleWindowClick\"]]],[768,\"sd-button\",{\"variant\":[1],\"size\":[1],\"color\":[1],\"label\":[1],\"disabled\":[4],\"type\":[1],\"icon\":[1],\"iconColor\":[1,\"icon-color\"],\"iconSize\":[2,\"icon-size\"],\"iconRight\":[1,\"icon-right\"],\"noHover\":[4,\"no-hover\"],\"class\":[1]}],[768,\"sd-icon\",{\"name\":[1],\"size\":[8],\"color\":[1],\"rotate\":[2],\"label\":[1],\"iconStyle\":[16]}]]],[\"sd-checkbox.cjs\",[[768,\"sd-checkbox\",{\"value\":[1028],\"val\":[8],\"disabled\":[4],\"label\":[1],\"isChecked\":[32]},null,{\"value\":[\"watchValueHandler\"]}]]],[\"sd-field_3.cjs\",[[772,\"sd-portal\",{\"to\":[1],\"parentRef\":[16],\"offset\":[16],\"zIndex\":[2,\"z-index\"],\"open\":[4]},[[9,\"scroll\",\"updatePosition\"],[9,\"resize\",\"updatePosition\"],[9,\"mousedown\",\"handleMouseDown\"],[8,\"click\",\"handleWindowClick\"]]],[772,\"sd-input\",{\"value\":[1032],\"type\":[1],\"insideLabel\":[4,\"inside-label\"],\"placeholder\":[1],\"disabled\":[4],\"clearable\":[4],\"width\":[8],\"barcode\":[4],\"rules\":[16],\"autoFocus\":[4,\"auto-focus\"],\"status\":[1],\"inputClass\":[1,\"input-class\"],\"readonly\":[4],\"error\":[1028],\"focused\":[1028],\"hovered\":[1028],\"label\":[1],\"useLabelRequired\":[4,\"use-label-required\"],\"labelTooltip\":[1,\"label-tooltip\"],\"labelTooltipProps\":[16],\"inputStyle\":[16],\"internalValue\":[32],\"sdGetNativeElement\":[64],\"sdValidate\":[64],\"sdReset\":[64],\"sdResetValidate\":[64],\"sdFocus\":[64]},null,{\"value\":[\"valueChanged\"],\"internalValue\":[\"internalValueChanged\"]}],[772,\"sd-field\",{\"name\":[1],\"rules\":[16],\"error\":[1028],\"disabled\":[1028],\"hovered\":[1028],\"focused\":[1028],\"status\":[1],\"label\":[1],\"insideLabel\":[4,\"inside-label\"],\"useLabelRequired\":[4,\"use-label-required\"],\"labelTooltip\":[1,\"label-tooltip\"],\"labelTooltipProps\":[16],\"errorMsg\":[32],\"sdValidate\":[64],\"sdReset\":[64],\"sdResetValidation\":[64],\"sdFocus\":[64]}]]],[\"sd-loading-spinner_2.cjs\",[[768,\"sd-select\",{\"value\":[1032],\"options\":[1040],\"placeholder\":[1],\"optionPlaceholder\":[1,\"option-placeholder\"],\"width\":[1],\"dropdownHeight\":[1,\"dropdown-height\"],\"autoFocus\":[4,\"auto-focus\"],\"disabled\":[4],\"clearable\":[4],\"searchable\":[4],\"label\":[1],\"insideLabel\":[4,\"inside-label\"],\"useLabelRequired\":[4,\"use-label-required\"],\"labelTooltip\":[1,\"label-tooltip\"],\"labelTooltipProps\":[16],\"rules\":[16],\"error\":[4],\"optionRenderer\":[16],\"isOpen\":[32],\"itemIndex\":[32],\"isScrolled\":[32],\"sdOpen\":[64],\"sdValidate\":[64],\"sdReset\":[64],\"sdResetValidate\":[64],\"sdFocus\":[64]},null,{\"isOpen\":[\"isOpenChanged\"]}],[768,\"sd-loading-spinner\",{\"color\":[1]}]]],[\"sd-date-box.cjs\",[[770,\"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-select-dropdown_3.cjs\",[[772,\"sd-select-dropdown\",{\"itemIndex\":[1026,\"item-index\"],\"value\":[8],\"options\":[16],\"width\":[1],\"dropdownHeight\":[1,\"dropdown-height\"],\"searchable\":[4],\"optionPlaceholder\":[1,\"option-placeholder\"],\"useCheckbox\":[4,\"use-checkbox\"],\"useAll\":[4,\"use-all\"],\"filteredOptions\":[32],\"searchText\":[32],\"isScrolled\":[32],\"isDropdownReady\":[32]},null,{\"filteredOptions\":[\"filteredOptionsChanged\"],\"searchText\":[\"searchTextChanged\"],\"itemIndex\":[\"itemIndexChanged\"]}],[768,\"sd-select-option\",{\"option\":[16],\"index\":[2],\"isSelected\":[4,\"is-selected\"],\"isFocused\":[4,\"is-focused\"],\"optionStyle\":[16],\"disabled\":[4],\"useCheckbox\":[4,\"use-checkbox\"],\"isHovered\":[32],\"sdIsDisabled\":[64]}],[768,\"sd-select-search-input\",{\"isScrolled\":[4,\"is-scrolled\"],\"searchText\":[1,\"search-text\"],\"sdGetNativeElement\":[64],\"sdSearchInputFocus\":[64]}]]]]"), options);
 });
 
 exports.setNonce = index.setNonce;

package/dist/cjs/loader.cjs.js

@@ -5,7 +5,7 @@ var index = require('./index-D_J8ScR5.js');
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await index.globalScripts();
-  return index.bootstrapLazy(JSON.parse("[[\"sd-table.cjs\",[[772,\"sd-table\",{\"columns\":[16],\"rows\":[1040],\"selected\":[1040],\"rowKey\":[1,\"row-key\"],\"selectable\":[4],\"resizable\":[4],\"width\":[1],\"height\":[1],\"stickyHeader\":[4,\"sticky-header\"],\"stickyColumn\":[16],\"noDataLabel\":[1,\"no-data-label\"],\"isLoading\":[4,\"is-loading\"],\"pagination\":[16],\"headerCellRenderer\":[16],\"bodyCellRenderer\":[16],\"useInternalPagination\":[4,\"use-internal-pagination\"],\"useRowsPerPageSelect\":[4,\"use-rows-per-page-select\"],\"rowsPerPageOption\":[16],\"useVirtualScroll\":[16],\"virtualRowHeight\":[2,\"virtual-row-height\"],\"virtualColumnWidth\":[2,\"virtual-column-width\"],\"virtualBufferSize\":[16],\"currentPage\":[32],\"innerRows\":[32],\"innerSelected\":[32],\"columnWidths\":[32],\"scrolledLeft\":[32],\"scrolledRight\":[32],\"virtualStartIndex\":[32],\"virtualEndIndex\":[32],\"scrollTopPosition\":[32],\"virtualStartColIdx\":[32],\"virtualEndColIdx\":[32],\"scrollLeftPosition\":[32]},null,{\"columns\":[\"handleColumnsChange\"],\"columnWidths\":[\"handleColumnWidthsChange\"],\"rows\":[\"handleRowsChange\"],\"selected\":[\"handleSelectedChange\"],\"pagination\":[\"handlePaginationChange\"]}]]],[\"sd-select-multiple.cjs\",[[768,\"sd-select-multiple\",{\"value\":[1040],\"options\":[1040],\"placeholder\":[1],\"optionPlaceholder\":[1,\"option-placeholder\"],\"width\":[1],\"dropdownHeight\":[1,\"dropdown-height\"],\"autoFocus\":[4,\"auto-focus\"],\"disabled\":[4],\"clearable\":[4],\"searchable\":[4],\"useAll\":[4,\"use-all\"],\"useCheckbox\":[4,\"use-checkbox\"],\"label\":[1],\"useLabelRequired\":[4,\"use-label-required\"],\"labelTooltip\":[1,\"label-tooltip\"],\"labelTooltipProps\":[16],\"name\":[1],\"rules\":[16],\"error\":[4],\"optionRenderer\":[16],\"isOpen\":[32],\"itemIndex\":[32],\"isScrolled\":[32],\"sdOpen\":[64],\"sdValidate\":[64],\"sdReset\":[64],\"sdResetValidate\":[64],\"sdFocus\":[64]},null,{\"isOpen\":[\"isOpenChanged\"]}]]],[\"sd-select-multiple-group.cjs\",[[772,\"sd-select-multiple-group\",{\"value\":[1040],\"options\":[1040],\"placeholder\":[1],\"optionPlaceholder\":[1,\"option-placeholder\"],\"width\":[1],\"dropdownHeight\":[1,\"dropdown-height\"],\"disabled\":[4],\"clearable\":[4],\"searchable\":[4],\"useCheckbox\":[4,\"use-checkbox\"],\"useAll\":[4,\"use-all\"],\"allCheckedLabel\":[1,\"all-checked-label\"],\"allCheckOptionLabel\":[1,\"all-check-option-label\"],\"label\":[1],\"useLabelRequired\":[4,\"use-label-required\"],\"labelTooltip\":[1,\"label-tooltip\"],\"labelTooltipProps\":[16],\"name\":[1],\"rules\":[16],\"error\":[4],\"containerStyle\":[16],\"triggerStyle\":[16],\"dropdownStyle\":[16],\"optionStyle\":[16],\"labelStyle\":[16],\"optionRenderer\":[16],\"filteredOptions\":[32],\"isOpen\":[32],\"searchText\":[32],\"itemIndex\":[32],\"isScrolled\":[32],\"isDropdownReady\":[32],\"sdOpen\":[64],\"sdValidate\":[64],\"sdReset\":[64],\"sdResetValidate\":[64],\"sdFocus\":[64]},null,{\"value\":[\"valueChanged\"],\"options\":[\"optionsChanged\"],\"searchText\":[\"searchTextChanged\"],\"itemIndex\":[\"itemIndexChanged\"],\"isOpen\":[\"isOpenChanged\"]}]]],[\"sd-date-picker.cjs\",[[770,\"sd-date-picker\",{\"value\":[1537],\"label\":[1],\"selectable\":[16],\"disabled\":[4],\"placeholder\":[1],\"isOpen\":[32],\"currentDate\":[32],\"currentYear\":[32],\"currentMonth\":[32]}]]],[\"sd-date-range-picker.cjs\",[[770,\"sd-date-range-picker\",{\"value\":[1040],\"label\":[1],\"selectable\":[16],\"maxRange\":[2,\"max-range\"],\"disabled\":[4],\"placeholder\":[1],\"isOpen\":[32],\"dateRange\":[32],\"hoverDate\":[32],\"prevYear\":[32],\"prevMonth\":[32]},null,{\"value\":[\"onValueChange\"]}]]],[\"sd-guide.cjs\",[[768,\"sd-guide\",{\"type\":[1],\"label\":[1],\"message\":[1],\"guideUrl\":[1,\"guide-url\"],\"popupTitle\":[1,\"popup-title\"],\"popupWidth\":[2,\"popup-width\"],\"popupShow\":[32]}]]],[\"sd-popover.cjs\",[[768,\"sd-popover\",{\"show\":[1028],\"placement\":[513],\"color\":[513],\"icon\":[513],\"iconSize\":[514,\"icon-size\"],\"label\":[1],\"buttonSize\":[513,\"button-size\"],\"buttonVariant\":[513,\"button-variant\"],\"menuTitle\":[513,\"title\"],\"messages\":[16],\"buttons\":[16],\"menuClass\":[1,\"menu-class\"],\"noHover\":[4,\"no-hover\"],\"useClose\":[4,\"use-close\"],\"showPopover\":[32],\"slotContent\":[32]},null,{\"show\":[\"watchShowHandler\"]}]]],[\"sd-modal-card.cjs\",[[772,\"sd-modal-card\",{\"type\":[1],\"system\":[1],\"useCloseButton\":[4,\"use-close-button\"],\"modalTitle\":[1,\"modal-title\"],\"buttonFlexDirection\":[1,\"button-flex-direction\"],\"buttonProps\":[16],\"message\":[16],\"modalClass\":[1,\"modal-class\"]}]]],[\"sd-toast-message.cjs\",[[770,\"sd-toast-message\",{\"icon\":[1],\"message\":[1],\"link\":[1],\"linkLabel\":[1,\"link-label\"],\"buttonLabel\":[1,\"button-label\"],\"useClose\":[4,\"use-close\"],\"type\":[1],\"isVisible\":[32]}]]],[\"sd-file-picker.cjs\",[[768,\"sd-file-picker\",{\"value\":[1040],\"placeholder\":[1],\"disabled\":[4],\"inline\":[4],\"multiple\":[4],\"accept\":[1],\"internalValue\":[32],\"hovered\":[32],\"showTooltip\":[32]},null,{\"value\":[\"valueChanged\"]}]]],[\"sd-number-input.cjs\",[[768,\"sd-number-input\",{\"min\":[2],\"max\":[2],\"step\":[2],\"useButton\":[4,\"use-button\"],\"useDecimal\":[4,\"use-decimal\"],\"value\":[1032],\"label\":[1],\"placeholder\":[1],\"disabled\":[4],\"width\":[8],\"rules\":[16],\"autoFocus\":[4,\"auto-focus\"],\"status\":[1],\"inputClass\":[1,\"input-class\"],\"readonly\":[4],\"inputStyle\":[16],\"internalValue\":[32],\"displayValue\":[32],\"hovered\":[32],\"error\":[32],\"sdGetNativeElement\":[64]},null,{\"value\":[\"valueChanged\"],\"internalValue\":[\"internalValueChanged\"]}]]],[\"sd-select-option-group.cjs\",[[768,\"sd-select-option-group\",{\"option\":[16],\"index\":[2],\"isSelected\":[4,\"is-selected\"],\"isFocused\":[4,\"is-focused\"],\"optionStyle\":[16],\"disabled\":[4],\"useCheckbox\":[4,\"use-checkbox\"],\"useIndicator\":[4,\"use-indicator\"],\"countInfo\":[16],\"isHovered\":[32],\"isDisabled\":[64]}]]],[\"sd-radio.cjs\",[[768,\"sd-radio\",{\"value\":[1544],\"disabled\":[4],\"val\":[1],\"label\":[1]}]]],[\"sd-radio-group.cjs\",[[768,\"sd-radio-group\",{\"value\":[1544],\"radioOptions\":[1040],\"direction\":[1],\"disabled\":[4],\"groupName\":[1,\"group-name\"]},null,{\"value\":[\"valueChanged\"]}]]],[\"sd-tabs.cjs\",[[768,\"sd-tabs\",{\"value\":[1537],\"tabs\":[1040],\"size\":[1],\"isSub\":[4,\"is-sub\"]},null,{\"value\":[\"valueChanged\"]}]]],[\"sd-badge.cjs\",[[768,\"sd-badge\",{\"size\":[1],\"color\":[1],\"label\":[1]}]]],[\"sd-card.cjs\",[[772,\"sd-card\",{\"bordered\":[4],\"cardClassName\":[1,\"card-class-name\"]}]]],[\"sd-form.cjs\",[[260,\"sd-form\",{\"sdRegisterField\":[64],\"sdUnregisterField\":[64],\"sdValidate\":[64],\"sdReset\":[64],\"sdResetValidation\":[64]}]]],[\"sd-progress.cjs\",[[768,\"sd-progress\",{\"type\":[1],\"error\":[4],\"percentage\":[2],\"size\":[2],\"strokeWidth\":[2,\"stroke-width\"],\"label\":[1]}]]],[\"sd-radio-button-group.cjs\",[[768,\"sd-radio-button-group\",{\"value\":[1032],\"radioOptions\":[1040],\"size\":[1],\"disabled\":[4],\"name\":[1]}]]],[\"sd-toggle.cjs\",[[768,\"sd-toggle\",{\"value\":[1028],\"label\":[1],\"disabled\":[4]}]]],[\"sd-toggle-button.cjs\",[[768,\"sd-toggle-button\",{\"value\":[1540],\"label\":[1],\"disabled\":[4],\"isActive\":[32]}]]],[\"sd-tag.cjs\",[[769,\"sd-tag\",{\"size\":[1],\"color\":[1],\"rounded\":[4],\"label\":[1],\"bgColor\":[1,\"bg-color\"],\"textColor\":[1,\"text-color\"]}]]],[\"sd-button_6.cjs\",[[768,\"sd-textarea\",{\"value\":[1025],\"name\":[1],\"disabled\":[4],\"width\":[8],\"autoFocus\":[4,\"auto-focus\"],\"textareaClass\":[1,\"textarea-class\"],\"helpText\":[1,\"help-text\"],\"maxLength\":[2,\"max-length\"],\"placeholder\":[1],\"internalValue\":[32],\"focused\":[32],\"hovered\":[32],\"sdFocus\":[64],\"getNativeElement\":[64]},null,{\"value\":[\"valueChanged\"],\"internalValue\":[\"internalValueChanged\"]}],[768,\"sd-pagination\",{\"currentPage\":[2,\"current-page\"],\"lastPage\":[2,\"last-page\"],\"simple\":[4]}],[768,\"sd-tooltip\",{\"trigger\":[1],\"placement\":[1],\"color\":[1],\"type\":[1],\"icon\":[1],\"iconSize\":[2,\"icon-size\"],\"label\":[1],\"buttonSize\":[1,\"button-size\"],\"buttonVariant\":[1,\"button-variant\"],\"noHover\":[4,\"no-hover\"],\"useClose\":[4,\"use-close\"],\"showTooltip\":[32],\"slotContentHTML\":[32]}],[772,\"sd-floating-portal\",{\"to\":[1],\"parentRef\":[16],\"offset\":[16],\"zIndex\":[2,\"z-index\"],\"placement\":[1],\"open\":[4]},[[9,\"scroll\",\"updatePosition\"],[9,\"resize\",\"updatePosition\"],[9,\"mousedown\",\"handleMouseDown\"],[8,\"click\",\"handleWindowClick\"]]],[768,\"sd-button\",{\"variant\":[1],\"size\":[1],\"color\":[1],\"label\":[1],\"disabled\":[4],\"type\":[1],\"icon\":[1],\"iconColor\":[1,\"icon-color\"],\"iconSize\":[2,\"icon-size\"],\"iconRight\":[1,\"icon-right\"],\"noHover\":[4,\"no-hover\"],\"class\":[1]}],[768,\"sd-icon\",{\"name\":[1],\"size\":[8],\"color\":[1],\"rotate\":[2],\"label\":[1],\"iconStyle\":[16]}]]],[\"sd-checkbox.cjs\",[[768,\"sd-checkbox\",{\"value\":[1028],\"val\":[8],\"disabled\":[4],\"label\":[1],\"isChecked\":[32]},null,{\"value\":[\"watchValueHandler\"]}]]],[\"sd-input_2.cjs\",[[772,\"sd-portal\",{\"to\":[1],\"parentRef\":[16],\"offset\":[16],\"zIndex\":[2,\"z-index\"],\"open\":[4]},[[9,\"scroll\",\"updatePosition\"],[9,\"resize\",\"updatePosition\"],[9,\"mousedown\",\"handleMouseDown\"],[8,\"click\",\"handleWindowClick\"]]],[772,\"sd-input\",{\"value\":[1032],\"type\":[1],\"insideLabel\":[4,\"inside-label\"],\"placeholder\":[1],\"disabled\":[4],\"clearable\":[4],\"width\":[8],\"barcode\":[4],\"rules\":[16],\"autoFocus\":[4,\"auto-focus\"],\"status\":[1],\"inputClass\":[1,\"input-class\"],\"readonly\":[4],\"error\":[1028],\"focused\":[1028],\"hovered\":[1028],\"label\":[1],\"useLabelRequired\":[4,\"use-label-required\"],\"labelTooltip\":[1,\"label-tooltip\"],\"labelTooltipProps\":[16],\"inputStyle\":[16],\"internalValue\":[32],\"errorMsg\":[32],\"sdGetNativeElement\":[64],\"sdValidate\":[64],\"sdReset\":[64],\"sdResetValidate\":[64],\"sdFocus\":[64],\"sdResetValidation\":[64]},null,{\"value\":[\"valueChanged\"],\"internalValue\":[\"internalValueChanged\"]}]]],[\"sd-loading-spinner_2.cjs\",[[768,\"sd-select\",{\"value\":[1032],\"options\":[1040],\"placeholder\":[1],\"optionPlaceholder\":[1,\"option-placeholder\"],\"width\":[1],\"dropdownHeight\":[1,\"dropdown-height\"],\"autoFocus\":[4,\"auto-focus\"],\"disabled\":[4],\"clearable\":[4],\"searchable\":[4],\"label\":[1],\"insideLabel\":[4,\"inside-label\"],\"useLabelRequired\":[4,\"use-label-required\"],\"labelTooltip\":[1,\"label-tooltip\"],\"labelTooltipProps\":[16],\"rules\":[16],\"error\":[4],\"optionRenderer\":[16],\"isOpen\":[32],\"itemIndex\":[32],\"isScrolled\":[32],\"sdOpen\":[64],\"sdValidate\":[64],\"sdReset\":[64],\"sdResetValidate\":[64],\"sdFocus\":[64]},null,{\"isOpen\":[\"isOpenChanged\"]}],[768,\"sd-loading-spinner\",{\"color\":[1]}]]],[\"sd-date-box.cjs\",[[770,\"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-field_4.cjs\",[[772,\"sd-select-dropdown\",{\"itemIndex\":[1026,\"item-index\"],\"value\":[8],\"options\":[16],\"width\":[1],\"dropdownHeight\":[1,\"dropdown-height\"],\"searchable\":[4],\"optionPlaceholder\":[1,\"option-placeholder\"],\"useCheckbox\":[4,\"use-checkbox\"],\"useAll\":[4,\"use-all\"],\"filteredOptions\":[32],\"searchText\":[32],\"isScrolled\":[32],\"isDropdownReady\":[32]},null,{\"filteredOptions\":[\"filteredOptionsChanged\"],\"searchText\":[\"searchTextChanged\"],\"itemIndex\":[\"itemIndexChanged\"]}],[772,\"sd-field\",{\"name\":[1],\"rules\":[16],\"error\":[1028],\"disabled\":[1028],\"hovered\":[1028],\"focused\":[1028],\"status\":[1],\"label\":[1],\"insideLabel\":[4,\"inside-label\"],\"useLabelRequired\":[4,\"use-label-required\"],\"labelTooltip\":[1,\"label-tooltip\"],\"labelTooltipProps\":[16],\"errorMsg\":[32],\"sdValidate\":[64],\"sdReset\":[64],\"sdResetValidation\":[64],\"sdFocus\":[64]}],[768,\"sd-select-option\",{\"option\":[16],\"index\":[2],\"isSelected\":[4,\"is-selected\"],\"isFocused\":[4,\"is-focused\"],\"optionStyle\":[16],\"disabled\":[4],\"useCheckbox\":[4,\"use-checkbox\"],\"isHovered\":[32],\"sdIsDisabled\":[64]}],[768,\"sd-select-search-input\",{\"isScrolled\":[4,\"is-scrolled\"],\"searchText\":[1,\"search-text\"],\"sdGetNativeElement\":[64],\"sdSearchInputFocus\":[64]}]]]]"), options);
+  return index.bootstrapLazy(JSON.parse("[[\"sd-table.cjs\",[[772,\"sd-table\",{\"columns\":[16],\"rows\":[1040],\"selected\":[1040],\"rowKey\":[1,\"row-key\"],\"selectable\":[4],\"resizable\":[4],\"width\":[1],\"height\":[1],\"stickyHeader\":[4,\"sticky-header\"],\"stickyColumn\":[16],\"noDataLabel\":[1,\"no-data-label\"],\"isLoading\":[4,\"is-loading\"],\"pagination\":[16],\"headerCellRenderer\":[16],\"bodyCellRenderer\":[16],\"useInternalPagination\":[4,\"use-internal-pagination\"],\"useRowsPerPageSelect\":[4,\"use-rows-per-page-select\"],\"rowsPerPageOption\":[16],\"useVirtualScroll\":[16],\"virtualRowHeight\":[2,\"virtual-row-height\"],\"virtualColumnWidth\":[2,\"virtual-column-width\"],\"virtualBufferSize\":[16],\"currentPage\":[32],\"innerRows\":[32],\"innerSelected\":[32],\"columnWidths\":[32],\"scrolledLeft\":[32],\"scrolledRight\":[32],\"virtualStartIndex\":[32],\"virtualEndIndex\":[32],\"scrollTopPosition\":[32],\"virtualStartColIdx\":[32],\"virtualEndColIdx\":[32],\"scrollLeftPosition\":[32]},null,{\"columns\":[\"handleColumnsChange\"],\"columnWidths\":[\"handleColumnWidthsChange\"],\"rows\":[\"handleRowsChange\"],\"selected\":[\"handleSelectedChange\"],\"pagination\":[\"handlePaginationChange\"]}]]],[\"sd-select-multiple.cjs\",[[768,\"sd-select-multiple\",{\"value\":[1040],\"options\":[1040],\"placeholder\":[1],\"optionPlaceholder\":[1,\"option-placeholder\"],\"width\":[1],\"dropdownHeight\":[1,\"dropdown-height\"],\"autoFocus\":[4,\"auto-focus\"],\"disabled\":[4],\"clearable\":[4],\"searchable\":[4],\"useAll\":[4,\"use-all\"],\"useCheckbox\":[4,\"use-checkbox\"],\"label\":[1],\"useLabelRequired\":[4,\"use-label-required\"],\"labelTooltip\":[1,\"label-tooltip\"],\"labelTooltipProps\":[16],\"name\":[1],\"rules\":[16],\"error\":[4],\"optionRenderer\":[16],\"isOpen\":[32],\"itemIndex\":[32],\"isScrolled\":[32],\"sdOpen\":[64],\"sdValidate\":[64],\"sdReset\":[64],\"sdResetValidate\":[64],\"sdFocus\":[64]},null,{\"isOpen\":[\"isOpenChanged\"]}]]],[\"sd-select-multiple-group.cjs\",[[772,\"sd-select-multiple-group\",{\"value\":[1040],\"options\":[1040],\"placeholder\":[1],\"optionPlaceholder\":[1,\"option-placeholder\"],\"width\":[1],\"dropdownHeight\":[1,\"dropdown-height\"],\"disabled\":[4],\"clearable\":[4],\"searchable\":[4],\"useCheckbox\":[4,\"use-checkbox\"],\"useAll\":[4,\"use-all\"],\"allCheckedLabel\":[1,\"all-checked-label\"],\"allCheckOptionLabel\":[1,\"all-check-option-label\"],\"label\":[1],\"useLabelRequired\":[4,\"use-label-required\"],\"labelTooltip\":[1,\"label-tooltip\"],\"labelTooltipProps\":[16],\"name\":[1],\"rules\":[16],\"error\":[4],\"containerStyle\":[16],\"triggerStyle\":[16],\"dropdownStyle\":[16],\"optionStyle\":[16],\"labelStyle\":[16],\"optionRenderer\":[16],\"filteredOptions\":[32],\"isOpen\":[32],\"searchText\":[32],\"itemIndex\":[32],\"isScrolled\":[32],\"isDropdownReady\":[32],\"sdOpen\":[64],\"sdValidate\":[64],\"sdReset\":[64],\"sdResetValidate\":[64],\"sdFocus\":[64]},null,{\"value\":[\"valueChanged\"],\"options\":[\"optionsChanged\"],\"searchText\":[\"searchTextChanged\"],\"itemIndex\":[\"itemIndexChanged\"],\"isOpen\":[\"isOpenChanged\"]}]]],[\"sd-date-picker.cjs\",[[770,\"sd-date-picker\",{\"value\":[1537],\"label\":[1],\"selectable\":[16],\"disabled\":[4],\"placeholder\":[1],\"isOpen\":[32],\"currentDate\":[32],\"currentYear\":[32],\"currentMonth\":[32]}]]],[\"sd-date-range-picker.cjs\",[[770,\"sd-date-range-picker\",{\"value\":[1040],\"label\":[1],\"selectable\":[16],\"maxRange\":[2,\"max-range\"],\"disabled\":[4],\"placeholder\":[1],\"isOpen\":[32],\"dateRange\":[32],\"hoverDate\":[32],\"prevYear\":[32],\"prevMonth\":[32]},null,{\"value\":[\"onValueChange\"]}]]],[\"sd-guide.cjs\",[[768,\"sd-guide\",{\"type\":[1],\"label\":[1],\"message\":[1],\"guideUrl\":[1,\"guide-url\"],\"popupTitle\":[1,\"popup-title\"],\"popupWidth\":[2,\"popup-width\"],\"popupShow\":[32]}]]],[\"sd-popover.cjs\",[[768,\"sd-popover\",{\"show\":[1028],\"placement\":[513],\"color\":[513],\"icon\":[513],\"iconSize\":[514,\"icon-size\"],\"label\":[1],\"buttonSize\":[513,\"button-size\"],\"buttonVariant\":[513,\"button-variant\"],\"menuTitle\":[513,\"title\"],\"messages\":[16],\"buttons\":[16],\"menuClass\":[1,\"menu-class\"],\"noHover\":[4,\"no-hover\"],\"useClose\":[4,\"use-close\"],\"showPopover\":[32],\"slotContent\":[32]},null,{\"show\":[\"watchShowHandler\"]}]]],[\"sd-modal-card.cjs\",[[772,\"sd-modal-card\",{\"type\":[1],\"system\":[1],\"useCloseButton\":[4,\"use-close-button\"],\"modalTitle\":[1,\"modal-title\"],\"buttonFlexDirection\":[1,\"button-flex-direction\"],\"buttonProps\":[16],\"message\":[16],\"modalClass\":[1,\"modal-class\"]}]]],[\"sd-toast-message.cjs\",[[770,\"sd-toast-message\",{\"icon\":[1],\"message\":[1],\"link\":[1],\"linkLabel\":[1,\"link-label\"],\"buttonLabel\":[1,\"button-label\"],\"useClose\":[4,\"use-close\"],\"type\":[1],\"isVisible\":[32]}]]],[\"sd-file-picker.cjs\",[[768,\"sd-file-picker\",{\"value\":[1040],\"placeholder\":[1],\"disabled\":[4],\"inline\":[4],\"multiple\":[4],\"accept\":[1],\"internalValue\":[32],\"hovered\":[32],\"showTooltip\":[32]},null,{\"value\":[\"valueChanged\"]}]]],[\"sd-number-input.cjs\",[[768,\"sd-number-input\",{\"min\":[2],\"max\":[2],\"step\":[2],\"useButton\":[4,\"use-button\"],\"useDecimal\":[4,\"use-decimal\"],\"value\":[1032],\"label\":[1],\"placeholder\":[1],\"disabled\":[4],\"width\":[8],\"rules\":[16],\"autoFocus\":[4,\"auto-focus\"],\"status\":[1],\"inputClass\":[1,\"input-class\"],\"readonly\":[4],\"inputStyle\":[16],\"internalValue\":[32],\"displayValue\":[32],\"hovered\":[32],\"error\":[32],\"sdGetNativeElement\":[64]},null,{\"value\":[\"valueChanged\"],\"internalValue\":[\"internalValueChanged\"]}]]],[\"sd-select-option-group.cjs\",[[768,\"sd-select-option-group\",{\"option\":[16],\"index\":[2],\"isSelected\":[4,\"is-selected\"],\"isFocused\":[4,\"is-focused\"],\"optionStyle\":[16],\"disabled\":[4],\"useCheckbox\":[4,\"use-checkbox\"],\"useIndicator\":[4,\"use-indicator\"],\"countInfo\":[16],\"isHovered\":[32],\"isDisabled\":[64]}]]],[\"sd-radio.cjs\",[[768,\"sd-radio\",{\"value\":[1544],\"disabled\":[4],\"val\":[1],\"label\":[1]}]]],[\"sd-radio-group.cjs\",[[768,\"sd-radio-group\",{\"value\":[1544],\"radioOptions\":[1040],\"direction\":[1],\"disabled\":[4],\"groupName\":[1,\"group-name\"]},null,{\"value\":[\"valueChanged\"]}]]],[\"sd-tabs.cjs\",[[768,\"sd-tabs\",{\"value\":[1537],\"tabs\":[1040],\"size\":[1],\"isSub\":[4,\"is-sub\"]},null,{\"value\":[\"valueChanged\"]}]]],[\"sd-badge.cjs\",[[768,\"sd-badge\",{\"size\":[1],\"color\":[1],\"label\":[1]}]]],[\"sd-card.cjs\",[[772,\"sd-card\",{\"bordered\":[4],\"cardClassName\":[1,\"card-class-name\"]}]]],[\"sd-form.cjs\",[[260,\"sd-form\",{\"sdRegisterField\":[64],\"sdUnregisterField\":[64],\"sdValidate\":[64],\"sdReset\":[64],\"sdResetValidation\":[64]}]]],[\"sd-progress.cjs\",[[768,\"sd-progress\",{\"type\":[1],\"error\":[4],\"percentage\":[2],\"size\":[2],\"strokeWidth\":[2,\"stroke-width\"],\"label\":[1]}]]],[\"sd-radio-button-group.cjs\",[[768,\"sd-radio-button-group\",{\"value\":[1032],\"radioOptions\":[1040],\"size\":[1],\"disabled\":[4],\"name\":[1]}]]],[\"sd-toggle.cjs\",[[768,\"sd-toggle\",{\"value\":[1028],\"label\":[1],\"disabled\":[4]}]]],[\"sd-toggle-button.cjs\",[[768,\"sd-toggle-button\",{\"value\":[1540],\"label\":[1],\"disabled\":[4],\"isActive\":[32]}]]],[\"sd-tag.cjs\",[[769,\"sd-tag\",{\"size\":[1],\"color\":[1],\"rounded\":[4],\"label\":[1],\"bgColor\":[1,\"bg-color\"],\"textColor\":[1,\"text-color\"]}]]],[\"sd-button_6.cjs\",[[768,\"sd-textarea\",{\"value\":[1025],\"name\":[1],\"disabled\":[4],\"width\":[8],\"autoFocus\":[4,\"auto-focus\"],\"textareaClass\":[1,\"textarea-class\"],\"helpText\":[1,\"help-text\"],\"maxLength\":[2,\"max-length\"],\"placeholder\":[1],\"internalValue\":[32],\"focused\":[32],\"hovered\":[32],\"sdFocus\":[64],\"getNativeElement\":[64]},null,{\"value\":[\"valueChanged\"],\"internalValue\":[\"internalValueChanged\"]}],[768,\"sd-pagination\",{\"currentPage\":[2,\"current-page\"],\"lastPage\":[2,\"last-page\"],\"simple\":[4]}],[768,\"sd-tooltip\",{\"trigger\":[1],\"placement\":[1],\"color\":[1],\"type\":[1],\"icon\":[1],\"iconSize\":[2,\"icon-size\"],\"label\":[1],\"buttonSize\":[1,\"button-size\"],\"buttonVariant\":[1,\"button-variant\"],\"noHover\":[4,\"no-hover\"],\"useClose\":[4,\"use-close\"],\"showTooltip\":[32],\"slotContentHTML\":[32]}],[772,\"sd-floating-portal\",{\"to\":[1],\"parentRef\":[16],\"offset\":[16],\"zIndex\":[2,\"z-index\"],\"placement\":[1],\"open\":[4]},[[9,\"scroll\",\"updatePosition\"],[9,\"resize\",\"updatePosition\"],[9,\"mousedown\",\"handleMouseDown\"],[8,\"click\",\"handleWindowClick\"]]],[768,\"sd-button\",{\"variant\":[1],\"size\":[1],\"color\":[1],\"label\":[1],\"disabled\":[4],\"type\":[1],\"icon\":[1],\"iconColor\":[1,\"icon-color\"],\"iconSize\":[2,\"icon-size\"],\"iconRight\":[1,\"icon-right\"],\"noHover\":[4,\"no-hover\"],\"class\":[1]}],[768,\"sd-icon\",{\"name\":[1],\"size\":[8],\"color\":[1],\"rotate\":[2],\"label\":[1],\"iconStyle\":[16]}]]],[\"sd-checkbox.cjs\",[[768,\"sd-checkbox\",{\"value\":[1028],\"val\":[8],\"disabled\":[4],\"label\":[1],\"isChecked\":[32]},null,{\"value\":[\"watchValueHandler\"]}]]],[\"sd-field_3.cjs\",[[772,\"sd-portal\",{\"to\":[1],\"parentRef\":[16],\"offset\":[16],\"zIndex\":[2,\"z-index\"],\"open\":[4]},[[9,\"scroll\",\"updatePosition\"],[9,\"resize\",\"updatePosition\"],[9,\"mousedown\",\"handleMouseDown\"],[8,\"click\",\"handleWindowClick\"]]],[772,\"sd-input\",{\"value\":[1032],\"type\":[1],\"insideLabel\":[4,\"inside-label\"],\"placeholder\":[1],\"disabled\":[4],\"clearable\":[4],\"width\":[8],\"barcode\":[4],\"rules\":[16],\"autoFocus\":[4,\"auto-focus\"],\"status\":[1],\"inputClass\":[1,\"input-class\"],\"readonly\":[4],\"error\":[1028],\"focused\":[1028],\"hovered\":[1028],\"label\":[1],\"useLabelRequired\":[4,\"use-label-required\"],\"labelTooltip\":[1,\"label-tooltip\"],\"labelTooltipProps\":[16],\"inputStyle\":[16],\"internalValue\":[32],\"sdGetNativeElement\":[64],\"sdValidate\":[64],\"sdReset\":[64],\"sdResetValidate\":[64],\"sdFocus\":[64]},null,{\"value\":[\"valueChanged\"],\"internalValue\":[\"internalValueChanged\"]}],[772,\"sd-field\",{\"name\":[1],\"rules\":[16],\"error\":[1028],\"disabled\":[1028],\"hovered\":[1028],\"focused\":[1028],\"status\":[1],\"label\":[1],\"insideLabel\":[4,\"inside-label\"],\"useLabelRequired\":[4,\"use-label-required\"],\"labelTooltip\":[1,\"label-tooltip\"],\"labelTooltipProps\":[16],\"errorMsg\":[32],\"sdValidate\":[64],\"sdReset\":[64],\"sdResetValidation\":[64],\"sdFocus\":[64]}]]],[\"sd-loading-spinner_2.cjs\",[[768,\"sd-select\",{\"value\":[1032],\"options\":[1040],\"placeholder\":[1],\"optionPlaceholder\":[1,\"option-placeholder\"],\"width\":[1],\"dropdownHeight\":[1,\"dropdown-height\"],\"autoFocus\":[4,\"auto-focus\"],\"disabled\":[4],\"clearable\":[4],\"searchable\":[4],\"label\":[1],\"insideLabel\":[4,\"inside-label\"],\"useLabelRequired\":[4,\"use-label-required\"],\"labelTooltip\":[1,\"label-tooltip\"],\"labelTooltipProps\":[16],\"rules\":[16],\"error\":[4],\"optionRenderer\":[16],\"isOpen\":[32],\"itemIndex\":[32],\"isScrolled\":[32],\"sdOpen\":[64],\"sdValidate\":[64],\"sdReset\":[64],\"sdResetValidate\":[64],\"sdFocus\":[64]},null,{\"isOpen\":[\"isOpenChanged\"]}],[768,\"sd-loading-spinner\",{\"color\":[1]}]]],[\"sd-date-box.cjs\",[[770,\"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-select-dropdown_3.cjs\",[[772,\"sd-select-dropdown\",{\"itemIndex\":[1026,\"item-index\"],\"value\":[8],\"options\":[16],\"width\":[1],\"dropdownHeight\":[1,\"dropdown-height\"],\"searchable\":[4],\"optionPlaceholder\":[1,\"option-placeholder\"],\"useCheckbox\":[4,\"use-checkbox\"],\"useAll\":[4,\"use-all\"],\"filteredOptions\":[32],\"searchText\":[32],\"isScrolled\":[32],\"isDropdownReady\":[32]},null,{\"filteredOptions\":[\"filteredOptionsChanged\"],\"searchText\":[\"searchTextChanged\"],\"itemIndex\":[\"itemIndexChanged\"]}],[768,\"sd-select-option\",{\"option\":[16],\"index\":[2],\"isSelected\":[4,\"is-selected\"],\"isFocused\":[4,\"is-focused\"],\"optionStyle\":[16],\"disabled\":[4],\"useCheckbox\":[4,\"use-checkbox\"],\"isHovered\":[32],\"sdIsDisabled\":[64]}],[768,\"sd-select-search-input\",{\"isScrolled\":[4,\"is-scrolled\"],\"searchText\":[1,\"search-text\"],\"sdGetNativeElement\":[64],\"sdSearchInputFocus\":[64]}]]]]"), options);
 };
 
 exports.setNonce = index.setNonce;

package/dist/cjs/sd-button_6.cjs.entry.js

@@ -2299,12 +2299,12 @@ const SdPagination = class {
         }
     }
     render() {
-        return (index.h("div", { key: 'fe61b181ec08d65564d8e68787403a7a83a90631', class: this.paginationClasses }, index.h("div", { key: '79237017bd874cf9bfa9af51e66f06ec641cefcf', class: "prepend-btns" }, this.renderPrevButtons()), this.simple ? (index.h("div", { class: "pagination-info" }, index.h("span", { class: "current-page" }, this.currentPage), index.h("span", null, "/"), index.h("span", { class: "last-page" }, this.lastPage))) : (this.pageNumbers.map(n => (index.h("button", { type: "button", "aria-current": this.currentPage === n ? 'page' : undefined, class: {
+        return (index.h("div", { key: '7498d55ef3206deb0c3feb22cd1da426f754eb05', class: this.paginationClasses }, index.h("div", { key: '60918ebae391824240a8c182360751426c07c69c', class: "prepend-btns" }, this.renderPrevButtons()), this.simple ? (index.h("div", { class: "pagination-info" }, index.h("span", { class: "current-page" }, this.currentPage), index.h("span", null, "/"), index.h("span", { class: "last-page" }, this.lastPage))) : (this.pageNumbers.map(n => (index.h("button", { type: "button", "aria-current": this.currentPage === n ? 'page' : undefined, class: {
                 'pagination-btn': true,
                 'pagination-btn--selected': this.currentPage === n,
             }, disabled: this.currentPage === n, style: {
                 '--pagination-btn-width': `${this.buttonWidth}px`,
-            }, onClick: () => this.handlePageChange(n) }, n)))), index.h("div", { key: '416e4c3b231a8a9987cce6bd4359edc759c134ee', class: "append-btns" }, this.renderNextButtons())));
+            }, onClick: () => this.handlePageChange(n) }, n)))), index.h("div", { key: 'c827cf8b7d8d8013b85487891fc768dcbe172be9', class: "append-btns" }, this.renderNextButtons())));
     }
 };
 SdPagination.style = sdPaginationCss();
@@ -2399,10 +2399,10 @@ const SdTextarea = class {
             }
             : {};
         const maxLengthCounter = this.getMaxLengthCounter();
-        return (index.h(index.Host, { key: '1d5c5b301f286b0d6ddb8ef4e28a4e136867e5ab', style: textareaWidth, class: {
+        return (index.h(index.Host, { key: 'e7dcaad4d684e27a8407bb8f577f8b77be9af07c', style: textareaWidth, class: {
                 'sd-textarea': true,
                 [this.getTextareaStatus()]: true,
-            }, onMouseEnter: () => (this.hovered = true), onMouseLeave: () => (this.hovered = false) }, index.h("div", { key: '9bc3b47fee6572259cf98ea0f2964a7d4bebc590', class: "sd-textarea__content" }, index.h("textarea", { key: 'a6651622ed49335e2c1801d0ad860f7243a948b3', name: this.name, ref: el => (this.nativeEl = el), class: `sd-textarea__native ${this.textareaClass}`, value: this.internalValue || '', placeholder: this.placeholder, disabled: this.disabled, autofocus: this.autoFocus, maxLength: this.maxLength, onInput: this.handleInput.bind(this), onFocus: event => this.handleFocus('focus', event), onBlur: event => this.handleFocus('blur', event) })), this.hasFooter() && (index.h("div", { key: '5d31c9e626e46640ec05d8de33b8f508b18b9508', class: "sd-textarea__footer" }, this.helpText !== undefined && index.h("span", { key: '7ca7b397665169d888953eb7b15f85d28a04b9cb', class: "sd-textarea__help-text" }, this.helpText), maxLengthCounter !== null && index.h("span", { key: '1e8982925c83ecff77f0f639258448bb72ba34a4', class: "sd-textarea__counter" }, maxLengthCounter)))));
+            }, onMouseEnter: () => (this.hovered = true), onMouseLeave: () => (this.hovered = false) }, index.h("div", { key: '8c7eb8c3859467d50455a6158db3f06940233d5e', class: "sd-textarea__content" }, index.h("textarea", { key: 'e0f6d9157c8742d6c7936576e0790c8d468768c3', name: this.name, ref: el => (this.nativeEl = el), class: `sd-textarea__native ${this.textareaClass}`, value: this.internalValue || '', placeholder: this.placeholder, disabled: this.disabled, autofocus: this.autoFocus, maxLength: this.maxLength, onInput: this.handleInput.bind(this), onFocus: event => this.handleFocus('focus', event), onBlur: event => this.handleFocus('blur', event) })), this.hasFooter() && (index.h("div", { key: '4638ad00f1101c84614c9eb3cc0eb31e539d3e03', class: "sd-textarea__footer" }, this.helpText !== undefined && index.h("span", { key: '6761ae655b4298a6b4154e4f2b8a8883b1eeaa70', class: "sd-textarea__help-text" }, this.helpText), maxLengthCounter !== null && index.h("span", { key: 'dc74b623c8469312b805970c42d0c38c9b2d95ad', class: "sd-textarea__counter" }, maxLengthCounter)))));
     }
     static get watchers() { return {
         "value": ["valueChanged"],

package/dist/cjs/{sd-input_2.cjs.entry.js → sd-field_3.cjs.entry.js}

@@ -3,7 +3,144 @@
 var index = require('./index-D_J8ScR5.js');
 var index$1 = require('./index-BUvXpPc3.js');
 
-const sdInputCss = () => `sd-icon{display:inline-block;line-height:0}sd-icon .sd-icon--rotate-90{transform:rotate(90deg)}sd-icon .sd-icon--rotate-180{transform:rotate(180deg)}sd-icon .sd-icon--rotate-270{transform:rotate(270deg)}.sd-date-picker{width:100%;display:inline-block}.sd-date-picker .sd-date-picker--disabled .date-icon{cursor:not-allowed !important;color:#888888 !important}.sd-date-picker .sd-date-picker__input{text-align:center !important}.sd-date-picker__menu{width:304px;box-sizing:border-box;border-radius:8px;padding:24px 19px;box-shadow:2px 2px 12px 2px rgba(0, 0, 0, 0.2);background:white}.sd-date-picker__menu .sd-date-picker__header{display:flex;flex-flow:row nowrap;align-items:center;gap:20px;font-size:14px;padding:0 5px;height:24px;line-height:24px}.sd-date-picker__menu .sd-date-picker__header .year-nav,.sd-date-picker__menu .sd-date-picker__header .month-nav{display:flex;flex-flow:row nowrap;align-items:center;gap:12px}.sd-date-picker__menu .sd-date-picker__header .year-nav button,.sd-date-picker__menu .sd-date-picker__header .month-nav button{background:none;border:none;cursor:pointer;margin:0;padding:0}.sd-date-picker__menu .sd-date-picker__header .year-nav__current{width:40px;text-align:center}.sd-date-picker__menu .sd-date-picker__header .month-nav__current{width:100px;text-align:center}.sd-date-picker__menu .sd-date-picker__days{margin-top:8px;display:grid;grid-template-columns:repeat(7, minmax(0, 1fr));column-gap:10px;padding:0 5px}.sd-date-picker__menu .sd-date-picker__days .day{width:28px;height:20px;font-size:12px;line-height:20px;text-align:center;color:#888888}.sd-date-picker__menu .sd-date-picker__body{margin-top:12px;display:grid;grid-template-columns:repeat(7, minmax(0, 1fr))}sd-date-range-picker{width:fit-content;display:inline-flex}sd-date-range-picker .sd-date-range-picker--disabled .date-icon{cursor:not-allowed !important;color:#888888 !important}sd-date-range-picker .sd-date-range-picker--disabled .sd-input__native{color:#888888 !important}sd-date-range-picker .sd-field .sd-field__control{min-width:210px}sd-date-range-picker .sd-field .sd-input__native{margin-left:17px !important}.sd-date-range-picker__menu{width:609px;box-sizing:border-box;border-radius:8px;padding:24px 19px;box-shadow:2px 2px 12px 2px rgba(0, 0, 0, 0.2);background:white}.sd-date-range-picker__menu .sd-date-range-picker__header{margin-bottom:16px;display:flex;flex-flow:row nowrap;align-items:center;justify-content:center}.sd-date-range-picker__menu .sd-date-range-picker__header .header-label{margin:0 12px;width:40px;text-align:center;font-size:14px;line-height:24px}.sd-date-range-picker__menu .sd-date-range-picker__body{display:flex;flex-flow:row nowrap;align-items:stretch;gap:19px}.sd-date-range-picker__menu .sd-date-range-picker__body .calendar-container{width:266px}.sd-date-range-picker__menu .sd-date-range-picker__body .calendar-container .calendar-header{width:100%;height:24px;line-height:24px;font-size:14px;text-align:center;position:relative;padding:0 5px}.sd-date-range-picker__menu .sd-date-range-picker__body .calendar-container .calendar-header button{position:absolute;top:50%;transform:translateY(-50%)}.sd-date-range-picker__menu .sd-date-range-picker__body .calendar-container .calendar-header button.header-button-prev{left:5px}.sd-date-range-picker__menu .sd-date-range-picker__body .calendar-container .calendar-header button.header-button-next{right:5px;left:auto}.sd-date-range-picker__menu .sd-date-range-picker__body .calendar-container .calendar-days{padding:0 5px;margin-top:8px;display:grid;grid-template-columns:repeat(7, minmax(0, 1fr));column-gap:10px}.sd-date-range-picker__menu .sd-date-range-picker__body .calendar-container .calendar-days .day{width:28px;height:20px;font-size:12px;line-height:20px;text-align:center;color:#888888}.sd-date-range-picker__menu .sd-date-range-picker__body .calendar-container .calendar-body{margin-top:12px;display:grid;grid-template-columns:repeat(7, minmax(0, 1fr))}.sd-date-range-picker__menu .sd-date-range-picker__body .separator{width:1px;background-color:#d8d8d8}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-text-fill-color:#000;-webkit-box-shadow:0 0 0px 1000px #fff inset;box-shadow:0 0 0px 1000px #fff inset;transition:background-color 5000s ease-in-out 0s}input:autofill,input:autofill:hover,input:autofill:focus,input:autofill:active{-webkit-text-fill-color:#000;-webkit-box-shadow:0 0 0px 1000px #fff inset;box-shadow:0 0 0px 1000px #fff inset;transition:background-color 5000s ease-in-out 0s}sd-input{display:inline-flex}sd-input .sd-input__content{width:100%;height:100%;display:flex;flex-flow:row nowrap;align-items:center;color:#333333;font-size:12px;line-height:20px;padding:0 8px}sd-input .sd-input__content .sd-input__native{width:100%;height:100%;border:none;outline:none;background:transparent}sd-input .sd-input__content .sd-input__native[disabled]{cursor:not-allowed;color:#888888}sd-input .sd-input__content .sd-input__native::placeholder{color:#aaaaaa}.sd-field{display:inline-flex;flex-flow:column nowrap;height:fit-content;width:100%}.sd-field *:focus,.sd-field *:focus-visible,.sd-field *:focus-within{outline:none !important}.sd-field:not(.sd-field--disabled):hover .sd-field__control{border:1px solid #0075ff !important;box-shadow:0px 0px 4px 0px rgba(0, 113, 255, 0.4)}.sd-field.sd-field--disabled{cursor:not-allowed}.sd-field.sd-field--disabled .sd-field__wrapper{cursor:not-allowed !important}.sd-field.sd-field--disabled .sd-field__wrapper .sd-field__label-inside{border-color:#cccccc;color:#888888;cursor:not-allowed !important}.sd-field.sd-field--disabled .sd-field__wrapper .sd-field__control{background-color:#eeeeee;border-color:#cccccc;color:#888888;cursor:not-allowed !important}.sd-field--has-label .sd-field__wrapper .sd-field__label{display:flex;align-items:center;margin-right:12px}.sd-field--has-label .sd-field__wrapper .sd-field__label__required-icon{margin-right:4px}.sd-field--has-label .sd-field__wrapper .sd-field__label__text{font-size:12px;line-height:20px;color:#333333;white-space:nowrap}.sd-field--has-label .sd-field__wrapper .sd-field__label__tooltip{margin-left:2px}.sd-field--has-label-inside .sd-field__wrapper .sd-field__label{margin-right:0;display:flex;align-items:center;justify-content:center;padding:3px 12px;border:1px solid #cccccc;border-right:none;border-radius:4px 0 0 4px;border-color:#aaaaaa;background-color:#f6f6f6}.sd-field__wrapper{width:100%;height:28px;display:flex;align-items:center;flex-flow:row nowrap;position:relative;color:#333333;cursor:pointer;-webkit-user-select:none;user-select:none}.sd-field__wrapper .sd-field__control{position:relative;width:100%;height:100%;display:flex;flex:1;border:1px solid #aaaaaa;border-radius:4px;background:white}.sd-field__wrapper .sd-field__control--label-inside{border-top-left-radius:0px;border-bottom-left-radius:0px}.sd-field--error:not(:hover) .sd-field__wrapper .sd-field__control{border:1px solid #fb4444 !important}.sd-field.sd-field--focus .sd-field__wrapper .sd-field__control,.sd-field.sd-field--hover .sd-field__wrapper .sd-field__control{border:1px solid #0075ff !important;box-shadow:0px 0px 4px 0px rgba(0, 113, 255, 0.4)}.sd-field .sd-field__error-message{color:#fb4444;font-size:12px;line-height:20px;margin-top:4px}`;
+const sdFieldCss = () => `sd-field{display:inline-flex;flex-flow:column nowrap;height:fit-content;width:100%}sd-field .sd-field *:focus,sd-field .sd-field *:focus-visible,sd-field .sd-field *:focus-within{outline:none !important}sd-field .sd-field:not(.sd-field--disabled):hover .sd-field__control{border:1px solid #0075ff !important;box-shadow:0px 0px 4px 0px rgba(0, 113, 255, 0.4)}sd-field .sd-field.sd-field--disabled{cursor:not-allowed}sd-field .sd-field.sd-field--disabled .sd-field__wrapper{cursor:not-allowed !important}sd-field .sd-field.sd-field--disabled .sd-field__wrapper .sd-field__label-inside{border-color:#cccccc;color:#888888;cursor:not-allowed !important}sd-field .sd-field.sd-field--disabled .sd-field__wrapper .sd-field__control{background-color:#eeeeee;border-color:#cccccc;color:#888888;cursor:not-allowed !important}sd-field .sd-field--has-label .sd-field__wrapper .sd-field__label{display:flex;align-items:center;margin-right:12px}sd-field .sd-field--has-label .sd-field__wrapper .sd-field__label__required-icon{margin-right:4px}sd-field .sd-field--has-label .sd-field__wrapper .sd-field__label__text{font-size:12px;line-height:20px;color:#333333;white-space:nowrap}sd-field .sd-field--has-label .sd-field__wrapper .sd-field__label__tooltip{margin-left:2px}sd-field .sd-field--has-label-inside .sd-field__wrapper .sd-field__label{margin-right:0;display:flex;align-items:center;justify-content:center;padding:3px 12px;border:1px solid #cccccc;border-right:none;border-radius:4px 0 0 4px;border-color:#aaaaaa;background-color:#f6f6f6}sd-field .sd-field__wrapper{width:100%;height:28px;display:flex;align-items:center;flex-flow:row nowrap;position:relative;color:#333333;cursor:pointer;-webkit-user-select:none;user-select:none}sd-field .sd-field__wrapper .sd-field__control{position:relative;width:100%;height:100%;display:flex;flex:1;border:1px solid #aaaaaa;border-radius:4px;background:white}sd-field .sd-field__wrapper .sd-field__control--label-inside{border-top-left-radius:0px;border-bottom-left-radius:0px}sd-field .sd-field--error:not(:hover) .sd-field__wrapper .sd-field__control{border:1px solid #fb4444 !important}sd-field .sd-field.sd-field--focus .sd-field__wrapper .sd-field__control,sd-field .sd-field.sd-field--hover .sd-field__wrapper .sd-field__control{border:1px solid #0075ff !important;box-shadow:0px 0px 4px 0px rgba(0, 113, 255, 0.4)}sd-field .sd-field .sd-field__error-message{color:#fb4444;font-size:12px;line-height:20px;margin-top:4px}`;
+
+const FORM_PARENT_TAGS = [
+    'sd-select',
+    'sd-select-multiple',
+    'sd-select-multiple-group',
+    'sd-input',
+    'sd-textarea',
+];
+const SdField = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    get el() { return index.getElement(this); }
+    name = '';
+    rules = [];
+    error = false;
+    disabled = false;
+    hovered = false;
+    focused = false;
+    status;
+    // props - label
+    label = '';
+    insideLabel = false;
+    useLabelRequired = false;
+    labelTooltip = '';
+    labelTooltipProps = null;
+    errorMsg = '';
+    hostElement = null;
+    get value() {
+        return this.hostElement?.value ?? null;
+    }
+    get fieldStatus() {
+        let status = '';
+        if (!!this.disabled) {
+            status = 'disabled';
+            return `sd-field--${status}`;
+        }
+        if (!!this.focused) {
+            status = 'focus';
+            return `sd-field--${status}`;
+        }
+        if (!!this.hovered)
+            status = 'hover';
+        if (!!this.status)
+            status = this.status;
+        if (!!this.error)
+            status = 'error';
+        return status ? `sd-field--${status}` : '';
+    }
+    componentDidLoad() {
+        this.hostElement = this.findHostElement();
+        this.registerToForm();
+    }
+    disconnectedCallback() {
+        this.unregisterFromForm();
+    }
+    findHostElement() {
+        for (const tag of FORM_PARENT_TAGS) {
+            const parent = this.el.closest(tag);
+            if (parent && 'value' in parent) {
+                return parent;
+            }
+        }
+        return null;
+    }
+    registerToForm() {
+        // if (!this.rules || this.rules.length === 0) {
+        //  console.warn('[sd-form-field] rules prop is required for sd-form integration');
+        //  return;
+        // }
+        const formEl = this.el.closest('sd-form');
+        if (!formEl)
+            return;
+        formEl.componentOnReady().then(form => {
+            form.sdRegisterField(this);
+        });
+    }
+    unregisterFromForm() {
+        if (!this.name)
+            return;
+        const formEl = this.el.closest('sd-form');
+        formEl?.componentOnReady().then(form => {
+            form.sdUnregisterField(this.name);
+        });
+    }
+    async sdValidate() {
+        if (!this.rules || this.rules.length === 0)
+            return true;
+        for (const rule of this.rules) {
+            const result = rule(this.value ?? '');
+            if (result !== true) {
+                this.setError(true, result);
+                return false;
+            }
+        }
+        this.setError(false, '');
+        return true;
+    }
+    async sdReset() {
+        if (this.hostElement) {
+            this.hostElement.value = null;
+        }
+        this.setError(false, '');
+    }
+    async sdResetValidation() {
+        this.setError(false, '');
+    }
+    async sdFocus() {
+        this.hostElement?.focus?.();
+        this.hostElement?.scrollIntoView({ behavior: 'smooth', block: 'center' });
+    }
+    setError(error, errorMsg) {
+        this.errorMsg = errorMsg;
+        if (this.hostElement) {
+            this.hostElement.error = error;
+        }
+    }
+    render() {
+        return (index.h("div", { key: '4be40f7f3a2b1f1eb341c2a0cbec79bbdfc94979', class: {
+                'sd-field': true,
+                'sd-field--has-label': !!this.label,
+                'sd-field--has-label-inside': !!this.label && this.insideLabel,
+                [this.fieldStatus]: !!this.fieldStatus,
+            } }, index.h("div", { key: '8e1e928897db397ba66cd37b7ae1db8435aff1b1', class: "sd-field__wrapper" }, this.renderLabel(this.label), index.h("div", { key: '1822f6203d617b0f6e9403be9d245dc6d47b3297', class: {
+                'sd-field__control': true,
+                'sd-field__control--label-inside ': !!this.label && this.insideLabel,
+            } }, index.h("slot", { key: '5046d486ca6fd05f7f447f67d68a7394696cc8b9' }))), this.errorMsg && index.h("div", { key: '925cf046e49c6bcd56c6c22ca391966469cfaffd', class: "sd-field__error-message" }, this.errorMsg)));
+    }
+    renderLabel(label) {
+        if (!label)
+            return null;
+        return (index.h("label", { class: { 'sd-field__label': true, 'sd-field__label-inside': this.insideLabel } }, this.useLabelRequired && (index.h("sd-icon", { name: "star", size: "10", color: "brilliantblue_75", class: "sd-field__label__required-icon" })), index.h("div", { class: "sd-field__label__text" }, label), this.labelTooltip && (index.h("sd-tooltip", { class: "sd-field__label__tooltip", ...this.labelTooltipProps }, index.h("div", { slot: "content" }, this.labelTooltip)))));
+    }
+};
+SdField.style = sdFieldCss();
+
+const sdInputCss = () => `sd-icon{display:inline-block;line-height:0}sd-icon .sd-icon--rotate-90{transform:rotate(90deg)}sd-icon .sd-icon--rotate-180{transform:rotate(180deg)}sd-icon .sd-icon--rotate-270{transform:rotate(270deg)}.sd-date-picker{width:100%;display:inline-block}.sd-date-picker .sd-date-picker--disabled .date-icon{cursor:not-allowed !important;color:#888888 !important}.sd-date-picker .sd-date-picker__input{text-align:center !important}.sd-date-picker__menu{width:304px;box-sizing:border-box;border-radius:8px;padding:24px 19px;box-shadow:2px 2px 12px 2px rgba(0, 0, 0, 0.2);background:white}.sd-date-picker__menu .sd-date-picker__header{display:flex;flex-flow:row nowrap;align-items:center;gap:20px;font-size:14px;padding:0 5px;height:24px;line-height:24px}.sd-date-picker__menu .sd-date-picker__header .year-nav,.sd-date-picker__menu .sd-date-picker__header .month-nav{display:flex;flex-flow:row nowrap;align-items:center;gap:12px}.sd-date-picker__menu .sd-date-picker__header .year-nav button,.sd-date-picker__menu .sd-date-picker__header .month-nav button{background:none;border:none;cursor:pointer;margin:0;padding:0}.sd-date-picker__menu .sd-date-picker__header .year-nav__current{width:40px;text-align:center}.sd-date-picker__menu .sd-date-picker__header .month-nav__current{width:100px;text-align:center}.sd-date-picker__menu .sd-date-picker__days{margin-top:8px;display:grid;grid-template-columns:repeat(7, minmax(0, 1fr));column-gap:10px;padding:0 5px}.sd-date-picker__menu .sd-date-picker__days .day{width:28px;height:20px;font-size:12px;line-height:20px;text-align:center;color:#888888}.sd-date-picker__menu .sd-date-picker__body{margin-top:12px;display:grid;grid-template-columns:repeat(7, minmax(0, 1fr))}sd-date-range-picker{width:fit-content;display:inline-flex}sd-date-range-picker .sd-date-range-picker--disabled .date-icon{cursor:not-allowed !important;color:#888888 !important}sd-date-range-picker .sd-date-range-picker--disabled .sd-input__native{color:#888888 !important}sd-date-range-picker .sd-field .sd-field__control{min-width:210px}sd-date-range-picker .sd-field .sd-input__native{margin-left:17px !important}.sd-date-range-picker__menu{width:609px;box-sizing:border-box;border-radius:8px;padding:24px 19px;box-shadow:2px 2px 12px 2px rgba(0, 0, 0, 0.2);background:white}.sd-date-range-picker__menu .sd-date-range-picker__header{margin-bottom:16px;display:flex;flex-flow:row nowrap;align-items:center;justify-content:center}.sd-date-range-picker__menu .sd-date-range-picker__header .header-label{margin:0 12px;width:40px;text-align:center;font-size:14px;line-height:24px}.sd-date-range-picker__menu .sd-date-range-picker__body{display:flex;flex-flow:row nowrap;align-items:stretch;gap:19px}.sd-date-range-picker__menu .sd-date-range-picker__body .calendar-container{width:266px}.sd-date-range-picker__menu .sd-date-range-picker__body .calendar-container .calendar-header{width:100%;height:24px;line-height:24px;font-size:14px;text-align:center;position:relative;padding:0 5px}.sd-date-range-picker__menu .sd-date-range-picker__body .calendar-container .calendar-header button{position:absolute;top:50%;transform:translateY(-50%)}.sd-date-range-picker__menu .sd-date-range-picker__body .calendar-container .calendar-header button.header-button-prev{left:5px}.sd-date-range-picker__menu .sd-date-range-picker__body .calendar-container .calendar-header button.header-button-next{right:5px;left:auto}.sd-date-range-picker__menu .sd-date-range-picker__body .calendar-container .calendar-days{padding:0 5px;margin-top:8px;display:grid;grid-template-columns:repeat(7, minmax(0, 1fr));column-gap:10px}.sd-date-range-picker__menu .sd-date-range-picker__body .calendar-container .calendar-days .day{width:28px;height:20px;font-size:12px;line-height:20px;text-align:center;color:#888888}.sd-date-range-picker__menu .sd-date-range-picker__body .calendar-container .calendar-body{margin-top:12px;display:grid;grid-template-columns:repeat(7, minmax(0, 1fr))}.sd-date-range-picker__menu .sd-date-range-picker__body .separator{width:1px;background-color:#d8d8d8}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-text-fill-color:#000;-webkit-box-shadow:0 0 0px 1000px #fff inset;box-shadow:0 0 0px 1000px #fff inset;transition:background-color 5000s ease-in-out 0s}input:autofill,input:autofill:hover,input:autofill:focus,input:autofill:active{-webkit-text-fill-color:#000;-webkit-box-shadow:0 0 0px 1000px #fff inset;box-shadow:0 0 0px 1000px #fff inset;transition:background-color 5000s ease-in-out 0s}sd-input{display:inline-flex}sd-input .sd-input__content{width:100%;height:100%;display:flex;flex-flow:row nowrap;align-items:center;color:#333333;font-size:12px;line-height:20px;padding:0 8px}sd-input .sd-input__content .sd-input__native{width:100%;height:100%;border:none;outline:none;background:transparent}sd-input .sd-input__content .sd-input__native[disabled]{cursor:not-allowed;color:#888888}sd-input .sd-input__content .sd-input__native::placeholder{color:#aaaaaa}`;
 
 const SdInput = class {
     constructor(hostRef) {
@@ -57,32 +194,16 @@ const SdInput = class {
         return this.nativeEl || null;
     }
     async sdValidate() {
-        // this.formField?.sdValidate();
-        if (!this.rules || this.rules.length === 0)
-            return true;
-        for (const rule of this.rules) {
-            const result = rule(this.value ?? '');
-            if (result !== true) {
-                this.setError(true, result);
-                return false;
-            }
-        }
-        this.setError(false, '');
-        return true;
+        this.formField?.sdValidate();
     }
     async sdReset() {
-        // this.formField?.sdReset();
-        this.value = null;
-        this.setError(false, '');
+        this.formField?.sdReset();
     }
     async sdResetValidate() {
-        // this.formField?.sdResetValidation();
-        this.setError(false, '');
+        this.formField?.sdResetValidation();
     }
     async sdFocus() {
-        // this.formField?.sdFocus();
-        this.sdFocus();
-        this.host?.scrollIntoView({ behavior: 'smooth', block: 'center' });
+        this.formField?.sdFocus();
     }
     componentWillLoad() {
         if (this.value) {
@@ -93,10 +214,6 @@ const SdInput = class {
         if (this.autoFocus) {
             this.nativeEl?.focus();
         }
-        this.registerToForm();
-    }
-    disconnectedCallback() {
-        this.unregisterFromForm();
     }
     handleInput = (event) => {
         const target = event.target;
@@ -115,99 +232,16 @@ const SdInput = class {
             this.focus?.emit(event);
         }
     };
-    // field
-    errorMsg = '';
-    get fieldStatus() {
-        let status = '';
-        if (!!this.disabled) {
-            status = 'disabled';
-            return `sd-field--${status}`;
-        }
-        if (!!this.focused) {
-            status = 'focus';
-            return `sd-field--${status}`;
-        }
-        if (!!this.hovered)
-            status = 'hover';
-        if (!!this.status)
-            status = this.status;
-        if (!!this.error)
-            status = 'error';
-        return status ? `sd-field--${status}` : '';
-    }
-    registerToForm() {
-        // if (!this.rules || this.rules.length === 0) {
-        //  console.warn('[sd-form-field] rules prop is required for sd-form integration');
-        //  return;
-        // }
-        const formEl = this.host.closest('sd-form');
-        if (!formEl)
-            return;
-        formEl.componentOnReady().then(form => {
-            form.sdRegisterField(this);
-        });
-    }
-    unregisterFromForm() {
-        if (!this.name)
-            return;
-        const formEl = this.host.closest('sd-form');
-        formEl?.componentOnReady().then(form => {
-            form.sdUnregisterField(this.name);
-        });
-    }
-    async sdResetValidation() {
-        this.setError(false, '');
-    }
-    setError(error, errorMsg) {
-        this.errorMsg = errorMsg;
-        if (this) {
-            this.error = error;
-        }
-    }
     render() {
-        // const inputWidth = this.width
-        //  ? {
-        //     '--input-width': typeof this.width === 'number' ? `${this.width}px` : this.width,
-        //    }
-        //  : {};
-        return (
-        //  <sd-field
-        //   name={this.name}
-        //   label={this.label}
-        //   insideLabel={this.insideLabel}
-        //   rules={this.rules}
-        //   error={this.error}
-        //   disabled={this.disabled}
-        //   focused={this.focused}
-        //   hovered={this.hovered}
-        //   status={this.status}
-        //   useLabelRequired={this.useLabelRequired}
-        //   labelTooltip={this.labelTooltip}
-        //   labelTooltipProps={this.labelTooltipProps}
-        //   ref={el => (this.formField = el)}
-        //   style={inputWidth}
-        //   onMouseEnter={() => (this.hovered = true)}
-        //   onMouseLeave={() => (this.hovered = false)}
-        //  >
-        index.h(index.Host, { key: 'f4078b2f2c6db3fcc50e1f65633948498d39086a', class: {
-                'sd-field': true,
-                'sd-field--has-label': !!this.label,
-                'sd-field--has-label-inside': !!this.label && this.insideLabel,
-                [this.fieldStatus]: !!this.fieldStatus,
-            } }, index.h("div", { key: '9c9441e391ad1ebd881b71f194e5f7cfec6be576', class: "sd-field__wrapper" }, this.renderLabel(this.label), index.h("div", { key: '923456abc6b5056b3a68357e7e4fb3477bb3b9c7', class: {
-                'sd-field__control': true,
-                'sd-field__control--label-inside ': !!this.label && this.insideLabel,
-            } }, index.h("label", { key: 'bb4b69ecf4561e42afc7f3054e5cb2ad810f9dc1', class: "sd-input__content", style: { width: '100%' } }, index.h("slot", { key: 'c7755b03e228f960356f2e3d883e331a4431b796', name: "prefix" }), index.h("input", { key: '5073c73bebccc64bdff4a22f5a658a77c0366d4e', name: this.name, ref: el => (this.nativeEl = el), class: `sd-input__native ${this.inputClass}`, type: this.type, value: this.internalValue || '', placeholder: this.placeholder, disabled: this.disabled, readonly: this.readonly, autofocus: this.autoFocus, onInput: this.handleInput, onFocus: event => this.handleFocus('focus', event), onBlur: event => this.handleFocus('blur', event), style: this.inputStyle }), index.h("slot", { key: '8850b90279370dff0ac0345d4814cf184f5c0c8e', name: "suffix" }), this.clearable && this.internalValue && (index.h("sd-icon", { key: 'b7d18489ff3f1738e6b2c7e68982517452f10636', name: "close", color: "grey_65", size: "16", class: "sd-input__clear-icon", onClick: async () => {
+        const inputWidth = this.width
+            ? {
+                '--input-width': typeof this.width === 'number' ? `${this.width}px` : this.width,
+            }
+            : {};
+        return (index.h("sd-field", { key: '1ea8809ec8f05e9713b26022014400811f3c4da2', name: this.name, label: this.label, insideLabel: this.insideLabel, rules: this.rules, error: this.error, disabled: this.disabled, focused: this.focused, hovered: this.hovered, status: this.status, useLabelRequired: this.useLabelRequired, labelTooltip: this.labelTooltip, labelTooltipProps: this.labelTooltipProps, ref: el => (this.formField = el), style: inputWidth, onMouseEnter: () => (this.hovered = true), onMouseLeave: () => (this.hovered = false) }, index.h("label", { key: 'f0f266bf75953342785b8296e40f7ca86018a75d', class: "sd-input__content", style: { width: '100%' } }, index.h("slot", { key: '2fa7295a91e35292d794879432195e9cb76bce1a', name: "prefix" }), index.h("input", { key: '5529de166855c571c385fb479f6dbfec148a6771', name: this.name, ref: el => (this.nativeEl = el), class: `sd-input__native ${this.inputClass}`, type: this.type, value: this.internalValue || '', placeholder: this.placeholder, disabled: this.disabled, readonly: this.readonly, autofocus: this.autoFocus, onInput: this.handleInput, onFocus: event => this.handleFocus('focus', event), onBlur: event => this.handleFocus('blur', event), style: this.inputStyle }), index.h("slot", { key: '5ae1f154e1ac870c8629ebf4b2007274d591018d', name: "suffix" }), this.clearable && this.internalValue && (index.h("sd-icon", { key: '57f515d933010326bd7f64ef74beb37df3fa7ba7', name: "close", color: "grey_65", size: "16", class: "sd-input__clear-icon", onClick: async () => {
                 this.internalValue = '';
                 await this.formField?.sdValidate();
-            } }))))), this.errorMsg && index.h("div", { key: '1cdb9aa9ef20ad367a42e597a8f1584d6b5b43f5', class: "sd-field__error-message" }, this.errorMsg))
-        //  </sd-field>
-        );
-    }
-    renderLabel(label) {
-        if (!label)
-            return null;
-        return (index.h("label", { class: { 'sd-field__label': true, 'sd-field__label-inside': this.insideLabel } }, this.useLabelRequired && (index.h("sd-icon", { name: "star", size: "10", color: "brilliantblue_75", class: "sd-field__label__required-icon" })), index.h("div", { class: "sd-field__label__text" }, label), this.labelTooltip && (index.h("sd-tooltip", { class: "sd-field__label__tooltip", ...this.labelTooltipProps }, index.h("div", { slot: "content" }, this.labelTooltip)))));
+            } })))));
     }
     static get watchers() { return {
         "value": ["valueChanged"],
@@ -334,10 +368,11 @@ const SdPortal = class {
         this.close.emit();
     }
     render() {
-        return index.h("slot", { key: '7b07fdd6e674938c5167152ef7ff2263d11cdb22' });
+        return index.h("slot", { key: '6181685d61b1e95116316b72208702597bba2b8e' });
     }
 };
 
+exports.sd_field = SdField;
 exports.sd_input = SdInput;
 exports.sd_portal = SdPortal;
-//# sourceMappingURL=sd-input.sd-portal.entry.cjs.js.map
+//# sourceMappingURL=sd-field.sd-input.sd-portal.entry.cjs.js.map

package/dist/cjs/sd-loading-spinner_2.cjs.entry.js

@@ -16,12 +16,12 @@ const SdLoadingSpinner = class {
         return resolveColor.resolveColor(this.color);
     }
     render() {
-        return (index.h(index.Host, { key: '2a14dc5d4ab9688bde601bbe59c821283f17e06a' }, index.h("svg", { key: 'c1c8b79c2c1b937e6663654dcb6fbb8e3774204e', class: "sd-loading-spinner", width: "72px", height: "72px", viewBox: "25 25 50 50", style: { color: this.resolvedColor } }, index.h("circle", { key: 'c85f3f58e8bf064f5903dc861eda3e2dfc10493b', class: "path", cx: "50", cy: "50", r: "20", fill: "none", stroke: "currentColor", "stroke-width": "5", "stroke-miterlimit": "10" }))));
+        return (index.h(index.Host, { key: '90e8d5b70e299835006b59d8240e0e0a526c14f7' }, index.h("svg", { key: '22c2e6c4a638440fd97abc82ebcba99a26a6e13c', class: "sd-loading-spinner", width: "72px", height: "72px", viewBox: "25 25 50 50", style: { color: this.resolvedColor } }, index.h("circle", { key: '41470486ab808e13a8d9fa0815b1a26436d6ca79', class: "path", cx: "50", cy: "50", r: "20", fill: "none", stroke: "currentColor", "stroke-width": "5", "stroke-miterlimit": "10" }))));
     }
 };
 SdLoadingSpinner.style = sdLoadingSpinnerCss();
 
-const sdSelectCss = () => `sd-select{display:inline-flex;flex-flow:column nowrap;height:fit-content}sd-select *:focus,sd-select *:focus-visible,sd-select *:focus-within{outline:none !important}sd-select .sd-select{width:100%}sd-select .sd-select .sd-select__trigger{padding:4px 28px 4px 12px;display:flex;width:100%;height:100%;align-items:center}sd-select .sd-select .sd-select__trigger .sd-select__value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:20px;font-size:12px;font-weight:400;text-align:left}sd-select .sd-select .sd-select__trigger .sd-select__clear{margin:0 4px;width:8px;height:8px;background-color:transparent;outline:none;border:none}sd-select .sd-select .sd-select__arrow{position:absolute;top:8px;right:8px;width:12px;height:12px;color:#888888;transition:transform 0.3s ease;margin-left:8px}sd-select .sd-select .sd-select__arrow--open{transform:rotate(180deg)}`;
+const sdSelectCss = () => `sd-select{display:inline-flex;flex-flow:column nowrap;height:fit-content}sd-select *:focus,sd-select *:focus-visible,sd-select *:focus-within{outline:none !important}sd-select .sd-select{width:var(--sd-select-width, 100%)}sd-select .sd-select .sd-select__trigger{padding:4px 28px 4px 12px;display:flex;width:100%;height:100%;align-items:center}sd-select .sd-select .sd-select__trigger .sd-select__value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:20px;font-size:12px;font-weight:400;text-align:left}sd-select .sd-select .sd-select__trigger .sd-select__clear{margin:0 4px;width:8px;height:8px;background-color:transparent;outline:none;border:none}sd-select .sd-select .sd-select__arrow{position:absolute;top:8px;right:8px;width:12px;height:12px;color:#888888;transition:transform 0.3s ease;margin-left:8px}sd-select .sd-select .sd-select__arrow--open{transform:rotate(180deg)}`;
 
 const SdSelect = class extends baseDropdownEvent.BaseDropdownEvent {
     constructor(hostRef) {
@@ -160,12 +160,12 @@ const SdSelect = class extends baseDropdownEvent.BaseDropdownEvent {
         }
     };
     render() {
-        return (index.h("sd-field", { key: '68a240003aea293bea271a6aed1b9dbc82fdfd16', label: this.label, name: this.name, rules: this.rules, error: this.error, disabled: this.disabled, useLabelRequired: this.useLabelRequired, insideLabel: this.insideLabel, labelTooltip: this.labelTooltip, labelTooltipProps: this.labelTooltipProps, ref: el => (this.formField = el) }, index.h("div", { key: 'd06691b9afb927566e39f27da78f14febd5f77ae', class: {
+        return (index.h("sd-field", { key: '68a240003aea293bea271a6aed1b9dbc82fdfd16', label: this.label, name: this.name, rules: this.rules, error: this.error, disabled: this.disabled, useLabelRequired: this.useLabelRequired, insideLabel: this.insideLabel, labelTooltip: this.labelTooltip, labelTooltipProps: this.labelTooltipProps, ref: el => (this.formField = el) }, index.h("div", { key: 'ada6bd82425cbcfb7949834677a025555307a05d', class: {
                 'sd-select': true,
                 'sd-select--disabled': this.disabled,
                 'sd-select--error': !!this.error,
                 'sd-select--label': !!this.label,
-            }, ref: el => (this.selectRef = el) }, this.renderTrigger(), this.renderDropdown())));
+            }, style: { '--sd-select-width': this.width }, ref: el => (this.selectRef = el) }, this.renderTrigger(), this.renderDropdown())));
     }
     renderTrigger() {
         const selectedOption = this.getSelectedOption();