@sellmate/design-system 1.0.68 → 1.0.69

package/dist/esm/loader.js

@@ -4,7 +4,7 @@ export { s as setNonce } from './index-BGyJgVXm.js';
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await globalScripts();
-  return bootstrapLazy(JSON.parse("[[\"sd-button-v2_2\",[[512,\"sd-button-v2\",{\"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-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],\"noDataLabel\":[1,\"no-data-label\"],\"isLoading\":[4,\"is-loading\"],\"pagination\":[16],\"useInternalPagination\":[4,\"use-internal-pagination\"],\"useRowsPerPageSelect\":[4,\"use-rows-per-page-select\"],\"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],\"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}],\"tableId\":[{\"handleTableIdChange\":0}],\"noDataLabel\":[{\"handleNoDataLabelChange\":0}],\"selectable\":[{\"handleConfigChange\":0}],\"resizable\":[{\"handleConfigChange\":0}],\"stickyColumn\":[{\"handleConfigChange\":0}],\"stickyHeader\":[{\"handleConfigChange\":0}],\"selected\":[{\"handleSelectedChange\":0}],\"pagination\":[{\"handlePaginationChange\":0}]}]]],[\"sd-select\",[[512,\"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],\"labelWidth\":[8,\"label-width\"],\"addonLabel\":[1,\"addon-label\"],\"icon\":[16],\"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\":0}]}]]],[\"sd-select-multiple\",[[512,\"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],\"labelWidth\":[8,\"label-width\"],\"icon\":[16],\"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\":0}]}]]],[\"sd-select-group\",[[772,\"sd-select-group\",{\"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],\"labelWidth\":[8,\"label-width\"],\"addonLabel\":[1,\"addon-label\"],\"icon\":[16],\"labelTooltip\":[1,\"label-tooltip\"],\"labelTooltipProps\":[16],\"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,{\"options\":[{\"optionsChanged\":0}],\"searchText\":[{\"searchTextChanged\":0}],\"itemIndex\":[{\"itemIndexChanged\":0}],\"isOpen\":[{\"isOpenChanged\":0}]}]]],[\"sd-select-multiple-group\",[[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],\"labelWidth\":[8,\"label-width\"],\"icon\":[16],\"labelTooltip\":[1,\"label-tooltip\"],\"labelTooltipProps\":[16],\"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\":0}],\"options\":[{\"optionsChanged\":0}],\"searchText\":[{\"searchTextChanged\":0}],\"itemIndex\":[{\"itemIndexChanged\":0}],\"isOpen\":[{\"isOpenChanged\":0}]}]]],[\"sd-date-picker\",[[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\"],\"hint\":[1],\"errorMessage\":[1,\"error-message\"],\"fieldName\":[1,\"field-name\"],\"rules\":[16],\"error\":[1028],\"icon\":[16],\"labelTooltip\":[1,\"label-tooltip\"],\"labelTooltipProps\":[16],\"isOpen\":[32],\"isAnimatingOut\":[32],\"focused\":[32],\"hovered\":[32],\"sdValidate\":[64],\"sdReset\":[64],\"sdResetValidate\":[64]},null,{\"isOpen\":[{\"watchIsOpen\":0}]}]]],[\"sd-date-range-picker\",[[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\"],\"hint\":[1],\"errorMessage\":[1,\"error-message\"],\"fieldName\":[1,\"field-name\"],\"rules\":[16],\"error\":[1028],\"icon\":[16],\"labelTooltip\":[1,\"label-tooltip\"],\"labelTooltipProps\":[16],\"isOpen\":[32],\"isAnimatingOut\":[32],\"focused\":[32],\"hovered\":[32],\"sdValidate\":[64],\"sdReset\":[64],\"sdResetValidate\":[64]},null,{\"isOpen\":[{\"watchIsOpen\":0}]}]]],[\"sd-modal-container\",[[512,\"sd-modal-container\",{\"autoRemove\":[4,\"auto-remove\"],\"entry\":[32],\"isVisible\":[32],\"backdropVisible\":[32],\"open\":[64],\"openLoading\":[64],\"createCustom\":[64],\"dismissById\":[64],\"update\":[64]}]]],[\"sd-barcode-input\",[[772,\"sd-barcode-input\",{\"value\":[1032],\"size\":[1],\"addonLabel\":[1,\"addon-label\"],\"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],\"internalValue\":[32],\"sdGetNativeElement\":[64],\"sdValidate\":[64],\"sdReset\":[64],\"sdResetValidate\":[64],\"sdFocus\":[64]},null,{\"value\":[{\"valueChanged\":0}],\"internalValue\":[{\"internalValueChanged\":0}]}]]],[\"sd-file-picker\",[[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\"],\"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}]}]]],[\"sd-number-input\",[[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\"],\"addonLabel\":[1,\"addon-label\"],\"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],\"internalValue\":[32],\"displayValue\":[32],\"sdValidate\":[64],\"sdReset\":[64],\"sdResetValidate\":[64],\"sdFocus\":[64],\"sdGetNativeElement\":[64]},null,{\"value\":[{\"valueChanged\":0}],\"internalValue\":[{\"internalValueChanged\":0}]}]]],[\"sd-textarea\",[[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\"],\"hint\":[1],\"errorMessage\":[1,\"error-message\"],\"icon\":[16],\"labelTooltip\":[1,\"label-tooltip\"],\"labelTooltipProps\":[16],\"rules\":[16],\"error\":[1028],\"status\":[1],\"focused\":[1028],\"hovered\":[1028],\"internalValue\":[32],\"sdGetNativeElement\":[64],\"sdValidate\":[64],\"sdReset\":[64],\"sdResetValidate\":[64],\"sdFocus\":[64]},null,{\"value\":[{\"valueChanged\":0}],\"internalValue\":[{\"internalValueChanged\":0}]}]]],[\"sd-thead\",[[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}]}]]],[\"sd-guide\",[[512,\"sd-guide\",{\"type\":[513],\"label\":[513],\"message\":[1],\"url\":[1],\"popupTitle\":[1,\"popup-title\"],\"popupWidth\":[2,\"popup-width\"],\"popupShow\":[32]}]]],[\"sd-popover\",[[512,\"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\":0}]}]]],[\"sd-action-modal\",[[772,\"sd-action-modal\",{\"modalTitle\":[1,\"modal-title\"],\"buttonProps\":[16],\"width\":[8],\"height\":[8]}]]],[\"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-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-calendar\",[[514,\"sd-calendar\",{\"value\":[1537],\"selectable\":[16],\"events\":[16],\"eventColors\":[16],\"currentYear\":[32],\"currentMonth\":[32],\"eventsRevision\":[32]},null,{\"value\":[{\"handleValueChange\":0}],\"events\":[{\"handleEventsChange\":0}],\"eventColors\":[{\"handleEventsChange\":0}]}]]],[\"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-dropdown-button\",[[512,\"sd-dropdown-button\",{\"name\":[1],\"label\":[1],\"items\":[16],\"disabled\":[4],\"isOpen\":[32],\"isAnimatingOut\":[32],\"itemIndex\":[32],\"sdOpen\":[64],\"sdClose\":[64]},null,{\"isOpen\":[{\"handleOpenChange\":0}]}]]],[\"sd-tabs\",[[512,\"sd-tabs\",{\"value\":[1537],\"tabs\":[1040],\"size\":[513],\"isSub\":[516,\"is-sub\"]},null,{\"value\":[{\"valueChanged\":0}]}]]],[\"sd-tr\",[[772,\"sd-tr\",{\"columns\":[16],\"selectable\":[4],\"stickyColumn\":[16],\"rowKey\":[1,\"row-key\"],\"row\":[16],\"tableId\":[32],\"columnWidths\":[32],\"isVisible\":[32],\"_columns\":[32],\"_selectable\":[32],\"_stickyColumn\":[32],\"_scrolledLeft\":[32],\"_scrolledRight\":[32],\"refreshConfig\":[64],\"updateVisibility\":[64],\"setColumnWidths\":[64],\"refreshSelection\":[64]}]]],[\"sd-circle-progress\",[[512,\"sd-circle-progress\",{\"indeterminate\":[516],\"value\":[2],\"type\":[513]}]]],[\"sd-loading-container\",[[512,\"sd-loading-container\",{\"visible\":[32],\"message\":[32],\"show\":[64],\"hide\":[64]}]]],[\"sd-radio-group\",[[512,\"sd-radio-group\",{\"value\":[1032],\"options\":[1040],\"direction\":[1],\"disabled\":[4],\"groupName\":[1,\"group-name\"]},null,{\"value\":[{\"valueChanged\":0}]}]]],[\"sd-text-link\",[[512,\"sd-text-link\",{\"label\":[1],\"icon\":[1],\"iconColor\":[1,\"icon-color\"],\"labelClass\":[1,\"label-class\"],\"useArrow\":[516,\"use-arrow\"],\"underline\":[516],\"disabled\":[516]}]]],[\"sd-badge\",[[512,\"sd-badge\",{\"color\":[1],\"label\":[1]}]]],[\"sd-card\",[[772,\"sd-card\",{\"bordered\":[4],\"sdClass\":[1,\"sd-class\"]}]]],[\"sd-form\",[[772,\"sd-form\",{\"formClass\":[1,\"form-class\"],\"sdRegisterField\":[64],\"sdUnregisterField\":[64],\"sdValidate\":[64],\"sdReset\":[64],\"sdResetValidation\":[64]}]]],[\"sd-progress\",[[512,\"sd-progress\",{\"type\":[1],\"error\":[4],\"percentage\":[2],\"size\":[2],\"strokeWidth\":[2,\"stroke-width\"],\"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-tbody\",[[769,\"sd-tbody\",{\"rows\":[16],\"tableId\":[32],\"topSpacerHeight\":[32],\"bottomSpacerHeight\":[32]},null,{\"rows\":[{\"handleRowsChange\":0}]}]]],[\"sd-td\",[[772,\"sd-td\",{\"field\":[1],\"rowKey\":[1,\"row-key\"],\"align\":[1]},null,{\"field\":[{\"handleFieldChange\":0}],\"rowKey\":[{\"handleRowKeyChange\":0}]}]]],[\"sd-toggle\",[[512,\"sd-toggle\",{\"value\":[1540],\"label\":[1],\"disabled\":[4]}]]],[\"table-test\",[[769,\"table-test\",{\"columns\":[16],\"rows\":[16],\"bordered\":[4],\"striped\":[4],\"cellRenderers\":[32],\"headerRenderers\":[32],\"setCellRenderer\":[64],\"setHeaderRenderer\":[64],\"removeCellRenderer\":[64],\"clearAllRenderers\":[64]},null,{\"columns\":[{\"dataChanged\":0}],\"rows\":[{\"dataChanged\":0}]}]]],[\"sd-ghost-button\",[[512,\"sd-ghost-button\",{\"icon\":[1],\"size\":[1],\"intent\":[1],\"ariaLabel\":[1,\"aria-label\"],\"disabled\":[4]}]]],[\"sd-date-picker-calendar\",[[512,\"sd-date-picker-calendar\",{\"value\":[1],\"selectable\":[16],\"currentYear\":[32],\"currentMonth\":[32]},null,{\"value\":[{\"handleValueChange\":0}]}]]],[\"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-toast\",[[512,\"sd-toast\",{\"icon\":[1],\"message\":[1],\"link\":[1],\"linkLabel\":[1,\"link-label\"],\"useClose\":[4,\"use-close\"],\"type\":[1]}]]],[\"sd-radio\",[[512,\"sd-radio\",{\"value\":[1032],\"val\":[8],\"disabled\":[4],\"label\":[1]},null,{\"value\":[{\"valueChanged\":0}]}]]],[\"sd-tag\",[[512,\"sd-tag\",{\"name\":[1],\"label\":[1],\"icon\":[1],\"isLeft\":[4,\"is-left\"]}]]],[\"sd-select-v2-list-item_4\",[[513,\"sd-select-v2-listbox\",{\"name\":[1],\"options\":[16],\"value\":[8],\"emitValue\":[4,\"emit-value\"],\"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-v2-trigger\",{\"displayText\":[1,\"display-text\"],\"placeholder\":[1],\"disabled\":[4],\"isOpen\":[4,\"is-open\"]}],[512,\"sd-select-v2-list-item\",{\"option\":[16],\"depth\":[2],\"isSelected\":[4,\"is-selected\"],\"isFocused\":[4,\"is-focused\"],\"useCheckbox\":[4,\"use-checkbox\"],\"countInfo\":[16]}],[512,\"sd-select-v2-list-item-search\",{\"isScrolled\":[4,\"is-scrolled\"],\"searchText\":[32],\"sdFocus\":[64]}]]],[\"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-checkbox\",[[512,\"sd-checkbox\",{\"value\":[1028],\"val\":[8],\"disabled\":[516],\"inverse\":[516],\"label\":[1],\"isChecked\":[32]},null,{\"value\":[{\"watchValueHandler\":0}]}]]],[\"sd-button_4\",[[772,\"sd-field\",{\"name\":[1],\"rules\":[16],\"error\":[1028],\"disabled\":[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\"],\"icon\":[16],\"labelTooltip\":[1,\"label-tooltip\"],\"labelTooltipProps\":[16],\"errorMsg\":[32],\"sdValidate\":[64],\"sdReset\":[64],\"sdResetValidation\":[64],\"sdFocus\":[64]}],[512,\"sd-tooltip\",{\"trigger\":[1],\"placement\":[1],\"color\":[1],\"tooltipType\":[1,\"tooltip-type\"],\"icon\":[1],\"iconSize\":[2,\"icon-size\"],\"label\":[1],\"buttonSize\":[1,\"button-size\"],\"buttonVariant\":[1,\"button-variant\"],\"noHover\":[4,\"no-hover\"],\"sdClass\":[1,\"sd-class\"],\"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\"]]],[512,\"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\"],\"sdClass\":[1,\"sd-class\"]}]]],[\"sd-pagination_2\",[[512,\"sd-select-v2\",{\"name\":[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\"],\"error\":[1028],\"hint\":[1],\"errorMessage\":[1,\"error-message\"],\"fieldName\":[1,\"field-name\"],\"rules\":[16],\"icon\":[16],\"labelTooltip\":[1,\"label-tooltip\"],\"labelTooltipProps\":[16],\"emitValue\":[4,\"emit-value\"],\"width\":[8],\"isOpen\":[32],\"isAnimatingOut\":[32],\"triggerWidth\":[32],\"resolvedDropdownHeight\":[32],\"resolvedMaxDropdownWidth\":[32],\"focused\":[32],\"hovered\":[32]},null,{\"isOpen\":[{\"watchIsOpen\":0}]}],[512,\"sd-pagination\",{\"currentPage\":[1026,\"current-page\"],\"lastPage\":[2,\"last-page\"],\"simple\":[4]}]]],[\"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]}]]],[\"sd-select-option-group\",[[512,\"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-date-picker-trigger\",[[512,\"sd-date-picker-trigger\",{\"displayText\":[1,\"display-text\"],\"placeholder\":[1],\"disabled\":[4],\"size\":[1]}]]],[\"sd-input_2\",[[512,\"sd-select-search-input\",{\"isScrolled\":[4,\"is-scrolled\"],\"searchText\":[1,\"search-text\"],\"sdGetNativeElement\":[64],\"sdSearchInputFocus\":[64]}],[772,\"sd-input\",{\"value\":[1032],\"type\":[1],\"size\":[1],\"addonLabel\":[1,\"addon-label\"],\"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],\"internalValue\":[32],\"passwordVisible\":[32],\"sdGetNativeElement\":[64],\"sdValidate\":[64],\"sdReset\":[64],\"sdResetValidate\":[64],\"sdFocus\":[64]},null,{\"value\":[{\"valueChanged\":0}],\"internalValue\":[{\"internalValueChanged\":0}]}]]],[\"sd-select-dropdown_2\",[[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\":0}],\"searchText\":[{\"searchTextChanged\":0}],\"itemIndex\":[{\"itemIndexChanged\":0}]}],[512,\"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]}]]]]"), options);
+  return bootstrapLazy(JSON.parse("[[\"sd-button-v2_2\",[[512,\"sd-button-v2\",{\"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-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],\"noDataLabel\":[1,\"no-data-label\"],\"isLoading\":[4,\"is-loading\"],\"pagination\":[16],\"useInternalPagination\":[4,\"use-internal-pagination\"],\"useRowsPerPageSelect\":[4,\"use-rows-per-page-select\"],\"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],\"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}],\"tableId\":[{\"handleTableIdChange\":0}],\"noDataLabel\":[{\"handleNoDataLabelChange\":0}],\"selectable\":[{\"handleConfigChange\":0}],\"resizable\":[{\"handleConfigChange\":0}],\"stickyColumn\":[{\"handleConfigChange\":0}],\"stickyHeader\":[{\"handleConfigChange\":0}],\"selected\":[{\"handleSelectedChange\":0}],\"pagination\":[{\"handlePaginationChange\":0}]}]]],[\"sd-select\",[[512,\"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],\"labelWidth\":[8,\"label-width\"],\"addonLabel\":[1,\"addon-label\"],\"addonAlign\":[1,\"addon-align\"],\"icon\":[16],\"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\":0}]}]]],[\"sd-select-multiple\",[[512,\"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],\"labelWidth\":[8,\"label-width\"],\"icon\":[16],\"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\":0}]}]]],[\"sd-select-group\",[[772,\"sd-select-group\",{\"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],\"labelWidth\":[8,\"label-width\"],\"addonLabel\":[1,\"addon-label\"],\"addonAlign\":[1,\"addon-align\"],\"icon\":[16],\"labelTooltip\":[1,\"label-tooltip\"],\"labelTooltipProps\":[16],\"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,{\"options\":[{\"optionsChanged\":0}],\"searchText\":[{\"searchTextChanged\":0}],\"itemIndex\":[{\"itemIndexChanged\":0}],\"isOpen\":[{\"isOpenChanged\":0}]}]]],[\"sd-select-multiple-group\",[[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],\"labelWidth\":[8,\"label-width\"],\"icon\":[16],\"labelTooltip\":[1,\"label-tooltip\"],\"labelTooltipProps\":[16],\"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\":0}],\"options\":[{\"optionsChanged\":0}],\"searchText\":[{\"searchTextChanged\":0}],\"itemIndex\":[{\"itemIndexChanged\":0}],\"isOpen\":[{\"isOpenChanged\":0}]}]]],[\"sd-date-picker\",[[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\"],\"fieldName\":[1,\"field-name\"],\"rules\":[16],\"error\":[1028],\"icon\":[16],\"labelTooltip\":[1,\"label-tooltip\"],\"labelTooltipProps\":[16],\"isOpen\":[32],\"isAnimatingOut\":[32],\"focused\":[32],\"hovered\":[32],\"sdValidate\":[64],\"sdReset\":[64],\"sdResetValidate\":[64]},null,{\"isOpen\":[{\"watchIsOpen\":0}]}]]],[\"sd-date-range-picker\",[[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\"],\"fieldName\":[1,\"field-name\"],\"rules\":[16],\"error\":[1028],\"icon\":[16],\"labelTooltip\":[1,\"label-tooltip\"],\"labelTooltipProps\":[16],\"isOpen\":[32],\"isAnimatingOut\":[32],\"focused\":[32],\"hovered\":[32],\"sdValidate\":[64],\"sdReset\":[64],\"sdResetValidate\":[64]},null,{\"isOpen\":[{\"watchIsOpen\":0}]}]]],[\"sd-modal-container\",[[512,\"sd-modal-container\",{\"autoRemove\":[4,\"auto-remove\"],\"entry\":[32],\"isVisible\":[32],\"backdropVisible\":[32],\"open\":[64],\"openLoading\":[64],\"createCustom\":[64],\"dismissById\":[64],\"update\":[64]}]]],[\"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],\"internalValue\":[32],\"sdGetNativeElement\":[64],\"sdValidate\":[64],\"sdReset\":[64],\"sdResetValidate\":[64],\"sdFocus\":[64]},null,{\"value\":[{\"valueChanged\":0}],\"internalValue\":[{\"internalValueChanged\":0}]}]]],[\"sd-file-picker\",[[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}]}]]],[\"sd-number-input\",[[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\"],\"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],\"internalValue\":[32],\"displayValue\":[32],\"sdValidate\":[64],\"sdReset\":[64],\"sdResetValidate\":[64],\"sdFocus\":[64],\"sdGetNativeElement\":[64]},null,{\"value\":[{\"valueChanged\":0}],\"internalValue\":[{\"internalValueChanged\":0}]}]]],[\"sd-textarea\",[[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],\"internalValue\":[32],\"sdGetNativeElement\":[64],\"sdValidate\":[64],\"sdReset\":[64],\"sdResetValidate\":[64],\"sdFocus\":[64]},null,{\"value\":[{\"valueChanged\":0}],\"internalValue\":[{\"internalValueChanged\":0}]}]]],[\"sd-thead\",[[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}]}]]],[\"sd-guide\",[[512,\"sd-guide\",{\"type\":[513],\"label\":[513],\"message\":[1],\"url\":[1],\"popupTitle\":[1,\"popup-title\"],\"popupWidth\":[2,\"popup-width\"],\"popupShow\":[32]}]]],[\"sd-popover\",[[512,\"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\":0}]}]]],[\"sd-action-modal\",[[772,\"sd-action-modal\",{\"modalTitle\":[1,\"modal-title\"],\"buttonProps\":[16],\"width\":[8],\"height\":[8]}]]],[\"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-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-calendar\",[[514,\"sd-calendar\",{\"value\":[1537],\"selectable\":[16],\"events\":[16],\"eventColors\":[16],\"currentYear\":[32],\"currentMonth\":[32],\"eventsRevision\":[32]},null,{\"value\":[{\"handleValueChange\":0}],\"events\":[{\"handleEventsChange\":0}],\"eventColors\":[{\"handleEventsChange\":0}]}]]],[\"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-dropdown-button\",[[512,\"sd-dropdown-button\",{\"name\":[1],\"label\":[1],\"items\":[16],\"disabled\":[4],\"isOpen\":[32],\"isAnimatingOut\":[32],\"itemIndex\":[32],\"sdOpen\":[64],\"sdClose\":[64]},null,{\"isOpen\":[{\"handleOpenChange\":0}]}]]],[\"sd-tabs\",[[512,\"sd-tabs\",{\"value\":[1537],\"tabs\":[1040],\"size\":[513],\"isSub\":[516,\"is-sub\"]},null,{\"value\":[{\"valueChanged\":0}]}]]],[\"sd-tr\",[[772,\"sd-tr\",{\"columns\":[16],\"selectable\":[4],\"stickyColumn\":[16],\"rowKey\":[1,\"row-key\"],\"row\":[16],\"tableId\":[32],\"columnWidths\":[32],\"isVisible\":[32],\"_columns\":[32],\"_selectable\":[32],\"_stickyColumn\":[32],\"_scrolledLeft\":[32],\"_scrolledRight\":[32],\"refreshConfig\":[64],\"updateVisibility\":[64],\"setColumnWidths\":[64],\"refreshSelection\":[64]}]]],[\"sd-circle-progress\",[[512,\"sd-circle-progress\",{\"indeterminate\":[516],\"value\":[2],\"type\":[513]}]]],[\"sd-loading-container\",[[512,\"sd-loading-container\",{\"visible\":[32],\"message\":[32],\"show\":[64],\"hide\":[64]}]]],[\"sd-radio-group\",[[512,\"sd-radio-group\",{\"value\":[1032],\"options\":[1040],\"direction\":[1],\"disabled\":[4],\"groupName\":[1,\"group-name\"]},null,{\"value\":[{\"valueChanged\":0}]}]]],[\"sd-text-link\",[[512,\"sd-text-link\",{\"label\":[1],\"icon\":[1],\"iconColor\":[1,\"icon-color\"],\"labelClass\":[1,\"label-class\"],\"useArrow\":[516,\"use-arrow\"],\"underline\":[516],\"disabled\":[516]}]]],[\"sd-badge\",[[512,\"sd-badge\",{\"color\":[1],\"label\":[1]}]]],[\"sd-card\",[[772,\"sd-card\",{\"bordered\":[4],\"sdClass\":[1,\"sd-class\"]}]]],[\"sd-form\",[[772,\"sd-form\",{\"formClass\":[1,\"form-class\"],\"sdRegisterField\":[64],\"sdUnregisterField\":[64],\"sdValidate\":[64],\"sdReset\":[64],\"sdResetValidation\":[64]}]]],[\"sd-progress\",[[512,\"sd-progress\",{\"type\":[1],\"error\":[4],\"percentage\":[2],\"size\":[2],\"strokeWidth\":[2,\"stroke-width\"],\"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-tbody\",[[769,\"sd-tbody\",{\"rows\":[16],\"tableId\":[32],\"topSpacerHeight\":[32],\"bottomSpacerHeight\":[32]},null,{\"rows\":[{\"handleRowsChange\":0}]}]]],[\"sd-td\",[[772,\"sd-td\",{\"field\":[1],\"rowKey\":[1,\"row-key\"],\"align\":[1]},null,{\"field\":[{\"handleFieldChange\":0}],\"rowKey\":[{\"handleRowKeyChange\":0}]}]]],[\"sd-toggle\",[[512,\"sd-toggle\",{\"value\":[1540],\"label\":[1],\"disabled\":[4]}]]],[\"table-test\",[[769,\"table-test\",{\"columns\":[16],\"rows\":[16],\"bordered\":[4],\"striped\":[4],\"cellRenderers\":[32],\"headerRenderers\":[32],\"setCellRenderer\":[64],\"setHeaderRenderer\":[64],\"removeCellRenderer\":[64],\"clearAllRenderers\":[64]},null,{\"columns\":[{\"dataChanged\":0}],\"rows\":[{\"dataChanged\":0}]}]]],[\"sd-ghost-button\",[[512,\"sd-ghost-button\",{\"icon\":[1],\"size\":[1],\"intent\":[1],\"ariaLabel\":[1,\"aria-label\"],\"disabled\":[4]}]]],[\"sd-date-picker-calendar\",[[512,\"sd-date-picker-calendar\",{\"value\":[1],\"selectable\":[16],\"currentYear\":[32],\"currentMonth\":[32]},null,{\"value\":[{\"handleValueChange\":0}]}]]],[\"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-toast\",[[512,\"sd-toast\",{\"icon\":[1],\"message\":[1],\"link\":[1],\"linkLabel\":[1,\"link-label\"],\"useClose\":[4,\"use-close\"],\"type\":[1]}]]],[\"sd-radio\",[[512,\"sd-radio\",{\"value\":[1032],\"val\":[8],\"disabled\":[4],\"label\":[1]},null,{\"value\":[{\"valueChanged\":0}]}]]],[\"sd-tag\",[[512,\"sd-tag\",{\"name\":[1],\"label\":[1],\"icon\":[1],\"isLeft\":[4,\"is-left\"]}]]],[\"sd-select-v2-list-item_4\",[[513,\"sd-select-v2-listbox\",{\"name\":[1],\"options\":[16],\"value\":[8],\"emitValue\":[4,\"emit-value\"],\"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-v2-trigger\",{\"displayText\":[1,\"display-text\"],\"placeholder\":[1],\"disabled\":[4],\"isOpen\":[4,\"is-open\"]}],[512,\"sd-select-v2-list-item\",{\"option\":[16],\"depth\":[2],\"isSelected\":[4,\"is-selected\"],\"isFocused\":[4,\"is-focused\"],\"useCheckbox\":[4,\"use-checkbox\"],\"countInfo\":[16]}],[512,\"sd-select-v2-list-item-search\",{\"isScrolled\":[4,\"is-scrolled\"],\"searchText\":[32],\"sdFocus\":[64]}]]],[\"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-checkbox\",[[512,\"sd-checkbox\",{\"value\":[1028],\"val\":[8],\"disabled\":[516],\"inverse\":[516],\"label\":[1],\"isChecked\":[32]},null,{\"value\":[{\"watchValueHandler\":0}]}]]],[\"sd-button_4\",[[772,\"sd-field\",{\"name\":[1],\"rules\":[16],\"error\":[1028],\"disabled\":[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]}],[512,\"sd-tooltip\",{\"trigger\":[1],\"placement\":[1],\"color\":[1],\"tooltipType\":[1,\"tooltip-type\"],\"icon\":[1],\"iconSize\":[2,\"icon-size\"],\"label\":[1],\"buttonSize\":[1,\"button-size\"],\"buttonVariant\":[1,\"button-variant\"],\"noHover\":[4,\"no-hover\"],\"sdClass\":[1,\"sd-class\"],\"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\"]]],[512,\"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\"],\"sdClass\":[1,\"sd-class\"]}]]],[\"sd-pagination_2\",[[512,\"sd-select-v2\",{\"name\":[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\"],\"fieldName\":[1,\"field-name\"],\"rules\":[16],\"icon\":[16],\"labelTooltip\":[1,\"label-tooltip\"],\"labelTooltipProps\":[16],\"emitValue\":[4,\"emit-value\"],\"width\":[8],\"isOpen\":[32],\"isAnimatingOut\":[32],\"triggerWidth\":[32],\"resolvedDropdownHeight\":[32],\"resolvedMaxDropdownWidth\":[32],\"focused\":[32],\"hovered\":[32]},null,{\"isOpen\":[{\"watchIsOpen\":0}]}],[512,\"sd-pagination\",{\"currentPage\":[1026,\"current-page\"],\"lastPage\":[2,\"last-page\"],\"simple\":[4]}]]],[\"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]}]]],[\"sd-select-option-group\",[[512,\"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-date-picker-trigger\",[[512,\"sd-date-picker-trigger\",{\"displayText\":[1,\"display-text\"],\"placeholder\":[1],\"disabled\":[4],\"size\":[1]}]]],[\"sd-input_2\",[[512,\"sd-select-search-input\",{\"isScrolled\":[4,\"is-scrolled\"],\"searchText\":[1,\"search-text\"],\"sdGetNativeElement\":[64],\"sdSearchInputFocus\":[64]}],[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],\"internalValue\":[32],\"passwordVisible\":[32],\"sdGetNativeElement\":[64],\"sdValidate\":[64],\"sdReset\":[64],\"sdResetValidate\":[64],\"sdFocus\":[64]},null,{\"value\":[{\"valueChanged\":0}],\"internalValue\":[{\"internalValueChanged\":0}]}]]],[\"sd-select-dropdown_2\",[[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\":0}],\"searchText\":[{\"searchTextChanged\":0}],\"itemIndex\":[{\"itemIndexChanged\":0}]}],[512,\"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]}]]]]"), options);
 };
 
 export { defineCustomElements };

