@sellmate/design-system 1.0.0 → 1.0.1

package/dist/design-system/p-ff131fbc.entry.js

@@ -0,0 +1,2 @@
+import{r as d,c as e,h as i,H as r}from"./p-C3qNZ7Qh.js";const a=()=>`sd-radio{display:inline-flex}sd-radio.sd-radio{cursor:pointer}sd-radio.sd-radio label{display:flex;align-items:center;gap:8px;cursor:pointer}sd-radio.sd-radio label input{position:relative;appearance:none;margin:0;width:16px;height:16px;border:1px solid #888888;border-radius:50%;accent-color:#0075ff;background-color:white;cursor:pointer}sd-radio.sd-radio label input:checked{border-color:#0075ff;background-color:white}sd-radio.sd-radio label input:checked::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:10px;height:10px;border-radius:50%;background-color:#0075ff}sd-radio.sd-radio label input:disabled{border-color:#cccccc;background-color:#eeeeee}sd-radio.sd-radio label input:disabled:checked::before{background-color:#cccccc}sd-radio.sd-radio label input:not(:disabled):hover{border-color:#0075ff;background-color:#d9eaff}sd-radio.sd-radio--disabled{cursor:not-allowed !important}sd-radio.sd-radio--disabled label{cursor:not-allowed !important}sd-radio.sd-radio--disabled label input{cursor:not-allowed !important}`;const o=class{constructor(i){d(this,i);this.update=e(this,"sdUpdate")}value;disabled=false;val;label;update;getRadioClasses(){const d=["sd-radio",String(this.val)===String(this.value)?"sd-radio--selected":"sd-radio--unselected"];if(this.disabled){d.push("sd-radio--disabled")}return d.join(" ")}handleRadioChange(d){if(this.disabled)return;console.log("detail",d);this.value=this.val;this.update.emit(this.value)}render(){return i(r,{key:"f288b8077193d0c1614b3c25fb9f3ebbedf0f9be","aria-label":this.val||"radio option","aria-checked":String(this.val)===String(this.value)?"true":"false","aria-disabled":this.disabled?"true":"false",class:this.getRadioClasses()},i("label",{key:`radio-${this.val}`},i("input",{key:"0f5e1cad59ec2a2c20247bec1341e58b11477699",type:"radio",name:this.val,value:String(this.val),checked:String(this.val)===String(this.value),disabled:this.disabled,onInput:({detail:d})=>this.handleRadioChange(d)}),this.val&&i("span",{key:"47fd723d1ec6c6124d01341f7edbe945061dc348",class:"sd-radio-group__label"},this.label||this.val)))}};o.style=a();export{o as sd_radio};
+//# sourceMappingURL=p-ff131fbc.entry.js.map

package/dist/design-system/p-ff131fbc.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["registerInstance","createEvent","h","Host","sdRadioCss","SdRadio","constructor","hostRef","this","update","value","disabled","val","label","getRadioClasses","classes","String","push","join","handleRadioChange","detail","console","log","emit","render","key","class","type","name","checked","onInput","style"],"sources":["0"],"mappings":"YAAcA,OAAuBC,OAAaC,OAAQC,MAAY,kBAEtE,MAAMC,EAAa,IAAM,4iCAEzB,MAAMC,EAAU,MACZ,WAAAC,CAAYC,GACRP,EAAiBQ,KAAMD,GACvBC,KAAKC,OAASR,EAAYO,KAAM,WACpC,CACAE,MACAC,SAAW,MACXC,IACAC,MACAJ,OACA,eAAAK,GACI,MAAMC,EAAU,CACZ,WACAC,OAAOR,KAAKI,OAASI,OAAOR,KAAKE,OAAS,qBAAuB,wBAErE,GAAIF,KAAKG,SAAU,CACfI,EAAQE,KAAK,qBACjB,CACA,OAAOF,EAAQG,KAAK,IACxB,CACA,iBAAAC,CAAkBC,GACd,GAAIZ,KAAKG,SACL,OACJU,QAAQC,IAAI,SAAUF,GACtBZ,KAAKE,MAAQF,KAAKI,IAClBJ,KAAKC,OAAOc,KAAKf,KAAKE,MAC1B,CACA,MAAAc,GACI,OAAQtB,EAAEC,EAAM,CAAEsB,IAAK,2CAA4C,aAAcjB,KAAKI,KAAO,eAAgB,eAAgBI,OAAOR,KAAKI,OAASI,OAAOR,KAAKE,OAAS,OAAS,QAAS,gBAAiBF,KAAKG,SAAW,OAAS,QAASe,MAAOlB,KAAKM,mBAAqBZ,EAAE,QAAS,CAAEuB,IAAK,SAASjB,KAAKI,OAASV,EAAE,QAAS,CAAEuB,IAAK,2CAA4CE,KAAM,QAASC,KAAMpB,KAAKI,IAAKF,MAAOM,OAAOR,KAAKI,KAAMiB,QAASb,OAAOR,KAAKI,OAASI,OAAOR,KAAKE,OAAQC,SAAUH,KAAKG,SAAUmB,QAAS,EAAGV,YAAaZ,KAAKW,kBAAkBC,KAAYZ,KAAKI,KAAOV,EAAE,OAAQ,CAAEuB,IAAK,2CAA4CC,MAAO,yBAA2BlB,KAAKK,OAASL,KAAKI,MACrrB,GAEJP,EAAQ0B,MAAQ3B,WAEPC","ignoreList":[]}

package/dist/esm/design-system.js

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

package/dist/esm/loader.js

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

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

@@ -12,7 +12,7 @@ const SdBadge = class {
     label = '';
     render() {
         const resolvedColor = resolveColor(this.color);
-        return (h(Host, { key: '8e74db398e9dafb57d276ef22ee8ab5891526e15', style: { '--sd-badge-color': resolvedColor } }, h("div", { key: '23d4800224630f028e26b43e672ec6a33b4d2f28', class: `sd-badge sd-badge--${this.size}` }, h("div", { key: '376446696e366a9b6e1f816a45fcf073ef967c6d', class: "sd-badge__dot" }), h("div", { key: '750ab1c9792fa8174cf5ecdeb0c709bfaff2294a', class: "sd-badge__label" }, this.label))));
+        return (h(Host, { key: '8eb13329f88c90812a23ba041a5700380094bacc', style: { '--sd-badge-color': resolvedColor } }, h("div", { key: 'aab9f3bf7db3938719b67caca19bc8df9afceb95', class: `sd-badge sd-badge--${this.size}` }, h("div", { key: '0ecea50ca06c4c9925ccb4bcde1faa0f85289c29', class: "sd-badge__dot" }), h("div", { key: '8458b333558c33d7950ccb4354a7207e4d059671', class: "sd-badge__label" }, this.label))));
     }
 };
 SdBadge.style = sdBadgeCss();

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

@@ -203,7 +203,7 @@ const SdFloatingPopover = class {
         this.close.emit();
     }
     render() {
-        return h("slot", { key: 'f2000891d7d3bd71982f591bf953d1421f67fb5e' });
+        return h("slot", { key: '770ec3be9d1e2b830eaebfde37a664feafc3da3b' });
     }
 };
 SdFloatingPopover.style = sdFloatingPortalCss();
@@ -2217,7 +2217,7 @@ const SdIcon = class {
     }
     render() {
         const IconComponent = Icons[this.name]?.[this.size];
-        return (h("i", { key: '851c9b6fd0ac6bc9393a21e95184e158bced5fe6', class: this.getIconClasses(), style: this.iconStyle }, h(IconComponent, { key: 'a10dcad82179ba12a9e9754b0b2cdd1ef548b4a5', color: this.resolvedColor })));
+        return (h("i", { key: '1c418bee61e2b1e7286c15cb489953cd6969639c', class: this.getIconClasses(), style: this.iconStyle }, h(IconComponent, { key: 'cf93af4d1a911a6da2bef0cdfea104cb74627ec8', color: this.resolvedColor })));
     }
 };
 SdIcon.style = sdIconCss();
@@ -2297,12 +2297,12 @@ const SdPagination = class {
         }
     }
     render() {
-        return (h("div", { key: 'de62debd728759c709660924b2d9a5691f1e60ea', class: this.paginationClasses }, h("div", { key: '9da6071df92e8910fe19a9e20cdc38e2ef1e4fe7', class: "prepend-btns" }, this.renderPrevButtons()), this.simple ? (h("div", { class: "pagination-info" }, h("span", { class: "current-page" }, this.currentPage), h("span", null, "/"), h("span", { class: "last-page" }, this.lastPage))) : (this.pageNumbers.map(n => (h("button", { type: "button", "aria-current": this.currentPage === n ? 'page' : undefined, class: {
+        return (h("div", { key: '7498d55ef3206deb0c3feb22cd1da426f754eb05', class: this.paginationClasses }, h("div", { key: '60918ebae391824240a8c182360751426c07c69c', class: "prepend-btns" }, this.renderPrevButtons()), this.simple ? (h("div", { class: "pagination-info" }, h("span", { class: "current-page" }, this.currentPage), h("span", null, "/"), h("span", { class: "last-page" }, this.lastPage))) : (this.pageNumbers.map(n => (h("button", { type: "button", "aria-current": this.currentPage === n ? 'page' : undefined, class: {
                 'pagination-btn': true,
                 'pagination-btn--selected': this.currentPage === n,
             }, disabled: this.currentPage === n, style: {
                 '--pagination-btn-width': `${this.buttonWidth}px`,
-            }, onClick: () => this.handlePageChange(n) }, n)))), h("div", { key: '7951a5ea2aabf30619d21073cd728dffaf14b7bd', class: "append-btns" }, this.renderNextButtons())));
+            }, onClick: () => this.handlePageChange(n) }, n)))), h("div", { key: 'c827cf8b7d8d8013b85487891fc768dcbe172be9', class: "append-btns" }, this.renderNextButtons())));
     }
 };
 SdPagination.style = sdPaginationCss();
@@ -2397,10 +2397,10 @@ const SdTextarea = class {
             }
             : {};
         const maxLengthCounter = this.getMaxLengthCounter();