package/dist/esm/sd-barcode-input.entry.js

@@ -43,6 +43,7 @@ const SdBarcodeInput = class {
     value = null;
     size = 'sm';
     addonLabel = '';
+    addonAlign = 'start';
     placeholder = '입력해 주세요.';
     disabled = false;
     clearable = false;
@@ -138,7 +139,7 @@ const SdBarcodeInput = class {
             '--sd-system-radius-field-sm': `${sizeTokens.radius}px`,
             '--sd-system-color-field-bg-default': BARCODE_INPUT_COLORS.bg.barcode,
         };
-        return (h("sd-field", { key: '11079233784a85ec20bae4653155a9820d878681', name: this.name, label: this.label, labelWidth: this.labelWidth, addonLabel: this.addonLabel, hint: this.hint, errorMessage: this.errorMessage, width: this.width, rules: this.rules, error: this.error, disabled: this.disabled, focused: this.focused, hovered: this.hovered, status: this.status, size: this.size, icon: this.icon, labelTooltip: this.labelTooltip, labelTooltipProps: this.labelTooltipProps, ref: el => (this.formField = el), onMouseEnter: () => (this.hovered = true), onMouseLeave: () => (this.hovered = false), style: cssVars }, h("label", { key: '592fcb675607d57d7372abac967eb1c1a1e27212', class: "sd-barcode-input__content" }, h("slot", { key: 'a035ed3825360f81e669c3ef9099a479bbb69fd0', name: "prefix" }), h("input", { key: '7ffffa2b085050d05d1439cac1c90901144da410', name: this.name, ref: el => (this.nativeEl = el), class: `sd-barcode-input__native ${this.inputClass}`, type: "text", 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 }), h("slot", { key: 'cc9a0e5b0b367c5c443bfe132408d834d74c16b3', name: "suffix" }), this.clearable && this.internalValue && (h("sd-ghost-button", { key: 'a5a06ef58a7f38ffbafb56038ff8321e66184da5', icon: "close", ariaLabel: "clear", size: "xxs", disabled: this.disabled, class: "sd-barcode-input__clear-icon", onClick: async () => {
+        return (h("sd-field", { key: '876c4e2cd41e62cd5486b7dec5ca1b34d10704b9', 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, status: this.status, size: this.size, icon: this.icon, labelTooltip: this.labelTooltip, labelTooltipProps: this.labelTooltipProps, ref: el => (this.formField = el), onMouseEnter: () => (this.hovered = true), onMouseLeave: () => (this.hovered = false), style: cssVars }, h("label", { key: 'e01920c2565e1f4487ccd516f864b9f68fa0cfd8', class: "sd-barcode-input__content" }, h("slot", { key: 'd7be8745d6b0f510a11c88e1ca629f78fbc77348', name: "prefix" }), h("input", { key: 'f214f2930fc54a0466a10ce295e46885352e0e88', name: this.name, ref: el => (this.nativeEl = el), class: `sd-barcode-input__native ${this.inputClass}`, type: "text", 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 }), h("slot", { key: 'a226a2c7ec43951ab9f048f8da25542784233e65', name: "suffix" }), this.clearable && this.internalValue && (h("sd-ghost-button", { key: 'ff7f8853b43401f3bf4be051e69d8c459ca418aa', icon: "close", ariaLabel: "clear", size: "xxs", disabled: this.disabled, class: "sd-barcode-input__clear-icon", onClick: async () => {
                 if (this.disabled)
                     return;
                 this.internalValue = '';

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

@@ -107,6 +107,11 @@ var fieldTokens = {
 	field: field
 };
 
+const FIELD_ADDON_ALIGN_MAP = {
+    start: 'flex-start',
+    center: 'center',
+    end: 'flex-end',
+};
 const sm = fieldTokens.field.label.sm;
 const md = fieldTokens.field.label.md;
 const FIELD_LABEL_SIZE_MAP = {
@@ -128,7 +133,7 @@ const FIELD_LABEL_SIZE_MAP = {
     },
 };
 
-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.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:#E1E1E1;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;flex-shrink:0;width:var(--sd-field-label-width, auto);height:var(--sd-field-label-height);margin-right:var(--sd-field-label-margin-right)}sd-field .sd-field--has-label .sd-field__wrapper .sd-field__label__icon{margin-right:var(--sd-field-label-gap);flex-shrink:0}sd-field .sd-field--has-label .sd-field__wrapper .sd-field__label__text{font-size:var(--sd-field-label-font-size);line-height:var(--sd-field-label-line-height);font-weight:var(--sd-field-label-font-weight);color:var(--sd-system-color-field-text-default);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}sd-field .sd-field--has-label .sd-field__wrapper .sd-field__label__tooltip{margin-left:var(--sd-field-label-gap);flex-shrink:0}sd-field .sd-field--has-addon .sd-field__control .sd-field__addon{display:flex;gap:var(--sd-field-addon-gap);align-items:center;white-space:nowrap;padding:0 var(--sd-field-addon-padding-x);font-size:var(--sd-field-addon-font-size);line-height:var(--sd-field-addon-line-height);font-weight:var(--sd-field-addon-font-weight);background:var(--sd-field-addon-bg);border-right:var(--sd-field-addon-border-width) solid var(--sd-field-addon-border-color);border-radius:calc(var(--sd-field-control-radius) - 1px) 0 0 calc(var(--sd-field-control-radius) - 1px)}sd-field .sd-field__wrapper{width:100%;display:flex;align-items:flex-start;flex-flow:row nowrap;position:relative;color:var(--sd-system-color-field-text-default);-webkit-user-select:none;user-select:none}sd-field .sd-field__wrapper .sd-field__main{flex:1;min-width:0;display:flex;flex-direction:column}sd-field .sd-field__wrapper .sd-field__control{position:relative;height:var(--sd-field-wrapper-height);display:flex;min-width:0;border:1px solid var(--sd-system-color-field-border-default);border-radius:var(--sd-field-control-radius);background:var(--sd-system-color-field-bg-default)}sd-field .sd-field--error .sd-field__wrapper .sd-field__control:not(:hover){border:1px solid var(--sd-system-color-field-border-danger) !important}sd-field .sd-field.sd-field--pass .sd-field__wrapper .sd-field__control{border:1px solid var(--sd-system-color-field-border-success) !important}sd-field .sd-field:not(.sd-field--disabled) .sd-field__wrapper .sd-field__control:hover{border:1px solid var(--sd-system-color-field-border-focus) !important;box-shadow:0px 0px 4px 0px rgba(0, 113, 255, 0.4)}sd-field .sd-field.sd-field--focus .sd-field__wrapper .sd-field__control{border:1px solid var(--sd-system-color-field-border-focus) !important;box-shadow:0px 0px 4px 0px rgba(0, 113, 255, 0.4)}sd-field .sd-field .sd-field__error-message{color:var(--sd-textinput-textinput-text-error-message);font-size:var(--sd-textinput-textinput-error-message-typography-font-size);line-height:var(--sd-textinput-textinput-error-message-typography-line-height);margin-top:var(--sd-textinput-textinput-contents-gap)}sd-field .sd-field .sd-field__hint{color:var(--sd-textinput-textinput-text-hint);font-size:var(--sd-textinput-textinput-hint-typography-font-size);line-height:var(--sd-textinput-textinput-hint-typography-line-height);margin-top:var(--sd-textinput-textinput-contents-gap)}`;
+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.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:#E1E1E1;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;flex-shrink:0;width:var(--sd-field-label-width, auto);height:var(--sd-field-label-height);margin-right:var(--sd-field-label-margin-right)}sd-field .sd-field--has-label .sd-field__wrapper .sd-field__label__icon{margin-right:var(--sd-field-label-gap);flex-shrink:0}sd-field .sd-field--has-label .sd-field__wrapper .sd-field__label__text{font-size:var(--sd-field-label-font-size);line-height:var(--sd-field-label-line-height);font-weight:var(--sd-field-label-font-weight);color:var(--sd-system-color-field-text-default);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}sd-field .sd-field--has-label .sd-field__wrapper .sd-field__label__tooltip{margin-left:var(--sd-field-label-gap);flex-shrink:0}sd-field .sd-field--has-addon .sd-field__control .sd-field__addon{display:flex;gap:var(--sd-field-addon-gap);align-items:center;justify-content:var(--sd-field-addon-justify, flex-start);white-space:nowrap;box-sizing:border-box;flex-shrink:0;width:var(--sd-field-addon-width, auto);padding:0 var(--sd-field-addon-padding-x);font-size:var(--sd-field-addon-font-size);line-height:var(--sd-field-addon-line-height);font-weight:var(--sd-field-addon-font-weight);background:var(--sd-field-addon-bg);border-right:var(--sd-field-addon-border-width) solid var(--sd-field-addon-border-color);border-radius:calc(var(--sd-field-control-radius) - 1px) 0 0 calc(var(--sd-field-control-radius) - 1px)}sd-field .sd-field__wrapper{width:100%;display:flex;align-items:flex-start;flex-flow:row nowrap;position:relative;color:var(--sd-system-color-field-text-default);-webkit-user-select:none;user-select:none}sd-field .sd-field__wrapper .sd-field__main{flex:1;min-width:0;display:flex;flex-direction:column}sd-field .sd-field__wrapper .sd-field__control{position:relative;height:var(--sd-field-wrapper-height);display:flex;min-width:0;border:1px solid var(--sd-system-color-field-border-default);border-radius:var(--sd-field-control-radius);background:var(--sd-system-color-field-bg-default)}sd-field .sd-field--error .sd-field__wrapper .sd-field__control:not(:hover){border:1px solid var(--sd-system-color-field-border-danger) !important}sd-field .sd-field.sd-field--pass .sd-field__wrapper .sd-field__control{border:1px solid var(--sd-system-color-field-border-success) !important}sd-field .sd-field:not(.sd-field--disabled) .sd-field__wrapper .sd-field__control:hover{border:1px solid var(--sd-system-color-field-border-focus) !important;box-shadow:0px 0px 4px 0px rgba(0, 113, 255, 0.4)}sd-field .sd-field.sd-field--focus .sd-field__wrapper .sd-field__control{border:1px solid var(--sd-system-color-field-border-focus) !important;box-shadow:0px 0px 4px 0px rgba(0, 113, 255, 0.4)}sd-field .sd-field .sd-field__error-message{color:var(--sd-textinput-textinput-text-error-message);font-size:var(--sd-textinput-textinput-error-message-typography-font-size);line-height:var(--sd-textinput-textinput-error-message-typography-line-height);margin-top:var(--sd-textinput-textinput-contents-gap)}sd-field .sd-field .sd-field__hint{color:var(--sd-textinput-textinput-text-hint);font-size:var(--sd-textinput-textinput-hint-typography-font-size);line-height:var(--sd-textinput-textinput-hint-typography-line-height);margin-top:var(--sd-textinput-textinput-contents-gap)}`;
 
 const FORM_PARENT_TAGS = [
     'sd-select',
@@ -163,6 +168,7 @@ const SdField = class {
     label = '';
     labelWidth = '';
     addonLabel = '';
+    addonAlign = 'start';
     icon = undefined;
     labelTooltip = '';
     labelTooltipProps = null;
@@ -293,22 +299,28 @@ const SdField = class {
                     : addonTokens.border.default,
                 '--sd-field-addon-gap': `${addonTokens.gap}px`,
                 '--sd-field-addon-border-width': `${addonTokens.border.width}px`,
+                '--sd-field-addon-justify': FIELD_ADDON_ALIGN_MAP[this.addonAlign] ?? FIELD_ADDON_ALIGN_MAP.start,
+                ...(this.labelWidth
+                    ? {
+                        '--sd-field-addon-width': typeof this.labelWidth === 'number' ? `${this.labelWidth}px` : this.labelWidth,
+                    }
+                    : {}),
             }
             : {};
-        return (h("div", { key: 'af5531a8bad5b8685f56748ce55044927f061903', class: {
+        return (h("div", { key: '967c6e44e514001350f0ca7eedf97e12ec8bac89', class: {
                 'sd-field': true,
                 'sd-field--has-label': !!this.label,
                 'sd-field--has-addon': !!addon,
                 [this.fieldStatus]: !!this.fieldStatus,
-            }, style: { ...sizeCssVars, ...labelCssVars, ...addonCssVars } }, h("div", { key: '82f2472c0ccc778a982bbf6164edfdc1629a9eb1', class: "sd-field__wrapper" }, this.renderLabel(this.label), h("div", { key: '42dd86d80718b245402b42376d28810745cf2154', class: "sd-field__main", style: this.width
+            }, style: { ...sizeCssVars, ...labelCssVars, ...addonCssVars } }, h("div", { key: '238c06bb4ea963c5e7b1ee31dfc7f4b7f4b88af1', class: "sd-field__wrapper" }, this.renderLabel(this.label), h("div", { key: '2144211ec7096b3a36dab1bd494b633604fe942b', class: "sd-field__main", style: this.width
                 ? {
                     width: typeof this.width === 'number' ? `${this.width}px` : this.width,
                     flex: 'none',
                 }
-                : {} }, h("div", { key: '0c80a69019f7b14c5f19eeb21f751c885df4c82b', class: {
+                : {} }, h("div", { key: '8f5e0e010b5fe4ec60c6cae29a9a4510ba0f34a5', class: {
                 'sd-field__control': true,
                 'sd-field__control--has-addon': !!addon,
-            } }, addon && h("div", { key: 'c3b9fac0b4586ba5697af8a7cfe7a6aec01b0e52', class: "sd-field__addon" }, addon), h("slot", { key: 'f7e087e3b3927708fd28919dba9e6edf4e1d317b' })), this.errorMsg || this.errorMessage ? (h("div", { class: "sd-field__error-message" }, this.errorMsg || this.errorMessage)) : (this.hint && h("div", { class: "sd-field__hint" }, this.hint))))));
+            } }, addon && h("div", { key: '853c73197999da0f753335a06e38aa850d0e9230', class: "sd-field__addon" }, addon), h("slot", { key: '7e6d1d965d83df16e6294d259d1e25b2fab864cd' })), this.errorMsg || this.errorMessage ? (h("div", { class: "sd-field__error-message" }, this.errorMsg || this.errorMessage)) : (this.hint && h("div", { class: "sd-field__hint" }, this.hint))))));
     }
     renderLabel(label) {
         if (!label)

package/dist/esm/sd-date-picker.entry.js

@@ -22,6 +22,7 @@ const SdDatePicker = class {
     label = '';
     labelWidth = '';
     addonLabel = '';
+    addonAlign = 'start';
     hint = '';
     errorMessage = '';
     fieldName = '';
@@ -100,9 +101,9 @@ const SdDatePicker = class {
             '--sd-system-color-field-border-focus': DATEPICKER_COLORS.border.focus,
             '--sd-system-color-field-bg-default': DATEPICKER_COLORS.bg.default,
         };
-        return (h("sd-field", { key: '1a84754cdc67bd6603e1fb48479f9d3ac6424d6a', name: this.fieldName || this.internalName, label: this.label, labelWidth: this.labelWidth, addonLabel: this.addonLabel, hint: this.hint, errorMessage: this.errorMessage, width: this.width, rules: this.rules, error: this.error, disabled: this.disabled, focused: this.focused, hovered: this.hovered, size: this.size, icon: this.icon, labelTooltip: this.labelTooltip, labelTooltipProps: this.labelTooltipProps, ref: el => (this.formField = el), onMouseEnter: () => (this.hovered = true), onMouseLeave: () => (this.hovered = false), style: cssVars }, h("div", { key: 'e4d8e05b04ac7bd4f2f96809b33d67125fe7c6d8', class: "sd-date-picker", ref: el => {
+        return (h("sd-field", { key: '1e0bdacf53850916778544e63ce11d5aab06eafc', name: this.fieldName || this.internalName, 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, size: this.size, icon: this.icon, labelTooltip: this.labelTooltip, labelTooltipProps: this.labelTooltipProps, ref: el => (this.formField = el), onMouseEnter: () => (this.hovered = true), onMouseLeave: () => (this.hovered = false), style: cssVars }, h("div", { key: '63795f75a1b3723c2af166343dce5fd33afd5be2', class: "sd-date-picker", ref: el => {
                 this.triggerRef = el;
-            } }, h("sd-date-picker-trigger", { key: '244924af2c3ea207b2a90c5aef5064755da3ae52', displayText: this.value ?? '', placeholder: this.placeholder, disabled: this.disabled, size: this.size, onSdTriggerClick: this.handleTriggerClick })), (this.isOpen || this.isAnimatingOut) && (h("sd-portal", { key: 'f3d882d3450f629b6ed501b984d89ffd9633531f', open: this.isOpen, parentRef: this.triggerRef, onSdClose: () => this.closeDropdown() }, h("sd-date-picker-calendar", { key: 'a0f47851a27dd777f77da40f3258638a0fbc37a5', value: this.value, selectable: this.selectable, onSdSelect: this.handleSelect, onSdViewChange: this.handleViewChange })))));
+            } }, h("sd-date-picker-trigger", { key: 'adea2cbad36285f546d3c29b66f2c74044427736', displayText: this.value ?? '', placeholder: this.placeholder, disabled: this.disabled, size: this.size, onSdTriggerClick: this.handleTriggerClick })), (this.isOpen || this.isAnimatingOut) && (h("sd-portal", { key: '4da6ec2a3644201b6579fc2e9838d03ef22b7e57', open: this.isOpen, parentRef: this.triggerRef, onSdClose: () => this.closeDropdown() }, h("sd-date-picker-calendar", { key: '4b7e3757b7232110ec9865346fcd68868ac68081', value: this.value, selectable: this.selectable, onSdSelect: this.handleSelect, onSdViewChange: this.handleViewChange })))));
     }
     static get watchers() { return {
         "isOpen": [{

package/dist/esm/sd-date-range-picker.entry.js

@@ -23,6 +23,7 @@ const SdDateRangePicker = class {
     label = '';
     labelWidth = '';
     addonLabel = '';
+    addonAlign = 'start';
     hint = '';
     errorMessage = '';
     fieldName = '';
@@ -106,9 +107,9 @@ const SdDateRangePicker = class {
             '--sd-system-color-field-border-focus': DATEPICKER_COLORS.border.focus,
             '--sd-system-color-field-bg-default': DATEPICKER_COLORS.bg.default,
         };
-        return (h("sd-field", { key: '95ec666c91635d6b6b749d660b4495b7ebe48e6a', name: this.fieldName || this.internalName, label: this.label, labelWidth: this.labelWidth, addonLabel: this.addonLabel, hint: this.hint, errorMessage: this.errorMessage, width: this.width, rules: this.rules, error: this.error, disabled: this.disabled, focused: this.focused, hovered: this.hovered, size: this.size, icon: this.icon, labelTooltip: this.labelTooltip, labelTooltipProps: this.labelTooltipProps, ref: el => (this.formField = el), onMouseEnter: () => (this.hovered = true), onMouseLeave: () => (this.hovered = false), style: cssVars }, h("div", { key: '3051fda66e94d51208347ae2053173570d5f1ca9', class: "sd-date-range-picker", ref: el => {
+        return (h("sd-field", { key: '34c4d9ef2ba50f951fc6b6b09215e750ac61cd87', name: this.fieldName || this.internalName, 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, size: this.size, icon: this.icon, labelTooltip: this.labelTooltip, labelTooltipProps: this.labelTooltipProps, ref: el => (this.formField = el), onMouseEnter: () => (this.hovered = true), onMouseLeave: () => (this.hovered = false), style: cssVars }, h("div", { key: 'c92ab61d144c893077a9c81922ac24eff93314dd', class: "sd-date-range-picker", ref: el => {
                 this.triggerRef = el;
-            } }, h("sd-date-picker-trigger", { key: '71693b5a4cec562169d9427a4e19aed4d8b19a45', displayText: this.displayText, placeholder: this.placeholder, disabled: this.disabled, size: this.size, onSdTriggerClick: this.handleTriggerClick })), (this.isOpen || this.isAnimatingOut) && (h("sd-portal", { key: '75b9f1c1ebdabcd1c1a33cad51189ba132274bb1', open: this.isOpen, parentRef: this.triggerRef, onSdClose: () => this.closeDropdown() }, h("sd-date-range-picker-calendar", { key: 'f158eead4f44bc452bf102b3324721df84fc3b0c', value: this.value, selectable: this.selectable, maxRange: this.maxRange, onSdSelect: this.handleSelect, onSdViewChange: this.handleViewChange })))));
+            } }, h("sd-date-picker-trigger", { key: '487b8a1af6e8dee063d70ffc030c314037741d74', displayText: this.displayText, placeholder: this.placeholder, disabled: this.disabled, size: this.size, onSdTriggerClick: this.handleTriggerClick })), (this.isOpen || this.isAnimatingOut) && (h("sd-portal", { key: 'f22c979943cebcc82e8d4d9f86037621e8c3983a', open: this.isOpen, parentRef: this.triggerRef, onSdClose: () => this.closeDropdown() }, h("sd-date-range-picker-calendar", { key: 'c19548d0074556f90c740b6ba35338ea4d41dd18', value: this.value, selectable: this.selectable, maxRange: this.maxRange, onSdSelect: this.handleSelect, onSdViewChange: this.handleViewChange })))));
     }
     static get watchers() { return {
         "isOpen": [{

package/dist/esm/sd-file-picker.entry.js

@@ -66,6 +66,7 @@ const SdFilePicker = class {
     label = '';
     labelWidth = '';
     addonLabel = '';
+    addonAlign = 'start';
     hint = '';
     errorMessage = '';
     width = '';
@@ -227,7 +228,7 @@ const SdFilePicker = class {
                     'sd-file-picker--inline-disabled': this.disabled,
                 }, style: cssVars, onMouseEnter: () => (this.hovered = true), onMouseLeave: () => (this.hovered = false) }, content));
         }
-        return (h("sd-field", { name: this.name, label: this.label, labelWidth: this.labelWidth, addonLabel: this.addonLabel, hint: this.hint, errorMessage: this.errorMessage, width: this.width, rules: this.rules, error: this.error, disabled: this.disabled, focused: this.focused, hovered: this.hovered, status: this.status, icon: this.icon, labelTooltip: this.labelTooltip, labelTooltipProps: this.labelTooltipProps, ref: el => (this.formField = el), onMouseEnter: () => (this.hovered = true), onMouseLeave: () => (this.hovered = false), style: cssVars }, content));
+        return (h("sd-field", { 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, status: this.status, icon: this.icon, labelTooltip: this.labelTooltip, labelTooltipProps: this.labelTooltipProps, ref: el => (this.formField = el), onMouseEnter: () => (this.hovered = true), onMouseLeave: () => (this.hovered = false), style: cssVars }, content));
     }
     static get watchers() { return {
         "value": [{

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

@@ -43,6 +43,7 @@ const SdInput = class {
     type = 'text';
     size = 'sm';
     addonLabel = '';
+    addonAlign = 'start';
     placeholder = '입력해 주세요.';
     disabled = false;
     clearable = false;
@@ -147,12 +148,12 @@ const SdInput = class {
             '--sd-system-size-field-sm-height': `${sizeTokens.height}px`,
             '--sd-system-radius-field-sm': `${sizeTokens.radius}px`,
         };
-        return (h("sd-field", { key: 'ed32da716dabccac9c67061086a3eb821f49afd5', name: this.name, label: this.label, labelWidth: this.labelWidth, addonLabel: this.addonLabel, hint: this.hint, errorMessage: this.errorMessage, width: this.width, rules: this.rules, error: this.error, disabled: this.disabled, focused: this.focused, hovered: this.hovered, status: this.status, size: this.size, icon: this.icon, labelTooltip: this.labelTooltip, labelTooltipProps: this.labelTooltipProps, ref: el => (this.formField = el), onMouseEnter: () => (this.hovered = true), onMouseLeave: () => (this.hovered = false), style: cssVars }, h("label", { key: 'c8297e261baee31b8508e0912004edd7fe85f115', class: "sd-input__content" }, h("slot", { key: '615b28bb1f239a1ead1cad888edde9b59358837b', name: "prefix" }), h("input", { key: 'd1231386b264dbb8b38bf920c48c59474417a492', name: this.name, ref: el => (this.nativeEl = el), class: `sd-input__native ${this.inputClass}`, type: this.type === 'password' && this.passwordVisible ? 'text' : this.type, value: this.internalValue || '', placeholder: this.placeholder, disabled: this.disabled, readonly: this.readonly, autofocus: this.autoFocus, autocomplete: this.autocomplete || undefined, maxlength: this.maxlength, minlength: this.minlength, inputmode: this.inputmode, enterkeyhint: this.enterkeyhint, spellcheck: this.spellcheck, onInput: this.handleInput, onFocus: event => this.handleFocus('focus', event), onBlur: event => this.handleFocus('blur', event), style: this.inputStyle }), h("slot", { key: '97f7c084a17674d52c43255b334ddeb61cf743ad', name: "suffix" }), this.clearable && this.internalValue && !this.disabled && (h("sd-ghost-button", { key: 'f35a0872ac6f44e41716b0bf9f93f7a000445bf6', icon: "close", ariaLabel: "clear", size: "xxs", disabled: this.disabled, class: "sd-input__clear-icon", onClick: async () => {
+        return (h("sd-field", { key: '3b607f0075786647d48ce470d40745e4d5fdcdc1', 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, status: this.status, size: this.size, icon: this.icon, labelTooltip: this.labelTooltip, labelTooltipProps: this.labelTooltipProps, ref: el => (this.formField = el), onMouseEnter: () => (this.hovered = true), onMouseLeave: () => (this.hovered = false), style: cssVars }, h("label", { key: '02902d50bbc3275860e814a5d354e83eeed72373', class: "sd-input__content" }, h("slot", { key: '4fb6e53a98853c67e847cdd38b8ddbb606e3f0a1', name: "prefix" }), h("input", { key: '291841a908b8502790f09833f1a30dc56f24ff52', name: this.name, ref: el => (this.nativeEl = el), class: `sd-input__native ${this.inputClass}`, type: this.type === 'password' && this.passwordVisible ? 'text' : this.type, value: this.internalValue || '', placeholder: this.placeholder, disabled: this.disabled, readonly: this.readonly, autofocus: this.autoFocus, autocomplete: this.autocomplete || undefined, maxlength: this.maxlength, minlength: this.minlength, inputmode: this.inputmode, enterkeyhint: this.enterkeyhint, spellcheck: this.spellcheck, onInput: this.handleInput, onFocus: event => this.handleFocus('focus', event), onBlur: event => this.handleFocus('blur', event), style: this.inputStyle }), h("slot", { key: '13e21f184a9dcee81a1b6d3c11b9137a0ac7203e', name: "suffix" }), this.clearable && this.internalValue && !this.disabled && (h("sd-ghost-button", { key: '4e708928b8465d6e8d5c1b6f4a983a9d8c1c8784', icon: "close", ariaLabel: "clear", size: "xxs", disabled: this.disabled, class: "sd-input__clear-icon", onClick: async () => {
                 if (this.disabled)
                     return;
                 this.internalValue = '';
                 await this.formField?.sdValidate();
-            } })), this.type === 'password' && (h("sd-ghost-button", { key: '0fdf74595057997c7d2f5f0f3ba6b75c340c2965', icon: this.passwordVisible ? 'visibilityOn' : 'visibilityOff', ariaLabel: "visibility", size: "xxs", disabled: this.disabled, class: "sd-input__password-icon", onClick: () => {
+            } })), this.type === 'password' && (h("sd-ghost-button", { key: 'cc87104d0c9ef69659041fe233b3e432b62ed0b8', icon: this.passwordVisible ? 'visibilityOn' : 'visibilityOff', ariaLabel: "visibility", size: "xxs", disabled: this.disabled, class: "sd-input__password-icon", onClick: () => {
                 if (this.disabled)
                     return;
                 this.passwordVisible = !this.passwordVisible;

package/dist/esm/sd-number-input.entry.js

@@ -124,6 +124,7 @@ const SdNumberInput = class {
     label;
     labelWidth = '';
     addonLabel = '';
+    addonAlign = 'start';
     placeholder = '입력해 주세요.';
     disabled = false;
     width;
@@ -382,12 +383,12 @@ const SdNumberInput = class {
             '--sd-textinput-input-hint-typography-line-height': `${NUMBER_INPUT_HINT.typography.lineHeight}px`,
             '--sd-textinput-input-contents-gap': `${NUMBER_INPUT_CONTENTS_GAP}px`,
         };
-        return (h("sd-field", { key: 'edb2eaf473ba53fa340e39a350624e0a9e8b566e', name: this.name, label: this.label, labelWidth: this.labelWidth, addonLabel: this.addonLabel, hint: this.hint, errorMessage: this.errorMessage, width: this.width, rules: this.rules, error: this.error, disabled: this.disabled, focused: this.focused, hovered: this.hovered, status: this.status, size: this.size, ref: el => (this.formField = el), onMouseEnter: () => (this.hovered = true), onMouseLeave: () => (this.hovered = false), style: cssVars }, h("div", { key: '408b984ca5c7f3edaf0afe4c56fab2901824b2de', class: "sd-number-input__content" }, this.useButton && (h("button", { key: 'da29f621914cbb7cac4c83f55056f52ef918f7c7', type: "button", class: "sd-number-input__stepper sd-number-input__stepper--decrement", disabled: this.isDecrementDisabled(), onClick: this.handleDecrement, tabindex: -1 }, h("sd-icon", { key: 'a60c99bd949c2791608d269bc478b490dd4335e0', name: "minus", size: iconSize, color: this.isDecrementDisabled()
+        return (h("sd-field", { key: 'a9512622774c930c8b70b3d739a405e2434f22a7', 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, status: this.status, size: this.size, ref: el => (this.formField = el), onMouseEnter: () => (this.hovered = true), onMouseLeave: () => (this.hovered = false), style: cssVars }, h("div", { key: 'f068ab7a042a97dfac7aaf160508757306dddc14', class: "sd-number-input__content" }, this.useButton && (h("button", { key: '37341e813e7902f07c2731c708e1aadc53411653', type: "button", class: "sd-number-input__stepper sd-number-input__stepper--decrement", disabled: this.isDecrementDisabled(), onClick: this.handleDecrement, tabindex: -1 }, h("sd-icon", { key: '740b2715518534b0ece5aa3b3f6dfd0dfafd6368', name: "minus", size: iconSize, color: this.isDecrementDisabled()
                 ? NUMBER_INPUT_STEPPER.icon.disabled
-                : NUMBER_INPUT_STEPPER.icon.default }))), this.inputPrefix && (h("span", { key: '3eae6cb2d277f3f830f7cb122b72cdcdedf57e10', class: "sd-number-input__prefix" }, this.inputPrefix)), h("input", { key: '19e42ab159a9df7721ca6ea5505d3a0aca2517c4', name: this.name, ref: el => (this.nativeEl = el), class: `sd-number-input__native ${this.inputClass}`, type: "text", inputMode: "numeric", value: this.displayValue, placeholder: this.placeholder, disabled: this.disabled, readonly: this.readonly, autofocus: this.autoFocus, onInput: this.handleInput, onKeyDown: this.handleKeyDown, onFocus: this.handleFocus, onBlur: this.handleBlur, style: {
+                : NUMBER_INPUT_STEPPER.icon.default }))), this.inputPrefix && (h("span", { key: '9b16f311a1408dfc84124ec938a98b13635f6dc6', class: "sd-number-input__prefix" }, this.inputPrefix)), h("input", { key: '572e2a8a1d7283e3568a85ba6c1bd506c3ec4453', name: this.name, ref: el => (this.nativeEl = el), class: `sd-number-input__native ${this.inputClass}`, type: "text", inputMode: "numeric", value: this.displayValue, placeholder: this.placeholder, disabled: this.disabled, readonly: this.readonly, autofocus: this.autoFocus, onInput: this.handleInput, onKeyDown: this.handleKeyDown, onFocus: this.handleFocus, onBlur: this.handleBlur, style: {
                 textAlign: this.useButton ? 'center' : 'right',
                 ...this.inputStyle,
-            } }), this.inputSuffix && (h("span", { key: '5f9dc1e294a081cede120d9466d70910a9b1d6bb', class: "sd-number-input__suffix" }, this.inputSuffix)), this.useButton && (h("button", { key: '50d96dd2556071480b17210b8db307ab4082c92b', type: "button", class: "sd-number-input__stepper sd-number-input__stepper--increment", disabled: this.isIncrementDisabled(), onClick: this.handleIncrement, tabindex: -1 }, h("sd-icon", { key: '1821a77886ac9dc169c8e2697282e813a334df35', name: "add", size: iconSize, color: this.isIncrementDisabled()
+            } }), this.inputSuffix && (h("span", { key: '13a07217ee34c793669b061c240062805a40db60', class: "sd-number-input__suffix" }, this.inputSuffix)), this.useButton && (h("button", { key: 'c3557737be6cc5dc6c5ab171bcc078cf564fb2b0', type: "button", class: "sd-number-input__stepper sd-number-input__stepper--increment", disabled: this.isIncrementDisabled(), onClick: this.handleIncrement, tabindex: -1 }, h("sd-icon", { key: '530cf50331768df5be16639e46ce3f7f438ffe02', name: "add", size: iconSize, color: this.isIncrementDisabled()
                 ? NUMBER_INPUT_STEPPER.icon.disabled
                 : NUMBER_INPUT_STEPPER.icon.default }))))));
     }

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

@@ -182,6 +182,7 @@ const SdSelectV2 = class {
     label = '';
     labelWidth = '';
     addonLabel = '';
+    addonAlign = 'start';
     error = false;
     hint = '';
     errorMessage = '';
@@ -374,13 +375,13 @@ const SdSelectV2 = class {
                 this.closeDropdown();
             },
         };
-        return (h("sd-field", { key: 'ffca1287cefaeedf867a6b86a752942a1c8d1703', name: this.fieldName || this.internalName, label: this.label, labelWidth: this.labelWidth, addonLabel: this.addonLabel, 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: '6074cfea700e1f3ea03aaedb0146d7dffdaa7101', name: this.fieldName || this.internalName, 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: 'f53f38543b165040eb48236e2a25e43b78444350', class: "sd-select-v2", ref: el => {
+            } }, h("div", { key: '4840cfcf19e262903110245f88b73f3f03713624', class: "sd-select-v2", ref: el => {
                 this.triggerRef = el;
-            } }, h("sd-select-v2-trigger", { key: 'afd60ef0b492d9179318a5187565b45a58ef1ed5', displayText: this.displayText, placeholder: this.placeholder, disabled: this.disabled, isOpen: this.isOpen, onSdTriggerClick: this.handleTriggerClick })), (this.isOpen || this.isAnimatingOut) && (h("sd-portal", { key: 'e482c1fffc24e893fe1c04f136a116bac6c1b2e9', ...portalProps }, h("sd-select-v2-listbox", { key: 'c864fdef604eee7cea7c946de970e78b59e8b0da', name: this.name, options: this.options, value: this.value, emitValue: this.emitValue, triggerWidth: this.triggerWidth, maxWidth: this.resolvedMaxDropdownWidth, maxHeight: this.resolvedDropdownHeight, onSdOptionSelect: event => this.handleOptionSelect(event.detail) })))));
+            } }, h("sd-select-v2-trigger", { key: '4b34dd8007864623d17c80b4e5cea02aa4db954a', displayText: this.displayText, placeholder: this.placeholder, disabled: this.disabled, isOpen: this.isOpen, onSdTriggerClick: this.handleTriggerClick })), (this.isOpen || this.isAnimatingOut) && (h("sd-portal", { key: '7ec2c4ca8e32f877a894f9f766d3558c10d66596', ...portalProps }, h("sd-select-v2-listbox", { key: 'c804a19a142d2978d8fb4eaa33ad2a6a7028e7d3', name: this.name, options: this.options, value: this.value, emitValue: this.emitValue, triggerWidth: this.triggerWidth, maxWidth: this.resolvedMaxDropdownWidth, maxHeight: this.resolvedDropdownHeight, onSdOptionSelect: event => this.handleOptionSelect(event.detail) })))));
     }
     static get watchers() { return {
         "isOpen": [{

package/dist/esm/sd-select-group.entry.js

@@ -28,6 +28,7 @@ const SdSelectGroup = class extends BaseDropdownEvent {
     label = '';
     labelWidth = '';
     addonLabel = '';
+    addonAlign = 'start';
     icon = undefined;
     labelTooltip = '';
     labelTooltipProps = null;
@@ -274,7 +275,7 @@ const SdSelectGroup = class extends BaseDropdownEvent {
         });
     }
     render() {
-        return (h("sd-field", { key: 'c3d2a4365ba2594d3e0dca138ff63a335171125c', label: this.label, labelWidth: this.labelWidth, name: this.name, rules: this.rules, error: this.error, disabled: this.disabled, icon: this.icon, addonLabel: this.addonLabel, labelTooltip: this.labelTooltip, labelTooltipProps: this.labelTooltipProps, ref: el => (this.formField = el), style: { '--field-width': this.width || '200px' } }, h("div", { key: 'b527250fecc69b8f5d4c88aa3f6090c2b291efc9', class: {
+        return (h("sd-field", { key: '698b76ed0785f475a099fac99e3564b20c252c01', label: this.label, labelWidth: this.labelWidth, name: this.name, rules: this.rules, error: this.error, disabled: this.disabled, icon: this.icon, addonLabel: this.addonLabel, addonAlign: this.addonAlign, labelTooltip: this.labelTooltip, labelTooltipProps: this.labelTooltipProps, ref: el => (this.formField = el), style: { '--field-width': this.width || '200px' } }, h("div", { key: 'aa449fda5e32d0519792dc2e713d3c59658c86fa', class: {
                 'sd-select-group': true,
                 'sd-select-group--open': this.isOpen,
                 'sd-select-group--disabled': this.disabled,

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

@@ -28,6 +28,7 @@ const SdSelect = class extends BaseDropdownEvent {
     label = '';
     labelWidth = '';
     addonLabel = '';
+    addonAlign = 'start';
     icon = undefined;
     labelTooltip = '';
     labelTooltipProps = null;
@@ -145,7 +146,7 @@ const SdSelect = class extends BaseDropdownEvent {
         }
     };
     render() {
-        return (h("sd-field", { key: '106b7af5473549884afba275dfa86f6b354e9983', label: this.label, labelWidth: this.labelWidth, name: this.name, rules: this.rules, error: this.error, disabled: this.disabled, icon: this.icon, addonLabel: this.addonLabel, labelTooltip: this.labelTooltip, labelTooltipProps: this.labelTooltipProps, ref: el => (this.formField = el) }, h("div", { key: 'a200ea9e7409ed3f63e6ffa967c3171712598521', class: {
+        return (h("sd-field", { key: 'bef5ef042c37b3abb97f8f5eafaee24d232132b7', label: this.label, labelWidth: this.labelWidth, name: this.name, rules: this.rules, error: this.error, disabled: this.disabled, icon: this.icon, addonLabel: this.addonLabel, addonAlign: this.addonAlign, labelTooltip: this.labelTooltip, labelTooltipProps: this.labelTooltipProps, ref: el => (this.formField = el) }, h("div", { key: '9046ecdd771380312e7be3797ccac28d2315cfbe', class: {
                 'sd-select': true,
                 'sd-select--disabled': this.disabled,
                 'sd-select--error': !!this.error,

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

@@ -41,6 +41,7 @@ const SdTextarea = class {
     label = '';
     labelWidth = '';
     addonLabel = '';
+    addonAlign = 'start';
     hint = '';
     errorMessage = '';
     icon = undefined;
@@ -127,7 +128,7 @@ const SdTextarea = class {
             '--sd-system-size-field-sm-height': 'auto',
             '--sd-system-radius-field-sm': `${TEXTAREA_TOKENS.radius}px`,
         };
-        return (h("sd-field", { key: '4c93d887429d6790d2d49c951be64e4be1496fd4', name: this.name, label: this.label, labelWidth: this.labelWidth, addonLabel: this.addonLabel, hint: this.hint, errorMessage: this.errorMessage, width: this.width, rules: this.rules, error: this.error, disabled: this.disabled, focused: this.focused, hovered: this.hovered, status: this.status, icon: this.icon, labelTooltip: this.labelTooltip, labelTooltipProps: this.labelTooltipProps, ref: el => (this.formField = el), onMouseEnter: () => (this.hovered = true), onMouseLeave: () => (this.hovered = false), style: cssVars }, h("div", { key: 'b64aa1b2f02c1f68db57e5e36e0a7146257629e1', class: "sd-textarea__content" }, h("textarea", { key: 'b2baff1d99b9c2347f0b0bb751fc51268d2c48c7', name: this.name, ref: el => (this.nativeEl = el), class: `sd-textarea__native ${this.textareaClass}`, value: this.internalValue || '', placeholder: this.placeholder, disabled: this.disabled, readOnly: this.readonly, autofocus: this.autoFocus, maxLength: this.maxLength, rows: this.rows, spellcheck: this.spellcheck, onInput: this.handleInput, onFocus: event => this.handleFocus('focus', event), onBlur: event => this.handleFocus('blur', event), style: this.textareaStyle }))));
+        return (h("sd-field", { key: '9f456eb1b18d0d83fb40f0b6b66125d587bcb4c6', 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, status: this.status, icon: this.icon, labelTooltip: this.labelTooltip, labelTooltipProps: this.labelTooltipProps, ref: el => (this.formField = el), onMouseEnter: () => (this.hovered = true), onMouseLeave: () => (this.hovered = false), style: cssVars }, h("div", { key: 'f201962ed64908c97d24923b62e97c33b356170a', class: "sd-textarea__content" }, h("textarea", { key: '826e4b3c4743dbf16387b68317bd09ca7c75746d', name: this.name, ref: el => (this.nativeEl = el), class: `sd-textarea__native ${this.textareaClass}`, value: this.internalValue || '', placeholder: this.placeholder, disabled: this.disabled, readOnly: this.readonly, autofocus: this.autoFocus, maxLength: this.maxLength, rows: this.rows, spellcheck: this.spellcheck, onInput: this.handleInput, onFocus: event => this.handleFocus('focus', event), onBlur: event => this.handleFocus('blur', event), style: this.textareaStyle }))));
     }
     static get watchers() { return {
         "value": [{

package/dist/types/components/sd-barcode-input/sd-barcode-input.d.ts

@@ -2,11 +2,13 @@ import { EventEmitter } from '../../stencil-public-runtime';
 import { Rule } from '../../types/form';
 import { SdTooltipProps } from '../sd-tooltip/sd-tooltip.config';
 import { type BarcodeInputSize } from './sd-barcode-input.config';
+import { type FieldAddonAlign } from '../sd-field/sd-field.config';
 export declare class SdBarcodeInput {
     host: HTMLElement;
     value?: string | number | null;
     size: BarcodeInputSize;
     addonLabel: string;
+    addonAlign: FieldAddonAlign;
     placeholder: string;
     disabled: boolean;
     clearable: boolean;

package/dist/types/components/sd-date-picker/sd-date-picker.d.ts

@@ -2,6 +2,7 @@ import { EventEmitter } from '../../stencil-public-runtime';
 import type { Rule } from '../../types/form';
 import type { SdTooltipProps } from '../sd-tooltip/sd-tooltip.config';
 import { type DatePickerSize } from './sd-date-picker.config';
+import { type FieldAddonAlign } from '../sd-field/sd-field.config';
 export declare class SdDatePicker {
     private static readonly CLOSE_ANIMATION_DURATION;
     el: HTMLElement;
@@ -14,6 +15,7 @@ export declare class SdDatePicker {
     label: string;
     labelWidth: string | number;
     addonLabel: string;
+    addonAlign: FieldAddonAlign;
     hint: string;
     errorMessage: string;
     fieldName: string;

package/dist/types/components/sd-date-range-picker/sd-date-range-picker.d.ts

@@ -2,6 +2,7 @@ import { EventEmitter } from '../../stencil-public-runtime';
 import type { Rule } from '../../types/form';
 import type { SdTooltipProps } from '../sd-tooltip/sd-tooltip.config';
 import { type DatePickerSize } from './sd-date-range-picker.config';
+import { type FieldAddonAlign } from '../sd-field/sd-field.config';
 export type DateRangeValue = [string, string] | null;
 export declare class SdDateRangePicker {
     private static readonly CLOSE_ANIMATION_DURATION;
@@ -16,6 +17,7 @@ export declare class SdDateRangePicker {
     label: string;
     labelWidth: string | number;
     addonLabel: string;
+    addonAlign: FieldAddonAlign;
     hint: string;
     errorMessage: string;
     fieldName: string;

package/dist/types/components/sd-field/sd-field.config.d.ts

@@ -1,4 +1,6 @@
 export type FieldSize = 'sm' | 'md';
+export type FieldAddonAlign = 'start' | 'center' | 'end';
+export declare const FIELD_ADDON_ALIGN_MAP: Record<FieldAddonAlign, string>;
 export declare const FIELD_LABEL_SIZE_MAP: Record<FieldSize, {
     height: string;
     gap: string;

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

@@ -1,7 +1,7 @@
 import { ValidatableField } from '../sd-form/sd-form';
 import { Rule } from '../../types/form';
 import { SdTooltipProps } from '../sd-tooltip/sd-tooltip.config';
-import { type FieldSize } from './sd-field.config';
+import { type FieldAddonAlign, type FieldSize } from './sd-field.config';
 export declare class SdField implements ValidatableField {
     el: HTMLElement;
     name: string;
@@ -18,6 +18,7 @@ export declare class SdField implements ValidatableField {
     label: string;
     labelWidth: string | number;
     addonLabel: string;
+    addonAlign: FieldAddonAlign;
     icon?: IconProps;
     labelTooltip: string;
     labelTooltipProps: SdTooltipProps | null;

package/dist/types/components/sd-file-picker/sd-file-picker.d.ts

@@ -1,6 +1,7 @@
 import { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
 import { Rule } from '../../types/form';
 import { SdTooltipProps } from '../sd-tooltip/sd-tooltip.config';
+import { type FieldAddonAlign } from '../sd-field/sd-field.config';
 export declare class SdFilePicker implements ComponentInterface {
     el: HTMLElement;
     value?: File[] | File | null;
@@ -16,6 +17,7 @@ export declare class SdFilePicker implements ComponentInterface {
     label: string;
     labelWidth: string | number;
     addonLabel: string;
+    addonAlign: FieldAddonAlign;
     hint: string;
     errorMessage: string;
     width: string | number;

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

@@ -2,12 +2,14 @@ import { EventEmitter } from '../../stencil-public-runtime';
 import { Rule } from '../../types/form';
 import { SdTooltipProps } from '../sd-tooltip/sd-tooltip.config';
 import { type InputSize } from './sd-input.config';
+import { type FieldAddonAlign } from '../sd-field/sd-field.config';
 export declare class SdInput {
     host: HTMLElement;
     value?: string | number | null;
     type: 'text' | 'password' | 'email';
     size: InputSize;
     addonLabel: string;
+    addonAlign: FieldAddonAlign;
     placeholder: string;
     disabled: boolean;
     clearable: boolean;