-        return (h(Host, { key: 'db95720b6b96d950d6435b1881f95d58c6bc4637', style: textareaWidth, class: {
+        return (h(Host, { key: 'e7dcaad4d684e27a8407bb8f577f8b77be9af07c', style: textareaWidth, class: {
                 'sd-textarea': true,
                 [this.getTextareaStatus()]: true,
-            }, onMouseEnter: () => (this.hovered = true), onMouseLeave: () => (this.hovered = false) }, h("div", { key: '3dae36a9b56837fa7d770f295359d8ed9aa2a3e4', class: "sd-textarea__content" }, h("textarea", { key: 'b9e4ff3cffc1b06e4ef6e5ffee240579c80c6d94', name: this.name, ref: el => (this.nativeEl = el), class: `sd-textarea__native ${this.textareaClass}`, value: this.internalValue || '', placeholder: this.placeholder, disabled: this.disabled, autofocus: this.autoFocus, maxLength: this.maxLength, onInput: this.handleInput.bind(this), onFocus: event => this.handleFocus('focus', event), onBlur: event => this.handleFocus('blur', event) })), this.hasFooter() && (h("div", { key: 'b0de9e449897f2a8d1e6a7204d2383551d3ae2e4', class: "sd-textarea__footer" }, this.helpText !== undefined && h("span", { key: 'b4528beb70095d70a030a70f451c59e511865fcb', class: "sd-textarea__help-text" }, this.helpText), maxLengthCounter !== null && h("span", { key: 'ce2d33888c7bd85ea240ce00851aec7ecd945adc', class: "sd-textarea__counter" }, maxLengthCounter)))));
+            }, onMouseEnter: () => (this.hovered = true), onMouseLeave: () => (this.hovered = false) }, h("div", { key: '8c7eb8c3859467d50455a6158db3f06940233d5e', class: "sd-textarea__content" }, h("textarea", { key: 'e0f6d9157c8742d6c7936576e0790c8d468768c3', name: this.name, ref: el => (this.nativeEl = el), class: `sd-textarea__native ${this.textareaClass}`, value: this.internalValue || '', placeholder: this.placeholder, disabled: this.disabled, autofocus: this.autoFocus, maxLength: this.maxLength, onInput: this.handleInput.bind(this), onFocus: event => this.handleFocus('focus', event), onBlur: event => this.handleFocus('blur', event) })), this.hasFooter() && (h("div", { key: '4638ad00f1101c84614c9eb3cc0eb31e539d3e03', class: "sd-textarea__footer" }, this.helpText !== undefined && h("span", { key: '6761ae655b4298a6b4154e4f2b8a8883b1eeaa70', class: "sd-textarea__help-text" }, this.helpText), maxLengthCounter !== null && h("span", { key: 'dc74b623c8469312b805970c42d0c38c9b2d95ad', class: "sd-textarea__counter" }, maxLengthCounter)))));
     }
     static get watchers() { return {
         "value": ["valueChanged"],

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

@@ -9,7 +9,7 @@ const SdCard = class {
     bordered = true;
     cardClassName = '';
     render() {
-        return (h(Host, { key: 'f7012e01206131628820f41ede93ce68cb121fe4', class: `sd-card ${this.bordered ? 'sd-card--bordered' : ''} ${this.cardClassName}` }, h("slot", { key: '5b978729afb2cf6fef8a8ad696029ef09dbb0dd9' })));
+        return (h(Host, { key: '3182001dcfc5347e3995a31d8e333e01f285df5a', class: `sd-card ${this.bordered ? 'sd-card--bordered' : ''} ${this.cardClassName}` }, h("slot", { key: 'e2824b9cd65b9c4ba668f7f3ba933a361405b822' })));
     }
 };
 SdCard.style = sdCardCss();

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

@@ -82,7 +82,7 @@ const SdDatePicker = class {
         this.isOpen = false;
     };
     render() {
-        return (h(Host, { key: '4eccf6134d01546c9a47ddc3806233dd68195a8a', class: { 'sd-date-picker': true, 'sd-date-picker--disabled': this.disabled } }, h("sd-input", { key: 'f1c015db2efd3801792266d7abb6391e2751c225', ref: el => (this.inputEl = el), value: this.value, label: this.label, "inside-label": true, readonly: true, disabled: this.disabled, placeholder: this.placeholder, inputClass: "sd-date-picker__input", onClick: () => this.openMenu() }, h("sd-icon", { key: '671f3d5166618228d2018477b4b9f1b3c13fa312', slot: "prefix", name: "date", size: "16", color: this.disabled ? 'grey_65' : 'grey_70', class: "date-icon", onClick: () => this.openMenu() })), this.isOpen && (h("sd-portal", { key: 'ca295d75db67328d189fefd16e3598f0a4b1b5fe', open: this.isOpen, parentRef: this.inputEl, onSdClose: this.handleClose }, h("div", { key: 'c9b0d87465936760ecf0453cfb5dad00247b7612', class: "sd-date-picker__menu" }, h("div", { key: 'fac0f5d91634d394cecda4c1a149103e12e210c6', class: "sd-date-picker__header" }, h("div", { key: '2f55a9ec84e74135a7c1f8c1925f557ad85e43a8', class: "year-nav" }, h("button", { key: '811d3eab71e03c23214d3da2e829d62af73c8828', type: "button", name: "prev-year", title: "Previous Year", onClick: () => this.setCurrentYear(this.currentYear - 1) }, h("sd-icon", { key: '60bb560ea0aedc61a6ba7565b4f8daf95a33c9cf', name: "arrowLeft", size: "12", color: "#CCCCCC" })), h("span", { key: '976c256e704793d39e98a3e80ac0eb536a32b361', class: "year-nav__current" }, this.currentYear), h("button", { key: '32ecf743b29434b1aeb9ef72d49a2254acd4e514', type: "button", name: "next-year", title: "Next Year", onClick: () => this.setCurrentYear(this.currentYear + 1) }, h("sd-icon", { key: 'a70f679e27d00db53047b387fa9d16520cb0369f', name: "arrowRight", size: "12", color: "#CCCCCC" }))), h("div", { key: '1d5e17dd8b4c0081a2cda2991e8e0055f0c4d24d', class: "month-nav" }, h("button", { key: '3fa7edc4eb796e298b12ea64ac1aa0d83bf6ddb1', type: "button", name: "prev-month", title: "Previous       ", onClick: () => this.handleUpdateMonth('prev') }, h("sd-icon", { key: '3d6ed03bb28a1ccb711c97d31ff6d667ada8c410', name: "arrowLeft", size: "12", color: "#CCCCCC" })), h("span", { key: '5b3b1c05eb303ff7cb4a7ad599abd45747822589', class: "month-nav__current" }, this.currentMonth, "\uC6D4"), h("button", { key: '6718f389605d55f7c08934360171b61a28e2646d', type: "button", name: "next-month", title: "Next Month", onClick: () => this.handleUpdateMonth('next') }, h("sd-icon", { key: '8216564c82d61220f8d99bc9759a83994839a836', name: "arrowRight", size: "12", color: "#CCCCCC" })))), h("div", { key: 'd3e9f16ec52b5ba82af3c5349966402c271ddb00', class: "sd-date-picker__days" }, ['일', '월', '화', '수', '목', '금', '토'].map(day => (h("div", { key: day, class: "day" }, day)))), h("div", { key: 'a2b2b56fefcecc67a06b5db9ae0a7767cca163f5', class: "sd-date-picker__body" }, [
+        return (h(Host, { key: '9e98df6d7c18ca302385b2305ad1224819f51a48', class: { 'sd-date-picker': true, 'sd-date-picker--disabled': this.disabled } }, h("sd-input", { key: '647c796797c4fca9d1d7560258acb0ad0529aa4b', ref: el => (this.inputEl = el), value: this.value, label: this.label, "inside-label": true, readonly: true, disabled: this.disabled, placeholder: this.placeholder, inputClass: "sd-date-picker__input", onClick: () => this.openMenu() }, h("sd-icon", { key: 'ee168dc3a5494de5140f524bacf65cfe8b92c666', slot: "prefix", name: "date", size: "16", color: this.disabled ? 'grey_65' : 'grey_70', class: "date-icon", onClick: () => this.openMenu() })), this.isOpen && (h("sd-portal", { key: '9edef448710cb08c9c80ce5d70e23fc286eff656', open: this.isOpen, parentRef: this.inputEl, onSdClose: this.handleClose }, h("div", { key: 'f717e1a9505ebe9b991707f45fc374cf456dfb87', class: "sd-date-picker__menu" }, h("div", { key: '597e7523a0ee808e13c7ce54983abb391f27b259', class: "sd-date-picker__header" }, h("div", { key: 'f46e44f7336d6332190d5c92b654faa34da71fcb', class: "year-nav" }, h("button", { key: 'c2e849c39d6ffcc144fb5cac20224f497f3698b8', type: "button", name: "prev-year", title: "Previous Year", onClick: () => this.setCurrentYear(this.currentYear - 1) }, h("sd-icon", { key: '454a351069797007019657f1239aab5f2b0be482', name: "arrowLeft", size: "12", color: "#CCCCCC" })), h("span", { key: '7cd18da8a3e2220b583f0cb35eca4096f8770275', class: "year-nav__current" }, this.currentYear), h("button", { key: 'd589b992604fcd958a342de1cfa548a2cee51c36', type: "button", name: "next-year", title: "Next Year", onClick: () => this.setCurrentYear(this.currentYear + 1) }, h("sd-icon", { key: 'fca1aecf9cfcfe0aa350cfe7a39837524aeebf4f', name: "arrowRight", size: "12", color: "#CCCCCC" }))), h("div", { key: '2d62f23c487d673e0efcfa8bacff56f8076c90de', class: "month-nav" }, h("button", { key: '83149c7f67f68972b662981464db444e75cf3513', type: "button", name: "prev-month", title: "Previous       ", onClick: () => this.handleUpdateMonth('prev') }, h("sd-icon", { key: '039d63c5770614e29305ecda288d7f26ec2f74cc', name: "arrowLeft", size: "12", color: "#CCCCCC" })), h("span", { key: '97be0d41c505853e6ebb3f5481b81e6f3f1694c2', class: "month-nav__current" }, this.currentMonth, "\uC6D4"), h("button", { key: '02f53526b005c29a7118f3a7bf93691262c57421', type: "button", name: "next-month", title: "Next Month", onClick: () => this.handleUpdateMonth('next') }, h("sd-icon", { key: '16552dcf8dea941badad716f90c86f968cfdf312', name: "arrowRight", size: "12", color: "#CCCCCC" })))), h("div", { key: 'c4e35720676d4fc0bd7b8903082f24f00b34036d', class: "sd-date-picker__days" }, ['일', '월', '화', '수', '목', '금', '토'].map(day => (h("div", { key: day, class: "day" }, day)))), h("div", { key: 'b69032b67e0bcc6885a789c2ce1b181abf68979a', class: "sd-date-picker__body" }, [
             ...this.calendar.prevMonthDays,
             ...this.calendar.days,
             ...this.calendar.afterMonthDays,

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

@@ -173,10 +173,10 @@ const SdDateRangePicker = class {
         this.setHoverDate(hoverDate);
     }
     render() {
-        return (h(Host, { key: '1ac991910d1613bf142520081212be747bbeafd4', class: {
+        return (h(Host, { key: '475b3135158233bce6f200f47c860790b3b68933', class: {
                 'sd-date-range-picker': true,
                 'sd-date-range-picker--disabled': this.disabled,
-            } }, h("sd-input", { key: 'a9088dd29923544f749e09678856376dc8606f7d', ref: el => (this.inputEl = el), value: !!this.dateRange[0] ? `${this.dateRange[0]} ~ ${this.dateRange[1]}` : '', label: this.label, "inside-label": true, readonly: true, disabled: this.disabled, placeholder: this.placeholder, inputClass: "sd-date-range-picker__input", onClick: () => this.openMenu() }, h("sd-icon", { key: '866ba94372f088fab53a01e0f13fc883356f6586', slot: "prefix", name: "date", size: "16", color: this.disabled ? 'grey_65' : 'grey_70', class: "date-icon", onClick: () => this.openMenu() })), this.isOpen && (h("sd-portal", { key: '95ab0375cf56201bd285c522844d7fa387ae7fc9', open: this.isOpen, parentRef: this.inputEl, onSdClose: this.closeMenu }, h("div", { key: 'fc7bb357b66b7e70ce3351ab6861b778a00eb6d8', class: "sd-date-range-picker__menu" }, h("div", { key: '852ff12fdb66c008b92d7c2e828a6a7a952e7afe', class: "sd-date-range-picker__header mb-16pxr flex flex-nowrap items-center justify-center" }, h("button", { key: '980cb27f0c9e1629b5cf85060b47845db0e1f9b7', type: "button", name: "prev", title: "Previous", onClick: () => this.setPrevYear(this.prevYear - 1) }, h("sd-icon", { key: '7bc19cc051ff2af8fadf4eb7b389456fae03f060', name: "arrowLeft", size: "12", color: "#CCCCCC" })), h("div", { key: '4836b382280bf948afa7ed85eeb024052fd86aab', class: "header-label" }, this.prevYear), h("button", { key: 'fe7b4f50bb0515c8dd294274792dbbe3baca3af7', type: "button", name: "next", title: "Next", onClick: () => this.setPrevYear(this.prevYear + 1) }, h("sd-icon", { key: '2f86e0b14db96213954cf17282bcc66ed0b80ded', name: "arrowRight", size: "12", color: "#CCCCCC" }))), h("div", { key: '0d63ed5aef2ede30dd88dd25b3314e4ec8ae79ce', class: "sd-date-range-picker__body" }, [this.prevCalendar, this.nextCalendar].map((calendar, index) => (h(Fragment, null, index === 1 && h("div", { class: "separator" }), h("div", { key: index, class: "calendar-container" }, h("div", { class: "calendar-header" }, h("button", { type: "button", name: "month", title: "Month", class: index === 0 ? 'header-button-prev' : 'header-button-next', onClick: () => this.updateYearMonth(index === 0 ? 'prev' : 'next') }, h("sd-icon", { name: index === 0 ? 'arrowLeft' : 'arrowRight', size: "12", color: "#CCCCCC" })), index === 0
+            } }, h("sd-input", { key: 'c6cd9405fbcc12fc772720a64b979b6ad88fe51c', ref: el => (this.inputEl = el), value: !!this.dateRange[0] ? `${this.dateRange[0]} ~ ${this.dateRange[1]}` : '', label: this.label, "inside-label": true, readonly: true, disabled: this.disabled, placeholder: this.placeholder, inputClass: "sd-date-range-picker__input", onClick: () => this.openMenu() }, h("sd-icon", { key: '75abee918222b6e5123d3aef220f1f54cbcd63eb', slot: "prefix", name: "date", size: "16", color: this.disabled ? 'grey_65' : 'grey_70', class: "date-icon", onClick: () => this.openMenu() })), this.isOpen && (h("sd-portal", { key: '87025f908882e4199336c053f8d80de32e43764b', open: this.isOpen, parentRef: this.inputEl, onSdClose: this.closeMenu }, h("div", { key: '28c20713fe1c90610a85ca957a3cf11eb919f322', class: "sd-date-range-picker__menu" }, h("div", { key: '3bfdbd8cbdc09ea4b63bf8d90e90f9b41411d2e6', class: "sd-date-range-picker__header mb-16pxr flex flex-nowrap items-center justify-center" }, h("button", { key: 'a553069fe691b3a2498c2d4d6479746eac6e57de', type: "button", name: "prev", title: "Previous", onClick: () => this.setPrevYear(this.prevYear - 1) }, h("sd-icon", { key: '8781d59f7a8e5f3207f989c54bd5dbfcec53c616', name: "arrowLeft", size: "12", color: "#CCCCCC" })), h("div", { key: '9453881cff191a277235e99a1f7c1846ddb4fb27', class: "header-label" }, this.prevYear), h("button", { key: '0dcd78e180e6c57cdc6be30cd5715beec902b826', type: "button", name: "next", title: "Next", onClick: () => this.setPrevYear(this.prevYear + 1) }, h("sd-icon", { key: '84165b81ceba4f9da6858cea81ca0c166acc5709', name: "arrowRight", size: "12", color: "#CCCCCC" }))), h("div", { key: '7f57af4b26543946d4cddd2a8dff4e679c8e84da', class: "sd-date-range-picker__body" }, [this.prevCalendar, this.nextCalendar].map((calendar, index) => (h(Fragment, null, index === 1 && h("div", { class: "separator" }), h("div", { key: index, class: "calendar-container" }, h("div", { class: "calendar-header" }, h("button", { type: "button", name: "month", title: "Month", class: index === 0 ? 'header-button-prev' : 'header-button-next', onClick: () => this.updateYearMonth(index === 0 ? 'prev' : 'next') }, h("sd-icon", { name: index === 0 ? 'arrowLeft' : 'arrowRight', size: "12", color: "#CCCCCC" })), index === 0
             ? `${this.prevYear}.${String(this.prevMonth).padStart(2, '0')}`
             : `${this.nextYear}.${String(this.nextMonth).padStart(2, '0')}`), h("div", { class: "calendar-days" }, ['일', '월', '화', '수', '목', '금', '토'].map(day => (h("sd-date-box", { key: day, date: day, disabled: true, class: "day" })))), h("div", { class: "calendar-body mt-12pxr grid grid-cols-7 gap-y-8pxr" }, [...calendar.prevMonthDays, ...calendar.days, ...calendar.afterMonthDays].map((day, idx) => (h("sd-date-box", { key: `prev${day}_${idx}`, date: !day ? '' : Number(day), selected: this.dateRange.some(date => date === this.formatDate(index, Number(day))), type: this.getDateBoxType(this.formatDate(index, Number(day))), isToday: today === this.formatDate(index, Number(day)), disabled: !day ? true : this.isDisabledDate(this.formatDate(index, Number(day))), inRange: this.isDateInRange(this.formatDate(index, Number(day))), isStartDate: this.dateRange[0] === this.formatDate(index, Number(day)), isEndDate: this.dateRange[1] === this.formatDate(index, Number(day)), onClick: () => this.handleDateClick(index, Number(day)), onMouseOver: () => this.handleDateHover(index, Number(day)) }))))))))))))));
     }

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

@@ -119,15 +119,15 @@ const SdField = class {
         }
     }
     render() {
-        return (h(Host, { key: '16609b3313318dfc4db917a32bd44e6e2cb2f4e7', class: {
+        return (h(Host, { key: '88155b0b6b8393687ab44eeb20562ebffb782daa', class: {
                 'sd-field': true,
                 'sd-field--has-label': !!this.label,
                 'sd-field--has-label-inside': !!this.label && this.insideLabel,
                 [this.fieldStatus]: !!this.fieldStatus,
-            } }, h("div", { key: '5c3056123cb54f8d6c26406ae76b13219d289f9c', class: "sd-field__wrapper" }, this.renderLabel(this.label), h("div", { key: '786bcd6ec3651bb226013474fae112c592ec6890', class: {
+            } }, h("div", { key: '437b3d7f8253159ea364d28c342a2e345db6fd4c', class: "sd-field__wrapper" }, this.renderLabel(this.label), h("div", { key: 'b6f50648cdf7a2278706cd28423c26e091b96ea0', class: {
                 'sd-field__control': true,
                 'sd-field__control--label-inside ': !!this.label && this.insideLabel,
-            } }, h("slot", { key: '60ae2f97cc7225930df9d17958fe78d3dd8e01e3' }))), this.errorMsg && h("div", { key: '4984f7e64c6c6611063c46b5c7ea21a0ae0b5343', class: "sd-field__error-message" }, this.errorMsg)));
+            } }, h("slot", { key: '8795191648dd56fd4a5544e1ae1a35812c3898a2' }))), this.errorMsg && h("div", { key: '9b35ff3fd9837767f320706addcec41d69e1b048', class: "sd-field__error-message" }, this.errorMsg)));
     }
     renderLabel(label) {
         if (!label)
@@ -280,7 +280,7 @@ const SdInput = class {
                 '--input-width': typeof this.width === 'number' ? `${this.width}px` : this.width,
             }
             : {};
-        return (h("sd-field", { key: '78d338ae57d61752e8cb691197c3882f32ccfc16', name: this.name, label: this.label, insideLabel: this.insideLabel, rules: this.rules, error: this.error, disabled: this.disabled, focused: this.focused, hovered: this.hovered, status: this.status, useLabelRequired: this.useLabelRequired, labelTooltip: this.labelTooltip, labelTooltipProps: this.labelTooltipProps, ref: el => (this.formField = el), style: inputWidth, onMouseEnter: () => (this.hovered = true), onMouseLeave: () => (this.hovered = false) }, h("label", { key: '180c948116cb0a644d2696a46a8040cd5f19010d', class: "sd-input__content", style: { width: '100%' } }, h("slot", { key: '4ead5aaaa62ac8c93d6207e04d5555e56f096a58', name: "prefix" }), h("input", { key: 'd5bce7f062c7550f6204f5df416122fe8e4a40f0', name: this.name, ref: el => (this.nativeEl = el), class: `sd-input__native ${this.inputClass}`, type: this.type, value: this.internalValue || '', placeholder: this.placeholder, disabled: this.disabled, readonly: this.readonly, autofocus: this.autoFocus, onInput: this.handleInput, onFocus: event => this.handleFocus('focus', event), onBlur: event => this.handleFocus('blur', event), style: this.inputStyle }), h("slot", { key: '9ab6a7556416dd5dbfea6b83f90b337366935b49', name: "suffix" }), this.clearable && this.internalValue && (h("sd-icon", { key: '7a803590e461dc740feb8bb55fd69c6dc11f3b62', name: "close", color: "grey_65", size: "16", class: "sd-input__clear-icon", onClick: async () => {
+        return (h("sd-field", { key: '1ea8809ec8f05e9713b26022014400811f3c4da2', name: this.name, label: this.label, insideLabel: this.insideLabel, rules: this.rules, error: this.error, disabled: this.disabled, focused: this.focused, hovered: this.hovered, status: this.status, useLabelRequired: this.useLabelRequired, labelTooltip: this.labelTooltip, labelTooltipProps: this.labelTooltipProps, ref: el => (this.formField = el), style: inputWidth, onMouseEnter: () => (this.hovered = true), onMouseLeave: () => (this.hovered = false) }, h("label", { key: 'f0f266bf75953342785b8296e40f7ca86018a75d', class: "sd-input__content", style: { width: '100%' } }, h("slot", { key: '2fa7295a91e35292d794879432195e9cb76bce1a', name: "prefix" }), h("input", { key: '5529de166855c571c385fb479f6dbfec148a6771', name: this.name, ref: el => (this.nativeEl = el), class: `sd-input__native ${this.inputClass}`, type: this.type, value: this.internalValue || '', placeholder: this.placeholder, disabled: this.disabled, readonly: this.readonly, autofocus: this.autoFocus, onInput: this.handleInput, onFocus: event => this.handleFocus('focus', event), onBlur: event => this.handleFocus('blur', event), style: this.inputStyle }), h("slot", { key: '5ae1f154e1ac870c8629ebf4b2007274d591018d', name: "suffix" }), this.clearable && this.internalValue && (h("sd-icon", { key: '57f515d933010326bd7f64ef74beb37df3fa7ba7', name: "close", color: "grey_65", size: "16", class: "sd-input__clear-icon", onClick: async () => {
                 this.internalValue = '';
                 await this.formField?.sdValidate();
             } })))));
@@ -410,7 +410,7 @@ const SdPortal = class {
         this.close.emit();
     }
     render() {
-        return h("slot", { key: '180911ce3dbda3a8e2576facbf0ab16b5cb0b61f' });
+        return h("slot", { key: '6181685d61b1e95116316b72208702597bba2b8e' });
     }
 };
 

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, a as getElement, h } from './index-C3qNZ7Qh.js';
 
-const sdFilePickerCss = () => `sd-file-picker{display:inline-flex}.sd-file-picker{display:inline-flex;align-items:center;max-width:var(--picker-width, 100%);height:28px;gap:8px;padding:4px 8px;border:1px solid #aaaaaa;border-radius:4px;background-color:#ffffff;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;vertical-align:middle}.sd-file-picker__text{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:400;font-size:12px;line-height:20px;color:#aaaaaa}.sd-file-picker__text--active{color:#222222}.sd-file-picker__text--placeholder{color:#aaaaaa}.sd-file-picker__icon{flex-shrink:0}.sd-file-picker__clear-icon{flex-shrink:0;cursor:pointer;transition:opacity 0.2s ease}.sd-file-picker__clear-icon:hover{opacity:0.7}.sd-file-picker__input{display:none}.sd-file-picker__tooltip{position:absolute;top:calc(100% - 4px);left:50%;transform:translate(-50%);z-index:1000;white-space:nowrap;padding:8px 12px;background:rgba(0, 0, 0, 0.8);color:white;font-size:12px;line-height:18px;border-radius:4px;pointer-events:none}.sd-file-picker:hover:not(.sd-file-picker--inline):not(.sd-file-picker--disabled){background-color:#f6f6f6}.sd-file-picker--active:not(.sd-file-picker--inline):not(.sd-file-picker--disabled){background-color:#ffffff}.sd-file-picker--active:not(.sd-file-picker--inline):not(.sd-file-picker--disabled) .sd-file-picker__text{color:#222222}.sd-file-picker--disabled:not(.sd-file-picker--inline){background-color:#eeeeee;border-color:#cccccc;cursor:not-allowed !important}.sd-file-picker--disabled:not(.sd-file-picker--inline) .sd-file-picker__text{color:#888888}.sd-file-picker--inline{border:none;background-color:transparent;padding:0;height:auto}.sd-file-picker--inline .sd-file-picker__text{color:#aaaaaa}.sd-file-picker--inline:hover:not(.sd-file-picker--disabled) .sd-file-picker__text{color:#737373}.sd-file-picker--inline.sd-file-picker--active:not(.sd-file-picker--disabled) .sd-file-picker__text--active{color:#222222}.sd-file-picker--inline.sd-file-picker--disabled .sd-file-picker__text{color:#cccccc}`;
+const sdFilePickerCss = () => `sd-file-picker{display:inline-flex;width:100%}.sd-file-picker{display:inline-flex;width:100%;align-items:center;max-width:var(--picker-width, 100%);height:28px;gap:8px;padding:4px 8px;border:1px solid #aaaaaa;border-radius:4px;background-color:#ffffff;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;vertical-align:middle}.sd-file-picker__text{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:400;font-size:12px;line-height:20px;color:#aaaaaa}.sd-file-picker__text--active{color:#222222}.sd-file-picker__text--placeholder{color:#aaaaaa}.sd-file-picker__icon{flex-shrink:0}.sd-file-picker__clear-icon{flex-shrink:0;cursor:pointer;transition:opacity 0.2s ease}.sd-file-picker__clear-icon:hover{opacity:0.7}.sd-file-picker__input{display:none}.sd-file-picker__tooltip{position:absolute;top:calc(100% - 4px);left:50%;transform:translate(-50%);z-index:1000;white-space:nowrap;padding:8px 12px;background:rgba(0, 0, 0, 0.8);color:white;font-size:12px;line-height:18px;border-radius:4px;pointer-events:none}.sd-file-picker:hover:not(.sd-file-picker--inline):not(.sd-file-picker--disabled){background-color:#f6f6f6}.sd-file-picker--active:not(.sd-file-picker--inline):not(.sd-file-picker--disabled){background-color:#ffffff}.sd-file-picker--active:not(.sd-file-picker--inline):not(.sd-file-picker--disabled) .sd-file-picker__text{color:#222222}.sd-file-picker--disabled:not(.sd-file-picker--inline){background-color:#eeeeee;border-color:#cccccc;cursor:not-allowed !important}.sd-file-picker--disabled:not(.sd-file-picker--inline) .sd-file-picker__text{color:#888888}.sd-file-picker--inline{border:none;background-color:transparent;padding:0;height:auto}.sd-file-picker--inline .sd-file-picker__text{color:#aaaaaa}.sd-file-picker--inline:hover:not(.sd-file-picker--disabled) .sd-file-picker__text{color:#737373}.sd-file-picker--inline.sd-file-picker--active:not(.sd-file-picker--disabled) .sd-file-picker__text--active{color:#222222}.sd-file-picker--inline.sd-file-picker--disabled .sd-file-picker__text{color:#cccccc}`;
 
 const SdFilePicker = class {
     constructor(hostRef) {
@@ -14,7 +14,6 @@ const SdFilePicker = class {
     inline = false;
     multiple = false;
     accept;
-    width;
     internalValue = null;
     hovered = false;
     showTooltip = false;
@@ -99,15 +98,15 @@ const SdFilePicker = class {
     render() {
         const hasFiles = this.hasFiles();
         const displayText = this.getDisplayText();
-        return (h("div", { key: 'dac7726e25ba3bf4afa0da022cb3e472a8891cec', class: {
+        return (h("div", { key: 'a41d17071dc1c54af38a25c143f7df3a2f8d8f83', class: {
                 'sd-file-picker': true,
                 [this.getStatusClass()]: true,
                 'sd-file-picker--inline': this.inline,
-            }, onClick: this.handleClick, onMouseEnter: () => (this.hovered = true), onMouseLeave: () => (this.hovered = false) }, h("input", { key: '1ab733ebf6d98ad792b7b6d06f562b014504a2fe', ref: el => (this.fileInputRef = el), type: "file", class: "sd-file-picker__input", disabled: this.disabled, multiple: this.multiple, accept: this.accept, onInput: this.handleFileChange, "aria-label": this.placeholder }), h("sd-icon", { key: 'c82214c83107f01314de1eb380a421fc80af043f', name: "attachFile", size: 16, color: this.getIconColor(), class: "sd-file-picker__icon" }), h("div", { key: '11f5bfca6d50fd4e78c902ddc52995b3ed399b21', ref: el => (this.fileNamesRef = el), class: {
+            }, onClick: this.handleClick, onMouseEnter: () => (this.hovered = true), onMouseLeave: () => (this.hovered = false) }, h("input", { key: '31bd3ccd4fc132037b67d189478af6dcb5bf9c4a', ref: el => (this.fileInputRef = el), type: "file", class: "sd-file-picker__input", disabled: this.disabled, multiple: this.multiple, accept: this.accept, onInput: this.handleFileChange, "aria-label": this.placeholder }), h("sd-icon", { key: 'a422d6902ec05313365d2832f1f77e7100dcf9c7', name: "attachFile", size: 16, color: this.getIconColor(), class: "sd-file-picker__icon" }), h("div", { key: 'c0ef65e1d2f5e2eea86d4047b990932d711e68bb', ref: el => (this.fileNamesRef = el), class: {
                 'sd-file-picker__text': true,
                 'sd-file-picker__text--placeholder': !hasFiles,
                 'sd-file-picker__text--active': hasFiles,
-            } }, displayText), !this.disabled && hasFiles && (h("sd-icon", { key: 'e429e10a285f12e16d1fa362e51903f12119bf3b', name: "close", size: 12, color: "#888888", class: "sd-file-picker__clear-icon", onClick: this.handleClear })), this.showTooltip && hasFiles && this.hovered && (h("div", { key: '1a7c924eed094fdb070ed5711a9b09aeea8f3c56', class: "sd-file-picker__tooltip" }, displayText))));
+            } }, displayText), !this.disabled && hasFiles && (h("sd-icon", { key: 'b57318271a1282655a6c7f90247f6e6a1813bceb', name: "close", size: 12, color: "#888888", class: "sd-file-picker__clear-icon", onClick: this.handleClear })), this.showTooltip && hasFiles && this.hovered && (h("div", { key: 'cc913b203d72fb0240ea22d7d266953c5ef31476', class: "sd-file-picker__tooltip" }, displayText))));
     }
     static get watchers() { return {
         "value": ["valueChanged"]

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

@@ -1 +1 @@
-{"version":3,"file":"sd-file-picker.entry.js","sources":["src/components/sd-file-picker/sd-file-picker.scss?tag=sd-file-picker","src/components/sd-file-picker/sd-file-picker.tsx"],"sourcesContent":["@import 'variables';\n\nsd-file-picker {\n display: inline-flex;\n}\n.sd-file-picker {\n display: inline-flex;\n align-items: center;\n max-width: var(--picker-width, 100%);\n height: 28px;\n gap: 8px;\n padding: 4px 8px;\n border: 1px solid $grey_55;\n border-radius: 4px;\n background-color: $white;\n cursor: pointer;\n -webkit-user-select: none;\n user-select: none;\n position: relative;\n vertical-align: middle;\n\n &__text {\n  flex: 1;\n  min-width: 0;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  font-weight: 400;\n  font-size: 12px;\n  line-height: 20px;\n  color: $grey_55;\n\n  &--active {\n   color: $grey_95;\n  }\n\n  &--placeholder {\n   color: $grey_55;\n  }\n }\n\n &__icon {\n  flex-shrink: 0;\n }\n\n &__clear-icon {\n  flex-shrink: 0;\n  cursor: pointer;\n  transition: opacity 0.2s ease;\n\n  &:hover {\n   opacity: 0.7;\n  }\n }\n\n &__input {\n  display: none;\n }\n\n &__tooltip {\n  position: absolute;\n  top: calc(100% - 4px);\n  left: 50%;\n  transform: translate(-50%);\n  z-index: 1000;\n  white-space: nowrap;\n  padding: 8px 12px;\n  background: rgba(0, 0, 0, 0.8);\n  color: white;\n  font-size: 12px;\n  line-height: 18px;\n  border-radius: 4px;\n  pointer-events: none;\n }\n\n &:hover:not(&--inline):not(&--disabled) {\n  background-color: $grey_10;\n }\n\n &--active:not(&--inline):not(&--disabled) {\n  background-color: $white;\n\n  .sd-file-picker__text {\n   color: $grey_95;\n  }\n }\n\n &--disabled:not(&--inline) {\n  background-color: $grey_20;\n  border-color: $grey_45;\n  cursor: not-allowed !important;\n\n  .sd-file-picker__text {\n   color: $grey_65;\n  }\n }\n\n &--inline {\n  border: none;\n  background-color: transparent;\n  padding: 0;\n  height: auto;\n\n  .sd-file-picker__text {\n   color: $grey_55;\n  }\n\n  &:hover:not(.sd-file-picker--disabled) {\n   .sd-file-picker__text {\n    color: $grey_70;\n   }\n  }\n\n  &.sd-file-picker--active:not(.sd-file-picker--disabled) {\n   .sd-file-picker__text--active {\n    color: $grey_95;\n   }\n  }\n\n  &.sd-file-picker--disabled {\n   .sd-file-picker__text {\n    color: $grey_45;\n   }\n  }\n }\n}\n","import {\n ComponentInterface,\n Component,\n Element,\n Prop,\n State,\n Event,\n EventEmitter,\n Watch,\n h,\n} from '@stencil/core';\n\n@Component({\n tag: 'sd-file-picker',\n styleUrl: 'sd-file-picker.scss',\n})\nexport class SdFilePicker implements ComponentInterface {\n @Element() el!: HTMLElement;\n\n @Prop({ mutable: true }) value?: File[] | File | null = null;\n @Prop() placeholder: string = 'Click to upload';\n @Prop() disabled: boolean = false;\n @Prop() inline: boolean = false;\n @Prop() multiple: boolean = false;\n @Prop() accept?: string;\n @Prop() width?: number | string;\n\n @State() private internalValue: File[] | File | null = null;\n @State() private hovered: boolean = false;\n @State() private showTooltip: boolean = false;\n\n private fileInputRef?: HTMLInputElement;\n private fileNamesRef?: HTMLElement;\n\n @Event({ eventName: 'sdUpdate' }) update!: EventEmitter<File[] | File | null>;\n\n @Watch('value')\n valueChanged(newValue: File[] | File | null) {\n  this.internalValue = newValue;\n }\n\n componentDidLoad() {\n  this.checkOverflow();\n }\n\n componentDidUpdate() {\n  this.checkOverflow();\n }\n\n private handleFileChange = (event: Event) => {\n  const input = event.target as HTMLInputElement;\n  const files = input.files;\n\n  if (!files || files.length === 0) {\n   return;\n  }\n\n  const fileArray = Array.from(files);\n\n  if (this.multiple) {\n   this.internalValue = fileArray;\n  } else {\n   this.internalValue = fileArray[0];\n  }\n  this.value = this.internalValue;\n  this.update?.emit(this.value);\n };\n\n private handleClear = (event: Event) => {\n  event.stopPropagation();\n  const clearedValue = this.multiple ? [] : null;\n  this.value = clearedValue;\n  this.internalValue = clearedValue;\n  this.update?.emit(clearedValue);\n\n  if (this.fileInputRef) {\n   this.fileInputRef.value = '';\n  }\n };\n\n private handleClick = () => {\n  if (this.disabled) return;\n  this.fileInputRef?.click();\n };\n\n private getStatusClass(): string {\n  if (this.disabled) return 'sd-file-picker--disabled';\n  if (this.hasFiles()) return 'sd-file-picker--active';\n  return '';\n }\n\n private hasFiles(): boolean {\n  if (!this.internalValue) return false;\n  if (Array.isArray(this.internalValue)) {\n   return this.internalValue.length > 0;\n  }\n  return true;\n }\n\n private getDisplayText(): string {\n  if (!this.hasFiles()) return this.placeholder;\n\n  if (Array.isArray(this.internalValue)) {\n   return this.internalValue.map(f => f.name).join(', ');\n  }\n\n  return this.internalValue?.name || this.placeholder;\n }\n\n private checkOverflow() {\n  if (!this.fileNamesRef) return;\n  const isOverflowing = this.fileNamesRef.scrollWidth > this.fileNamesRef.clientWidth;\n  this.showTooltip = isOverflowing;\n }\n\n private getIconColor(): string {\n  if (this.disabled) {\n   return this.inline ? 'grey_45' : 'grey_55';\n  }\n  return 'grey_70';\n }\n\n render() {\n  const hasFiles = this.hasFiles();\n  const displayText = this.getDisplayText();\n\n  return (\n   <div\n    class={{\n     'sd-file-picker': true,\n     [this.getStatusClass()]: true,\n     'sd-file-picker--inline': this.inline,\n    }}\n    onClick={this.handleClick}\n    onMouseEnter={() => (this.hovered = true)}\n    onMouseLeave={() => (this.hovered = false)}\n   >\n    <input\n     ref={el => (this.fileInputRef = el as HTMLInputElement)}\n     type=\"file\"\n     class=\"sd-file-picker__input\"\n     disabled={this.disabled}\n     multiple={this.multiple}\n     accept={this.accept}\n     onInput={this.handleFileChange}\n     aria-label={this.placeholder}\n    />\n\n    <sd-icon name=\"attachFile\" size={16} color={this.getIconColor()} class=\"sd-file-picker__icon\" />\n\n    <div\n     ref={el => (this.fileNamesRef = el as HTMLElement)}\n     class={{\n      'sd-file-picker__text': true,\n      'sd-file-picker__text--placeholder': !hasFiles,\n      'sd-file-picker__text--active': hasFiles,\n     }}\n    >\n     {displayText}\n    </div>\n\n    {!this.disabled && hasFiles && (\n     <sd-icon\n      name=\"close\"\n      size={12}\n      color=\"#888888\"\n      class=\"sd-file-picker__clear-icon\"\n      onClick={this.handleClear}\n     />\n    )}\n\n    {this.showTooltip && hasFiles && this.hovered && (\n     <div class=\"sd-file-picker__tooltip\">{displayText}</div>\n    )}\n   </div>\n  );\n }\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"sd-file-picker.entry.js","sources":["src/components/sd-file-picker/sd-file-picker.scss?tag=sd-file-picker","src/components/sd-file-picker/sd-file-picker.tsx"],"sourcesContent":["@import 'variables';\n\nsd-file-picker {\n display: inline-flex;\n width: 100%;\n}\n\n.sd-file-picker {\n display: inline-flex;\n width: 100%;\n align-items: center;\n max-width: var(--picker-width, 100%);\n height: 28px;\n gap: 8px;\n padding: 4px 8px;\n border: 1px solid $grey_55;\n border-radius: 4px;\n background-color: $white;\n cursor: pointer;\n -webkit-user-select: none;\n user-select: none;\n position: relative;\n vertical-align: middle;\n\n &__text {\n  flex: 1;\n  min-width: 0;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  font-weight: 400;\n  font-size: 12px;\n  line-height: 20px;\n  color: $grey_55;\n\n  &--active {\n   color: $grey_95;\n  }\n\n  &--placeholder {\n   color: $grey_55;\n  }\n }\n\n &__icon {\n  flex-shrink: 0;\n }\n\n &__clear-icon {\n  flex-shrink: 0;\n  cursor: pointer;\n  transition: opacity 0.2s ease;\n\n  &:hover {\n   opacity: 0.7;\n  }\n }\n\n &__input {\n  display: none;\n }\n\n &__tooltip {\n  position: absolute;\n  top: calc(100% - 4px);\n  left: 50%;\n  transform: translate(-50%);\n  z-index: 1000;\n  white-space: nowrap;\n  padding: 8px 12px;\n  background: rgba(0, 0, 0, 0.8);\n  color: white;\n  font-size: 12px;\n  line-height: 18px;\n  border-radius: 4px;\n  pointer-events: none;\n }\n\n &:hover:not(&--inline):not(&--disabled) {\n  background-color: $grey_10;\n }\n\n &--active:not(&--inline):not(&--disabled) {\n  background-color: $white;\n\n  .sd-file-picker__text {\n   color: $grey_95;\n  }\n }\n\n &--disabled:not(&--inline) {\n  background-color: $grey_20;\n  border-color: $grey_45;\n  cursor: not-allowed !important;\n\n  .sd-file-picker__text {\n   color: $grey_65;\n  }\n }\n\n &--inline {\n  border: none;\n  background-color: transparent;\n  padding: 0;\n  height: auto;\n\n  .sd-file-picker__text {\n   color: $grey_55;\n  }\n\n  &:hover:not(.sd-file-picker--disabled) {\n   .sd-file-picker__text {\n    color: $grey_70;\n   }\n  }\n\n  &.sd-file-picker--active:not(.sd-file-picker--disabled) {\n   .sd-file-picker__text--active {\n    color: $grey_95;\n   }\n  }\n\n  &.sd-file-picker--disabled {\n   .sd-file-picker__text {\n    color: $grey_45;\n   }\n  }\n }\n}","import {\n ComponentInterface,\n Component,\n Element,\n Prop,\n State,\n Event,\n EventEmitter,\n Watch,\n h,\n} from '@stencil/core';\n\n@Component({\n tag: 'sd-file-picker',\n styleUrl: 'sd-file-picker.scss',\n})\nexport class SdFilePicker implements ComponentInterface {\n @Element() el!: HTMLElement;\n\n @Prop({ mutable: true }) value?: File[] | File | null = null;\n @Prop() placeholder: string = 'Click to upload';\n @Prop() disabled: boolean = false;\n @Prop() inline: boolean = false;\n @Prop() multiple: boolean = false;\n @Prop() accept?: string;\n\n @State() private internalValue: File[] | File | null = null;\n @State() private hovered: boolean = false;\n @State() private showTooltip: boolean = false;\n\n private fileInputRef?: HTMLInputElement;\n private fileNamesRef?: HTMLElement;\n\n @Event({ eventName: 'sdUpdate' }) update!: EventEmitter<File[] | File | null>;\n\n @Watch('value')\n valueChanged(newValue: File[] | File | null) {\n  this.internalValue = newValue;\n }\n\n componentDidLoad() {\n  this.checkOverflow();\n }\n\n componentDidUpdate() {\n  this.checkOverflow();\n }\n\n private handleFileChange = (event: Event) => {\n  const input = event.target as HTMLInputElement;\n  const files = input.files;\n\n  if (!files || files.length === 0) {\n   return;\n  }\n\n  const fileArray = Array.from(files);\n\n  if (this.multiple) {\n   this.internalValue = fileArray;\n  } else {\n   this.internalValue = fileArray[0];\n  }\n  this.value = this.internalValue;\n  this.update?.emit(this.value);\n };\n\n private handleClear = (event: Event) => {\n  event.stopPropagation();\n  const clearedValue = this.multiple ? [] : null;\n  this.value = clearedValue;\n  this.internalValue = clearedValue;\n  this.update?.emit(clearedValue);\n\n  if (this.fileInputRef) {\n   this.fileInputRef.value = '';\n  }\n };\n\n private handleClick = () => {\n  if (this.disabled) return;\n  this.fileInputRef?.click();\n };\n\n private getStatusClass(): string {\n  if (this.disabled) return 'sd-file-picker--disabled';\n  if (this.hasFiles()) return 'sd-file-picker--active';\n  return '';\n }\n\n private hasFiles(): boolean {\n  if (!this.internalValue) return false;\n  if (Array.isArray(this.internalValue)) {\n   return this.internalValue.length > 0;\n  }\n  return true;\n }\n\n private getDisplayText(): string {\n  if (!this.hasFiles()) return this.placeholder;\n\n  if (Array.isArray(this.internalValue)) {\n   return this.internalValue.map(f => f.name).join(', ');\n  }\n\n  return this.internalValue?.name || this.placeholder;\n }\n\n private checkOverflow() {\n  if (!this.fileNamesRef) return;\n  const isOverflowing = this.fileNamesRef.scrollWidth > this.fileNamesRef.clientWidth;\n  this.showTooltip = isOverflowing;\n }\n\n private getIconColor(): string {\n  if (this.disabled) {\n   return this.inline ? 'grey_45' : 'grey_55';\n  }\n  return 'grey_70';\n }\n\n render() {\n  const hasFiles = this.hasFiles();\n  const displayText = this.getDisplayText();\n\n  return (\n   <div\n    class={{\n     'sd-file-picker': true,\n     [this.getStatusClass()]: true,\n     'sd-file-picker--inline': this.inline,\n    }}\n    onClick={this.handleClick}\n    onMouseEnter={() => (this.hovered = true)}\n    onMouseLeave={() => (this.hovered = false)}\n   >\n    <input\n     ref={el => (this.fileInputRef = el as HTMLInputElement)}\n     type=\"file\"\n     class=\"sd-file-picker__input\"\n     disabled={this.disabled}\n     multiple={this.multiple}\n     accept={this.accept}\n     onInput={this.handleFileChange}\n     aria-label={this.placeholder}\n    />\n\n    <sd-icon name=\"attachFile\" size={16} color={this.getIconColor()} class=\"sd-file-picker__icon\" />\n\n    <div\n     ref={el => (this.fileNamesRef = el as HTMLElement)}\n     class={{\n      'sd-file-picker__text': true,\n      'sd-file-picker__text--placeholder': !hasFiles,\n      'sd-file-picker__text--active': hasFiles,\n     }}\n    >\n     {displayText}\n    </div>\n\n    {!this.disabled && hasFiles && (\n     <sd-icon\n      name=\"close\"\n      size={12}\n      color=\"#888888\"\n      class=\"sd-file-picker__clear-icon\"\n      onClick={this.handleClear}\n     />\n    )}\n\n    {this.showTooltip && hasFiles && this.hovered && (\n     <div class=\"sd-file-picker__tooltip\">{displayText}</div>\n    )}\n   </div>\n  );\n }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,eAAe,GAAG,MAAM,CAAC,4hEAA4hE,CAAC;;MCgB/iE,YAAY,GAAA,MAAA;;;;;;IAGC,KAAK,GAA0B,IAAI;IACpD,WAAW,GAAW,iBAAiB;IACvC,QAAQ,GAAY,KAAK;IACzB,MAAM,GAAY,KAAK;IACvB,QAAQ,GAAY,KAAK;AACzB,IAAA,MAAM;IAEG,aAAa,GAAyB,IAAI;IAC1C,OAAO,GAAY,KAAK;IACxB,WAAW,GAAY,KAAK;AAErC,IAAA,YAAY;AACZ,IAAA,YAAY;AAEc,IAAA,MAAM;AAGxC,IAAA,YAAY,CAAC,QAA8B,EAAA;AAC1C,QAAA,IAAI,CAAC,aAAa,GAAG,QAAQ;;IAG9B,gBAAgB,GAAA;QACf,IAAI,CAAC,aAAa,EAAE;;IAGrB,kBAAkB,GAAA;QACjB,IAAI,CAAC,aAAa,EAAE;;AAGb,IAAA,gBAAgB,GAAG,CAAC,KAAY,KAAI;AAC3C,QAAA,MAAM,KAAK,GAAG,KAAK,CAAC,MAA0B;AAC9C,QAAA,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK;QAEzB,IAAI,CAAC,KAAK,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE;YACjC;;QAGD,MAAM,SAAS,GAAG,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC;AAEnC,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;AAClB,YAAA,IAAI,CAAC,aAAa,GAAG,SAAS;;aACxB;AACN,YAAA,IAAI,CAAC,aAAa,GAAG,SAAS,CAAC,CAAC,CAAC;;AAElC,QAAA,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,aAAa;QAC/B,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC;AAC9B,KAAC;AAEO,IAAA,WAAW,GAAG,CAAC,KAAY,KAAI;QACtC,KAAK,CAAC,eAAe,EAAE;AACvB,QAAA,MAAM,YAAY,GAAG,IAAI,CAAC,QAAQ,GAAG,EAAE,GAAG,IAAI;AAC9C,QAAA,IAAI,CAAC,KAAK,GAAG,YAAY;AACzB,QAAA,IAAI,CAAC,aAAa,GAAG,YAAY;AACjC,QAAA,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,YAAY,CAAC;AAE/B,QAAA,IAAI,IAAI,CAAC,YAAY,EAAE;AACtB,YAAA,IAAI,CAAC,YAAY,CAAC,KAAK,GAAG,EAAE;;AAE9B,KAAC;IAEO,WAAW,GAAG,MAAK;QAC1B,IAAI,IAAI,CAAC,QAAQ;YAAE;AACnB,QAAA,IAAI,CAAC,YAAY,EAAE,KAAK,EAAE;AAC3B,KAAC;IAEO,cAAc,GAAA;QACrB,IAAI,IAAI,CAAC,QAAQ;AAAE,YAAA,OAAO,0BAA0B;QACpD,IAAI,IAAI,CAAC,QAAQ,EAAE;AAAE,YAAA,OAAO,wBAAwB;AACpD,QAAA,OAAO,EAAE;;IAGF,QAAQ,GAAA;QACf,IAAI,CAAC,IAAI,CAAC,aAAa;AAAE,YAAA,OAAO,KAAK;QACrC,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,aAAa,CAAC,EAAE;AACtC,YAAA,OAAO,IAAI,CAAC,aAAa,CAAC,MAAM,GAAG,CAAC;;AAErC,QAAA,OAAO,IAAI;;IAGJ,cAAc,GAAA;AACrB,QAAA,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;YAAE,OAAO,IAAI,CAAC,WAAW;QAE7C,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,aAAa,CAAC,EAAE;AACtC,YAAA,OAAO,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC;;QAGtD,OAAO,IAAI,CAAC,aAAa,EAAE,IAAI,IAAI,IAAI,CAAC,WAAW;;IAG5C,aAAa,GAAA;QACpB,IAAI,CAAC,IAAI,CAAC,YAAY;YAAE;AACxB,QAAA,MAAM,aAAa,GAAG,IAAI,CAAC,YAAY,CAAC,WAAW,GAAG,IAAI,CAAC,YAAY,CAAC,WAAW;AACnF,QAAA,IAAI,CAAC,WAAW,GAAG,aAAa;;IAGzB,YAAY,GAAA;AACnB,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;YAClB,OAAO,IAAI,CAAC,MAAM,GAAG,SAAS,GAAG,SAAS;;AAE3C,QAAA,OAAO,SAAS;;IAGjB,MAAM,GAAA;AACL,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,EAAE;AAChC,QAAA,MAAM,WAAW,GAAG,IAAI,CAAC,cAAc,EAAE;QAEzC,QACC,CACC,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE;AACN,gBAAA,gBAAgB,EAAE,IAAI;AACtB,gBAAA,CAAC,IAAI,CAAC,cAAc,EAAE,GAAG,IAAI;gBAC7B,wBAAwB,EAAE,IAAI,CAAC,MAAM;AACrC,aAAA,EACD,OAAO,EAAE,IAAI,CAAC,WAAW,EACzB,YAAY,EAAE,OAAO,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,EACzC,YAAY,EAAE,OAAO,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC,EAAA,EAE1C,CACC,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,GAAG,EAAE,EAAE,KAAK,IAAI,CAAC,YAAY,GAAG,EAAsB,CAAC,EACvD,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,uBAAuB,EAC7B,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,OAAO,EAAE,IAAI,CAAC,gBAAgB,EAClB,YAAA,EAAA,IAAI,CAAC,WAAW,EAC3B,CAAA,EAEF,CAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAS,IAAI,EAAC,YAAY,EAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,YAAY,EAAE,EAAE,KAAK,EAAC,sBAAsB,EAAG,CAAA,EAEhG,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,GAAG,EAAE,EAAE,KAAK,IAAI,CAAC,YAAY,GAAG,EAAiB,CAAC,EAClD,KAAK,EAAE;AACN,gBAAA,sBAAsB,EAAE,IAAI;gBAC5B,mCAAmC,EAAE,CAAC,QAAQ;AAC9C,gBAAA,8BAA8B,EAAE,QAAQ;AACxC,aAAA,EAAA,EAEA,WAAW,CACP,EAEL,CAAC,IAAI,CAAC,QAAQ,IAAI,QAAQ,KAC1B,CAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,IAAI,EAAC,OAAO,EACZ,IAAI,EAAE,EAAE,EACR,KAAK,EAAC,SAAS,EACf,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAE,IAAI,CAAC,WAAW,GACxB,CACF,EAEA,IAAI,CAAC,WAAW,IAAI,QAAQ,IAAI,IAAI,CAAC,OAAO,KAC5C,4DAAK,KAAK,EAAC,yBAAyB,EAAE,EAAA,WAAW,CAAO,CACxD,CACI;;;;;;;;;;"}

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

@@ -53,9 +53,9 @@ const SdGuide = class {
     };
     render() {
         const { name: iconName, size: iconSize, color: iconColor } = GUIDE_ICON[this.type];
-        return (h(Host, { key: 'a7a284528f1bf4c24cbf4c645c600bfdb8ac3397', style: {
+        return (h(Host, { key: '3e9133e450e136c9fb34e5107d2f7fc41ee9b8fe', style: {
                 '--sd-guide-color': GUIDE_ICON[this.type].color,
-            } }, h("sd-button", { key: '7a31bb752942f693d77e687b7ee433772f0fb968', ref: el => (this.guideRef = el), class: this.guideClass, variant: this.popupShow ? 'primary' : 'outline', label: this.label || GUIDE_LABEL[this.type], size: "sm", color: this.popupShow ? GUIDE_ICON[this.type].color : 'grey_45', icon: iconName, iconColor: this.popupShow ? 'white' : iconColor, iconSize: iconSize, noHover: this.popupShow, onClick: this.handleClickGuide }), this.type === 'help' && this.popupShow && (h("sd-portal", { key: 'b90a2c0594d2b9a09aad39954400fc648b14b776', open: this.popupShow, parentRef: this.guideRef, onSdClose: this.closeDropdown, offset: [0, 4] }, h("div", { key: '5f74f1b359de72ce3224a6d85971dc599e9eca11', style: { position: 'absolute', width: '0px', height: '0px' } }, h("div", { key: 'c7f0fea72dec238904e6ec696f0de8d7b4d99139', class: "sd-guide__popup", style: { width: this.popupWidth ? this.popupWidth + 'px' : '426px' } }, h("sd-button", { key: '91d375b51051cc6689d57a22615ece587592d4cd', class: "sd-guide__popup__close", icon: "close", color: "grey_65", size: "md", variant: "ghost", noHover: true, onClick: this.closeDropdown }), h("div", { key: '182d31b38da2082c18ed6d25d6879e8e5d5fc839', class: "sd-guide__popup__header" }, h("sd-icon", { key: '21a45f953f436528e8a5a0d08af988cb7cbbbf0c', name: "helpOutline", size: 24, color: "green_65" }), h("h3", { key: 'f6f24e6584b585fb6719327fed01bff87df8b9b9', class: "sd-guide__popup__title" }, this.popupTitle || GUIDE_LABEL[this.type])), h("ul", { key: '87fc85b3bb2bdd0e902bd7dc81cd6e36447d5241', class: "sd-guide__popup__list" }, this.renderListItem(this.message))))))));
+            } }, h("sd-button", { key: '9d7180ecba36835ea168f1744600447249566e4f', ref: el => (this.guideRef = el), class: this.guideClass, variant: this.popupShow ? 'primary' : 'outline', label: this.label || GUIDE_LABEL[this.type], size: "sm", color: this.popupShow ? GUIDE_ICON[this.type].color : 'grey_45', icon: iconName, iconColor: this.popupShow ? 'white' : iconColor, iconSize: iconSize, noHover: this.popupShow, onClick: this.handleClickGuide }), this.type === 'help' && this.popupShow && (h("sd-portal", { key: '0e1bd7d6d660ae241a335da1a86c2f00974a0474', open: this.popupShow, parentRef: this.guideRef, onSdClose: this.closeDropdown, offset: [0, 4] }, h("div", { key: 'ca98debbce9293bb484511e4ff61c81e81278ca9', style: { position: 'absolute', width: '0px', height: '0px' } }, h("div", { key: 'edbdd10359823ff83b381f8dd36103439a96bb0d', class: "sd-guide__popup", style: { width: this.popupWidth ? this.popupWidth + 'px' : '426px' } }, h("sd-button", { key: '5422758a3fc4d1580355f483bfdf5701e5480e20', class: "sd-guide__popup__close", icon: "close", color: "grey_65", size: "md", variant: "ghost", noHover: true, onClick: this.closeDropdown }), h("div", { key: '10f3b78d9b18961680df80a2a11f036404ce9cfb', class: "sd-guide__popup__header" }, h("sd-icon", { key: '75f0a7094b5c02ae9f0c174f02414bc4a2175863', name: "helpOutline", size: 24, color: "green_65" }), h("h3", { key: '5f0beea41676ea92a7fdeea7ad63aa10882da241', class: "sd-guide__popup__title" }, this.popupTitle || GUIDE_LABEL[this.type])), h("ul", { key: 'd3f018859c31e5aa0ae3e55dd0be9bedc4d33e25', class: "sd-guide__popup__list" }, this.renderListItem(this.message))))))));
     }
     // 현재 2depth까지만 스타일 적용
     renderListItem(message, depth = 0) {

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

@@ -13,7 +13,7 @@ const SdLoadingSpinner = class {
         return resolveColor(this.color);
     }
     render() {
-        return (h(Host, { key: 'aa2f775cec2d077ec5c90f56dfe6fc7c07d66ed3' }, h("svg", { key: 'eb95e64d55a79a6937eec9b34cbe3ef538c773a5', class: "sd-loading-spinner", width: "72px", height: "72px", viewBox: "25 25 50 50", style: { color: this.resolvedColor } }, h("circle", { key: '3ce95d70dcdfe3a2ad83dc5fea1226e8e3948420', class: "path", cx: "50", cy: "50", r: "20", fill: "none", stroke: "currentColor", "stroke-width": "5", "stroke-miterlimit": "10" }))));
+        return (h(Host, { key: '90e8d5b70e299835006b59d8240e0e0a526c14f7' }, h("svg", { key: '22c2e6c4a638440fd97abc82ebcba99a26a6e13c', class: "sd-loading-spinner", width: "72px", height: "72px", viewBox: "25 25 50 50", style: { color: this.resolvedColor } }, h("circle", { key: '41470486ab808e13a8d9fa0815b1a26436d6ca79', class: "path", cx: "50", cy: "50", r: "20", fill: "none", stroke: "currentColor", "stroke-width": "5", "stroke-miterlimit": "10" }))));
     }
 };
 SdLoadingSpinner.style = sdLoadingSpinnerCss();
@@ -159,7 +159,7 @@ const SdSelect = class extends BaseDropdownEvent {
         }
     };
     render() {
-        return (h("sd-field", { key: '507736637b3b7acee4bfef07eac7175c5e196c86', label: this.label, name: this.name, rules: this.rules, error: this.error, disabled: this.disabled, useLabelRequired: this.useLabelRequired, insideLabel: this.insideLabel, labelTooltip: this.labelTooltip, labelTooltipProps: this.labelTooltipProps, ref: el => (this.formField = el), style: { '--field-width': this.width || '200px' } }, h("div", { key: 'd905202201f5977d04a929af507653900af3ee75', class: {
+        return (h("sd-field", { key: '5c638efb68498690a30a855e3a337fac0e6e7810', label: this.label, name: this.name, rules: this.rules, error: this.error, disabled: this.disabled, useLabelRequired: this.useLabelRequired, insideLabel: this.insideLabel, labelTooltip: this.labelTooltip, labelTooltipProps: this.labelTooltipProps, ref: el => (this.formField = el), style: { '--field-width': this.width || '200px' } }, h("div", { key: 'e14a4f235235fdafa94f645eac0c18091080c8e9', class: {
                 'sd-select': true,
                 'sd-select--disabled': this.disabled,
                 'sd-select--error': !!this.error,

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

@@ -236,17 +236,17 @@ const SdNumberInput = class {
         const inputStyles = {
             textAlign: this.useButton ? 'center' : 'right',
         };
-        return (h(Host, { key: 'cc0a8b33a183c708f4caab8b085647666f3f6a98', style: inputWidth, onFocus: this.handleFocus, onBlur: this.handleBlur }, this.useButton ? 'use buttons' : 'dont use buttons', this.label && h("div", { key: '65a9e62f1ae8d4c4f8712a93a86e5c179953d398', class: "sd-number-input__label" }, this.label), h("label", { key: '25a1617e500b5c002b540215fa59c9d419468462', class: {
+        return (h(Host, { key: '808776f5dac544141ffd67482d23a9e04c410900', style: inputWidth, onFocus: this.handleFocus, onBlur: this.handleBlur }, this.useButton ? 'use buttons' : 'dont use buttons', this.label && h("div", { key: '0c4ebbbfbe31d9d01f1652e7a2135e56c7d8bbb1', class: "sd-number-input__label" }, this.label), h("label", { key: 'c25ba6871d48f13a082f04a42e0d412e806031fc', class: {
                 'sd-number-input': true,
                 [this.getInputStatus()]: true,
                 'sd-number-input--with-buttons': this.useButton,
-            }, onMouseEnter: () => (this.hovered = true), onMouseLeave: () => (this.hovered = false), style: this.inputStyle }, h("input", { key: '3cdbc6d5f59a6eaa3766e38768c718ca69a2b111', ref: el => (this.nativeEl = el), class: `sd-number-input__input ${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, style: inputStyles }), this.useButton && (h("div", { key: '8929f899d9c3f06510fc7d7d9c9a33fbaf0786ac', class: "sd-number-input__buttons" }, h("button", { key: 'd3673187beb0c5941b38b78016596519bf802935', type: "button", class: {
+            }, onMouseEnter: () => (this.hovered = true), onMouseLeave: () => (this.hovered = false), style: this.inputStyle }, h("input", { key: 'f2c88d5209f1886de1c7f89af8e7b1778bdc2ac1', ref: el => (this.nativeEl = el), class: `sd-number-input__input ${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, style: inputStyles }), this.useButton && (h("div", { key: '4c66e1a5b8880fed901aa6656e2e49ce817ae991', class: "sd-number-input__buttons" }, h("button", { key: '39e2935eae836c7f209deebaa2c5ad79d8643920', type: "button", class: {
                 'sd-number-input__button': true,
                 'sd-number-input__button--decrement': true,
-            }, disabled: this.isDecrementDisabled(), onClick: this.handleDecrement, tabindex: -1 }, h("sd-icon", { key: 'bd0b93c426d1dbc6ca5be932f999e0fa09538571', name: "minus", size: 12, color: this.isDecrementDisabled() ? '#CCCCCC' : '#2D8DFF' })), h("button", { key: 'b763da67109584b0c55dcfeaf3b2779c31c7caa4', type: "button", class: {
+            }, disabled: this.isDecrementDisabled(), onClick: this.handleDecrement, tabindex: -1 }, h("sd-icon", { key: 'a81ba14b5ebc2a46a2349fbb2de1015a2e1894a1', name: "minus", size: 12, color: this.isDecrementDisabled() ? '#CCCCCC' : '#2D8DFF' })), h("button", { key: '2f2e8948470c699124b99e6862bf112bb79d7721', type: "button", class: {
                 'sd-number-input__button': true,
                 'sd-number-input__button--increment': true,
-            }, disabled: this.isIncrementDisabled(), onClick: this.handleIncrement, tabindex: -1 }, h("sd-icon", { key: '48c6fc62f19db50be1c23d65706b345a6d543d87', name: "add", size: 12, color: this.isIncrementDisabled() ? '#CCCCCC' : '#2D8DFF' })))))));
+            }, disabled: this.isIncrementDisabled(), onClick: this.handleIncrement, tabindex: -1 }, h("sd-icon", { key: 'c269060a857285fa060d4c4971235cc9fb4e991a', name: "add", size: 12, color: this.isIncrementDisabled() ? '#CCCCCC' : '#2D8DFF' })))))));
     }
     static get watchers() { return {
         "value": ["valueChanged"],

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

@@ -36,11 +36,11 @@ const SdPopover = class {
         this.showPopover = false;
     };
     render() {
-        return (h(Fragment, { key: 'b968d7b33da86fc38d683e3af1b6cbcb3f3386dd' }, this.label ? (h("sd-button", { ref: el => (this.buttonEl = el), label: this.label, icon: this.icon, size: this.buttonSize, color: this.color, variant: this.buttonVariant, class: "sd-popover", onClick: () => (this.showPopover = !this.showPopover) })) : (h("sd-icon", { ref: el => (this.buttonEl = el), name: this.icon, size: this.iconSize, color: this.color, class: "sd-popover", onClick: () => (this.showPopover = !this.showPopover) })), this.showPopover && (h("sd-floating-portal", { key: '43b0962853e830256e7b749e6e27206a74bf08f4', parentRef: this.buttonEl, onSdClose: this.handleClose, placement: this.placement }, h("div", { key: '62767f979f1256937d50a6cddd5d4ddef5270005', class: {
+        return (h(Fragment, { key: '56f328cfb09847d3f5968c4ed73f805f5666e258' }, this.label ? (h("sd-button", { ref: el => (this.buttonEl = el), label: this.label, icon: this.icon, size: this.buttonSize, color: this.color, variant: this.buttonVariant, class: "sd-popover", onClick: () => (this.showPopover = !this.showPopover) })) : (h("sd-icon", { ref: el => (this.buttonEl = el), name: this.icon, size: this.iconSize, color: this.color, class: "sd-popover", onClick: () => (this.showPopover = !this.showPopover) })), this.showPopover && (h("sd-floating-portal", { key: '8b6a8ce42c1464780fb089098fdda82600eefc86', parentRef: this.buttonEl, onSdClose: this.handleClose, placement: this.placement }, h("div", { key: '0cbeee5bb4a514bc2e1009d5d97c27fd8a309fd2', class: {
                 'sd-floating-menu': true,
                 [`sd-floating-menu--${this.placement}`]: true,
                 [this.menuClass]: !!this.menuClass,
-            } }, h("i", { key: 'd82bdddc8945f348aebe8087390bf26d91e1e1c4', class: `sd-floating-menu__arrow sd-floating-menu__arrow--${this.placement}` }, h(TooltipArrow, { key: 'ff7ca429210d6ae88e2442299c8cea5211304e58' })), h("div", { key: '366633e5f65f76126607edb52d857e1918afb0bb', class: "sd-floating-menu__content" }, this.menuTitle && h("div", { key: '66b0783a3f5c4d30d33ecf496f4d0c051b44f3f1', class: "sd-floating-menu__title" }, this.menuTitle), this.messages.length > 0 && (h("div", { key: '4f2049e9eee721f674a6c8ae4cbeb4eea9ab59bd', class: "sd-floating-menu__messages" }, this.messages.map(message => (h("div", null, message))))), this.buttons.length > 0 && (h("div", { key: 'da2067ba8bf0279dd914fab6124f58526edff4d4', class: `sd-floating-menu__buttons sd-floating-menu__buttons--${this.buttons.length}` }, this.buttons.map(button => (h("sd-button", { ...button })))))), this.useClose && (h("button", { key: '2aeb7b81e322472922802bcb6163d0913f0ee218', class: "sd-floating-menu__close-button", onClick: () => this.handleClose() }, h("sd-icon", { key: '1ad55d0c8bf3c1eeedc2069f6f1bcdd75b180446', name: "close", size: "12", color: "#AAAAAA" }))))))));
+            } }, h("i", { key: 'd8f244e430aaacaaa4b124d4ae613546ca3cb04a', class: `sd-floating-menu__arrow sd-floating-menu__arrow--${this.placement}` }, h(TooltipArrow, { key: 'b5a9d9878144eb0a6093a05e0c5287d2721304d8' })), h("div", { key: '919c8ea1a1421f9db1b8f002704cb443e69b27dd', class: "sd-floating-menu__content" }, this.menuTitle && h("div", { key: '3a1bd157db78b03e894dd9234b15a1e0a42a20ad', class: "sd-floating-menu__title" }, this.menuTitle), this.messages.length > 0 && (h("div", { key: '775a8c45c194fce139b78bdea6cf3ea7e1d6aebd', class: "sd-floating-menu__messages" }, this.messages.map(message => (h("div", null, message))))), this.buttons.length > 0 && (h("div", { key: '1da478df75490f7ba81a8463cbbeea26c6cff64d', class: `sd-floating-menu__buttons sd-floating-menu__buttons--${this.buttons.length}` }, this.buttons.map(button => (h("sd-button", { ...button })))))), this.useClose && (h("button", { key: 'ce75525effbcc448900cbea452a9787f66447444', title: "close", class: "sd-floating-menu__close-button", onClick: () => this.handleClose() }, h("sd-icon", { key: '2dc6e721412c49ff91ea60e2355be1f0143fc7fb', name: "close", size: "12", color: "gery_55" }))))))));
     }
     static get watchers() { return {
         "show": ["watchShowHandler"]