amotify 0.2.76 → 0.2.78

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (67) hide show
  1. package/demo/esbuild/app.tsx +92 -41
  2. package/demo/esbuild/public/index.css +1 -1
  3. package/demo/esbuild/public/index.js +37 -37
  4. package/demo/esbuild/server.ts +1 -1
  5. package/dist/@styles/componentClasses/index.css +1 -1
  6. package/dist/@styles/componentClasses/index.js +1 -1
  7. package/dist/@styles/index.css +1 -1
  8. package/dist/@styles/index.js +1 -1
  9. package/dist/@styles/init.css +1 -1
  10. package/dist/@styles/style.css +1 -1
  11. package/dist/@styles/style.js +1 -1
  12. package/dist/@utils/GenerateClassName.js +1 -1
  13. package/dist/@utils/color.js +1 -1
  14. package/dist/@utils/config.js +1 -1
  15. package/dist/@utils/getElement.d.ts +1 -1
  16. package/dist/@utils/getElement.js +1 -1
  17. package/dist/@utils/useRefresh.js +1 -1
  18. package/dist/@utils/useStore.d.ts +1 -1
  19. package/dist/atoms/Logo.js +1 -1
  20. package/dist/fn/Button.d.ts +1 -1
  21. package/dist/fn/Button.js +1 -1
  22. package/dist/fn/Cropper.js +1 -1
  23. package/dist/fn/Effect/Fade.js +1 -1
  24. package/dist/fn/Effect/Pudding.js +1 -1
  25. package/dist/fn/Effect/Ripple.js +2 -2
  26. package/dist/fn/Input/Autocomplete.d.ts +1 -1
  27. package/dist/fn/Input/Autocomplete.js +1 -1
  28. package/dist/fn/Input/CollectForm.d.ts +1 -1
  29. package/dist/fn/Input/CollectForm.js +1 -1
  30. package/dist/fn/Input/Color.js +1 -1
  31. package/dist/fn/Input/Contenteditable.js +1 -1
  32. package/dist/fn/Input/DigitCharacters.js +1 -1
  33. package/dist/fn/Input/Filer.js +1 -1
  34. package/dist/fn/Input/Hidden.d.ts +1 -1
  35. package/dist/fn/Input/Hidden.js +1 -1
  36. package/dist/fn/Input/Label.js +1 -1
  37. package/dist/fn/Input/List.d.ts +1 -1
  38. package/dist/fn/Input/List.js +1 -1
  39. package/dist/fn/Input/Segmented.d.ts +1 -1
  40. package/dist/fn/Input/Segmented.js +1 -1
  41. package/dist/fn/Input/Select.d.ts +1 -1
  42. package/dist/fn/Input/Select.js +1 -1
  43. package/dist/fn/Input/Slider.js +1 -1
  44. package/dist/fn/Input/Switch.js +1 -1
  45. package/dist/fn/Input/TextField.js +1 -1
  46. package/dist/fn/Input/Time/Picker.js +1 -1
  47. package/dist/fn/Input/Time/index.d.ts +3 -3
  48. package/dist/fn/Input/Time/index.js +1 -1
  49. package/dist/fn/Input/core.d.ts +1 -1
  50. package/dist/fn/Input/core.js +1 -1
  51. package/dist/fn/Input/index.d.ts +1 -1
  52. package/dist/fn/Loader/mini.js +1 -1
  53. package/dist/fn/RootViewController.js +1 -1
  54. package/dist/fn/Sheet.d.ts +2 -3
  55. package/dist/fn/Sheet.js +1 -1
  56. package/dist/fn/Snackbar.js +1 -1
  57. package/dist/fn/SwipeView.js +1 -1
  58. package/dist/fn/Table/Data.js +1 -1
  59. package/dist/fn/Table/Drag.js +1 -1
  60. package/dist/fn/Table/Wrapper.js +1 -1
  61. package/dist/fn/Tips.js +1 -1
  62. package/dist/fn/Tooltips.d.ts +1 -1
  63. package/dist/fn/Tooltips.js +1 -1
  64. package/dist/index.d.ts +1 -1
  65. package/dist/mols/Accordion.js +1 -1
  66. package/dist/temps/designBook.js +1 -1
  67. package/package.json +2 -2
@@ -1 +1 @@
1
- var r={Img:"_Img_1egfu_1",ShowExpand_true:"_ShowExpand_true_1egfu_11"};var a={Size_S:"_Size_S_10jdu_1",Size_R:"_Size_R_10jdu_6",Size_L:"_Size_L_10jdu_11",Size_2L:"_Size_2L_10jdu_16",Size_3L:"_Size_3L_10jdu_21",Icon:"_Icon_10jdu_27",Title:"_Title_10jdu_31",ComunIcon:"_ComunIcon_10jdu_38",ComunTitle:"_ComunTitle_10jdu_42",MingooIcon:"_MingooIcon_10jdu_46",P:"_P_10jdu_46",P_0:"_P_0_10jdu_50",P_1:"_P_1_10jdu_53",P_2:"_P_2_10jdu_56",P_3:"_P_3_10jdu_59",P_4:"_P_4_10jdu_62",P_5:"_P_5_10jdu_65",P_6:"_P_6_10jdu_68",P_7:"_P_7_10jdu_71",P_8:"_P_8_10jdu_74",P_9:"_P_9_10jdu_77",P_10:"_P_10_10jdu_81",P_11:"_P_11_10jdu_85",P_12:"_P_12_10jdu_89"};var t={Placeholder:"_Placeholder_rl2bi_14",Body:"_Body_rl2bi_14",PlaceholderEffect:"_PlaceholderEffect_rl2bi_1",Color_white:"_Color_white_rl2bi_25"};var _={Wrap:"_Wrap_13krz_1",Open_true:"_Open_true_13krz_1",Open_false:"_Open_false_13krz_4"};var l={Wrapper:"_Wrapper_1s842_1",Cell:"_Cell_1s842_9",FadeIn:"_FadeIn_1s842_13",FadeOut:"_FadeOut_1s842_17"};var e={FixScroll:"_FixScroll_1e0ig_1",Float:"_Float_1e0ig_8",Wrapper:"_Wrapper_1e0ig_16",Wrap:"_Wrap_1e0ig_16",TapSensor:"_TapSensor_1e0ig_30",TapContent:"_TapContent_1e0ig_40",Hide:"_Hide_1e0ig_47",Open:"_Open_1e0ig_50",isMainSheet_true:"_isMainSheet_true_1e0ig_50",Content:"_Content_1e0ig_50",isMainSheet_false:"_isMainSheet_false_1e0ig_54",BB:"_BB_1e0ig_54",Tcate_normal:"_Tcate_normal_1e0ig_57",BaseBody:"_BaseBody_1e0ig_61",Tcate_drawer:"_Tcate_drawer_1e0ig_76",Tpos_left:"_Tpos_left_1e0ig_76",Tpos_right:"_Tpos_right_1e0ig_91",Tpos_bottom:"_Tpos_bottom_1e0ig_106",DragBar:"_DragBar_1e0ig_113",Tcate_custom:"_Tcate_custom_1e0ig_121",CustomSheet:"_CustomSheet_1e0ig_129",GPT:"_GPT_1e0ig_132",Col_1:"_Col_1_1e0ig_132",Row_1:"_Row_1_1e0ig_132",Row_4:"_Row_4_1e0ig_132",Col_4:"_Col_4_1e0ig_132",Row_2:"_Row_2_1e0ig_135",Row_5:"_Row_5_1e0ig_135",Col_2:"_Col_2_1e0ig_138",Col_5:"_Col_5_1e0ig_138",GPT_3:"_GPT_3_1e0ig_144",GPT_18:"_GPT_18_1e0ig_144",GPT_8:"_GPT_8_1e0ig_147",GPT_23:"_GPT_23_1e0ig_147",GPT_11:"_GPT_11_1e0ig_150",GPT_14:"_GPT_14_1e0ig_150",GPT_12:"_GPT_12_1e0ig_153",GPT_15:"_GPT_15_1e0ig_153",Col_3:"_Col_3_1e0ig_163"};var i={Wrapper:"_Wrapper_11vvw_1",CornerLoader:"_CornerLoader_11vvw_17",Wrap:"_Wrap_11vvw_1",isActive:"_isActive_11vvw_28",ldAnm:"_ldAnm_11vvw_1",Ld1:"_Ld1_11vvw_34",Ld2:"_Ld2_11vvw_37",Ld3:"_Ld3_11vvw_40",Ld4:"_Ld4_11vvw_43",MiniLoader:"_MiniLoader_11vvw_61",Active_false:"_Active_false_11vvw_64",Hide:"_Hide_11vvw_67",Active:"_Active_11vvw_64",Core:"_Core_11vvw_77",spin:"_spin_11vvw_1",SVG1:"_SVG1_11vvw_85",loader:"_loader_11vvw_1",loading:"_loading_11vvw_1",SVG2:"_SVG2_11vvw_92"};var c={RootViewController:"_RootViewController_k39n4_2",Content:"_Content_k39n4_2",TopNav:"_TopNav_k39n4_6",FooterNav:"_FooterNav_k39n4_9",Body:"_Body_k39n4_12",SideNav:"_SideNav_k39n4_12",SwipeView:"_SwipeView_k39n4_19",Rail:"_Rail_k39n4_19",ShowOther_true:"_ShowOther_true_k39n4_19",Child:"_Child_k39n4_19",Display:"_Display_k39n4_27",LoopAdjusting:"_LoopAdjusting_k39n4_31"};var n={Wrap:"_Wrap_1rtvv_1",RowClickable_true:"_RowClickable_true_1rtvv_4",Row:"_Row_1rtvv_4",BodyRow:"_BodyRow_1rtvv_4",DataNotFound:"_DataNotFound_1rtvv_4",Cell:"_Cell_1rtvv_7",Table:"_Table_1rtvv_13",TableType_drag:"_TableType_drag_1rtvv_24",DraggerOrigin:"_DraggerOrigin_1rtvv_28",DragableButton:"_DragableButton_1rtvv_34",TableType_data:"_TableType_data_1rtvv_43",Console:"_Console_1rtvv_43",TableBase:"_TableBase_1rtvv_50",HeadRow:"_HeadRow_1rtvv_60",FilterRegion:"_FilterRegion_1rtvv_66",Filtering_true:"_Filtering_true_1rtvv_69"};var s={RippleElement:"_RippleElement_17vcx_1",Color_cloud:"_Color_cloud_17vcx_7",RippleWrap:"_RippleWrap_17vcx_7",Wave:"_Wave_17vcx_7",Color_theme:"_Color_theme_17vcx_10",PuddingEffect:"_PuddingEffect_17vcx_39",pdAnm:"_pdAnm_17vcx_1"};var d={Wrap:"_Wrap_8x4zl_1",Use_profile:"_Use_profile_8x4zl_4",Use_head:"_Use_head_8x4zl_7",Canvas:"_Canvas_8x4zl_11",Preview:"_Preview_8x4zl_17",ToneBall:"_ToneBall_8x4zl_21",ToneBall_1:"_ToneBall_1_8x4zl_25",ToneBall_2:"_ToneBall_2_8x4zl_28",ToneBall_3:"_ToneBall_3_8x4zl_31",ToneBall_4:"_ToneBall_4_8x4zl_34",ToneBall_5:"_ToneBall_5_8x4zl_37",ToneBall_6:"_ToneBall_6_8x4zl_40",ToneBall_7:"_ToneBall_7_8x4zl_43",ToneBall_8:"_ToneBall_8_8x4zl_46",ToneBall_9:"_ToneBall_9_8x4zl_49",ToneBall_10:"_ToneBall_10_8x4zl_52"};var g={Wrap:"_Wrap_kr7qs_1",isLocked_true:"_isLocked_true_kr7qs_16",Tone_sub_Color_theme:"_Tone_sub_Color_theme_kr7qs_21",Tone_clear_Color_theme:"_Tone_clear_Color_theme_kr7qs_21",Tone_sub_Color_posi:"_Tone_sub_Color_posi_kr7qs_24",Tone_clear_Color_posi:"_Tone_clear_Color_posi_kr7qs_24",Tone_sub_Color_nega:"_Tone_sub_Color_nega_kr7qs_27",Tone_clear_Color_nega:"_Tone_clear_Color_nega_kr7qs_27",Tone_sub_Color_warn:"_Tone_sub_Color_warn_kr7qs_30",Tone_clear_Color_warn:"_Tone_clear_Color_warn_kr7qs_30",Tone_sub_Color_white:"_Tone_sub_Color_white_kr7qs_33",Tone_clear_Color_white:"_Tone_clear_Color_white_kr7qs_33",Tone_sub_Color_cloud:"_Tone_sub_Color_cloud_kr7qs_36",Tone_clear_Color_cloud:"_Tone_clear_Color_cloud_kr7qs_36",Tone_sub_Color_layer:"_Tone_sub_Color_layer_kr7qs_39",Tone_clear_Color_layer:"_Tone_clear_Color_layer_kr7qs_39",isNeutral_true:"_isNeutral_true_kr7qs_43",Tone_clear:"_Tone_clear_kr7qs_21",Tone_borderToFill:"_Tone_borderToFill_kr7qs_46",Tone_fillToBorder:"_Tone_fillToBorder_kr7qs_49",Tone_fillToBorder_Color_white:"_Tone_fillToBorder_Color_white_kr7qs_52",Tone_fillToBorder_Color_cloud:"_Tone_fillToBorder_Color_cloud_kr7qs_52",Tone_link:"_Tone_link_kr7qs_55",Tone_normal_Color_plain:"_Tone_normal_Color_plain_kr7qs_62",Tone_normal_Color_theme:"_Tone_normal_Color_theme_kr7qs_66",Tone_normal_Color_posi:"_Tone_normal_Color_posi_kr7qs_70",Tone_normal_Color_nega:"_Tone_normal_Color_nega_kr7qs_74",Tone_normal_Color_warn:"_Tone_normal_Color_warn_kr7qs_78",Tone_border:"_Tone_border_kr7qs_46",Tone_prime:"_Tone_prime_kr7qs_85",Tone_borderToFill_Color_white:"_Tone_borderToFill_Color_white_kr7qs_120",Tone_borderToFill_Color_cloud:"_Tone_borderToFill_Color_cloud_kr7qs_120"};var m={Wrapper:"_Wrapper_rikjy_1",Input:"_Input_rikjy_40",DigitCharacterCell:"_DigitCharacterCell_rikjy_71",Combined:"_Combined_rikjy_71",ShowCell:"_ShowCell_rikjy_1"};var b={SelectorWrapper:"_SelectorWrapper_vfpyx_1"};var h={Input:"_Input_1g1ty_1",List:"_List_1g1ty_1",AddButton:"_AddButton_1g1ty_1",FileName:"_FileName_1g1ty_5",Draggable:"_Draggable_1g1ty_18",AddIcon:"_AddIcon_1g1ty_21",IconAnimation:"_IconAnimation_1g1ty_1"};var p={CellBase:"_CellBase_xuhga_1",HideInput_true:"_HideInput_true_xuhga_1",Input:"_Input_xuhga_1",Label:"_Label_xuhga_5"};var f={Core:"_Core_1psny_1",SelectedCell:"_SelectedCell_1psny_5",Selector:"_Selector_1psny_9"};var v={Input:"_Input_lskuu_1",Label:"_Label_lskuu_7",Dot:"_Dot_lskuu_7"};var u={Label:"_Label_qfhyi_1",Wrap:"_Wrap_qfhyi_18",Rail:"_Rail_qfhyi_18",Bar:"_Bar_qfhyi_18",BarColor:"_BarColor_qfhyi_21",Labels:"_Labels_qfhyi_24",ShowLegendsAlways_true:"_ShowLegendsAlways_true_qfhyi_27",Ball:"_Ball_qfhyi_38"};var w={Header:"_Header_1rlyc_1",Body:"_Body_1rlyc_8",Footer:"_Footer_1rlyc_13",ClockBase:"_ClockBase_1rlyc_20",DesignSide:"_DesignSide_1rlyc_20",ClockUiBase:"_ClockUiBase_1rlyc_20",ClockUi:"_ClockUi_1rlyc_20",Needle:"_Needle_1rlyc_24",hour:"_hour_1rlyc_31",minute:"_minute_1rlyc_36",DateBase:"_DateBase_1rlyc_42",LeftButton:"_LeftButton_1rlyc_42",RightButton:"_RightButton_1rlyc_45",MonthBase:"_MonthBase_1rlyc_49",Cell:"_Cell_1rlyc_55",isThisMonth:"_isThisMonth_1rlyc_55",miniYearInput:"_miniYearInput_1rlyc_61",CalendarDay:"_CalendarDay_1rlyc_66",isToday_true:"_isToday_true_1rlyc_66"};var k={Origin:"_Origin_vvhgd_1",Shallow:"_Shallow_vvhgd_5"};var y={Label:"_Label_1kvwn_1",Tone_plain:"_Tone_plain_1kvwn_6",Checked:"_Checked_1kvwn_6",Tone_cloud:"_Tone_cloud_1kvwn_9",Tone_cloudmono:"_Tone_cloudmono_1kvwn_12",Tone_cloudtheme:"_Tone_cloudtheme_1kvwn_15",Tone_bordervivid:"_Tone_bordervivid_1kvwn_21",Tone_bottomline:"_Tone_bottomline_1kvwn_27"};var Sr=o=>r[o],zr=o=>a[o],Br=o=>t[o],qr=o=>_[o],Wr=o=>l[o],Nr=o=>e[o],Rr=o=>i[o],jr=o=>c[o],Pr=o=>n[o],Ir=o=>s[o],Ar=o=>d[o],Gr=o=>g[o],Fr=o=>m[o],Mr=o=>b[o],Yr=o=>h[o],Dr=o=>p[o],Or=o=>f[o],Ur=o=>v[o],Vr=o=>u[o],Er=o=>w[o],Kr=o=>k[o],Xr=o=>y[o];export{qr as AccordionClasses,Gr as ButtonClasses,Ar as CropperClasses,Ir as EffectClasses,Sr as ImgClasses,Kr as InputAutoHeightClasses,Or as InputAutocompleteClasses,Mr as InputChipsClasses,Fr as InputClasses,Yr as InputFilerClasses,Dr as InputListClasses,Xr as InputSegmentedClasses,Vr as InputSliderClasses,Ur as InputSwitchClasses,Er as InputTimeClasses,jr as LayoutClasses,Rr as LoaderClasses,zr as LogoClasses,Br as PlaceholderClasses,Nr as SheetClasses,Wr as SnackbarClasses,Pr as TableClasses};
1
+ var r={Img:"_Img_1egfu_1",ShowExpand_true:"_ShowExpand_true_1egfu_11"};var a={Size_S:"_Size_S_10jdu_1",Size_R:"_Size_R_10jdu_6",Size_L:"_Size_L_10jdu_11",Size_2L:"_Size_2L_10jdu_16",Size_3L:"_Size_3L_10jdu_21",Icon:"_Icon_10jdu_27",Title:"_Title_10jdu_31",ComunIcon:"_ComunIcon_10jdu_38",ComunTitle:"_ComunTitle_10jdu_42",MingooIcon:"_MingooIcon_10jdu_46",P:"_P_10jdu_46",P_0:"_P_0_10jdu_50",P_1:"_P_1_10jdu_53",P_2:"_P_2_10jdu_56",P_3:"_P_3_10jdu_59",P_4:"_P_4_10jdu_62",P_5:"_P_5_10jdu_65",P_6:"_P_6_10jdu_68",P_7:"_P_7_10jdu_71",P_8:"_P_8_10jdu_74",P_9:"_P_9_10jdu_77",P_10:"_P_10_10jdu_81",P_11:"_P_11_10jdu_85",P_12:"_P_12_10jdu_89"};var t={Placeholder:"_Placeholder_rl2bi_14",Body:"_Body_rl2bi_14",PlaceholderEffect:"_PlaceholderEffect_rl2bi_1",Color_white:"_Color_white_rl2bi_25"};var _={Wrap:"_Wrap_13krz_1",Open_true:"_Open_true_13krz_1",Open_false:"_Open_false_13krz_4"};var l={Wrapper:"_Wrapper_1s842_1",Cell:"_Cell_1s842_9",FadeIn:"_FadeIn_1s842_13",FadeOut:"_FadeOut_1s842_17"};var e={BodyEffect:"_BodyEffect_1zdgc_1",Wrapper:"_Wrapper_1zdgc_10",Wrap:"_Wrap_1zdgc_10",TapSensor:"_TapSensor_1zdgc_24",TapContent:"_TapContent_1zdgc_34",Hide:"_Hide_1zdgc_41",Open:"_Open_1zdgc_44",isMainSheet_true:"_isMainSheet_true_1zdgc_44",Content:"_Content_1zdgc_44",isMainSheet_false:"_isMainSheet_false_1zdgc_50",BB:"_BB_1zdgc_50",Tcate_normal:"_Tcate_normal_1zdgc_53",BaseBody:"_BaseBody_1zdgc_57",Tcate_drawer:"_Tcate_drawer_1zdgc_72",Tpos_left:"_Tpos_left_1zdgc_72",Tpos_right:"_Tpos_right_1zdgc_87",Tpos_bottom:"_Tpos_bottom_1zdgc_102",DragBar:"_DragBar_1zdgc_109",Tcate_custom:"_Tcate_custom_1zdgc_117",CustomSheet:"_CustomSheet_1zdgc_125",GPT:"_GPT_1zdgc_128",Col_1:"_Col_1_1zdgc_128",Row_1:"_Row_1_1zdgc_128",Row_4:"_Row_4_1zdgc_128",Col_4:"_Col_4_1zdgc_128",Row_2:"_Row_2_1zdgc_131",Row_5:"_Row_5_1zdgc_131",Col_2:"_Col_2_1zdgc_134",Col_5:"_Col_5_1zdgc_134",GPT_3:"_GPT_3_1zdgc_140",GPT_18:"_GPT_18_1zdgc_140",GPT_8:"_GPT_8_1zdgc_143",GPT_23:"_GPT_23_1zdgc_143",GPT_11:"_GPT_11_1zdgc_146",GPT_14:"_GPT_14_1zdgc_146",GPT_12:"_GPT_12_1zdgc_149",GPT_15:"_GPT_15_1zdgc_149",Col_3:"_Col_3_1zdgc_159"};var c={Wrapper:"_Wrapper_11vvw_1",CornerLoader:"_CornerLoader_11vvw_17",Wrap:"_Wrap_11vvw_1",isActive:"_isActive_11vvw_28",ldAnm:"_ldAnm_11vvw_1",Ld1:"_Ld1_11vvw_34",Ld2:"_Ld2_11vvw_37",Ld3:"_Ld3_11vvw_40",Ld4:"_Ld4_11vvw_43",MiniLoader:"_MiniLoader_11vvw_61",Active_false:"_Active_false_11vvw_64",Hide:"_Hide_11vvw_67",Active:"_Active_11vvw_64",Core:"_Core_11vvw_77",spin:"_spin_11vvw_1",SVG1:"_SVG1_11vvw_85",loader:"_loader_11vvw_1",loading:"_loading_11vvw_1",SVG2:"_SVG2_11vvw_92"};var i={RootViewController:"_RootViewController_k39n4_2",Content:"_Content_k39n4_2",TopNav:"_TopNav_k39n4_6",FooterNav:"_FooterNav_k39n4_9",Body:"_Body_k39n4_12",SideNav:"_SideNav_k39n4_12",SwipeView:"_SwipeView_k39n4_19",Rail:"_Rail_k39n4_19",ShowOther_true:"_ShowOther_true_k39n4_19",Child:"_Child_k39n4_19",Display:"_Display_k39n4_27",LoopAdjusting:"_LoopAdjusting_k39n4_31"};var n={Wrap:"_Wrap_1rtvv_1",RowClickable_true:"_RowClickable_true_1rtvv_4",Row:"_Row_1rtvv_4",BodyRow:"_BodyRow_1rtvv_4",DataNotFound:"_DataNotFound_1rtvv_4",Cell:"_Cell_1rtvv_7",Table:"_Table_1rtvv_13",TableType_drag:"_TableType_drag_1rtvv_24",DraggerOrigin:"_DraggerOrigin_1rtvv_28",DragableButton:"_DragableButton_1rtvv_34",TableType_data:"_TableType_data_1rtvv_43",Console:"_Console_1rtvv_43",TableBase:"_TableBase_1rtvv_50",HeadRow:"_HeadRow_1rtvv_60",FilterRegion:"_FilterRegion_1rtvv_66",Filtering_true:"_Filtering_true_1rtvv_69"};var s={RippleElement:"_RippleElement_17vcx_1",Color_cloud:"_Color_cloud_17vcx_7",RippleWrap:"_RippleWrap_17vcx_7",Wave:"_Wave_17vcx_7",Color_theme:"_Color_theme_17vcx_10",PuddingEffect:"_PuddingEffect_17vcx_39",pdAnm:"_pdAnm_17vcx_1"};var d={Wrap:"_Wrap_8x4zl_1",Use_profile:"_Use_profile_8x4zl_4",Use_head:"_Use_head_8x4zl_7",Canvas:"_Canvas_8x4zl_11",Preview:"_Preview_8x4zl_17",ToneBall:"_ToneBall_8x4zl_21",ToneBall_1:"_ToneBall_1_8x4zl_25",ToneBall_2:"_ToneBall_2_8x4zl_28",ToneBall_3:"_ToneBall_3_8x4zl_31",ToneBall_4:"_ToneBall_4_8x4zl_34",ToneBall_5:"_ToneBall_5_8x4zl_37",ToneBall_6:"_ToneBall_6_8x4zl_40",ToneBall_7:"_ToneBall_7_8x4zl_43",ToneBall_8:"_ToneBall_8_8x4zl_46",ToneBall_9:"_ToneBall_9_8x4zl_49",ToneBall_10:"_ToneBall_10_8x4zl_52"};var g={Wrap:"_Wrap_kr7qs_1",isLocked_true:"_isLocked_true_kr7qs_16",Tone_sub_Color_theme:"_Tone_sub_Color_theme_kr7qs_21",Tone_clear_Color_theme:"_Tone_clear_Color_theme_kr7qs_21",Tone_sub_Color_posi:"_Tone_sub_Color_posi_kr7qs_24",Tone_clear_Color_posi:"_Tone_clear_Color_posi_kr7qs_24",Tone_sub_Color_nega:"_Tone_sub_Color_nega_kr7qs_27",Tone_clear_Color_nega:"_Tone_clear_Color_nega_kr7qs_27",Tone_sub_Color_warn:"_Tone_sub_Color_warn_kr7qs_30",Tone_clear_Color_warn:"_Tone_clear_Color_warn_kr7qs_30",Tone_sub_Color_white:"_Tone_sub_Color_white_kr7qs_33",Tone_clear_Color_white:"_Tone_clear_Color_white_kr7qs_33",Tone_sub_Color_cloud:"_Tone_sub_Color_cloud_kr7qs_36",Tone_clear_Color_cloud:"_Tone_clear_Color_cloud_kr7qs_36",Tone_sub_Color_layer:"_Tone_sub_Color_layer_kr7qs_39",Tone_clear_Color_layer:"_Tone_clear_Color_layer_kr7qs_39",isNeutral_true:"_isNeutral_true_kr7qs_43",Tone_clear:"_Tone_clear_kr7qs_21",Tone_borderToFill:"_Tone_borderToFill_kr7qs_46",Tone_fillToBorder:"_Tone_fillToBorder_kr7qs_49",Tone_fillToBorder_Color_white:"_Tone_fillToBorder_Color_white_kr7qs_52",Tone_fillToBorder_Color_cloud:"_Tone_fillToBorder_Color_cloud_kr7qs_52",Tone_link:"_Tone_link_kr7qs_55",Tone_normal_Color_plain:"_Tone_normal_Color_plain_kr7qs_62",Tone_normal_Color_theme:"_Tone_normal_Color_theme_kr7qs_66",Tone_normal_Color_posi:"_Tone_normal_Color_posi_kr7qs_70",Tone_normal_Color_nega:"_Tone_normal_Color_nega_kr7qs_74",Tone_normal_Color_warn:"_Tone_normal_Color_warn_kr7qs_78",Tone_border:"_Tone_border_kr7qs_46",Tone_prime:"_Tone_prime_kr7qs_85",Tone_borderToFill_Color_white:"_Tone_borderToFill_Color_white_kr7qs_120",Tone_borderToFill_Color_cloud:"_Tone_borderToFill_Color_cloud_kr7qs_120"};var m={Wrapper:"_Wrapper_rikjy_1",Input:"_Input_rikjy_40",DigitCharacterCell:"_DigitCharacterCell_rikjy_71",Combined:"_Combined_rikjy_71",ShowCell:"_ShowCell_rikjy_1"};var b={SelectorWrapper:"_SelectorWrapper_vfpyx_1"};var h={Input:"_Input_1g1ty_1",List:"_List_1g1ty_1",AddButton:"_AddButton_1g1ty_1",FileName:"_FileName_1g1ty_5",Draggable:"_Draggable_1g1ty_18",AddIcon:"_AddIcon_1g1ty_21",IconAnimation:"_IconAnimation_1g1ty_1"};var p={CellBase:"_CellBase_xuhga_1",HideInput_true:"_HideInput_true_xuhga_1",Input:"_Input_xuhga_1",Label:"_Label_xuhga_5"};var f={Core:"_Core_1psny_1",SelectedCell:"_SelectedCell_1psny_5",Selector:"_Selector_1psny_9"};var v={Input:"_Input_lskuu_1",Label:"_Label_lskuu_7",Dot:"_Dot_lskuu_7"};var u={Label:"_Label_qfhyi_1",Wrap:"_Wrap_qfhyi_18",Rail:"_Rail_qfhyi_18",Bar:"_Bar_qfhyi_18",BarColor:"_BarColor_qfhyi_21",Labels:"_Labels_qfhyi_24",ShowLegendsAlways_true:"_ShowLegendsAlways_true_qfhyi_27",Ball:"_Ball_qfhyi_38"};var w={Header:"_Header_1rlyc_1",Body:"_Body_1rlyc_8",Footer:"_Footer_1rlyc_13",ClockBase:"_ClockBase_1rlyc_20",DesignSide:"_DesignSide_1rlyc_20",ClockUiBase:"_ClockUiBase_1rlyc_20",ClockUi:"_ClockUi_1rlyc_20",Needle:"_Needle_1rlyc_24",hour:"_hour_1rlyc_31",minute:"_minute_1rlyc_36",DateBase:"_DateBase_1rlyc_42",LeftButton:"_LeftButton_1rlyc_42",RightButton:"_RightButton_1rlyc_45",MonthBase:"_MonthBase_1rlyc_49",Cell:"_Cell_1rlyc_55",isThisMonth:"_isThisMonth_1rlyc_55",miniYearInput:"_miniYearInput_1rlyc_61",CalendarDay:"_CalendarDay_1rlyc_66",isToday_true:"_isToday_true_1rlyc_66"};var k={Origin:"_Origin_vvhgd_1",Shallow:"_Shallow_vvhgd_5"};var y={Label:"_Label_1kvwn_1",Tone_plain:"_Tone_plain_1kvwn_6",Checked:"_Checked_1kvwn_6",Tone_cloud:"_Tone_cloud_1kvwn_9",Tone_cloudmono:"_Tone_cloudmono_1kvwn_12",Tone_cloudtheme:"_Tone_cloudtheme_1kvwn_15",Tone_bordervivid:"_Tone_bordervivid_1kvwn_21",Tone_bottomline:"_Tone_bottomline_1kvwn_27"};var Lr=o=>r[o],Sr=o=>a[o],Br=o=>t[o],qr=o=>_[o],Wr=o=>l[o],Nr=o=>e[o],Rr=o=>c[o],jr=o=>i[o],Pr=o=>n[o],Ir=o=>s[o],Ar=o=>d[o],Gr=o=>g[o],Fr=o=>m[o],Mr=o=>b[o],Yr=o=>h[o],Dr=o=>p[o],Or=o=>f[o],Ur=o=>v[o],Er=o=>u[o],Vr=o=>w[o],Kr=o=>k[o],Xr=o=>y[o];export{qr as AccordionClasses,Gr as ButtonClasses,Ar as CropperClasses,Ir as EffectClasses,Lr as ImgClasses,Kr as InputAutoHeightClasses,Or as InputAutocompleteClasses,Mr as InputChipsClasses,Fr as InputClasses,Yr as InputFilerClasses,Dr as InputListClasses,Xr as InputSegmentedClasses,Er as InputSliderClasses,Ur as InputSwitchClasses,Vr as InputTimeClasses,jr as LayoutClasses,Rr as LoaderClasses,Sr as LogoClasses,Br as PlaceholderClasses,Nr as SheetClasses,Wr as SnackbarClasses,Pr as TableClasses};
@@ -1 +1 @@
1
- import{b as a,c as ze,d as Ne}from"../chunk-C5N2D3ZX.js";import d from"@mingoo/jsmin";import{Config as He}from".";const e={toConcreteBorderRadius:n=>{let _=He.get().roundness|0;return n=="1.tone.primary"?n=[0,2,3,4,5,5][_]:n=="2.tone.secondary"?n=[0,1,2,3,4,5][_]:n=="3.tone.tertiary"&&(n=[0,"1/3","2/3",1,2,3][_]),n},ev:n=>d.is.exist(n),ClassNames:(n,_)=>{var q,Re,Ce,N,Be,Te,Le;let i=[],{gap:p,display:c,position:y,overflow:H,fontColor:k,fontSize:F,fontWeight:l,backgroundColor:E,textAlign:W,textDecoration:j,boxShadow:P,margin:g,marginTop:b,marginRight:o,marginBottom:r,marginLeft:x,padding:h,paddingTop:s,paddingRight:S,paddingBottom:R,paddingLeft:C,top:J,right:Q,bottom:Y,left:Z,border:A,borderTop:f,borderRight:u,borderBottom:v,borderLeft:m,borderWidth:ee,borderColor:te,borderStyle:ie,borderRadius:z,borderTopLeftRadius:B,borderTopRightRadius:T,borderBottomLeftRadius:L,borderBottomRightRadius:w,flexSizing:re,flexWrap:oe,flexType:se,flexChilds:ae,flexGrid:de,horizontalAlign:le,verticalAlign:ne,transition:pe,gridCenter:ge,gridCols:he,maxHeight:fe,minHeight:ue,maxWidth:ve,minWidth:me,width:be,height:Se,unitHeight:xe,unitWidth:ce,opacity:ye}=_;{if(e.ev(c)&&i.push("dsp"+c),H){let t=d.flatArray(H);i.push("ovfl-x-"+t[0]),i.push("ovfl-y-"+(t[1]||t[0]))}e.ev(y)&&i.push("ps"+y),e.ev(W)&&i.push("txtalg"+W),e.ev(W)&&i.push("txtdeco"+j),e.ev(k)&&i.push("ftcl"+((q=String(k))==null?void 0:q.replace(/\./g,"_"))),e.ev(F)&&i.push("ftsz"+((Re=String(F))==null?void 0:Re.replace(/\..*/,""))),e.ev(l)&&i.push("ftwt"+(l==null?void 0:l.replace(/\..*/,""))),e.ev(E)&&i.push("bgc"+((Ce=String(E))==null?void 0:Ce.replace(/\./g,"_"))),e.ev(P)&&i.push("bs"+P);let M,O,$,U;d.is.exist(g)&&(d.is.array(g)?g.length==2?[M,O,$,U]=[...g,...g]:g.length==4&&([M,O,$,U]=g):M=O=$=U=g,b=b!=null?b:M,o=o!=null?o:O,r=r!=null?r:$,x=x!=null?x:U),e.ev(b)&&i.push("mrgt"+b),e.ev(o)&&i.push("mrgr"+o),e.ev(r)&&i.push("mrgb"+r),e.ev(x)&&i.push("mrgl"+x);let V,I,K,X;d.is.exist(h)&&(d.is.array(h)?h.length==2?[V,I,K,X]=[...h,...h]:h.length==4&&([V,I,K,X]=h):V=I=K=X=h,s=s!=null?s:V,S=S!=null?S:I,R=R!=null?R:K,C=C!=null?C:X),e.ev(s)&&i.push("pdt"+s),e.ev(S)&&i.push("pdr"+S),e.ev(R)&&i.push("pdb"+R),e.ev(C)&&i.push("pdl"+C),e.ev(J)&&i.push("pstt"+J),e.ev(Q)&&i.push("pstr"+Q),e.ev(Y)&&i.push("pstb"+Y),e.ev(Z)&&i.push("pstl"+Z);{d.is.exist(A)&&(f=f!=null?f:A,u=u!=null?u:A,v=v!=null?v:A,m=m!=null?m:A),d.is.boolean(f)&&(f=["unset","2.normal"][Number(f)]),d.is.boolean(u)&&(u=["unset","2.normal"][Number(u)]),d.is.boolean(v)&&(v=["unset","2.normal"][Number(v)]),d.is.boolean(m)&&(m=["unset","2.normal"][Number(m)]),e.ev(f)&&i.push("b_t_ss"+((N=String(f))==null?void 0:N.replace(/\..*/,""))),e.ev(u)&&i.push("b_r_ss"+((Be=String(u))==null?void 0:Be.replace(/\..*/,""))),e.ev(v)&&i.push("b_b_ss"+((Te=String(v))==null?void 0:Te.replace(/\..*/,""))),e.ev(m)&&i.push("b_l_ss"+((Le=String(m))==null?void 0:Le.replace(/\..*/,""))),d.is.exist(ee)&&i.push("b_wth"+String(ee)),d.is.exist(te)&&i.push("b_cl"+String(te)),d.is.exist(ie)&&i.push("b_st"+String(ie));{let t,G,we,We;d.is.exist(z)&&(d.is.array(z)?z.length==4&&([t,G,We,we]=z):t=G=we=We=z,B=B!=null?B:t,T=T!=null?T:G,L=L!=null?L:we,w=w!=null?w:We)}e.ev(B)&&i.push("br_tl"+e.toConcreteBorderRadius(B)),e.ev(T)&&i.push("br_tr"+e.toConcreteBorderRadius(T)),e.ev(L)&&i.push("br_bl"+e.toConcreteBorderRadius(L)),e.ev(w)&&i.push("br_br"+e.toConcreteBorderRadius(w))}if(e.ev(ye)&&i.push("op"+ye),d.is.exist(p)){let t,G;d.is.array(p)?(t=p[0],G=p[1]):t=G=p,i.push("gapRow"+t,"gapCol"+G)}e.ev(re)&&i.push("flsz"+re),e.ev(oe)&&i.push("flwrp"+oe),e.ev(se)&&i.push("fltyp"+se),e.ev(ae)&&i.push("flchld"+ae),e.ev(de)&&i.push("flgrid"+de),e.ev(ne)&&i.push("flvrt"+ne),e.ev(le)&&i.push("flhrz"+le),e.ev(ge)&&i.push("grcnt"+ge),e.ev(he)&&i.push("grcol"+he),e.ev(Se)&&i.push("hgt"+Se),e.ev(be)&&i.push("wdt"+be),e.ev(xe)&&i.push("unthgt"+xe),e.ev(ce)&&i.push("untwdt"+ce),e.ev(pe)&&i.push("trnst"+pe),e.ev(fe)&&i.push("maxh"+fe),e.ev(ue)&&i.push("minh"+ue),e.ev(ve)&&i.push("maxw"+ve),e.ev(me)&&i.push("minw"+me)}return i.length?n+i.join(" "+n):""}},Pe=n=>{let x=a({},n),{gradients:i,ssCardBox:p,ssSphere:c,ssSquare:y,ssPushable:H,ssAbsoluteCovered:k,ssTextEllipsis:F,flexCenter:l,flexNewLine:E,isLightFont:W,isBoldFont:j,isSemiBoldFont:P,isRounded:g,isSquare:b,freeCSS:h={}}=x,o=Ne(h,[]),r=Ne(x,["gradients","ssCardBox","ssSphere","ssSquare","ssPushable","ssAbsoluteCovered","ssTextEllipsis","flexCenter","flexNewLine","isLightFont","isBoldFont","isSemiBoldFont","isRounded","isSquare","freeCSS"]);if(o=o||{},r=r||{},i){let{deg:s,colors:S}=i;o=ze(a({},o),{background:`linear-gradient(${s}deg,${S.join(",")})`})}if(p){p===!0&&(p="border");let s={backgroundColor:"layer.1",borderRadius:"1.tone.primary",boxShadow:"0.min"};p=="border"?s.border=!0:p=="layer"?s.backgroundColor="layer.1":p=="cloud"?s.backgroundColor="cloud":p=="shadow"&&(s.boxShadow="0.normal"),He.get().darkMode=="dim"&&(s.boxShadow="1.normal"),He.get().darkMode=="dark"&&(s.boxShadow="1.remark"),o=a(a({},s.freeCSS),o),r=a(a({},s),r)}return c&&(l=l!=null?l:!0,r=a({padding:0,unitWidth:c,unitHeight:c,borderRadius:"sphere",flexSizing:"none"},r)),y&&(l=l!=null?l:!0,r=a({padding:0,unitWidth:y,unitHeight:y,flexSizing:"none"},r)),H&&(r=a({transition:"middle"},r),r=ze(a({},r),{className:[r.className,"ssPushable"].join(" ")})),k&&(r=a({position:"absolute",top:0,left:0,right:0,bottom:0},r)),F&&(r=a({overflow:"hidden"},r),o=a({whiteSpace:"nowrap",textOverflow:"ellipsis"},o)),E&&(r=a({width:1,flexSizing:"none"},r)),l&&(r=a({display:"flex",horizontalAlign:"center",verticalAlign:"center"},r)),W&&(r.fontWeight="1.light"),P&&(r.fontWeight="3.semiBold"),j&&(r.fontWeight="4.bold"),g&&(d.is.number(g)?o.borderRadius=g*12:r.borderRadius="sphere"),b&&(o.aspectRatio="1"),ze(a({},r),{freeCSS:o})},Oe=n=>{let ke=Pe(n),{componentID:i,gap:p,display:c,position:y,overflow:H,fontColor:k,fontSize:F,fontWeight:l,backgroundColor:E,textAlign:W,textDecoration:j,boxShadow:P,margin:g,marginTop:b,marginRight:o,marginBottom:r,marginLeft:x,padding:h,paddingTop:s,paddingRight:S,paddingBottom:R,paddingLeft:C,top:J,right:Q,bottom:Y,left:Z,border:A,borderTop:f,borderRight:u,borderBottom:v,borderLeft:m,borderWidth:ee,borderColor:te,borderStyle:ie,borderRadius:z,borderTopLeftRadius:B,borderTopRightRadius:T,borderBottomLeftRadius:L,borderBottomRightRadius:w,flexSizing:re,flexWrap:oe,flexType:se,flexChilds:ae,flexGrid:de,horizontalAlign:le,verticalAlign:ne,transition:pe,gridCenter:ge,gridCols:he,maxHeight:fe,minHeight:ue,maxWidth:ve,minWidth:me,width:be,height:Se,unitHeight:xe,unitWidth:ce,opacity:ye,ssLastChildLossBorder:q,ssAbsoluteCovered:Re,ssCardBox:Ce,ssEffectsOnActive:N,ssPushable:Be,ssSphere:Te,ssSquare:Le,ssTextEllipsis:M,isBoldFont:O,isLightFont:$,isSemiBoldFont:U,isRounded:V,flexCenter:I,flexNewLine:K,gradients:X,UnderBreakPointStyles:t={},className:G="",freeCSS:we={}}=ke,We=Ne(ke,["componentID","gap","display","position","overflow","fontColor","fontSize","fontWeight","backgroundColor","textAlign","textDecoration","boxShadow","margin","marginTop","marginRight","marginBottom","marginLeft","padding","paddingTop","paddingRight","paddingBottom","paddingLeft","top","right","bottom","left","border","borderTop","borderRight","borderBottom","borderLeft","borderWidth","borderColor","borderStyle","borderRadius","borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius","flexSizing","flexWrap","flexType","flexChilds","flexGrid","horizontalAlign","verticalAlign","transition","gridCenter","gridCols","maxHeight","minHeight","maxWidth","minWidth","width","height","unitHeight","unitWidth","opacity","ssLastChildLossBorder","ssAbsoluteCovered","ssCardBox","ssEffectsOnActive","ssPushable","ssSphere","ssSquare","ssTextEllipsis","isBoldFont","isLightFont","isSemiBoldFont","isRounded","flexCenter","flexNewLine","gradients","UnderBreakPointStyles","className","freeCSS"]),D=a({},We),_e=[G];if(q&&_e.push("ssLastChildLossBorder_"+q),N){N=d.flatArray(N);for(let Ae of N){let[Ee,Fe]=Ae.split(".");D["data-effect-"+Ee]="1",Fe&&(D["data-effect-tone"]=Fe)}}{let Ae=e.ClassNames("amotf_",{gap:p,display:c,position:y,overflow:H,fontColor:k,fontSize:F,fontWeight:l,backgroundColor:E,textAlign:W,textDecoration:j,boxShadow:P,margin:g,marginTop:b,marginRight:o,marginBottom:r,marginLeft:x,padding:h,paddingTop:s,paddingRight:S,paddingBottom:R,paddingLeft:C,top:J,right:Q,bottom:Y,left:Z,border:A,borderTop:f,borderRight:u,borderBottom:v,borderLeft:m,borderWidth:ee,borderColor:te,borderStyle:ie,borderRadius:z,borderTopLeftRadius:B,borderTopRightRadius:T,borderBottomLeftRadius:L,borderBottomRightRadius:w,flexSizing:re,flexWrap:oe,flexType:se,flexChilds:ae,flexGrid:de,horizontalAlign:le,verticalAlign:ne,transition:pe,gridCenter:ge,gridCols:he,maxHeight:fe,minHeight:ue,maxWidth:ve,minWidth:me,width:be,height:Se,unitHeight:xe,unitWidth:ce,opacity:ye});_e.push(Ae)}return t&&_e.push(e.ClassNames("amotf_bp",t)),we&&(D.style=a(a({},we),D.style)),(i||D["data-component-id"])&&(D["data-component-id"]=D["data-component-id"]||i),_e.length&&_e.join("")&&(D.className=_e.join(" ").trim().replace(/%/ig,"P").replace(/\d+px/ig,"PIX").replace(/\s+/ig," ").replace(/\//ig,"_").replace(/\./ig,"-")),D},$e=n=>{let{gap:_,display:i,position:p,overflow:c,fontColor:y,fontSize:H,fontWeight:k,backgroundColor:F,textAlign:l,textDecoration:E,boxShadow:W,margin:j,marginTop:P,marginRight:g,marginBottom:b,marginLeft:o,padding:r,paddingTop:x,paddingRight:h,paddingBottom:s,paddingLeft:S,top:R,right:C,bottom:J,left:Q,border:Y,borderTop:Z,borderRight:A,borderBottom:f,borderLeft:u,borderWidth:v,borderColor:m,borderStyle:ee,borderRadius:te,borderTopLeftRadius:ie,borderTopRightRadius:z,borderBottomLeftRadius:B,borderBottomRightRadius:T,flexSizing:L,flexWrap:w,flexType:re,flexChilds:oe,flexGrid:se,horizontalAlign:ae,verticalAlign:de,transition:le,gridCenter:ne,gridCols:pe,maxHeight:ge,minHeight:he,maxWidth:fe,minWidth:ue,width:ve,height:me,unitHeight:be,unitWidth:Se,opacity:xe,ssLastChildLossBorder:ce,ssAbsoluteCovered:ye,ssCardBox:q,ssEffectsOnActive:Re,ssPushable:Ce,ssSphere:N,ssSquare:Be,ssTextEllipsis:Te,isBoldFont:Le,isLightFont:M,isSemiBoldFont:O,isRounded:$,flexCenter:U,flexNewLine:V,gradients:I,UnderBreakPointStyles:K={},freeCSS:X={}}=n,t={};return e.ev(_)&&(t.gap=_),e.ev(i)&&(t.display=i),e.ev(p)&&(t.position=p),e.ev(c)&&(t.overflow=c),e.ev(y)&&(t.fontColor=y),e.ev(H)&&(t.fontSize=H),e.ev(k)&&(t.fontWeight=k),e.ev(F)&&(t.backgroundColor=F),e.ev(l)&&(t.textAlign=l),e.ev(E)&&(t.textDecoration=E),e.ev(W)&&(t.boxShadow=W),e.ev(j)&&(t.margin=j),e.ev(P)&&(t.marginTop=P),e.ev(g)&&(t.marginRight=g),e.ev(b)&&(t.marginBottom=b),e.ev(o)&&(t.marginLeft=o),e.ev(r)&&(t.padding=r),e.ev(x)&&(t.paddingTop=x),e.ev(h)&&(t.paddingRight=h),e.ev(s)&&(t.paddingBottom=s),e.ev(S)&&(t.paddingLeft=S),e.ev(R)&&(t.top=R),e.ev(C)&&(t.right=C),e.ev(J)&&(t.bottom=J),e.ev(Q)&&(t.left=Q),e.ev(Y)&&(t.border=Y),e.ev(Z)&&(t.borderTop=Z),e.ev(A)&&(t.borderRight=A),e.ev(f)&&(t.borderBottom=f),e.ev(u)&&(t.borderLeft=u),e.ev(v)&&(t.borderWidth=v),e.ev(m)&&(t.borderColor=m),e.ev(ee)&&(t.borderStyle=ee),e.ev(te)&&(t.borderRadius=te),e.ev(ie)&&(t.borderTopLeftRadius=ie),e.ev(z)&&(t.borderTopRightRadius=z),e.ev(B)&&(t.borderBottomLeftRadius=B),e.ev(T)&&(t.borderBottomRightRadius=T),e.ev(L)&&(t.flexSizing=L),e.ev(w)&&(t.flexWrap=w),e.ev(re)&&(t.flexType=re),e.ev(oe)&&(t.flexChilds=oe),e.ev(se)&&(t.flexGrid=se),e.ev(ae)&&(t.horizontalAlign=ae),e.ev(de)&&(t.verticalAlign=de),e.ev(le)&&(t.transition=le),e.ev(ne)&&(t.gridCenter=ne),e.ev(pe)&&(t.gridCols=pe),e.ev(ge)&&(t.maxHeight=ge),e.ev(he)&&(t.minHeight=he),e.ev(fe)&&(t.maxWidth=fe),e.ev(ue)&&(t.minWidth=ue),e.ev(ve)&&(t.width=ve),e.ev(me)&&(t.height=me),e.ev(be)&&(t.unitHeight=be),e.ev(Se)&&(t.unitWidth=Se),e.ev(xe)&&(t.opacity=xe),e.ev(ce)&&(t.ssLastChildLossBorder=ce),e.ev(ye)&&(t.ssAbsoluteCovered=ye),e.ev(q)&&(t.ssCardBox=q),e.ev(Re)&&(t.ssEffectsOnActive=Re),e.ev(Ce)&&(t.ssPushable=Ce),e.ev(N)&&(t.ssSphere=N),e.ev(Be)&&(t.ssSquare=Be),e.ev(Te)&&(t.ssTextEllipsis=Te),e.ev(Le)&&(t.isBoldFont=Le),e.ev(M)&&(t.isLightFont=M),e.ev(O)&&(t.isSemiBoldFont=O),e.ev($)&&(t.isRounded=$),e.ev(U)&&(t.flexCenter=U),e.ev(V)&&(t.flexNewLine=V),e.ev(I)&&(t.gradients=I),e.ev(X)&&(t.freeCSS=X),e.ev(K)&&(t.UnderBreakPointStyles=K),t};export{$e as ExtractStyles,Oe as GenerateHTMLProps,Pe as ReadStyleSet};
1
+ import{b as a,c as ze,d as Ne}from"../chunk-C5N2D3ZX.js";import d from"jmini";import{Config as He}from".";const e={toConcreteBorderRadius:n=>{let _=He.get().roundness|0;return n=="1.tone.primary"?n=[0,2,3,4,5,5][_]:n=="2.tone.secondary"?n=[0,1,2,3,4,5][_]:n=="3.tone.tertiary"&&(n=[0,"1/3","2/3",1,2,3][_]),n},ev:n=>d.is.exist(n),ClassNames:(n,_)=>{var q,Re,Ce,N,Be,Te,Le;let i=[],{gap:p,display:c,position:y,overflow:H,fontColor:k,fontSize:F,fontWeight:l,backgroundColor:E,textAlign:W,textDecoration:j,boxShadow:P,margin:g,marginTop:b,marginRight:o,marginBottom:r,marginLeft:x,padding:h,paddingTop:s,paddingRight:S,paddingBottom:R,paddingLeft:C,top:J,right:Q,bottom:Y,left:Z,border:A,borderTop:f,borderRight:u,borderBottom:v,borderLeft:m,borderWidth:ee,borderColor:te,borderStyle:ie,borderRadius:z,borderTopLeftRadius:B,borderTopRightRadius:T,borderBottomLeftRadius:L,borderBottomRightRadius:w,flexSizing:re,flexWrap:oe,flexType:se,flexChilds:ae,flexGrid:de,horizontalAlign:le,verticalAlign:ne,transition:pe,gridCenter:ge,gridCols:he,maxHeight:fe,minHeight:ue,maxWidth:ve,minWidth:me,width:be,height:Se,unitHeight:xe,unitWidth:ce,opacity:ye}=_;{if(e.ev(c)&&i.push("dsp"+c),H){let t=d.flatArray(H);i.push("ovfl-x-"+t[0]),i.push("ovfl-y-"+(t[1]||t[0]))}e.ev(y)&&i.push("ps"+y),e.ev(W)&&i.push("txtalg"+W),e.ev(W)&&i.push("txtdeco"+j),e.ev(k)&&i.push("ftcl"+((q=String(k))==null?void 0:q.replace(/\./g,"_"))),e.ev(F)&&i.push("ftsz"+((Re=String(F))==null?void 0:Re.replace(/\..*/,""))),e.ev(l)&&i.push("ftwt"+(l==null?void 0:l.replace(/\..*/,""))),e.ev(E)&&i.push("bgc"+((Ce=String(E))==null?void 0:Ce.replace(/\./g,"_"))),e.ev(P)&&i.push("bs"+P);let M,O,$,U;d.is.exist(g)&&(d.is.array(g)?g.length==2?[M,O,$,U]=[...g,...g]:g.length==4&&([M,O,$,U]=g):M=O=$=U=g,b=b!=null?b:M,o=o!=null?o:O,r=r!=null?r:$,x=x!=null?x:U),e.ev(b)&&i.push("mrgt"+b),e.ev(o)&&i.push("mrgr"+o),e.ev(r)&&i.push("mrgb"+r),e.ev(x)&&i.push("mrgl"+x);let V,I,K,X;d.is.exist(h)&&(d.is.array(h)?h.length==2?[V,I,K,X]=[...h,...h]:h.length==4&&([V,I,K,X]=h):V=I=K=X=h,s=s!=null?s:V,S=S!=null?S:I,R=R!=null?R:K,C=C!=null?C:X),e.ev(s)&&i.push("pdt"+s),e.ev(S)&&i.push("pdr"+S),e.ev(R)&&i.push("pdb"+R),e.ev(C)&&i.push("pdl"+C),e.ev(J)&&i.push("pstt"+J),e.ev(Q)&&i.push("pstr"+Q),e.ev(Y)&&i.push("pstb"+Y),e.ev(Z)&&i.push("pstl"+Z);{d.is.exist(A)&&(f=f!=null?f:A,u=u!=null?u:A,v=v!=null?v:A,m=m!=null?m:A),d.is.boolean(f)&&(f=["unset","2.normal"][Number(f)]),d.is.boolean(u)&&(u=["unset","2.normal"][Number(u)]),d.is.boolean(v)&&(v=["unset","2.normal"][Number(v)]),d.is.boolean(m)&&(m=["unset","2.normal"][Number(m)]),e.ev(f)&&i.push("b_t_ss"+((N=String(f))==null?void 0:N.replace(/\..*/,""))),e.ev(u)&&i.push("b_r_ss"+((Be=String(u))==null?void 0:Be.replace(/\..*/,""))),e.ev(v)&&i.push("b_b_ss"+((Te=String(v))==null?void 0:Te.replace(/\..*/,""))),e.ev(m)&&i.push("b_l_ss"+((Le=String(m))==null?void 0:Le.replace(/\..*/,""))),d.is.exist(ee)&&i.push("b_wth"+String(ee)),d.is.exist(te)&&i.push("b_cl"+String(te)),d.is.exist(ie)&&i.push("b_st"+String(ie));{let t,G,we,We;d.is.exist(z)&&(d.is.array(z)?z.length==4&&([t,G,We,we]=z):t=G=we=We=z,B=B!=null?B:t,T=T!=null?T:G,L=L!=null?L:we,w=w!=null?w:We)}e.ev(B)&&i.push("br_tl"+e.toConcreteBorderRadius(B)),e.ev(T)&&i.push("br_tr"+e.toConcreteBorderRadius(T)),e.ev(L)&&i.push("br_bl"+e.toConcreteBorderRadius(L)),e.ev(w)&&i.push("br_br"+e.toConcreteBorderRadius(w))}if(e.ev(ye)&&i.push("op"+ye),d.is.exist(p)){let t,G;d.is.array(p)?(t=p[0],G=p[1]):t=G=p,i.push("gapRow"+t,"gapCol"+G)}e.ev(re)&&i.push("flsz"+re),e.ev(oe)&&i.push("flwrp"+oe),e.ev(se)&&i.push("fltyp"+se),e.ev(ae)&&i.push("flchld"+ae),e.ev(de)&&i.push("flgrid"+de),e.ev(ne)&&i.push("flvrt"+ne),e.ev(le)&&i.push("flhrz"+le),e.ev(ge)&&i.push("grcnt"+ge),e.ev(he)&&i.push("grcol"+he),e.ev(Se)&&i.push("hgt"+Se),e.ev(be)&&i.push("wdt"+be),e.ev(xe)&&i.push("unthgt"+xe),e.ev(ce)&&i.push("untwdt"+ce),e.ev(pe)&&i.push("trnst"+pe),e.ev(fe)&&i.push("maxh"+fe),e.ev(ue)&&i.push("minh"+ue),e.ev(ve)&&i.push("maxw"+ve),e.ev(me)&&i.push("minw"+me)}return i.length?n+i.join(" "+n):""}},Pe=n=>{let x=a({},n),{gradients:i,ssCardBox:p,ssSphere:c,ssSquare:y,ssPushable:H,ssAbsoluteCovered:k,ssTextEllipsis:F,flexCenter:l,flexNewLine:E,isLightFont:W,isBoldFont:j,isSemiBoldFont:P,isRounded:g,isSquare:b,freeCSS:h={}}=x,o=Ne(h,[]),r=Ne(x,["gradients","ssCardBox","ssSphere","ssSquare","ssPushable","ssAbsoluteCovered","ssTextEllipsis","flexCenter","flexNewLine","isLightFont","isBoldFont","isSemiBoldFont","isRounded","isSquare","freeCSS"]);if(o=o||{},r=r||{},i){let{deg:s,colors:S}=i;o=ze(a({},o),{background:`linear-gradient(${s}deg,${S.join(",")})`})}if(p){p===!0&&(p="border");let s={backgroundColor:"layer.1",borderRadius:"1.tone.primary",boxShadow:"0.min"};p=="border"?s.border=!0:p=="layer"?s.backgroundColor="layer.1":p=="cloud"?s.backgroundColor="cloud":p=="shadow"&&(s.boxShadow="0.normal"),He.get().darkMode=="dim"&&(s.boxShadow="1.normal"),He.get().darkMode=="dark"&&(s.boxShadow="1.remark"),o=a(a({},s.freeCSS),o),r=a(a({},s),r)}return c&&(l=l!=null?l:!0,r=a({padding:0,unitWidth:c,unitHeight:c,borderRadius:"sphere",flexSizing:"none"},r)),y&&(l=l!=null?l:!0,r=a({padding:0,unitWidth:y,unitHeight:y,flexSizing:"none"},r)),H&&(r=a({transition:"middle"},r),r=ze(a({},r),{className:[r.className,"ssPushable"].join(" ")})),k&&(r=a({position:"absolute",top:0,left:0,right:0,bottom:0},r)),F&&(r=a({overflow:"hidden"},r),o=a({whiteSpace:"nowrap",textOverflow:"ellipsis"},o)),E&&(r=a({width:1,flexSizing:"none"},r)),l&&(r=a({display:"flex",horizontalAlign:"center",verticalAlign:"center"},r)),W&&(r.fontWeight="1.light"),P&&(r.fontWeight="3.semiBold"),j&&(r.fontWeight="4.bold"),g&&(d.is.number(g)?o.borderRadius=g*12:r.borderRadius="sphere"),b&&(o.aspectRatio="1"),ze(a({},r),{freeCSS:o})},Oe=n=>{let ke=Pe(n),{componentID:i,gap:p,display:c,position:y,overflow:H,fontColor:k,fontSize:F,fontWeight:l,backgroundColor:E,textAlign:W,textDecoration:j,boxShadow:P,margin:g,marginTop:b,marginRight:o,marginBottom:r,marginLeft:x,padding:h,paddingTop:s,paddingRight:S,paddingBottom:R,paddingLeft:C,top:J,right:Q,bottom:Y,left:Z,border:A,borderTop:f,borderRight:u,borderBottom:v,borderLeft:m,borderWidth:ee,borderColor:te,borderStyle:ie,borderRadius:z,borderTopLeftRadius:B,borderTopRightRadius:T,borderBottomLeftRadius:L,borderBottomRightRadius:w,flexSizing:re,flexWrap:oe,flexType:se,flexChilds:ae,flexGrid:de,horizontalAlign:le,verticalAlign:ne,transition:pe,gridCenter:ge,gridCols:he,maxHeight:fe,minHeight:ue,maxWidth:ve,minWidth:me,width:be,height:Se,unitHeight:xe,unitWidth:ce,opacity:ye,ssLastChildLossBorder:q,ssAbsoluteCovered:Re,ssCardBox:Ce,ssEffectsOnActive:N,ssPushable:Be,ssSphere:Te,ssSquare:Le,ssTextEllipsis:M,isBoldFont:O,isLightFont:$,isSemiBoldFont:U,isRounded:V,flexCenter:I,flexNewLine:K,gradients:X,UnderBreakPointStyles:t={},className:G="",freeCSS:we={}}=ke,We=Ne(ke,["componentID","gap","display","position","overflow","fontColor","fontSize","fontWeight","backgroundColor","textAlign","textDecoration","boxShadow","margin","marginTop","marginRight","marginBottom","marginLeft","padding","paddingTop","paddingRight","paddingBottom","paddingLeft","top","right","bottom","left","border","borderTop","borderRight","borderBottom","borderLeft","borderWidth","borderColor","borderStyle","borderRadius","borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius","flexSizing","flexWrap","flexType","flexChilds","flexGrid","horizontalAlign","verticalAlign","transition","gridCenter","gridCols","maxHeight","minHeight","maxWidth","minWidth","width","height","unitHeight","unitWidth","opacity","ssLastChildLossBorder","ssAbsoluteCovered","ssCardBox","ssEffectsOnActive","ssPushable","ssSphere","ssSquare","ssTextEllipsis","isBoldFont","isLightFont","isSemiBoldFont","isRounded","flexCenter","flexNewLine","gradients","UnderBreakPointStyles","className","freeCSS"]),D=a({},We),_e=[G];if(q&&_e.push("ssLastChildLossBorder_"+q),N){N=d.flatArray(N);for(let Ae of N){let[Ee,Fe]=Ae.split(".");D["data-effect-"+Ee]="1",Fe&&(D["data-effect-tone"]=Fe)}}{let Ae=e.ClassNames("amotf_",{gap:p,display:c,position:y,overflow:H,fontColor:k,fontSize:F,fontWeight:l,backgroundColor:E,textAlign:W,textDecoration:j,boxShadow:P,margin:g,marginTop:b,marginRight:o,marginBottom:r,marginLeft:x,padding:h,paddingTop:s,paddingRight:S,paddingBottom:R,paddingLeft:C,top:J,right:Q,bottom:Y,left:Z,border:A,borderTop:f,borderRight:u,borderBottom:v,borderLeft:m,borderWidth:ee,borderColor:te,borderStyle:ie,borderRadius:z,borderTopLeftRadius:B,borderTopRightRadius:T,borderBottomLeftRadius:L,borderBottomRightRadius:w,flexSizing:re,flexWrap:oe,flexType:se,flexChilds:ae,flexGrid:de,horizontalAlign:le,verticalAlign:ne,transition:pe,gridCenter:ge,gridCols:he,maxHeight:fe,minHeight:ue,maxWidth:ve,minWidth:me,width:be,height:Se,unitHeight:xe,unitWidth:ce,opacity:ye});_e.push(Ae)}return t&&_e.push(e.ClassNames("amotf_bp",t)),we&&(D.style=a(a({},we),D.style)),(i||D["data-component-id"])&&(D["data-component-id"]=D["data-component-id"]||i),_e.length&&_e.join("")&&(D.className=_e.join(" ").trim().replace(/%/ig,"P").replace(/\d+px/ig,"PIX").replace(/\s+/ig," ").replace(/\//ig,"_").replace(/\./ig,"-")),D},$e=n=>{let{gap:_,display:i,position:p,overflow:c,fontColor:y,fontSize:H,fontWeight:k,backgroundColor:F,textAlign:l,textDecoration:E,boxShadow:W,margin:j,marginTop:P,marginRight:g,marginBottom:b,marginLeft:o,padding:r,paddingTop:x,paddingRight:h,paddingBottom:s,paddingLeft:S,top:R,right:C,bottom:J,left:Q,border:Y,borderTop:Z,borderRight:A,borderBottom:f,borderLeft:u,borderWidth:v,borderColor:m,borderStyle:ee,borderRadius:te,borderTopLeftRadius:ie,borderTopRightRadius:z,borderBottomLeftRadius:B,borderBottomRightRadius:T,flexSizing:L,flexWrap:w,flexType:re,flexChilds:oe,flexGrid:se,horizontalAlign:ae,verticalAlign:de,transition:le,gridCenter:ne,gridCols:pe,maxHeight:ge,minHeight:he,maxWidth:fe,minWidth:ue,width:ve,height:me,unitHeight:be,unitWidth:Se,opacity:xe,ssLastChildLossBorder:ce,ssAbsoluteCovered:ye,ssCardBox:q,ssEffectsOnActive:Re,ssPushable:Ce,ssSphere:N,ssSquare:Be,ssTextEllipsis:Te,isBoldFont:Le,isLightFont:M,isSemiBoldFont:O,isRounded:$,flexCenter:U,flexNewLine:V,gradients:I,UnderBreakPointStyles:K={},freeCSS:X={}}=n,t={};return e.ev(_)&&(t.gap=_),e.ev(i)&&(t.display=i),e.ev(p)&&(t.position=p),e.ev(c)&&(t.overflow=c),e.ev(y)&&(t.fontColor=y),e.ev(H)&&(t.fontSize=H),e.ev(k)&&(t.fontWeight=k),e.ev(F)&&(t.backgroundColor=F),e.ev(l)&&(t.textAlign=l),e.ev(E)&&(t.textDecoration=E),e.ev(W)&&(t.boxShadow=W),e.ev(j)&&(t.margin=j),e.ev(P)&&(t.marginTop=P),e.ev(g)&&(t.marginRight=g),e.ev(b)&&(t.marginBottom=b),e.ev(o)&&(t.marginLeft=o),e.ev(r)&&(t.padding=r),e.ev(x)&&(t.paddingTop=x),e.ev(h)&&(t.paddingRight=h),e.ev(s)&&(t.paddingBottom=s),e.ev(S)&&(t.paddingLeft=S),e.ev(R)&&(t.top=R),e.ev(C)&&(t.right=C),e.ev(J)&&(t.bottom=J),e.ev(Q)&&(t.left=Q),e.ev(Y)&&(t.border=Y),e.ev(Z)&&(t.borderTop=Z),e.ev(A)&&(t.borderRight=A),e.ev(f)&&(t.borderBottom=f),e.ev(u)&&(t.borderLeft=u),e.ev(v)&&(t.borderWidth=v),e.ev(m)&&(t.borderColor=m),e.ev(ee)&&(t.borderStyle=ee),e.ev(te)&&(t.borderRadius=te),e.ev(ie)&&(t.borderTopLeftRadius=ie),e.ev(z)&&(t.borderTopRightRadius=z),e.ev(B)&&(t.borderBottomLeftRadius=B),e.ev(T)&&(t.borderBottomRightRadius=T),e.ev(L)&&(t.flexSizing=L),e.ev(w)&&(t.flexWrap=w),e.ev(re)&&(t.flexType=re),e.ev(oe)&&(t.flexChilds=oe),e.ev(se)&&(t.flexGrid=se),e.ev(ae)&&(t.horizontalAlign=ae),e.ev(de)&&(t.verticalAlign=de),e.ev(le)&&(t.transition=le),e.ev(ne)&&(t.gridCenter=ne),e.ev(pe)&&(t.gridCols=pe),e.ev(ge)&&(t.maxHeight=ge),e.ev(he)&&(t.minHeight=he),e.ev(fe)&&(t.maxWidth=fe),e.ev(ue)&&(t.minWidth=ue),e.ev(ve)&&(t.width=ve),e.ev(me)&&(t.height=me),e.ev(be)&&(t.unitHeight=be),e.ev(Se)&&(t.unitWidth=Se),e.ev(xe)&&(t.opacity=xe),e.ev(ce)&&(t.ssLastChildLossBorder=ce),e.ev(ye)&&(t.ssAbsoluteCovered=ye),e.ev(q)&&(t.ssCardBox=q),e.ev(Re)&&(t.ssEffectsOnActive=Re),e.ev(Ce)&&(t.ssPushable=Ce),e.ev(N)&&(t.ssSphere=N),e.ev(Be)&&(t.ssSquare=Be),e.ev(Te)&&(t.ssTextEllipsis=Te),e.ev(Le)&&(t.isBoldFont=Le),e.ev(M)&&(t.isLightFont=M),e.ev(O)&&(t.isSemiBoldFont=O),e.ev($)&&(t.isRounded=$),e.ev(U)&&(t.flexCenter=U),e.ev(V)&&(t.flexNewLine=V),e.ev(I)&&(t.gradients=I),e.ev(X)&&(t.freeCSS=X),e.ev(K)&&(t.UnderBreakPointStyles=K),t};export{$e as ExtractStyles,Oe as GenerateHTMLProps,Pe as ReadStyleSet};
@@ -1 +1 @@
1
- import"../chunk-C5N2D3ZX.js";import d from"@mingoo/jsmin";import{Config as r}from".";const f=[{key:"comun",isBrand:!1,isAvocado:!0},{key:"leaf",isBrand:!1,isAvocado:!0},{key:"heart",isBrand:!1,isAvocado:!0},{key:"droplet",isBrand:!1,isAvocado:!0},{key:"brick",isBrand:!1,isAvocado:!1},{key:"flower",isBrand:!1,isAvocado:!1},{key:"lip",isBrand:!1,isAvocado:!1},{key:"wine",isBrand:!1,isAvocado:!1},{key:"theater",isBrand:!1,isAvocado:!1},{key:"bat",isBrand:!1,isAvocado:!1},{key:"poizon",isBrand:!1,isAvocado:!1},{key:"eggplant",isBrand:!1,isAvocado:!1},{key:"ufo",isBrand:!1,isAvocado:!1},{key:"alien",isBrand:!1,isAvocado:!1},{key:"tombstone",isBrand:!1,isAvocado:!1},{key:"ninja",isBrand:!1,isAvocado:!1},{key:"moon",isBrand:!1,isAvocado:!1},{key:"rain",isBrand:!1,isAvocado:!1},{key:"unicorn",isBrand:!1,isAvocado:!1},{key:"axe",isBrand:!1,isAvocado:!1},{key:"gem",isBrand:!1,isAvocado:!1},{key:"soap",isBrand:!1,isAvocado:!1},{key:"drizzle",isBrand:!1,isAvocado:!1},{key:"building",isBrand:!1,isAvocado:!1},{key:"fish",isBrand:!1,isAvocado:!1},{key:"icicles",isBrand:!1,isAvocado:!1},{key:"water",isBrand:!1,isAvocado:!1},{key:"tree1",isBrand:!1,isAvocado:!1},{key:"tree2",isBrand:!1,isAvocado:!1},{key:"tree3",isBrand:!1,isAvocado:!1},{key:"battery",isBrand:!1,isAvocado:!1},{key:"seedle",isBrand:!1,isAvocado:!1},{key:"greenTea",isBrand:!1,isAvocado:!1},{key:"oak",isBrand:!1,isAvocado:!1},{key:"salad",isBrand:!1,isAvocado:!1},{key:"cloudy",isBrand:!1,isAvocado:!1},{key:"lemon",isBrand:!1,isAvocado:!1},{key:"angel",isBrand:!1,isAvocado:!1},{key:"parasol",isBrand:!1,isAvocado:!1},{key:"pizza",isBrand:!1,isAvocado:!1},{key:"thunder",isBrand:!1,isAvocado:!1},{key:"latte",isBrand:!1,isAvocado:!1},{key:"island",isBrand:!1,isAvocado:!1},{key:"shovel",isBrand:!1,isAvocado:!1},{key:"coffee",isBrand:!1,isAvocado:!1},{key:"carrot",isBrand:!1,isAvocado:!1},{key:"cactus",isBrand:!1,isAvocado:!1},{key:"volcano",isBrand:!1,isAvocado:!1},{key:"choco",isBrand:!1,isAvocado:!1},{key:"industry",isBrand:!1,isAvocado:!1},{key:"gun",isBrand:!1,isAvocado:!1},{key:"galaxy",isBrand:!1,isAvocado:!1},{key:"line",isBrand:!0,isAvocado:!1},{key:"twitter",isBrand:!0,isAvocado:!1},{key:"amazon",isBrand:!0,isAvocado:!1},{key:"facebook",isBrand:!0,isAvocado:!1},{key:"android",isBrand:!0,isAvocado:!1},{key:"slackBlue",isBrand:!0,isAvocado:!1},{key:"slackGreen",isBrand:!0,isAvocado:!1},{key:"slackRed",isBrand:!0,isAvocado:!1},{key:"slackYellow",isBrand:!0,isAvocado:!1},{key:"slackBase",isBrand:!0,isAvocado:!1},{key:"googleBlue",isBrand:!0,isAvocado:!1},{key:"googleGreen",isBrand:!0,isAvocado:!1},{key:"googleYellow",isBrand:!0,isAvocado:!1},{key:"googleRed",isBrand:!0,isAvocado:!1}],v=()=>{let e="#45515c",a=d("#ThemeColorMetaTag");a[0]&&a.setAttribute("content",e)},n={light:"#FFF",dark:"#333",dim:"#666",auto:()=>r.get().isSystemDarkmode()?"#333":"#FFF"},o={};f.forEach(e=>{let{key:a,isAvocado:i,isBrand:l}=e;o[a]={alfa:s=>`hsla( var( --cH_${a} ),var( --cS_${a} ),var( --cL_${a} ),${s!=null?s:1} ) `,isAvocado:i,isBrand:l}});export{f as ColorObjects,n as DarkmodeColors,v as SetThemeColorTag,o as ThemeColors};
1
+ import"../chunk-C5N2D3ZX.js";import d from"jmini";import{Config as r}from".";const f=[{key:"comun",isBrand:!1,isAvocado:!0},{key:"leaf",isBrand:!1,isAvocado:!0},{key:"heart",isBrand:!1,isAvocado:!0},{key:"droplet",isBrand:!1,isAvocado:!0},{key:"brick",isBrand:!1,isAvocado:!1},{key:"flower",isBrand:!1,isAvocado:!1},{key:"lip",isBrand:!1,isAvocado:!1},{key:"wine",isBrand:!1,isAvocado:!1},{key:"theater",isBrand:!1,isAvocado:!1},{key:"bat",isBrand:!1,isAvocado:!1},{key:"poizon",isBrand:!1,isAvocado:!1},{key:"eggplant",isBrand:!1,isAvocado:!1},{key:"ufo",isBrand:!1,isAvocado:!1},{key:"alien",isBrand:!1,isAvocado:!1},{key:"tombstone",isBrand:!1,isAvocado:!1},{key:"ninja",isBrand:!1,isAvocado:!1},{key:"moon",isBrand:!1,isAvocado:!1},{key:"rain",isBrand:!1,isAvocado:!1},{key:"unicorn",isBrand:!1,isAvocado:!1},{key:"axe",isBrand:!1,isAvocado:!1},{key:"gem",isBrand:!1,isAvocado:!1},{key:"soap",isBrand:!1,isAvocado:!1},{key:"drizzle",isBrand:!1,isAvocado:!1},{key:"building",isBrand:!1,isAvocado:!1},{key:"fish",isBrand:!1,isAvocado:!1},{key:"icicles",isBrand:!1,isAvocado:!1},{key:"water",isBrand:!1,isAvocado:!1},{key:"tree1",isBrand:!1,isAvocado:!1},{key:"tree2",isBrand:!1,isAvocado:!1},{key:"tree3",isBrand:!1,isAvocado:!1},{key:"battery",isBrand:!1,isAvocado:!1},{key:"seedle",isBrand:!1,isAvocado:!1},{key:"greenTea",isBrand:!1,isAvocado:!1},{key:"oak",isBrand:!1,isAvocado:!1},{key:"salad",isBrand:!1,isAvocado:!1},{key:"cloudy",isBrand:!1,isAvocado:!1},{key:"lemon",isBrand:!1,isAvocado:!1},{key:"angel",isBrand:!1,isAvocado:!1},{key:"parasol",isBrand:!1,isAvocado:!1},{key:"pizza",isBrand:!1,isAvocado:!1},{key:"thunder",isBrand:!1,isAvocado:!1},{key:"latte",isBrand:!1,isAvocado:!1},{key:"island",isBrand:!1,isAvocado:!1},{key:"shovel",isBrand:!1,isAvocado:!1},{key:"coffee",isBrand:!1,isAvocado:!1},{key:"carrot",isBrand:!1,isAvocado:!1},{key:"cactus",isBrand:!1,isAvocado:!1},{key:"volcano",isBrand:!1,isAvocado:!1},{key:"choco",isBrand:!1,isAvocado:!1},{key:"industry",isBrand:!1,isAvocado:!1},{key:"gun",isBrand:!1,isAvocado:!1},{key:"galaxy",isBrand:!1,isAvocado:!1},{key:"line",isBrand:!0,isAvocado:!1},{key:"twitter",isBrand:!0,isAvocado:!1},{key:"amazon",isBrand:!0,isAvocado:!1},{key:"facebook",isBrand:!0,isAvocado:!1},{key:"android",isBrand:!0,isAvocado:!1},{key:"slackBlue",isBrand:!0,isAvocado:!1},{key:"slackGreen",isBrand:!0,isAvocado:!1},{key:"slackRed",isBrand:!0,isAvocado:!1},{key:"slackYellow",isBrand:!0,isAvocado:!1},{key:"slackBase",isBrand:!0,isAvocado:!1},{key:"googleBlue",isBrand:!0,isAvocado:!1},{key:"googleGreen",isBrand:!0,isAvocado:!1},{key:"googleYellow",isBrand:!0,isAvocado:!1},{key:"googleRed",isBrand:!0,isAvocado:!1}],v=()=>{let e="#45515c",a=d("#ThemeColorMetaTag");a[0]&&a.setAttribute("content",e)},n={light:"#FFF",dark:"#333",dim:"#666",auto:()=>r.get().isSystemDarkmode()?"#333":"#FFF"},o={};f.forEach(e=>{let{key:a,isAvocado:i,isBrand:l}=e;o[a]={alfa:s=>`hsla( var( --cH_${a} ),var( --cS_${a} ),var( --cL_${a} ),${s!=null?s:1} ) `,isAvocado:i,isBrand:l}});export{f as ColorObjects,n as DarkmodeColors,v as SetThemeColorTag,o as ThemeColors};
@@ -1 +1 @@
1
- import{b as s,c as h}from"../chunk-C5N2D3ZX.js";import d,{UUID as w}from"@mingoo/jsmin";import{useRefresh as f,ColorObjects as b,SetThemeColorTag as u}from".";let n={sessionUID:w(),appRoot:null,darkMode:"light",themeColor:"comun",roundness:2,isSystemDarkmode:()=>window.matchMedia("(prefers-color-scheme: dark)").matches==!0,deviceIs:"",browserIs:"",isPhone:!1,isTouchDevice:!1,isIOS:!1,screen:{breakpoint:834,phonepoint:690,viewHeight:0,viewWidth:0,isBreakpoint:(e=834)=>window.innerWidth<=e,isPhonepoint:(e=690)=>window.innerWidth<=e}};const o={get:()=>n,set:e=>{n=s(s({},n),e)},update:{themeColor:e=>{if(b.find(r=>r.key==e)||(e="comun"),e==o.get().themeColor)return;o.set(h(s({},o.get()),{themeColor:e}));let t=d(document.body);t.removeClass(t.findClass(/^bdsTC/)).addClass("bdsTC_"+e).callback(()=>{u()}),o.restart()},darkMode:e=>{if(["light","dark","dim","auto"].includes(e)||(e="light"),e==o.get().darkMode)return;let t=e=="auto"?o.get().isSystemDarkmode()?"dark":"light":e;o.set(h(s({},o.get()),{darkMode:t}));let r=d(document.body);r.removeClass(r.findClass(/^bdsDM/)).addClass("bdsDM_"+t),o.restart()},roundness:e=>{e>=0&&e<=5||(e=2),e!=o.get().roundness&&(o.set(h(s({},o.get()),{roundness:e})),o.restart())},screen:e=>{o.get().screen=s(s({},o.get().screen),e)}},launch:e=>{const t=window.navigator.userAgent.toLowerCase(),r=t.indexOf("windows nt")!==-1?"windows":t.indexOf("android")!==-1?"android":t.indexOf("iphone")!==-1?"iPhone":t.indexOf("ipad")>-1||t.indexOf("macintosh")>-1&&"ontouchend"in document?"iPad":t.indexOf("mac os x")!==-1?"macOSX":"undefined",p=t.indexOf("msie")!==-1||t.indexOf("trident")!==-1?"ie":t.indexOf("edge")!==-1?"edge":t.indexOf("chrome")!==-1?"chrome":t.indexOf("safari")!==-1?"safari":t.indexOf("firefox")!==-1?"firefox":t.indexOf("opera")!==-1||t.indexOf("opr")!==-1?"opera":"undefined";n.appRoot=e.appRoot||document.body,n.appRoot instanceof HTMLElement&&(n.appRoot.tabIndex=0),d.is.exist(e.roundness)&&o.update.roundness(e.roundness),d.is.exist(e.themeColor)&&o.update.themeColor(e.themeColor),d.is.exist(e.darkMode)&&o.update.darkMode(e.darkMode),n.deviceIs=r,n.browserIs=p,n.isPhone=["Android","iPhone"].includes(r),n.isTouchDevice=window.ontouchstart!==void 0&&0<navigator.maxTouchPoints,n.isIOS=["iPhone","iPad"].includes(r),n.isTouchDevice=window.ontouchstart!==void 0&&0<navigator.maxTouchPoints,n.isIOS=["iPhone","iPad"].includes(r),n.screen={breakpoint:834,phonepoint:690,viewHeight:window.innerHeight,viewWidth:window.innerWidth,isBreakpoint:(i=834)=>window.innerWidth<=i,isPhonepoint:(i=690)=>window.innerWidth<=i},d(document.body).addClass(["AMOTIFY_be_body","usrDevice_"+o.get().deviceIs,"bdsDM_"+o.get().darkMode,"bdsTC_"+o.get().themeColor]),d(window).addEvent({eventType:"load",eventID:"windowLoad",callback:()=>{let i=document.body.style,a=d(document.body),m=Number(a.getStyleProperty("--topNavHeight").removeLetters()||0),l=Number(a.getStyleProperty("--footerNavHeight").removeLetters()||0),g=window.innerHeight-m-l;i.setProperty("--viewHeight",window.innerHeight+"px"),i.setProperty("--contentHeight",g+"px")}}).addEvent({eventType:"resize",eventID:"getDeviceInfo",callback:()=>{o.update.screen({viewHeight:window.innerHeight,viewWidth:window.innerWidth});let i=d(document.body),a=window.innerHeight,m=Number(i.getStyleProperty("--topNavHeight").removeLetters()),l=Number(i.getStyleProperty("--footerNavHeight").removeLetters()),c=a-m-l;i.setStyleProperty("--viewHeight",a+"px").setStyleProperty("--sideNavHeight",c+"px").setStyleProperty("--contentHeight",c+"px")}}),u()},restart:()=>{f.release("RootViewController_"+o.get().sessionUID)}};export{o as Config,o as default};
1
+ import{b as s,c as h}from"../chunk-C5N2D3ZX.js";import d,{UUID as w}from"jmini";import{useRefresh as f,ColorObjects as b,SetThemeColorTag as u}from".";let n={sessionUID:w(),appRoot:null,darkMode:"light",themeColor:"comun",roundness:2,isSystemDarkmode:()=>window.matchMedia("(prefers-color-scheme: dark)").matches==!0,deviceIs:"",browserIs:"",isPhone:!1,isTouchDevice:!1,isIOS:!1,screen:{breakpoint:834,phonepoint:690,viewHeight:0,viewWidth:0,isBreakpoint:(e=834)=>window.innerWidth<=e,isPhonepoint:(e=690)=>window.innerWidth<=e}};const o={get:()=>n,set:e=>{n=s(s({},n),e)},update:{themeColor:e=>{if(b.find(r=>r.key==e)||(e="comun"),e==o.get().themeColor)return;o.set(h(s({},o.get()),{themeColor:e}));let t=d(document.body);t.removeClass(t.findClass(/^bdsTC/)).addClass("bdsTC_"+e).callback(()=>{u()}),o.restart()},darkMode:e=>{if(["light","dark","dim","auto"].includes(e)||(e="light"),e==o.get().darkMode)return;let t=e=="auto"?o.get().isSystemDarkmode()?"dark":"light":e;o.set(h(s({},o.get()),{darkMode:t}));let r=d(document.body);r.removeClass(r.findClass(/^bdsDM/)).addClass("bdsDM_"+t),o.restart()},roundness:e=>{e>=0&&e<=5||(e=2),e!=o.get().roundness&&(o.set(h(s({},o.get()),{roundness:e})),o.restart())},screen:e=>{o.get().screen=s(s({},o.get().screen),e)}},launch:e=>{const t=window.navigator.userAgent.toLowerCase(),r=t.indexOf("windows nt")!==-1?"windows":t.indexOf("android")!==-1?"android":t.indexOf("iphone")!==-1?"iPhone":t.indexOf("ipad")>-1||t.indexOf("macintosh")>-1&&"ontouchend"in document?"iPad":t.indexOf("mac os x")!==-1?"macOSX":"undefined",p=t.indexOf("msie")!==-1||t.indexOf("trident")!==-1?"ie":t.indexOf("edge")!==-1?"edge":t.indexOf("chrome")!==-1?"chrome":t.indexOf("safari")!==-1?"safari":t.indexOf("firefox")!==-1?"firefox":t.indexOf("opera")!==-1||t.indexOf("opr")!==-1?"opera":"undefined";n.appRoot=e.appRoot||document.body,n.appRoot instanceof HTMLElement&&(n.appRoot.tabIndex=0),d.is.exist(e.roundness)&&o.update.roundness(e.roundness),d.is.exist(e.themeColor)&&o.update.themeColor(e.themeColor),d.is.exist(e.darkMode)&&o.update.darkMode(e.darkMode),n.deviceIs=r,n.browserIs=p,n.isPhone=["Android","iPhone"].includes(r),n.isTouchDevice=window.ontouchstart!==void 0&&0<navigator.maxTouchPoints,n.isIOS=["iPhone","iPad"].includes(r),n.isTouchDevice=window.ontouchstart!==void 0&&0<navigator.maxTouchPoints,n.isIOS=["iPhone","iPad"].includes(r),n.screen={breakpoint:834,phonepoint:690,viewHeight:window.innerHeight,viewWidth:window.innerWidth,isBreakpoint:(i=834)=>window.innerWidth<=i,isPhonepoint:(i=690)=>window.innerWidth<=i},d(document.body).addClass(["AMOTIFY_be_body","usrDevice_"+o.get().deviceIs,"bdsDM_"+o.get().darkMode,"bdsTC_"+o.get().themeColor]),d(window).addEvent({eventType:"load",eventID:"windowLoad",callback:()=>{let i=document.body.style,a=d(document.body),m=Number(a.getStyleProperty("--topNavHeight").removeLetters()||0),l=Number(a.getStyleProperty("--footerNavHeight").removeLetters()||0),g=window.innerHeight-m-l;i.setProperty("--viewHeight",window.innerHeight+"px"),i.setProperty("--contentHeight",g+"px")}}).addEvent({eventType:"resize",eventID:"getDeviceInfo",callback:()=>{o.update.screen({viewHeight:window.innerHeight,viewWidth:window.innerWidth});let i=d(document.body),a=window.innerHeight,m=Number(i.getStyleProperty("--topNavHeight").removeLetters()),l=Number(i.getStyleProperty("--footerNavHeight").removeLetters()),c=a-m-l;i.setStyleProperty("--viewHeight",a+"px").setStyleProperty("--sideNavHeight",c+"px").setStyleProperty("--contentHeight",c+"px")}}),u()},restart:()=>{f.release("RootViewController_"+o.get().sessionUID)}};export{o as Config,o as default};
@@ -1,4 +1,4 @@
1
- import $$ from '@mingoo/jsmin';
1
+ import $$ from 'jmini';
2
2
  declare namespace $$fromRoot {
3
3
  type Input = $$.Args;
4
4
  }
@@ -1 +1 @@
1
- import"../chunk-C5N2D3ZX.js";import e from"./config";import o from"@mingoo/jsmin";const p=t=>{let r=e.get().appRoot;return o.is.shadowRoot(r)?o(r).find(t):o(t)};export{p as $$fromRoot,p as default};
1
+ import"../chunk-C5N2D3ZX.js";import e from"./config";import o from"jmini";const p=t=>{let r=e.get().appRoot;return o.is.shadowRoot(r)?o(r).find(t):o(t)};export{p as $$fromRoot,p as default};
@@ -1 +1 @@
1
- import"../chunk-C5N2D3ZX.js";import{UUID as h}from"@mingoo/jsmin";import e from"./useStore";import{useState as u,useEffect as g}from"react";const d={catch:s=>{let[t]=u(h()),[f,l]=u(h()),[y,n]=u(null),i="RefreshKey_"+t;return g(()=>{var o;e.set({[i]:r=>{l(h()),n(r||null)}});let a=((o=e.get("RefreshKeys_"+s))==null?void 0:o.keys)||[];return a=[...a,t],e.update({["RefreshKeys_"+s]:{keys:a}}),()=>{var c;e.delete(i);let r=((c=e.get("RefreshKeys_"+s))==null?void 0:c.keys)||[],_=r.indexOf(t);_!==-1&&(r.splice(_,1),e.update({["RefreshKeys_"+s]:{keys:r}}))}},[]),y},release:(s,t)=>{var l;let f=((l=e.get("RefreshKeys_"+s))==null?void 0:l.keys)||[];if(f&&f.length)for(let y of f){let n=e.get("RefreshKey_"+y);n&&n(t)}}};export{d as default,d as useRefresh};
1
+ import"../chunk-C5N2D3ZX.js";import{UUID as h}from"jmini";import e from"./useStore";import{useState as u,useEffect as g}from"react";const d={catch:s=>{let[t]=u(h()),[f,l]=u(h()),[y,n]=u(null),i="RefreshKey_"+t;return g(()=>{var o;e.set({[i]:r=>{l(h()),n(r||null)}});let a=((o=e.get("RefreshKeys_"+s))==null?void 0:o.keys)||[];return a=[...a,t],e.update({["RefreshKeys_"+s]:{keys:a}}),()=>{var c;e.delete(i);let r=((c=e.get("RefreshKeys_"+s))==null?void 0:c.keys)||[],_=r.indexOf(t);_!==-1&&(r.splice(_,1),e.update({["RefreshKeys_"+s]:{keys:r}}))}},[]),y},release:(s,t)=>{var l;let f=((l=e.get("RefreshKeys_"+s))==null?void 0:l.keys)||[];if(f&&f.length)for(let y of f){let n=e.get("RefreshKey_"+y);n&&n(t)}}};export{d as default,d as useRefresh};
@@ -1,4 +1,4 @@
1
- import { KeyValueDict } from '@mingoo/jsmin';
1
+ import { KeyValueDict } from 'jmini';
2
2
  declare namespace useStore {
3
3
  type Methods = {
4
4
  set(p: KeyValueDict, privateKey?: string): boolean;
@@ -1,4 +1,4 @@
1
- import{b as l,c as g,d as p}from"../chunk-C5N2D3ZX.js";import{Fragment as A,jsx as e,jsxs as I}from"react/jsx-runtime";import T from"@mingoo/jsmin";import{Flex as L,Img as C}from".";import{LogoClasses as i}from"../@styles/componentClasses";const h={ComunIcon:()=>e("svg",{viewBox:"0,0,1200,1200",className:i("ComunIcon"),children:I("g",{children:[e("path",{d:`
1
+ import{b as l,c as g,d as p}from"../chunk-C5N2D3ZX.js";import{Fragment as A,jsx as e,jsxs as I}from"react/jsx-runtime";import T from"jmini";import{Flex as L,Img as C}from".";import{LogoClasses as i}from"../@styles/componentClasses";const h={ComunIcon:()=>e("svg",{viewBox:"0,0,1200,1200",className:i("ComunIcon"),children:I("g",{children:[e("path",{d:`
2
2
  M
3
3
  100,600
4
4
  A 500,500 0 0,0 600,1100
@@ -1,6 +1,6 @@
1
1
  /// <reference types="react" />
2
2
  import { StyleTags, ReactElement } from '../@declares';
3
- import { KeyValueDict } from '@mingoo/jsmin';
3
+ import { KeyValueDict } from 'jmini';
4
4
  declare namespace ButtonTypes {
5
5
  type Seeds = 'button' | 'label' | 'anchor';
6
6
  type Tones = 'plain' | 'link' | 'normal' | 'border' | 'prime' | 'sub' | 'clear' | 'fillToBorder' | 'borderToFill';
package/dist/fn/Button.js CHANGED
@@ -1 +1 @@
1
- import{b as o,c as i,d as B,e as z}from"../chunk-C5N2D3ZX.js";import{jsx as d}from"react/jsx-runtime";import L,{UUID as E}from"@mingoo/jsmin";import{pageRouter as k,ReadStyleSet as P}from"../@utils";import{Input as R}from".";import{Box as I}from"../atoms";import{ButtonClasses as c}from"../@styles/componentClasses";const x={Size:(l,t,s,n)=>{let e={fontSize:"inherit"};return s=s||"R",["plain","link"].includes(t)?{}:(s=="xsmall"?e=i(o({},e),{padding:["1/3","2/3"],fontSize:"0.xs",borderRadius:"3.tone.tertiary"}):s=="small"?e=i(o({},e),{padding:["1/2","3/4"],fontSize:"1.mini",borderRadius:"3.tone.tertiary"}):s=="regular"?(e.padding=["3/4",1],t=="prime"&&(e.padding=["3/4",2])):s=="large"&&(e.padding=[1,3],e.fontSize="3.paragraph",e.isSemiBoldFont=!0),e=o({borderRadius:"2.tone.secondary",transition:"middle",position:"relative",textAlign:"center"},e),e)},Tone:(l,t,s,n)=>{let e={display:"inlineBlock",fontWeight:"inherit",fontColor:"inherit",border:"unset"};return t=="plain"||(t=="link"?(e.fontColor="theme",e.textAlign="left",e.backgroundColor="trans"):t=="normal"?e=i(o({},e),{backgroundColor:"trans"}):t=="border"?e=i(o({},e),{backgroundColor:"layer.1",border:"2.normal",borderStyle:"solid",boxShadow:"0.min"}):t=="prime"?(e=i(o({},e),{isSemiBoldFont:!0,fontColor:"white",backgroundColor:n,boxShadow:"0.normal",ssEffectsOnActive:["shrink","push","ripple.white"]}),n=="white"&&(e=i(o({},e),{fontColor:"theme",ssEffectsOnActive:["shrink","push","ripple.cloud"]}))):t=="sub"?e=i(o({},e),{fontColor:n,ssEffectsOnActive:["shrink","ripple.cloud"]}):t=="clear"?e=i(o({},e),{fontColor:n,backgroundColor:"trans",ssEffectsOnActive:["shrink","ripple.cloud"]}):t=="fillToBorder"?e=i(o({},e),{boxShadow:"0.normal",border:"2.normal",borderWidth:2,borderColor:n,fontColor:n,backgroundColor:n}):t=="borderToFill"&&(e=i(o({},e),{fontColor:n,boxShadow:"0.normal",border:"2.normal",borderWidth:2,borderColor:n,backgroundColor:n})),n=="cloud"&&(e.fontColor="3.blur"),t!="link"&&(e=o({position:"relative",ssEffectsOnActive:["shrink","push"]},e))),e}},F=l=>{let t=P(o({isLocked:!1,isActive:!1,isActiveStyles:{},isActiveClassName:"",tabIndex:0,className:"",color:"theme",tone:"border","aria-label":E()},l)),s=t.seed;{let{isLocked:y=!1,isActive:m=!1,isActiveStyles:h={},isActiveClassName:C="",tone:r="border",size:p="regular",color:a="theme",className:T=""}=t;t=o(o(o({},x.Size(l.seed,r,p,a)),x.Tone(l.seed,r,p,a)),t),t.className=[T,c("Wrap"),c("isNeutral_"+!m),c("isLocked_"+y),c("Tone_"+r),c("Color_"+a),c("Tone_"+r+"_Color_"+a)].join(" "),m&&(t=o(o({className:[t.className,C].join(" ")},t),h))}if(s=="button"){let n=t,{isLocked:y,isActive:m,isActiveClassName:h,isActiveStyles:C,submitOption:r,onClick:p}=n,a=B(n,["isLocked","isActive","isActiveClassName","isActiveStyles","submitOption","onClick"]);return r&&(r=o({acceptInvalidForm:!1,submitDelegationKey:"auxEnter"},r),a=i(o({},a),{"data-form-submit-button":r.formName,"data-sdfike":L.flatArray(r.submitDelegationKey).join(",")})),d(I,i(o({htmlTag:"button"},a),{onClick:T=>z(void 0,null,function*(){if(y||(p&&p(T),!r))return;let S=yield R.CollectForm(r.formName);!r.acceptInvalidForm&&!S.valid||r.callback(S.data,S.valid)})}))}else if(s=="label"){let e=t,{isLocked:y,isActive:m,isActiveClassName:h,isActiveStyles:C,onClick:r}=e,p=B(e,["isLocked","isActive","isActiveClassName","isActiveStyles","onClick"]);return d(I,i(o({htmlTag:"label"},p),{onClick:a=>{y||r&&r(a)}}))}else if(s=="anchor"){let g=t,{isLocked:y,isActive:m,isActiveClassName:h,isActiveStyles:C,onClick:r,href:p="",newTab:a,sync:T,shiftQueryParams:S}=g,A=B(g,["isLocked","isActive","isActiveClassName","isActiveStyles","onClick","href","newTab","sync","shiftQueryParams"]);return d(I,i(o({htmlTag:"button"},A),{onClick:b=>{if(y)return;if(r)return r(b);let v=b.ctrlKey||b.metaKey,N=a||!!v,f=p;S&&(f+=location.search),T?k.pushSync(f):k.push(f,!!N)}}))}return null},u=function(l,t){const s=e=>d(F,o({seed:l,tone:t,size:"regular"},e)),n=s;return n.XS=e=>d(s,o({size:"xsmall",tone:t},e)),n.S=e=>d(s,o({size:"small",tone:t},e)),n.R=e=>d(s,o({size:"regular",tone:t},e)),n.L=e=>d(s,o({size:"large",tone:t},e)),n},M=function(l){const s=n=>d(F,o({seed:l,tone:"prime",size:"regular"},n));return s.Plain=u(l,"plain"),s.Link=u(l,"link"),s.Normal=u(l,"normal"),s.Border=u(l,"border"),s.Prime=u(l,"prime"),s.Sub=u(l,"sub"),s.Clear=u(l,"clear"),s.FillToBorder=u(l,"fillToBorder"),s.BorderToFill=u(l,"borderToFill"),s},w=M("button"),D=M("label"),K=M("anchor");export{K as Anchor,w as Button,D as Label};
1
+ import{b as o,c as i,d as B,e as z}from"../chunk-C5N2D3ZX.js";import{jsx as d}from"react/jsx-runtime";import L,{UUID as E}from"jmini";import{pageRouter as k,ReadStyleSet as P}from"../@utils";import{Input as R}from".";import{Box as I}from"../atoms";import{ButtonClasses as c}from"../@styles/componentClasses";const x={Size:(l,t,s,n)=>{let e={fontSize:"inherit"};return s=s||"R",["plain","link"].includes(t)?{}:(s=="xsmall"?e=i(o({},e),{padding:["1/3","2/3"],fontSize:"0.xs",borderRadius:"3.tone.tertiary"}):s=="small"?e=i(o({},e),{padding:["1/2","3/4"],fontSize:"1.mini",borderRadius:"3.tone.tertiary"}):s=="regular"?(e.padding=["3/4",1],t=="prime"&&(e.padding=["3/4",2])):s=="large"&&(e.padding=[1,3],e.fontSize="3.paragraph",e.isSemiBoldFont=!0),e=o({borderRadius:"2.tone.secondary",transition:"middle",position:"relative",textAlign:"center"},e),e)},Tone:(l,t,s,n)=>{let e={display:"inlineBlock",fontWeight:"inherit",fontColor:"inherit",border:"unset"};return t=="plain"||(t=="link"?(e.fontColor="theme",e.textAlign="left",e.backgroundColor="trans"):t=="normal"?e=i(o({},e),{backgroundColor:"trans"}):t=="border"?e=i(o({},e),{backgroundColor:"layer.1",border:"2.normal",borderStyle:"solid",boxShadow:"0.min"}):t=="prime"?(e=i(o({},e),{isSemiBoldFont:!0,fontColor:"white",backgroundColor:n,boxShadow:"0.normal",ssEffectsOnActive:["shrink","push","ripple.white"]}),n=="white"&&(e=i(o({},e),{fontColor:"theme",ssEffectsOnActive:["shrink","push","ripple.cloud"]}))):t=="sub"?e=i(o({},e),{fontColor:n,ssEffectsOnActive:["shrink","ripple.cloud"]}):t=="clear"?e=i(o({},e),{fontColor:n,backgroundColor:"trans",ssEffectsOnActive:["shrink","ripple.cloud"]}):t=="fillToBorder"?e=i(o({},e),{boxShadow:"0.normal",border:"2.normal",borderWidth:2,borderColor:n,fontColor:n,backgroundColor:n}):t=="borderToFill"&&(e=i(o({},e),{fontColor:n,boxShadow:"0.normal",border:"2.normal",borderWidth:2,borderColor:n,backgroundColor:n})),n=="cloud"&&(e.fontColor="3.blur"),t!="link"&&(e=o({position:"relative",ssEffectsOnActive:["shrink","push"]},e))),e}},F=l=>{let t=P(o({isLocked:!1,isActive:!1,isActiveStyles:{},isActiveClassName:"",tabIndex:0,className:"",color:"theme",tone:"border","aria-label":E()},l)),s=t.seed;{let{isLocked:y=!1,isActive:m=!1,isActiveStyles:h={},isActiveClassName:C="",tone:r="border",size:p="regular",color:a="theme",className:T=""}=t;t=o(o(o({},x.Size(l.seed,r,p,a)),x.Tone(l.seed,r,p,a)),t),t.className=[T,c("Wrap"),c("isNeutral_"+!m),c("isLocked_"+y),c("Tone_"+r),c("Color_"+a),c("Tone_"+r+"_Color_"+a)].join(" "),m&&(t=o(o({className:[t.className,C].join(" ")},t),h))}if(s=="button"){let n=t,{isLocked:y,isActive:m,isActiveClassName:h,isActiveStyles:C,submitOption:r,onClick:p}=n,a=B(n,["isLocked","isActive","isActiveClassName","isActiveStyles","submitOption","onClick"]);return r&&(r=o({acceptInvalidForm:!1,submitDelegationKey:"auxEnter"},r),a=i(o({},a),{"data-form-submit-button":r.formName,"data-sdfike":L.flatArray(r.submitDelegationKey).join(",")})),d(I,i(o({htmlTag:"button"},a),{onClick:T=>z(void 0,null,function*(){if(y||(p&&p(T),!r))return;let S=yield R.CollectForm(r.formName);!r.acceptInvalidForm&&!S.valid||r.callback(S.data,S.valid)})}))}else if(s=="label"){let e=t,{isLocked:y,isActive:m,isActiveClassName:h,isActiveStyles:C,onClick:r}=e,p=B(e,["isLocked","isActive","isActiveClassName","isActiveStyles","onClick"]);return d(I,i(o({htmlTag:"label"},p),{onClick:a=>{y||r&&r(a)}}))}else if(s=="anchor"){let g=t,{isLocked:y,isActive:m,isActiveClassName:h,isActiveStyles:C,onClick:r,href:p="",newTab:a,sync:T,shiftQueryParams:S}=g,A=B(g,["isLocked","isActive","isActiveClassName","isActiveStyles","onClick","href","newTab","sync","shiftQueryParams"]);return d(I,i(o({htmlTag:"button"},A),{onClick:b=>{if(y)return;if(r)return r(b);let v=b.ctrlKey||b.metaKey,N=a||!!v,f=p;S&&(f+=location.search),T?k.pushSync(f):k.push(f,!!N)}}))}return null},u=function(l,t){const s=e=>d(F,o({seed:l,tone:t,size:"regular"},e)),n=s;return n.XS=e=>d(s,o({size:"xsmall",tone:t},e)),n.S=e=>d(s,o({size:"small",tone:t},e)),n.R=e=>d(s,o({size:"regular",tone:t},e)),n.L=e=>d(s,o({size:"large",tone:t},e)),n},M=function(l){const s=n=>d(F,o({seed:l,tone:"prime",size:"regular"},n));return s.Plain=u(l,"plain"),s.Link=u(l,"link"),s.Normal=u(l,"normal"),s.Border=u(l,"border"),s.Prime=u(l,"prime"),s.Sub=u(l,"sub"),s.Clear=u(l,"clear"),s.FillToBorder=u(l,"fillToBorder"),s.BorderToFill=u(l,"borderToFill"),s},w=M("button"),D=M("label"),K=M("anchor");export{K as Anchor,w as Button,D as Label};
@@ -1 +1 @@
1
- import{b as H,c as j,e as z}from"../chunk-C5N2D3ZX.js";import{Fragment as ie,jsx as o,jsxs as f}from"react/jsx-runtime";import C,{UUID as J}from"@mingoo/jsmin";import{$$fromRoot as K,useStore as X}from"../@utils";import{useState as N,useEffect as O}from"react";import{Box as P,FAI as M,Column as k}from"../atoms";import{Row as I,Text as F}from"../mols";import{Button as B}from"./Button";import A from"./Sheet";import V from"./Loader";import q from"./Input";import{faPalette as Q}from"@fortawesome/free-solid-svg-icons/faPalette";import{faBarsStaggered as ee}from"@fortawesome/free-solid-svg-icons/faBarsStaggered";import{faRotateLeft as te}from"@fortawesome/free-solid-svg-icons/faRotateLeft";import{faRotateRight as ae}from"@fortawesome/free-solid-svg-icons/faRotateRight";import{CropperClasses as U}from"../@styles/componentClasses";import Y from"./Tooltips";class re{constructor(t){this.set_scale=t.set_scale,this.val_file=t.val_file,this.develops=t.develops,this.use=t.use,this.componentID=t.componentID,this.scale={current:t.scale.default,default:t.scale.default,min:t.scale.min,max:t.scale.max};let n=t.canvas;this.Canvas={elm:n,ctx:n.getContext("2d")};let i=t.picture.image,{width:e,height:a}=i,r=e/a;this.Picture={elm:i,originDataUrl:i.src,aspect:r,revisedAspect:1,rotate:t.picture.rotate,grayScale:t.picture.grayScale,tone:t.picture.tone},this.pst={frame:{x:0,y:0,w:0,h:0,aspect:1},outImage:{x:0,y:0,w:0,h:0},imageX:e/2,imageY:a/2,centerX:0,centerY:0},this.dragEffectInfo={origin:{x:0,y:0},frameExpandRate:{x:0,y:0}},this.pinchEffectInfo={origin:{x:0,y:0,scale:this.scale.current}},this.frameSizing(),this.modifyImage()}frameSizing(){let t=this.Canvas.elm,n=this.Picture.elm,i=0,e=0;if(this.use=="square"){let s=t.width/3*2,l=t.height/3*2;i=Math.min(s,l),e=i}else this.use=="wallpaper.horizontal"?(i=t.width*(7/9),e=i/3):this.use=="wallpaper.vertical"&&(e=t.height*(7/9),i=e/2);let{width:a,height:r}=n,p=(t.width-i)/2,u=(t.height-e)/2,y=i/e;this.pst={frame:{x:p,y:u,w:i,h:e,aspect:y},outImage:{x:0,y:0,w:0,h:0},imageX:a/2,imageY:r/2,centerX:t.width/2,centerY:t.height/2}}dragEffect(t){let{eventType:n,x:i,y:e}=t;if(n=="start"){let a=this.Canvas.elm.position();this.dragEffectInfo={origin:{x:i,y:e},frameExpandRate:{x:this.Canvas.elm.width/a.width,y:this.Canvas.elm.height/a.height}}}else{let{origin:a,frameExpandRate:r}=this.dragEffectInfo,p=a.x-i,u=a.y-e,y=this.scale.current*this.Picture.revisedAspect/100,s=p/y*r.x,l=u/y*r.y;n=="move"?this.drawImage(this.pst.imageX+s,this.pst.imageY+l):n=="end"&&this.drawImage(this.pst.imageX+=s,this.pst.imageY+=l)}}pinchEffect(t){let{eventType:n,event:i}=t,{x:e,y:a}=C.getCursor(i.touches[0]),{x:r,y:p}=C.getCursor(i.touches[1]),u=r-e,y=p-a;if(n=="start")this.pinchEffectInfo.origin={x:u,y,scale:this.scale.current};else if(n=="move"){let{origin:s}=this.pinchEffectInfo,l=Math.sqrt(Math.pow(s.x,2)+Math.pow(s.y,2)),S=Math.sqrt(Math.pow(u,2)+Math.pow(y,2))/l,v=Number(s.scale*S);this.set_scale(v)}}updateScale(t){let n=t;n=Math.max(n,this.scale.min),n=Math.min(n,this.scale.max),this.scale.current=n,this.drawImage()}updateFilter(t){this.Picture.grayScale=t.grayScale,this.Picture.tone=t.tone,this.Picture.rotate=t.rotate,this.modifyImage()}modifyImage(){return z(this,null,function*(){let{grayScale:t,tone:n,rotate:i}=this.Picture;const e=document.createElement("canvas");let a=e.getContext("2d"),r=yield C.ImageLoader(this.Picture.originDataUrl),p=r.width,u=r.height;(i==90||i==270)&&(p=r.height,u=r.width),e.width=p,e.height=u,t&&(a.filter="grayscale("+t+"%)"),i&&(a.translate(p/2,u/2),a.rotate(i*Math.PI/180),[90,270].includes(i)?a.translate(-u/2,-p/2):a.translate(-p/2,-u/2)),a.drawImage(r,0,0,r.width,r.height);let y=a.getImageData(0,0,e.width,e.height),s=y.data;{t/=100;let v=[[255,255,255],[255,200,100],[170,170,255],[240,200,145],[128,255,255],[255,128,255],[255,255,128],[128,158,169],[128,112,162],[50,192,87],[246,100,140]][n],x=v[0]/255,b=v[1]/255,c=v[2]/255;for(let m=0;m<u;m++)for(let h=0;h<p;h++){var l=(m*p+h)*4;if(t){let R=.3*s[l]+.59*s[l+1]+.11*s[l+2];for(var g=0;g<3;g++){let T=s[l+g];s[l+g]=T+(R-T)*t}}s[l]*=x,s[l+1]*=b,s[l+2]*=c}}a.putImageData(y,0,0);let S=e.toDataURL("image/jpeg");{let v=yield C.ImageLoader(S),{width:x,height:b}=v,c=x/b;this.Picture=j(H({},this.Picture),{elm:v,aspect:c,revisedAspect:this.pst.frame.aspect>c?this.pst.frame.w/x:this.pst.frame.h/b})}this.drawImage()})}drawImage(t,n){let{use:i,Canvas:{ctx:e,elm:a},pst:{frame:r}}=this,p=t||this.pst.imageX,u=n||this.pst.imageY;{let y=this.scale.current/100,s=this.Picture.revisedAspect*y,l=this.pst.centerX-p*s,g=this.pst.centerY-u*s,S=this.Picture.elm.width*s,v=this.Picture.elm.height*s;{let x=this.pst.frame.x+this.pst.frame.w-S,b=this.pst.frame.x,c=this.pst.frame.y+this.pst.frame.h-v,m=this.pst.frame.y,h=0;l<x&&(h=l-x),l>b&&(h=l-b);let R=0;g<c&&(R=g-c),g>m&&(R=g-m),this.dragEffectInfo.origin.x+=h/2/this.dragEffectInfo.frameExpandRate.x,this.dragEffectInfo.origin.y+=R/2/this.dragEffectInfo.frameExpandRate.y,l=Math.min(Math.max(l,x),b),g=Math.min(Math.max(g,c),m)}this.pst.outImage={x:l,y:g,w:S,h:v},e.clearRect(0,0,this.Canvas.elm.width,this.Canvas.elm.height),e.drawImage(this.Picture.elm,0,0,this.Picture.elm.width,this.Picture.elm.height,l,g,S,v)}{if(i=="square"){e.fillStyle="rgba( 20,24,20,.3 )",e.beginPath();let l=a.width/3*2,g=a.height/3*2,S=Math.min(l,g),v=Math.max(l,g);e.arc(a.width/2,a.height/2,v,0,Math.PI*2,!0),e.arc(a.width/2,a.height/2,S/2,0,Math.PI*2,!1),e.closePath(),e.fill()}else(i=="wallpaper.horizontal"||i=="wallpaper.vertical")&&(e.fillStyle="rgba( 20,24,20,.3 )");e.beginPath(),e.moveTo(0,0),e.lineTo(a.width,0),e.lineTo(a.width,a.height),e.lineTo(0,a.height),e.lineTo(0,0),e.closePath(),e.lineTo(r.x,r.y),e.lineTo(r.x,r.y+r.h),e.lineTo(r.x+r.w,r.y+r.h),e.lineTo(r.x+r.w,r.y),e.lineTo(r.x,r.y),e.fill();let s=C(document.body).getStyleProperty("--color-theme-hsl");e.lineWidth=4,e.strokeStyle=`hsla( ${s},1 )`,e.strokeRect(r.x,r.y,r.w,r.h)}}export(){return z(this,null,function*(){let{Canvas:t,develops:n,Picture:i,pst:{outImage:e,frame:a}}=this,r=e.w/i.elm.width,p=e.h/i.elm.height,u=(a.x-e.x)/r,y=(a.x-e.x+a.w)/r,s=(a.y-e.y)/p,l=(a.y-e.y+a.h)/p,g=Array.from({length:n.length}),S="image/jpeg";for(let v=0;v<n.length;v++){let{size:x,maxSize:b}=n[v];b=b||{S:1024*20,R:1024*100,L:1024*350}[x];let c={S:140,R:600,L:1200}[x],m=c;this.use=="wallpaper.horizontal"?m=c/3:this.use=="wallpaper.vertical"&&(m=c*2);let h=document.createElement("canvas");h.width=c,h.height=m;let R=h.getContext("2d");if(!R)return;R.clearRect(0,0,c,m),R.drawImage(this.Picture.elm,u,s,y-u,l-s,0,0,c,m);let T=h.toDataURL(S),w=yield T.toBlob(S);if(!w)return;if(w.size>=b){let L=b/w.size;if(T=h.toDataURL(S,L*.92),w=yield T.toBlob(S),!w)return}let W=new File([w],this.val_file.name,{type:S});g[v]=W}return g})}}const Z={Core:d=>{let{val_file:t,options:n,finishedCallback:i,abortCallback:e}=d,{use:a,develops:r=[]}=n,[p]=N(J());const u={scale:{default:120,min:100,max:400},rotate:0,grayScale:0,tone:0};let[y,s]=N(u.scale.default),[l,g]=N(u.rotate),[S,v]=N(u.grayScale),[x,b]=N(u.tone);return O(()=>{let c="CropperResize";return C(window).addEvent({eventType:"resize",eventID:c,callback:()=>{C.interval.clear("CropperResize"),C.interval.standBy("CropperResize",200,()=>{var L;let m=K("#Canvas-"+p)[0];if(!m)return;let h=(L=X.get(p))==null?void 0:L.Instance;if(!h)return;let R=m.position(),T=R.width/R.height;m.width=2400,m.height=2400/T;let{width:w,height:W}=m;h.pst.centerX=w/2,h.pst.centerY=W/2,h.frameSizing(),h.modifyImage()})}}),()=>{C(window).removeEvent(c)}},[]),O(()=>{X.set({[p]:{}}),z(void 0,null,function*(){V.fn.corner.active(),yield C.pending(()=>{},400);let{target:c}=yield t.convert();if(!c)return;let m=c.result,h=K("#Canvas-"+p)[0];if(!h)return;let R=h.position(),T=R.width/R.height;h.width=2400,h.height=2400/T;let w=new re({set_scale:s,val_file:t,develops:r,use:a,scale:u.scale,componentID:p,canvas:h,picture:{image:yield C.ImageLoader(m),grayScale:u.grayScale,tone:u.tone,rotate:u.rotate}});X.set({[p]:{Instance:w}});const W=function(E){if(E.preventDefault(),E.touches&&E.touches.length>1)w.pinchEffect({eventType:"start",event:E}),C(document).addEvent({eventType:"touchmove",eventID:"CropperEffectMove",options:{passive:!1},callback:D=>{D.preventDefault(),w.pinchEffect({eventType:"move",event:D})}}).addEvent({eventType:"touchend",eventID:"CropperEffectEnd",options:{passive:!1},callback:$});else{w.dragEffect(H({eventType:"start"},C.getCursor(E)));let{type:D}=E;C(document).addEvent({eventType:D=="touchstart"?"touchmove":"mousemove",eventID:"CropperEffectMove",options:{passive:!1},callback:_=>{L("move",_)}}).addEvent({eventType:D=="touchstart"?"touchend":"mouseup",eventID:"CropperEffectEnd",options:{passive:!1},callback:_=>{L("end",_),$(_)}})}},L=function(E,D){D.preventDefault(),w.dragEffect(H({eventType:E},C.getCursor(D)))},$=function(E){E.preventDefault(),C(document).removeEvent(["CropperEffectMove","CropperEffectEnd"])};C(h).removeEvent(["CropperMouseWheel","CropperTouchStart","CropperMouseDown"]).addEvent({eventID:"CropperMouseWheel",eventType:"wheel",callback:E=>{E.preventDefault();let D=Number(E.wheelDelta*.04),_=w.scale.current+D;_=Math.max(_,w.scale.min),_=Math.min(_,w.scale.max),s(_)},options:{passive:!1}}).addEvent({eventType:"touchstart",eventID:"CropperTouchStart",callback:W,options:{passive:!1}}).addEvent({eventType:"mousedown",eventID:"CropperMouseDown",callback:W,options:{passive:!1}}),setTimeout(()=>{V.fn.corner.stop()},1e3)})},[t.id]),O(()=>{var m;let c=(m=X.get(p))==null?void 0:m.Instance;c&&c.updateScale(y)},[y]),O(()=>{var m;let c=(m=X.get(p))==null?void 0:m.Instance;c&&c.updateFilter({grayScale:S,tone:x,rotate:l})},[S,x,l]),o(A.Body,{borderRadius:0,height:"viewHeight",width:"viewWidth",children:f(k,{className:[U("Wrap"),U("Use_"+a)].join(" "),gap:0,height:1,position:"relative",overflow:"hidden",borderRadius:"inherit",children:[o(P,{flexSizing:0,overflow:"hidden",position:"relative",backgroundColor:"black",flexCenter:!0,freeCSS:{zIndex:1},children:o("canvas",{style:{width:"100%",height:"100%"},width:2400,height:2400,className:U("Canvas"),id:"Canvas-"+p})}),f(I.Separate,{borderTop:!0,flexSizing:"none",backgroundColor:"layer.1",padding:1,verticalAlign:"unset",UnderBreakPointStyles:{flexType:"col"},children:[o(Z.SettingRegion,{DefaultOptions:u,val_scale:y,set_scale:s,val_tone:x,set_tone:b,val_grayScale:S,set_grayScale:v,val_rotate:l,set_rotate:g}),f(I.Right,{flexSizing:"none",children:[o(B.Border,{isRounded:!0,onClick:()=>{e()},children:"\u9589\u3058\u308B"}),o(B,{isRounded:!0,boxShadow:"3.remark",onClick:()=>z(void 0,null,function*(){var h;let c=(h=X.get(p))==null?void 0:h.Instance;if(!c)return;V.fn.mini.active("CropperExportation");let m=yield c.export();setTimeout(()=>{V.fn.mini.stop("CropperExportation"),i(m)},3e3)}),children:f(I.Center,{gap:"1/2",children:[o(V.White.R,{loaderID:"CropperExportation"}),"\u6C7A\u5B9A"]})})]})]})]})})},SettingRegion:d=>{let t=["","\u6696\u8272","\u5BD2\u8272","\u30BB\u30D4\u30A2","\u30B7\u30A2\u30F3","\u30DE\u30BC\u30F3\u30BF","\u30A4\u30A8\u30ED\u30FC","\u30AA\u30EA\u30B8\u30CA\u30EB1","\u30AA\u30EA\u30B8\u30CA\u30EB2","\u30AA\u30EA\u30B8\u30CA\u30EB3","\u30AA\u30EA\u30B8\u30CA\u30EB4"],n=i=>t[i]||"\u306A\u3057";return f(I.Left,{verticalAlign:"unset",flexWrap:!0,children:[f(k,{gap:"1/3",children:[o(F.Supplement,{children:"Rotate"}),f(I.Left,{flexChilds:"even",gap:"1/6",children:[o(B.Border.S,{isRounded:!0,borderTopRightRadius:0,borderBottomRightRadius:0,onClick:()=>{let i=d.val_rotate-90;i<0&&(i+=360),d.set_rotate(i)},children:f(I.Center,{gap:"1/4",children:["90\xB0",o(M,{icon:te})]})}),o(B.Border.S,{isRounded:!0,borderTopLeftRadius:0,borderBottomLeftRadius:0,onClick:()=>{d.set_rotate((d.val_rotate+90)%360)},children:f(I.Center,{gap:"1/4",children:[o(M,{icon:ae}),"90\xB0"]})})]})]}),f(k,{gap:"1/3",freeCSS:{minWidth:12*6},children:[o(F.Supplement,{children:"Zoom"}),f(B.Border.S,{flexCenter:!0,isRounded:!0,flexSizing:0,onClick:i=>{let e="CropperZoomEdit";Y.open({tipsID:e,gravityPoint:3,event:i,closeAtParentBlur:!1,freeCSS:{minWidth:12*26},content:o(A.Body,{children:f(k,{padding:1.5,children:[f(I.Separate,{children:[o(F.Paragraph,{children:f(I.Center,{gap:"1/2",children:[o(M.Search,{fontColor:"5.translucent"}),"Zoom"]})}),o(B.Sub,{color:"cloud",ssSphere:2.5,onClick:()=>{Y.close(e)},children:o(M.Times,{})})]}),o(P,{borderBottom:!0,opacity:"low"}),o(q.Slider,{override:"force",value:d.val_scale-100,min:d.DefaultOptions.scale.min-100,max:d.DefaultOptions.scale.max-100,step:25,onUpdateValidValue:({eventType:a,value:r})=>{C.interval.clear("Cropper.UpdateScale"),C.interval.standBy("Cropper.UpdateScale",250,()=>{d.set_scale(r+100)})},legends:{enable:!0,custom:a=>"x"+Math.round(100+a)/100}})]})})})},children:[d.val_scale.rate(1,0),"%"]})]}),f(k,{gap:"1/3",freeCSS:{minWidth:12*6},children:[o(F.Supplement,{children:"GrayScale"}),f(B.Border.S,{flexCenter:!0,isRounded:!0,flexSizing:0,onClick:i=>{let e="CropperGrayScaleEdit";Y.open({tipsID:e,gravityPoint:3,event:i,closeAtParentBlur:!1,freeCSS:{minWidth:12*26},content:o(A.Body,{children:f(k,{padding:1.5,children:[f(I.Separate,{children:[o(F.Paragraph,{children:f(I.Center,{gap:"1/2",children:[o(M,{icon:Q,fontColor:"5.translucent"}),"Gray Scale"]})}),o(B.Sub,{color:"cloud",ssSphere:2.5,onClick:()=>{Y.close(e)},children:o(M.Times,{})})]}),o(P,{borderBottom:!0,opacity:"low"}),o(q.Slider,{value:d.val_grayScale,min:0,max:100,step:10,onUpdateValidValue:({value:a})=>{C.interval.clear("Cropper.GrayScale"),C.interval.standBy("Cropper.GrayScale",250,()=>{d.set_grayScale(a)})},legends:{enable:!0,custom:a=>a+"%"}})]})})})},children:[d.val_grayScale.rate(1,0),"%"]})]}),f(k,{gap:"1/3",freeCSS:{minWidth:12*6},children:[o(F.Supplement,{children:"Tone"}),o(B.Border.S,{flexCenter:!0,isRounded:!0,flexSizing:0,onClick:i=>{let e="CropperToneEdit";Y.open({tipsID:e,gravityPoint:3,event:i,closeAtParentBlur:!1,freeCSS:{minWidth:12*26,maxWidth:12*24},content:()=>{let a=[];for(let r=1;r<=10;r++)a.push({value:r,label:f(ie,{children:[o(P,{ssSphere:1,className:[U("ToneBall"),U("ToneBall_"+r)].join(" ")}),o(P,{textAlign:"left",flexSizing:0,children:n(r)})]})});return o(A.Body,{children:f(k,{padding:1.5,children:[f(I.Separate,{children:[o(F.Paragraph,{children:f(I.Center,{gap:"1/2",children:[o(M,{icon:ee,fontColor:"5.translucent"}),"Tone"]})}),o(B.Sub,{color:"cloud",ssSphere:2.5,onClick:()=>{Y.close(e)},children:o(M.Times,{})})]}),o(P,{borderBottom:!0,opacity:"low"}),o(q.Radio.Normal,{value:d.val_tone,gap:"1/2",cellStyles:{fontColor:"3.blur"},options:[{value:0,label:o(P,{flexSizing:0,textAlign:"center",children:"\u306A\u3057"})},...a],onUpdateValidValue:({value:r})=>{d.set_tone(r)}})]})})}})},children:f(I.Center,{gap:"1/2",children:[o(P,{boxShadow:"2.remark",ssSphere:1,className:[U("ToneBall"),U("ToneBall_"+d.val_tone)].join(" ")}),n(d.val_tone)]})})]})]})}},G={openDialogNEdit:d=>z(void 0,null,function*(){let t=yield q.Filer.fn.openDialog({accept:"image",multiple:!1});G.openEditor(H({imageFile:t[0]},d))}),openEditor:d=>z(void 0,null,function*(){let t="CropperImage";A.open({sheetID:t,type:"normal.middleCenter",size:"MAX",padding:0,margin:0,freeCSS:{maxWidth:"100vw"},content:o(Z.Core,{val_file:d.imageFile,options:d,finishedCallback:n=>{A.close(t),d.onProcessFinished(n)},abortCallback:()=>{A.close(t)}}),closeAtEscapeKeyDown:!1})})};export{G as Cropper,G as default};
1
+ import{b as H,c as j,e as z}from"../chunk-C5N2D3ZX.js";import{Fragment as ie,jsx as o,jsxs as f}from"react/jsx-runtime";import C,{UUID as J}from"jmini";import{$$fromRoot as K,useStore as X}from"../@utils";import{useState as N,useEffect as O}from"react";import{Box as P,FAI as M,Column as k}from"../atoms";import{Row as I,Text as F}from"../mols";import{Button as B}from"./Button";import A from"./Sheet";import V from"./Loader";import q from"./Input";import{faPalette as Q}from"@fortawesome/free-solid-svg-icons/faPalette";import{faBarsStaggered as ee}from"@fortawesome/free-solid-svg-icons/faBarsStaggered";import{faRotateLeft as te}from"@fortawesome/free-solid-svg-icons/faRotateLeft";import{faRotateRight as ae}from"@fortawesome/free-solid-svg-icons/faRotateRight";import{CropperClasses as U}from"../@styles/componentClasses";import Y from"./Tooltips";class re{constructor(t){this.set_scale=t.set_scale,this.val_file=t.val_file,this.develops=t.develops,this.use=t.use,this.componentID=t.componentID,this.scale={current:t.scale.default,default:t.scale.default,min:t.scale.min,max:t.scale.max};let n=t.canvas;this.Canvas={elm:n,ctx:n.getContext("2d")};let i=t.picture.image,{width:e,height:a}=i,r=e/a;this.Picture={elm:i,originDataUrl:i.src,aspect:r,revisedAspect:1,rotate:t.picture.rotate,grayScale:t.picture.grayScale,tone:t.picture.tone},this.pst={frame:{x:0,y:0,w:0,h:0,aspect:1},outImage:{x:0,y:0,w:0,h:0},imageX:e/2,imageY:a/2,centerX:0,centerY:0},this.dragEffectInfo={origin:{x:0,y:0},frameExpandRate:{x:0,y:0}},this.pinchEffectInfo={origin:{x:0,y:0,scale:this.scale.current}},this.frameSizing(),this.modifyImage()}frameSizing(){let t=this.Canvas.elm,n=this.Picture.elm,i=0,e=0;if(this.use=="square"){let s=t.width/3*2,l=t.height/3*2;i=Math.min(s,l),e=i}else this.use=="wallpaper.horizontal"?(i=t.width*(7/9),e=i/3):this.use=="wallpaper.vertical"&&(e=t.height*(7/9),i=e/2);let{width:a,height:r}=n,p=(t.width-i)/2,u=(t.height-e)/2,y=i/e;this.pst={frame:{x:p,y:u,w:i,h:e,aspect:y},outImage:{x:0,y:0,w:0,h:0},imageX:a/2,imageY:r/2,centerX:t.width/2,centerY:t.height/2}}dragEffect(t){let{eventType:n,x:i,y:e}=t;if(n=="start"){let a=this.Canvas.elm.position();this.dragEffectInfo={origin:{x:i,y:e},frameExpandRate:{x:this.Canvas.elm.width/a.width,y:this.Canvas.elm.height/a.height}}}else{let{origin:a,frameExpandRate:r}=this.dragEffectInfo,p=a.x-i,u=a.y-e,y=this.scale.current*this.Picture.revisedAspect/100,s=p/y*r.x,l=u/y*r.y;n=="move"?this.drawImage(this.pst.imageX+s,this.pst.imageY+l):n=="end"&&this.drawImage(this.pst.imageX+=s,this.pst.imageY+=l)}}pinchEffect(t){let{eventType:n,event:i}=t,{x:e,y:a}=C.getCursor(i.touches[0]),{x:r,y:p}=C.getCursor(i.touches[1]),u=r-e,y=p-a;if(n=="start")this.pinchEffectInfo.origin={x:u,y,scale:this.scale.current};else if(n=="move"){let{origin:s}=this.pinchEffectInfo,l=Math.sqrt(Math.pow(s.x,2)+Math.pow(s.y,2)),S=Math.sqrt(Math.pow(u,2)+Math.pow(y,2))/l,v=Number(s.scale*S);this.set_scale(v)}}updateScale(t){let n=t;n=Math.max(n,this.scale.min),n=Math.min(n,this.scale.max),this.scale.current=n,this.drawImage()}updateFilter(t){this.Picture.grayScale=t.grayScale,this.Picture.tone=t.tone,this.Picture.rotate=t.rotate,this.modifyImage()}modifyImage(){return z(this,null,function*(){let{grayScale:t,tone:n,rotate:i}=this.Picture;const e=document.createElement("canvas");let a=e.getContext("2d"),r=yield C.ImageLoader(this.Picture.originDataUrl),p=r.width,u=r.height;(i==90||i==270)&&(p=r.height,u=r.width),e.width=p,e.height=u,t&&(a.filter="grayscale("+t+"%)"),i&&(a.translate(p/2,u/2),a.rotate(i*Math.PI/180),[90,270].includes(i)?a.translate(-u/2,-p/2):a.translate(-p/2,-u/2)),a.drawImage(r,0,0,r.width,r.height);let y=a.getImageData(0,0,e.width,e.height),s=y.data;{t/=100;let v=[[255,255,255],[255,200,100],[170,170,255],[240,200,145],[128,255,255],[255,128,255],[255,255,128],[128,158,169],[128,112,162],[50,192,87],[246,100,140]][n],x=v[0]/255,b=v[1]/255,c=v[2]/255;for(let m=0;m<u;m++)for(let h=0;h<p;h++){var l=(m*p+h)*4;if(t){let R=.3*s[l]+.59*s[l+1]+.11*s[l+2];for(var g=0;g<3;g++){let T=s[l+g];s[l+g]=T+(R-T)*t}}s[l]*=x,s[l+1]*=b,s[l+2]*=c}}a.putImageData(y,0,0);let S=e.toDataURL("image/jpeg");{let v=yield C.ImageLoader(S),{width:x,height:b}=v,c=x/b;this.Picture=j(H({},this.Picture),{elm:v,aspect:c,revisedAspect:this.pst.frame.aspect>c?this.pst.frame.w/x:this.pst.frame.h/b})}this.drawImage()})}drawImage(t,n){let{use:i,Canvas:{ctx:e,elm:a},pst:{frame:r}}=this,p=t||this.pst.imageX,u=n||this.pst.imageY;{let y=this.scale.current/100,s=this.Picture.revisedAspect*y,l=this.pst.centerX-p*s,g=this.pst.centerY-u*s,S=this.Picture.elm.width*s,v=this.Picture.elm.height*s;{let x=this.pst.frame.x+this.pst.frame.w-S,b=this.pst.frame.x,c=this.pst.frame.y+this.pst.frame.h-v,m=this.pst.frame.y,h=0;l<x&&(h=l-x),l>b&&(h=l-b);let R=0;g<c&&(R=g-c),g>m&&(R=g-m),this.dragEffectInfo.origin.x+=h/2/this.dragEffectInfo.frameExpandRate.x,this.dragEffectInfo.origin.y+=R/2/this.dragEffectInfo.frameExpandRate.y,l=Math.min(Math.max(l,x),b),g=Math.min(Math.max(g,c),m)}this.pst.outImage={x:l,y:g,w:S,h:v},e.clearRect(0,0,this.Canvas.elm.width,this.Canvas.elm.height),e.drawImage(this.Picture.elm,0,0,this.Picture.elm.width,this.Picture.elm.height,l,g,S,v)}{if(i=="square"){e.fillStyle="rgba( 20,24,20,.3 )",e.beginPath();let l=a.width/3*2,g=a.height/3*2,S=Math.min(l,g),v=Math.max(l,g);e.arc(a.width/2,a.height/2,v,0,Math.PI*2,!0),e.arc(a.width/2,a.height/2,S/2,0,Math.PI*2,!1),e.closePath(),e.fill()}else(i=="wallpaper.horizontal"||i=="wallpaper.vertical")&&(e.fillStyle="rgba( 20,24,20,.3 )");e.beginPath(),e.moveTo(0,0),e.lineTo(a.width,0),e.lineTo(a.width,a.height),e.lineTo(0,a.height),e.lineTo(0,0),e.closePath(),e.lineTo(r.x,r.y),e.lineTo(r.x,r.y+r.h),e.lineTo(r.x+r.w,r.y+r.h),e.lineTo(r.x+r.w,r.y),e.lineTo(r.x,r.y),e.fill();let s=C(document.body).getStyleProperty("--color-theme-hsl");e.lineWidth=4,e.strokeStyle=`hsla( ${s},1 )`,e.strokeRect(r.x,r.y,r.w,r.h)}}export(){return z(this,null,function*(){let{Canvas:t,develops:n,Picture:i,pst:{outImage:e,frame:a}}=this,r=e.w/i.elm.width,p=e.h/i.elm.height,u=(a.x-e.x)/r,y=(a.x-e.x+a.w)/r,s=(a.y-e.y)/p,l=(a.y-e.y+a.h)/p,g=Array.from({length:n.length}),S="image/jpeg";for(let v=0;v<n.length;v++){let{size:x,maxSize:b}=n[v];b=b||{S:1024*20,R:1024*100,L:1024*350}[x];let c={S:140,R:600,L:1200}[x],m=c;this.use=="wallpaper.horizontal"?m=c/3:this.use=="wallpaper.vertical"&&(m=c*2);let h=document.createElement("canvas");h.width=c,h.height=m;let R=h.getContext("2d");if(!R)return;R.clearRect(0,0,c,m),R.drawImage(this.Picture.elm,u,s,y-u,l-s,0,0,c,m);let T=h.toDataURL(S),w=yield T.toBlob(S);if(!w)return;if(w.size>=b){let L=b/w.size;if(T=h.toDataURL(S,L*.92),w=yield T.toBlob(S),!w)return}let W=new File([w],this.val_file.name,{type:S});g[v]=W}return g})}}const Z={Core:d=>{let{val_file:t,options:n,finishedCallback:i,abortCallback:e}=d,{use:a,develops:r=[]}=n,[p]=N(J());const u={scale:{default:120,min:100,max:400},rotate:0,grayScale:0,tone:0};let[y,s]=N(u.scale.default),[l,g]=N(u.rotate),[S,v]=N(u.grayScale),[x,b]=N(u.tone);return O(()=>{let c="CropperResize";return C(window).addEvent({eventType:"resize",eventID:c,callback:()=>{C.interval.clear("CropperResize"),C.interval.standBy("CropperResize",200,()=>{var L;let m=K("#Canvas-"+p)[0];if(!m)return;let h=(L=X.get(p))==null?void 0:L.Instance;if(!h)return;let R=m.position(),T=R.width/R.height;m.width=2400,m.height=2400/T;let{width:w,height:W}=m;h.pst.centerX=w/2,h.pst.centerY=W/2,h.frameSizing(),h.modifyImage()})}}),()=>{C(window).removeEvent(c)}},[]),O(()=>{X.set({[p]:{}}),z(void 0,null,function*(){V.fn.corner.active(),yield C.pending(()=>{},400);let{target:c}=yield t.convert();if(!c)return;let m=c.result,h=K("#Canvas-"+p)[0];if(!h)return;let R=h.position(),T=R.width/R.height;h.width=2400,h.height=2400/T;let w=new re({set_scale:s,val_file:t,develops:r,use:a,scale:u.scale,componentID:p,canvas:h,picture:{image:yield C.ImageLoader(m),grayScale:u.grayScale,tone:u.tone,rotate:u.rotate}});X.set({[p]:{Instance:w}});const W=function(E){if(E.preventDefault(),E.touches&&E.touches.length>1)w.pinchEffect({eventType:"start",event:E}),C(document).addEvent({eventType:"touchmove",eventID:"CropperEffectMove",options:{passive:!1},callback:D=>{D.preventDefault(),w.pinchEffect({eventType:"move",event:D})}}).addEvent({eventType:"touchend",eventID:"CropperEffectEnd",options:{passive:!1},callback:$});else{w.dragEffect(H({eventType:"start"},C.getCursor(E)));let{type:D}=E;C(document).addEvent({eventType:D=="touchstart"?"touchmove":"mousemove",eventID:"CropperEffectMove",options:{passive:!1},callback:_=>{L("move",_)}}).addEvent({eventType:D=="touchstart"?"touchend":"mouseup",eventID:"CropperEffectEnd",options:{passive:!1},callback:_=>{L("end",_),$(_)}})}},L=function(E,D){D.preventDefault(),w.dragEffect(H({eventType:E},C.getCursor(D)))},$=function(E){E.preventDefault(),C(document).removeEvent(["CropperEffectMove","CropperEffectEnd"])};C(h).removeEvent(["CropperMouseWheel","CropperTouchStart","CropperMouseDown"]).addEvent({eventID:"CropperMouseWheel",eventType:"wheel",callback:E=>{E.preventDefault();let D=Number(E.wheelDelta*.04),_=w.scale.current+D;_=Math.max(_,w.scale.min),_=Math.min(_,w.scale.max),s(_)},options:{passive:!1}}).addEvent({eventType:"touchstart",eventID:"CropperTouchStart",callback:W,options:{passive:!1}}).addEvent({eventType:"mousedown",eventID:"CropperMouseDown",callback:W,options:{passive:!1}}),setTimeout(()=>{V.fn.corner.stop()},1e3)})},[t.id]),O(()=>{var m;let c=(m=X.get(p))==null?void 0:m.Instance;c&&c.updateScale(y)},[y]),O(()=>{var m;let c=(m=X.get(p))==null?void 0:m.Instance;c&&c.updateFilter({grayScale:S,tone:x,rotate:l})},[S,x,l]),o(A.Body,{borderRadius:0,height:"viewHeight",width:"viewWidth",children:f(k,{className:[U("Wrap"),U("Use_"+a)].join(" "),gap:0,height:1,position:"relative",overflow:"hidden",borderRadius:"inherit",children:[o(P,{flexSizing:0,overflow:"hidden",position:"relative",backgroundColor:"black",flexCenter:!0,freeCSS:{zIndex:1},children:o("canvas",{style:{width:"100%",height:"100%"},width:2400,height:2400,className:U("Canvas"),id:"Canvas-"+p})}),f(I.Separate,{borderTop:!0,flexSizing:"none",backgroundColor:"layer.1",padding:1,verticalAlign:"unset",UnderBreakPointStyles:{flexType:"col"},children:[o(Z.SettingRegion,{DefaultOptions:u,val_scale:y,set_scale:s,val_tone:x,set_tone:b,val_grayScale:S,set_grayScale:v,val_rotate:l,set_rotate:g}),f(I.Right,{flexSizing:"none",children:[o(B.Border,{isRounded:!0,onClick:()=>{e()},children:"\u9589\u3058\u308B"}),o(B,{isRounded:!0,boxShadow:"3.remark",onClick:()=>z(void 0,null,function*(){var h;let c=(h=X.get(p))==null?void 0:h.Instance;if(!c)return;V.fn.mini.active("CropperExportation");let m=yield c.export();setTimeout(()=>{V.fn.mini.stop("CropperExportation"),i(m)},3e3)}),children:f(I.Center,{gap:"1/2",children:[o(V.White.R,{loaderID:"CropperExportation"}),"\u6C7A\u5B9A"]})})]})]})]})})},SettingRegion:d=>{let t=["","\u6696\u8272","\u5BD2\u8272","\u30BB\u30D4\u30A2","\u30B7\u30A2\u30F3","\u30DE\u30BC\u30F3\u30BF","\u30A4\u30A8\u30ED\u30FC","\u30AA\u30EA\u30B8\u30CA\u30EB1","\u30AA\u30EA\u30B8\u30CA\u30EB2","\u30AA\u30EA\u30B8\u30CA\u30EB3","\u30AA\u30EA\u30B8\u30CA\u30EB4"],n=i=>t[i]||"\u306A\u3057";return f(I.Left,{verticalAlign:"unset",flexWrap:!0,children:[f(k,{gap:"1/3",children:[o(F.Supplement,{children:"Rotate"}),f(I.Left,{flexChilds:"even",gap:"1/6",children:[o(B.Border.S,{isRounded:!0,borderTopRightRadius:0,borderBottomRightRadius:0,onClick:()=>{let i=d.val_rotate-90;i<0&&(i+=360),d.set_rotate(i)},children:f(I.Center,{gap:"1/4",children:["90\xB0",o(M,{icon:te})]})}),o(B.Border.S,{isRounded:!0,borderTopLeftRadius:0,borderBottomLeftRadius:0,onClick:()=>{d.set_rotate((d.val_rotate+90)%360)},children:f(I.Center,{gap:"1/4",children:[o(M,{icon:ae}),"90\xB0"]})})]})]}),f(k,{gap:"1/3",freeCSS:{minWidth:12*6},children:[o(F.Supplement,{children:"Zoom"}),f(B.Border.S,{flexCenter:!0,isRounded:!0,flexSizing:0,onClick:i=>{let e="CropperZoomEdit";Y.open({tipsID:e,gravityPoint:3,event:i,closeAtParentBlur:!1,freeCSS:{minWidth:12*26},content:o(A.Body,{children:f(k,{padding:1.5,children:[f(I.Separate,{children:[o(F.Paragraph,{children:f(I.Center,{gap:"1/2",children:[o(M.Search,{fontColor:"5.translucent"}),"Zoom"]})}),o(B.Sub,{color:"cloud",ssSphere:2.5,onClick:()=>{Y.close(e)},children:o(M.Times,{})})]}),o(P,{borderBottom:!0,opacity:"low"}),o(q.Slider,{override:"force",value:d.val_scale-100,min:d.DefaultOptions.scale.min-100,max:d.DefaultOptions.scale.max-100,step:25,onUpdateValidValue:({eventType:a,value:r})=>{C.interval.clear("Cropper.UpdateScale"),C.interval.standBy("Cropper.UpdateScale",250,()=>{d.set_scale(r+100)})},legends:{enable:!0,custom:a=>"x"+Math.round(100+a)/100}})]})})})},children:[d.val_scale.rate(1,0),"%"]})]}),f(k,{gap:"1/3",freeCSS:{minWidth:12*6},children:[o(F.Supplement,{children:"GrayScale"}),f(B.Border.S,{flexCenter:!0,isRounded:!0,flexSizing:0,onClick:i=>{let e="CropperGrayScaleEdit";Y.open({tipsID:e,gravityPoint:3,event:i,closeAtParentBlur:!1,freeCSS:{minWidth:12*26},content:o(A.Body,{children:f(k,{padding:1.5,children:[f(I.Separate,{children:[o(F.Paragraph,{children:f(I.Center,{gap:"1/2",children:[o(M,{icon:Q,fontColor:"5.translucent"}),"Gray Scale"]})}),o(B.Sub,{color:"cloud",ssSphere:2.5,onClick:()=>{Y.close(e)},children:o(M.Times,{})})]}),o(P,{borderBottom:!0,opacity:"low"}),o(q.Slider,{value:d.val_grayScale,min:0,max:100,step:10,onUpdateValidValue:({value:a})=>{C.interval.clear("Cropper.GrayScale"),C.interval.standBy("Cropper.GrayScale",250,()=>{d.set_grayScale(a)})},legends:{enable:!0,custom:a=>a+"%"}})]})})})},children:[d.val_grayScale.rate(1,0),"%"]})]}),f(k,{gap:"1/3",freeCSS:{minWidth:12*6},children:[o(F.Supplement,{children:"Tone"}),o(B.Border.S,{flexCenter:!0,isRounded:!0,flexSizing:0,onClick:i=>{let e="CropperToneEdit";Y.open({tipsID:e,gravityPoint:3,event:i,closeAtParentBlur:!1,freeCSS:{minWidth:12*26,maxWidth:12*24},content:()=>{let a=[];for(let r=1;r<=10;r++)a.push({value:r,label:f(ie,{children:[o(P,{ssSphere:1,className:[U("ToneBall"),U("ToneBall_"+r)].join(" ")}),o(P,{textAlign:"left",flexSizing:0,children:n(r)})]})});return o(A.Body,{children:f(k,{padding:1.5,children:[f(I.Separate,{children:[o(F.Paragraph,{children:f(I.Center,{gap:"1/2",children:[o(M,{icon:ee,fontColor:"5.translucent"}),"Tone"]})}),o(B.Sub,{color:"cloud",ssSphere:2.5,onClick:()=>{Y.close(e)},children:o(M.Times,{})})]}),o(P,{borderBottom:!0,opacity:"low"}),o(q.Radio.Normal,{value:d.val_tone,gap:"1/2",cellStyles:{fontColor:"3.blur"},options:[{value:0,label:o(P,{flexSizing:0,textAlign:"center",children:"\u306A\u3057"})},...a],onUpdateValidValue:({value:r})=>{d.set_tone(r)}})]})})}})},children:f(I.Center,{gap:"1/2",children:[o(P,{boxShadow:"2.remark",ssSphere:1,className:[U("ToneBall"),U("ToneBall_"+d.val_tone)].join(" ")}),n(d.val_tone)]})})]})]})}},G={openDialogNEdit:d=>z(void 0,null,function*(){let t=yield q.Filer.fn.openDialog({accept:"image",multiple:!1});G.openEditor(H({imageFile:t[0]},d))}),openEditor:d=>z(void 0,null,function*(){let t="CropperImage";A.open({sheetID:t,type:"normal.middleCenter",size:"MAX",padding:0,margin:0,freeCSS:{maxWidth:"100vw"},content:o(Z.Core,{val_file:d.imageFile,options:d,finishedCallback:n=>{A.close(t),d.onProcessFinished(n)},abortCallback:()=>{A.close(t)}}),closeAtEscapeKeyDown:!1})})};export{G as Cropper,G as default};
@@ -1 +1 @@
1
- import{b as a,c as i,d as s}from"../../chunk-C5N2D3ZX.js";import{jsx as D}from"react/jsx-runtime";import{UUID as u}from"@mingoo/jsmin";import{$$fromRoot as l}from"../../@utils";import{useState as I,useEffect as f}from"react";import{Box as d}from"../../atoms";const y=m=>{let n=m,{animationDelay:p=100,animationTime:r=300,componentID:c=u()}=n,e=s(n,["animationDelay","animationTime","componentID"]),[t]=I(c);return f(()=>{setTimeout(()=>{let o=l('[data-component-id="'+t+'"]');o[0]&&o.css({transition:r+"ms"}).await(1).css({opacity:1})},p)},[]),D(d,i(a({},e),{freeCSS:i(a({},e.freeCSS),{opacity:0}),componentID:t}))},S=m=>{let n=m,{animationDelay:p=100,animationTime:r=300,componentID:c=u()}=n,e=s(n,["animationDelay","animationTime","componentID"]),[t]=I(c);return f(()=>{setTimeout(()=>{let o=l('[data-component-id="'+t+'"]');o[0]&&o.css({transition:r+"ms"}).await(1).css({opacity:1,paddingTop:0})},p)},[]),D(d,i(a({paddingTop:2},e),{freeCSS:i(a({},e.freeCSS),{opacity:0}),componentID:t}))};export{y as FadeIn,S as FadeUp};
1
+ import{b as a,c as i,d as s}from"../../chunk-C5N2D3ZX.js";import{jsx as D}from"react/jsx-runtime";import{UUID as u}from"jmini";import{$$fromRoot as l}from"../../@utils";import{useState as I,useEffect as f}from"react";import{Box as d}from"../../atoms";const y=m=>{let n=m,{animationDelay:p=100,animationTime:r=300,componentID:c=u()}=n,e=s(n,["animationDelay","animationTime","componentID"]),[t]=I(c);return f(()=>{setTimeout(()=>{let o=l('[data-component-id="'+t+'"]');o[0]&&o.css({transition:r+"ms"}).await(1).css({opacity:1})},p)},[]),D(d,i(a({},e),{freeCSS:i(a({},e.freeCSS),{opacity:0}),componentID:t}))},S=m=>{let n=m,{animationDelay:p=100,animationTime:r=300,componentID:c=u()}=n,e=s(n,["animationDelay","animationTime","componentID"]),[t]=I(c);return f(()=>{setTimeout(()=>{let o=l('[data-component-id="'+t+'"]');o[0]&&o.css({transition:r+"ms"}).await(1).css({opacity:1,paddingTop:0})},p)},[]),D(d,i(a({paddingTop:2},e),{freeCSS:i(a({},e.freeCSS),{opacity:0}),componentID:t}))};export{y as FadeIn,S as FadeUp};
@@ -1 +1 @@
1
- import"../../chunk-C5N2D3ZX.js";import t from"@mingoo/jsmin";import{Config as n}from"../../@utils";import{EffectClasses as e}from"../../@styles/componentClasses";const d={Wrapper:()=>(typeof window=="undefined"||t(n.get().appRoot).addEvent({eventType:"click",eventID:"PuddingClick",target:'[data-effect-pudding="1"]',callback:function(a){t(a.target).removeClass(e("PuddingEffect")).await(1).addClass(e("PuddingEffect")).await(510).removeClass(e("PuddingEffect"))}}),null)};export{d as Pudding,d as default};
1
+ import"../../chunk-C5N2D3ZX.js";import t from"jmini";import{Config as n}from"../../@utils";import{EffectClasses as e}from"../../@styles/componentClasses";const d={Wrapper:()=>(typeof window=="undefined"||t(n.get().appRoot).addEvent({eventType:"click",eventID:"PuddingClick",target:'[data-effect-pudding="1"]',callback:function(a){t(a.target).removeClass(e("PuddingEffect")).await(1).addClass(e("PuddingEffect")).await(510).removeClass(e("PuddingEffect"))}}),null)};export{d as Pudding,d as default};
@@ -1,3 +1,3 @@
1
- import"../../chunk-C5N2D3ZX.js";import t,{UUID as b}from"@mingoo/jsmin";import{Config as u}from"../../@utils";import{EffectClasses as n}from"../../@styles/componentClasses";const a={RippleElementTag:'[data-effect-ripple="1"]',Start:p=>{let s=t.Time().ms,d=p.target,e=t(d);if(!e[0])return;let i=e.getAttribute("data-effect-tone");if(!i){let r=e.parent('[data-effect-ripple="1"]');if(!r[0])return;e=r,i=r.getAttribute("data-effect-tone")}if(!i)return;let l="RippleWrap-"+b(),{left:o,top:c,height:I,width:E}=e.position(),{pageXOffset:R,pageYOffset:h}=t.getScreenSize(),{x:g,y:T}=t.getCursor(p),f=Math.min(E*1.5,300),M=Math.max(g-(o+R),0),y=Math.max(T-(c+h),0),m={RippleElement:e,startedAt:s,size:f};t(document).addEvent({eventID:"RippleMouseUp",eventType:"mouseup",callback:()=>{a.End(m)}}).addEvent({eventID:"RippleTouchEnd",eventType:"touchend",callback:()=>{setTimeout(()=>{a.End(m)},20)}}),t(e).addClass([n("RippleElement"),n("Color_"+i)]).append(`<div class="${n("RippleWrap")}" id="${l}">
1
+ import"../../chunk-C5N2D3ZX.js";import p,{UUID as I,Time as m}from"jmini";import{Config as v}from"../../@utils";import{EffectClasses as n}from"../../@styles/componentClasses";const a={RippleElementTag:'[data-effect-ripple="1"]',Start:t=>{let s=m().ms,d=t.target,e=p(d);if(!e[0])return;let i=e.getAttribute("data-effect-tone");if(!i){let r=e.parent('[data-effect-ripple="1"]');if(!r[0])return;e=r,i=r.getAttribute("data-effect-tone")}if(!i)return;let l="RippleWrap-"+I(),{left:o,top:c,height:w,width:R}=e.position(),{pageXOffset:h,pageYOffset:g}=p.getScreenSize(),{x:T,y:M}=p.getCursor(t),f=Math.min(R*1.5,300),y=Math.max(T-(o+h),0),b=Math.max(M-(c+g),0),u={RippleElement:e,startedAt:s,size:f};p(document).addEvent({eventID:"RippleMouseUp",eventType:"mouseup",callback:()=>{a.End(u)}}).addEvent({eventID:"RippleTouchEnd",eventType:"touchend",callback:()=>{setTimeout(()=>{a.End(u)},20)}}),p(e).addClass([n("RippleElement"),n("Color_"+i)]).append(`<div class="${n("RippleWrap")}" id="${l}">
2
2
  <div class="${n("Wave")}" />
3
- </div>`).addEvent({eventID:"RippleMouseOut",eventType:"mouseout",callback:r=>{a.End(m)}}).find("#"+l).find("."+n("Wave")).css({left:M,top:y}).await(10).css({height:f,width:f,opacity:".3",transition:".25s"})},End:p=>{let{RippleElement:s,startedAt:d,size:e}=p,l=t.Time().ms-d<=400?".75s":".55s",o=e*2.5;t(document).removeEvent(["RippleMouseUp","RippleTouchMove","RippleTouchEnd","RippleMouseOut"]),s.removeEvent(["RippleMouseOut"]).find("."+n("Wave")).css({height:o,width:o,opacity:"0",transition:l}).await(750).parent().callback(c=>{c.remove()})}},v={Wrapper:()=>(typeof window=="undefined"||t(u.get().appRoot).addEvent({eventType:"touchstart",target:a.RippleElementTag,callback:p=>{a.Start(p)}}).addEvent({eventType:"mousedown",eventID:"RippleMouseDown",target:a.RippleElementTag,callback:p=>{u.get().isTouchDevice||a.Start(p)}}),null)};export{v as Ripple,v as default};
3
+ </div>`).addEvent({eventID:"RippleMouseOut",eventType:"mouseout",callback:r=>{a.End(u)}}).find("#"+l).find("."+n("Wave")).css({left:y,top:b}).await(10).css({height:f,width:f,opacity:".3",transition:".25s"})},End:t=>{let{RippleElement:s,startedAt:d,size:e}=t,l=m().ms-d<=400?".75s":".55s",o=e*2.5;p(document).removeEvent(["RippleMouseUp","RippleTouchMove","RippleTouchEnd","RippleMouseOut"]),s.removeEvent(["RippleMouseOut"]).find("."+n("Wave")).css({height:o,width:o,opacity:"0",transition:l}).await(750).parent().callback(c=>{c.remove()})}},E={Wrapper:()=>(typeof window=="undefined"||p(v.get().appRoot).addEvent({eventType:"touchstart",target:a.RippleElementTag,callback:t=>{a.Start(t)}}).addEvent({eventType:"mousedown",eventID:"RippleMouseDown",target:a.RippleElementTag,callback:t=>{v.get().isTouchDevice||a.Start(t)}}),null)};export{E as Ripple,E as default};
@@ -1,6 +1,6 @@
1
1
  /// <reference types="react" />
2
2
  import { ReactElement } from '../../@declares';
3
- import { KeyValueDict } from '@mingoo/jsmin';
3
+ import { KeyValueDict } from 'jmini';
4
4
  import { InputTypes } from '.';
5
5
  declare namespace Autocomplete {
6
6
  type Input<T = Value> = InputTypes.CoreInput<T | T[]> & React.DOMAttributes<HTMLInputElement> & {
@@ -1 +1 @@
1
- import{b as v,c as D,d as Q,e as Y}from"../../chunk-C5N2D3ZX.js";import{Fragment as H,jsx as l,jsxs as W}from"react/jsx-runtime";import{useState as b,useEffect as T,useRef as ae}from"react";import i,{UUID as B}from"@mingoo/jsmin";import{ExtractStyles as re,useStore as Z}from"../../@utils";import{Box as x,Span as ie,FAI as N,Column as se}from"../../atoms";import{Text as L,Row as M}from"../../mols";import{Button as ee}from"../Button";import{Loader as ue}from"../Loader";import{Sheet as U}from"../Sheet";import{OptionalInputWrapper as ce,BoxWrapper as pe,CoreEffects as P,DefaultBoxishStyles as de}from"./core";import{InputAutocompleteClasses as K}from"../../@styles/componentClasses";import{InputLabel as me}from"./Label";import{RightIcon as te}from".";function Se(t){let{value:e,states:n}=t,{required:o,options:d,min:c,max:S}=n;c=c||0,S=S||65535;let a=[],r=e.filter(m=>m!==null).length;return o&&(r||a.push({type:"invalid",label:"\u5FC5\u9808\u9805\u76EE\u3067\u3059"})),r<c&&a.push({type:"invalid",label:c+"\u500B\u4EE5\u4E0A\u9078\u629E\u3057\u3066\u304F\u3060\u3055\u3044"}),r>S&&a.push({type:"invalid",label:S+"\u500B\u307E\u3067\u9078\u629E\u3067\u304D\u307E\u3059"}),{ok:!a.filter(({type:m})=>m=="invalid").length,notice:a}}const A={InitOptions:t=>{let e=[];return t.forEach(n=>{let{type:o,label:d,value:c,searchValue:S}=n,a=S||(i.is.string(d)?d:"")||(i.is.string(c)?c:"");e.push(D(v({},n),{searchValue:a,type:o||"selector",value:c}))}),e},FilterSelectableOptions:(t,e)=>{let n=t.val_options;if(e||(n=t.val_options.filter(o=>o.type!="label")),t.val_keyword){let o=t.val_keyword.toLower().replace(/ /g,"");n=n.filter(d=>(d.searchValue||"").toLower().replace(/ /g,"").includes(o))}return n}},R={Shallow:t=>{let{rootStates:e,val_status:n}=t,o=re(e);return l(x,{position:"absolute",top:0,left:0,right:0,height:0,overflow:"hidden",opacity:"trans",freeCSS:{zIndex:3,pointerEvents:"none"},children:l(L.Description,D(v({className:e.className},o),{position:"absolute",width:1,freeCSS:D(v({},o.freeCSS),{color:"orange"}),"data-id":"shallow_"+n.componentID,children:l(x,{"data-input-value-shallow":n.componentID,children:"A"})}))})},Button:t=>{let{rootStates:e,val_keyword:n,set_keyword:o,val_optionFocused:d,set_optionFocused:c,val_options:S,set_options:a,val_optionsDict:r,set_optionsDict:m,val_preventOpenSelectorOnFocus:s,set_preventOpenSelectorOnFocus:u,val_selectorOpen:f,set_selectorOpen:y,val_status:p,set_status:C,val_validate:I,set_validate:V}=t,$=e,{tone:w,required:O,form:F,className:k,multiSelect:X,enableFormSubmit:E,checkValidationAtFirst:z,onValidate:q,onUpdateValue:J,onUpdateValidValue:fe,value:ve="",options:he,leftIndicator:ye,rightIndicator:_e,leftIcon:be,rightIcon:Ie,componentID:Oe,status_id:ge,wrapStyles:De,emptySelect:Ce,SearchInput:we,SearchInputPlaceholder:Te,SelectedComponent:Ve,SelectorComponent:ke,SelectorGravityPoint:xe,DynamicOptionsOnSearch:Ae}=$,_=Q($,["tone","required","form","className","multiSelect","enableFormSubmit","checkValidationAtFirst","onValidate","onUpdateValue","onUpdateValidValue","value","options","leftIndicator","rightIndicator","leftIcon","rightIcon","componentID","status_id","wrapStyles","emptySelect","SearchInput","SearchInputPlaceholder","SelectedComponent","SelectorComponent","SelectorGravityPoint","DynamicOptionsOnSearch"]);T(()=>{var g;if(e.disabled||!f)return;let h=A.FilterSelectableOptions(t);c(((g=h[0])==null?void 0:g.value)||null)},[n]),T(()=>{p.eventType!="init"&&(e.max==p.dataValue.length?(y(!1),u(!0),setTimeout(()=>{let h=i('[data-input-origin="'+e.componentID+'"]');h&&h.focus()},10)):i("#SearchInput_"+e.componentID).focus())},[p.dataValue]);let G="autocomplete-sheet-"+e.componentID;return T(()=>{let h="autocomplete-click-"+e.componentID;if(f){let g=i('[data-input-origin="'+e.componentID+'"]');if(!g)return;i("#SearchInput_"+e.componentID).focus(),U.open({sheetID:G,type:"custom",parent:g[0],padding:["1/4",0],gravityPoint:e.SelectorGravityPoint||22,closeAtAroundClick:!1,content:l(R.Selector,v({},t))}),i(document).addEvent({eventID:h,eventType:"mousedown",callback:le=>{let j=i(le.target),ne=!!i(j).parent("."+K("Core")).length;i(j).parent("."+K("Selector")).length||ne||y(!1)}})}else i(document).removeEvent([h]),o(""),U.close(G)},[f]),T(()=>{if(e.disabled||!f)return;U.customSheet.reposition(G);let h=Z.get("refresh-autocomplete-selector-"+e.componentID);h&&h(t)},[S,p.dataValue,n,d]),l(H,{children:l(x,D(v({tabIndex:0},_),{"data-disabled":e.disabled,"data-show-validation":P.isShowValidation(I,p,!!z),"data-component-id":p.componentID,"data-input-origin":p.componentID,"data-focus":!!f,className:[k,K("Core")].join(" "),onFocus:h=>{if(_!=null&&_.onFocus&&(_==null||_.onFocus(h)),!e.disabled){if(s)return u(!1);y(!0),h.preventDefault()}},onClick:h=>{_!=null&&_.onClick&&(_==null||_.onClick(h)),!e.disabled&&y(!0)},onKeyDown:h=>{let{key:g}=h;E&&P.SubmitForm(h,F),!f&&(g==" "||g=="ArrowDown"||g=="ArrowUp"||g=="Enter")&&y(!0)},children:W(M.Left,{flexWrap:!0,gap:"1/3",freeCSS:{letterSpacing:".5px"},children:[l(R.Selected,v({},t)),l(ie,{width:0,overflow:"hidden",opacity:"trans",children:"A"}),l(R.SearchInput,v({},t))]})}))})},SearchInput:t=>{let{rootStates:e}=t;return e.disabled||!t.val_selectorOpen?null:l(x,{id:"SearchInput_"+e.componentID,placeholder:e.SearchInputPlaceholder||"\u691C\u7D22...",opacity:t.val_selectorOpen?"max":"trans",transition:"middle",flexSizing:0,htmlTag:"input",border:"unset",backgroundColor:"trans",value:t.val_keyword,freeCSS:{outline:"none"},onKeyDown:n=>{let{key:o,metaKey:d,ctrlKey:c}=n,S=d||c;o=="Escape"?(t.set_selectorOpen(!1),t.set_preventOpenSelectorOnFocus(!0),setTimeout(()=>{let a=i('[data-input-origin="'+e.componentID+'"]');a&&a.focus()},10)):o=="Tab"?t.set_selectorOpen(!1):o==" "?i.scope(()=>{t.val_selectorOpen||t.val_keyword||(n.preventDefault(),t.set_selectorOpen(!0))}):o=="Backspace"?i.scope(()=>{if(t.val_keyword)return;let a=[...t.val_status.dataValue];a.pop(),t.set_status(r=>D(v({},r),{dataValue:a,eventType:"update",eventID:B()}))}):o=="Enter"&&i.scope(()=>{if(!t.val_selectorOpen)return t.set_selectorOpen(!0);let a=t.val_options.find(m=>m.value==t.val_optionFocused);if(!a)return;let{value:r}=a;t.set_status(m=>{let s=[...m.dataValue];return i.scope(()=>{if(r===null)return s=[];m.dataValue.includes(r)?s=s.filter(f=>f!==r):e.multiSelect?s.push(r):s=[r]}),D(v({},m),{dataValue:s,eventType:"update",eventID:B()})}),t.set_keyword(""),t.set_preventDynamicSearchOnKeywordChange(!0)}),i.scope(()=>{if(!["ArrowDown","ArrowUp"].includes(o))return;if(n.preventDefault(),!t.val_selectorOpen)return t.set_selectorOpen(!0);let a=o=="ArrowDown"?1:-1,r=A.FilterSelectableOptions(t),m=r.length-1,s=null;i.scope(()=>{var f,y,p,C;let u=r.findIndex(I=>I.value==t.val_optionFocused);if(a==1){if(s=((f=r[0])==null?void 0:f.value)||null,S){s=r[m].value||null;return}if(u==-1||u==m)return;s=((y=r[u+1])==null?void 0:y.value)||null}else{if(s=r[m].value||null,S){s=((p=r[0])==null?void 0:p.value)||null;return}if(u==-1||u==0)return;s=((C=r[u-1])==null?void 0:C.value)||null}}),t.set_optionFocused(s)}),e.enableFormSubmit&&P.SubmitForm(n,t.rootStates.form)},onChange:n=>{let d=n.target.value;t.set_keyword(d)}},"searchInput")},Selector:t=>{let[e,n]=b(t),{rootStates:o}=e,[d,c]=b("idle"),[S,a]=b("idle");T(()=>{Z.set({["refresh-autocomplete-selector-"+o.componentID]:u=>{n(u)}})},[]),T(()=>{if(!e.val_selectorOpen||!o.DynamicOptionsOnSearch)return;if(e.val_preventDynamicSearchOnKeywordChange)return e.set_preventDynamicSearchOnKeywordChange(!1);if(d=="idle")return c("ok");a("fetch");let u="autocomplete-search-"+o.componentID;i.interval.clear(u),i.interval.standBy(u,300,()=>Y(void 0,null,function*(){let f=yield o.DynamicOptionsOnSearch(e.val_keyword);a("idle");let y=A.InitOptions(f||[]);e.set_options(y)}))},[e.val_keyword]);let r=[],m=A.FilterSelectableOptions(e,!0),s=A.FilterSelectableOptions(e);return m.forEach((u,f)=>{let{type:y,value:p}=u,C=e.val_optionFocused==p,I=e.val_status.dataValue.includes(p),V=o.SelectorComponent;r.push(l(V,{option:u,isFocused:C,isSelected:I,addCallback:()=>{e.set_status(w=>{let O=[...w.dataValue];return i.scope(()=>{if(p===null)return O=[];w.dataValue.includes(p)?O=O.filter(k=>k!==p):o.multiSelect?O.push(p):O=[p]}),D(v({},w),{dataValue:O,eventType:"update",eventID:B()})})}},i.JsonTo(p)||B()))}),s.length||(r=[l(L.Supplement,{padding:[0,1],fontColor:"4.thin",children:"\u5019\u88DC\u304C\u898B\u3064\u304B\u308A\u307E\u305B\u3093"},"no-selector-notice")]),S=="fetch"&&(r=[W(M.Left,{padding:1,fontColor:"3.blur",children:[l(ue.Theme.R,{showInitial:!0}),l(L.Supplement,{children:"Loading..."})]},"loader")]),l(U.Body,{className:K("Selector"),ssCardBox:!0,borderRadius:"3.tone.tertiary",boxShadow:"1.normal",freeCSS:{minWidth:12*18},children:l(se,{gap:0,padding:[1,0],children:r})})},Selected:t=>{let{rootStates:e,val_status:n,set_status:o,val_optionsDict:d}=t,c=[];return n.dataValue.forEach(S=>{let a=d[i.JsonTo(S)];if(!a)return;let r=e.SelectedComponent,m=a.label;a.value===null&&(m=""),c.push(l(x,{className:K("SelectedCell"),children:l(r,{value:a.value,label:m,removeCallback:s=>{if(s.stopPropagation(),s.preventDefault(),e.disabled)return;let u=[...n.dataValue];u=u.filter(f=>f!==S),o(f=>D(v({},f),{dataValue:u,eventType:"update",eventID:B()}))}})},i.JsonTo(a.value)))}),l(H,{children:c})},Core:t=>{let{value:e}=t,[n,o]=b(!1),[d,c]=b(!1),[S,a]=b(!1),[r,m]=b(""),[s,u]=b(t.options),[f,y]=b(t.value[0]||null),[p,C]=b({}),[I,V]=b(P.DefaultStatus(t.componentID,e)),[w,O]=b({ok:!1,notice:[]}),F=ae(!1);T(()=>{F.current?u(t.options):F.current=!0},[t.options]),T(()=>{if(!s.length)return;let z=[...s],q=v({},p);z.forEach(J=>{J.type!="label"&&(q[i.JsonTo(J.value)]=J)}),C(q)},[s]);let k={rootStates:t,val_options:s,set_options:u,val_optionFocused:f,set_optionFocused:y,val_optionsDict:p,set_optionsDict:C,val_preventDynamicSearchOnKeywordChange:d,set_preventDynamicSearchOnKeywordChange:c,val_preventOpenSelectorOnFocus:n,set_preventOpenSelectorOnFocus:o,val_selectorOpen:S,set_selectorOpen:a,val_keyword:r,set_keyword:m,val_status:I,set_status:V,val_validate:w,set_validate:O},X=!!t.multiSelect;P.CommonEffects({type:X?"autocomplete.multi":"autocomplete.single",states:t,val_status:I,set_status:V,val_validate:w,set_validate:O,SystemValidation:Se});let E=I.dataValue.length&&I.dataValue[0]!==null;return E=E||S,W(pe,{val_status:I,set_status:V,val_validate:w,states:t,children:[l(me,{componentID:t.componentID,fontSize:t.fontSize,required:t.required,label:t.label,isActive:E}),l(R.Shallow,v({},k)),l(R.Button,v({},k))]})}},oe=t=>{let e=v({},t);return e=D(v({value:[],min:0,max:65535,multiSelect:!0,SearchInput:!0,emptySelect:!0,SelectorComponent:({option:n,isSelected:o,isFocused:d,addCallback:c})=>n.type=="selector"?l(ee.Sub.S,{color:"cloud",backgroundColor:"trans",borderRadius:0,fontColor:"2.normal",textAlign:"left",padding:["1/2",1.5],isActive:d,isActiveStyles:{backgroundColor:"cloud"},onClick:S=>{c()},children:W(M.Left,{gap:"1/2",children:[o&&l(N.Check,{fontColor:"theme"}),l(L.Supplement,{transition:"short",children:n.label})]})}):l(H,{children:n.label}),SelectedComponent:({value:n,label:o,removeCallback:d})=>W(M.Left,{ssCardBox:"cloud",backgroundColor:"layer.3",borderRadius:"2.tone.secondary",fontSize:"1.mini",padding:"1/2",gap:0,children:[l(x,{padding:[0,"1/4"],children:o}),l(ee.Sub,{color:"cloud",fontColor:"white",backgroundColor:"layer.6",isRounded:!0,padding:"1/4",onClick:d,children:l(N.Times,{ssSphere:1})})]})},e),{freeCSS:v({cursor:"pointer"},e.freeCSS)}),e.multiSelect||(e.min=0,e.max=1),e.options=e.options||[],e.emptySelect&&(e.options=[{value:null,label:l(L.Supplement,{fontColor:"4.thin",children:"\u9078\u629E\u3092\u89E3\u9664"})},...e.options]),e.value=i.flatArray(e.value||null),e.options=A.InitOptions(e.options),i.is.nullish(e.rightIcon)&&(e.rightIcon=l(te,{ssSphere:2,children:l(N.Search,{})}),e.disabled&&(e.rightIcon=l(te,{ssSphere:2,fontColor:"5.translucent",children:l(N.Ban,{})}))),e.rightIcon&&(e=v({paddingRight:3},e)),e.leftIcon&&(e=v({paddingLeft:3},e)),l(ce,{componentID:e.componentID,children:R.Core,states:de(e)})};export{oe as Autocomplete,oe as default};
1
+ import{b as v,c as D,d as Q,e as Y}from"../../chunk-C5N2D3ZX.js";import{Fragment as H,jsx as l,jsxs as W}from"react/jsx-runtime";import{useState as b,useEffect as T,useRef as ae}from"react";import i,{UUID as B}from"jmini";import{ExtractStyles as re,useStore as Z}from"../../@utils";import{Box as x,Span as ie,FAI as N,Column as se}from"../../atoms";import{Text as L,Row as M}from"../../mols";import{Button as ee}from"../Button";import{Loader as ue}from"../Loader";import{Sheet as U}from"../Sheet";import{OptionalInputWrapper as ce,BoxWrapper as pe,CoreEffects as P,DefaultBoxishStyles as de}from"./core";import{InputAutocompleteClasses as K}from"../../@styles/componentClasses";import{InputLabel as me}from"./Label";import{RightIcon as te}from".";function Se(t){let{value:e,states:n}=t,{required:o,options:d,min:c,max:S}=n;c=c||0,S=S||65535;let a=[],r=e.filter(m=>m!==null).length;return o&&(r||a.push({type:"invalid",label:"\u5FC5\u9808\u9805\u76EE\u3067\u3059"})),r<c&&a.push({type:"invalid",label:c+"\u500B\u4EE5\u4E0A\u9078\u629E\u3057\u3066\u304F\u3060\u3055\u3044"}),r>S&&a.push({type:"invalid",label:S+"\u500B\u307E\u3067\u9078\u629E\u3067\u304D\u307E\u3059"}),{ok:!a.filter(({type:m})=>m=="invalid").length,notice:a}}const A={InitOptions:t=>{let e=[];return t.forEach(n=>{let{type:o,label:d,value:c,searchValue:S}=n,a=S||(i.is.string(d)?d:"")||(i.is.string(c)?c:"");e.push(D(v({},n),{searchValue:a,type:o||"selector",value:c}))}),e},FilterSelectableOptions:(t,e)=>{let n=t.val_options;if(e||(n=t.val_options.filter(o=>o.type!="label")),t.val_keyword){let o=t.val_keyword.toLower().replace(/ /g,"");n=n.filter(d=>(d.searchValue||"").toLower().replace(/ /g,"").includes(o))}return n}},R={Shallow:t=>{let{rootStates:e,val_status:n}=t,o=re(e);return l(x,{position:"absolute",top:0,left:0,right:0,height:0,overflow:"hidden",opacity:"trans",freeCSS:{zIndex:3,pointerEvents:"none"},children:l(L.Description,D(v({className:e.className},o),{position:"absolute",width:1,freeCSS:D(v({},o.freeCSS),{color:"orange"}),"data-id":"shallow_"+n.componentID,children:l(x,{"data-input-value-shallow":n.componentID,children:"A"})}))})},Button:t=>{let{rootStates:e,val_keyword:n,set_keyword:o,val_optionFocused:d,set_optionFocused:c,val_options:S,set_options:a,val_optionsDict:r,set_optionsDict:m,val_preventOpenSelectorOnFocus:s,set_preventOpenSelectorOnFocus:u,val_selectorOpen:f,set_selectorOpen:y,val_status:p,set_status:C,val_validate:I,set_validate:V}=t,$=e,{tone:w,required:O,form:F,className:k,multiSelect:X,enableFormSubmit:E,checkValidationAtFirst:z,onValidate:q,onUpdateValue:J,onUpdateValidValue:fe,value:ve="",options:he,leftIndicator:ye,rightIndicator:_e,leftIcon:be,rightIcon:Ie,componentID:Oe,status_id:ge,wrapStyles:De,emptySelect:Ce,SearchInput:we,SearchInputPlaceholder:Te,SelectedComponent:Ve,SelectorComponent:ke,SelectorGravityPoint:xe,DynamicOptionsOnSearch:Ae}=$,_=Q($,["tone","required","form","className","multiSelect","enableFormSubmit","checkValidationAtFirst","onValidate","onUpdateValue","onUpdateValidValue","value","options","leftIndicator","rightIndicator","leftIcon","rightIcon","componentID","status_id","wrapStyles","emptySelect","SearchInput","SearchInputPlaceholder","SelectedComponent","SelectorComponent","SelectorGravityPoint","DynamicOptionsOnSearch"]);T(()=>{var g;if(e.disabled||!f)return;let h=A.FilterSelectableOptions(t);c(((g=h[0])==null?void 0:g.value)||null)},[n]),T(()=>{p.eventType!="init"&&(e.max==p.dataValue.length?(y(!1),u(!0),setTimeout(()=>{let h=i('[data-input-origin="'+e.componentID+'"]');h&&h.focus()},10)):i("#SearchInput_"+e.componentID).focus())},[p.dataValue]);let G="autocomplete-sheet-"+e.componentID;return T(()=>{let h="autocomplete-click-"+e.componentID;if(f){let g=i('[data-input-origin="'+e.componentID+'"]');if(!g)return;i("#SearchInput_"+e.componentID).focus(),U.open({sheetID:G,type:"custom",parent:g[0],padding:["1/4",0],gravityPoint:e.SelectorGravityPoint||22,closeAtAroundClick:!1,content:l(R.Selector,v({},t))}),i(document).addEvent({eventID:h,eventType:"mousedown",callback:le=>{let j=i(le.target),ne=!!i(j).parent("."+K("Core")).length;i(j).parent("."+K("Selector")).length||ne||y(!1)}})}else i(document).removeEvent([h]),o(""),U.close(G)},[f]),T(()=>{if(e.disabled||!f)return;U.customSheet.reposition(G);let h=Z.get("refresh-autocomplete-selector-"+e.componentID);h&&h(t)},[S,p.dataValue,n,d]),l(H,{children:l(x,D(v({tabIndex:0},_),{"data-disabled":e.disabled,"data-show-validation":P.isShowValidation(I,p,!!z),"data-component-id":p.componentID,"data-input-origin":p.componentID,"data-focus":!!f,className:[k,K("Core")].join(" "),onFocus:h=>{if(_!=null&&_.onFocus&&(_==null||_.onFocus(h)),!e.disabled){if(s)return u(!1);y(!0),h.preventDefault()}},onClick:h=>{_!=null&&_.onClick&&(_==null||_.onClick(h)),!e.disabled&&y(!0)},onKeyDown:h=>{let{key:g}=h;E&&P.SubmitForm(h,F),!f&&(g==" "||g=="ArrowDown"||g=="ArrowUp"||g=="Enter")&&y(!0)},children:W(M.Left,{flexWrap:!0,gap:"1/3",freeCSS:{letterSpacing:".5px"},children:[l(R.Selected,v({},t)),l(ie,{width:0,overflow:"hidden",opacity:"trans",children:"A"}),l(R.SearchInput,v({},t))]})}))})},SearchInput:t=>{let{rootStates:e}=t;return e.disabled||!t.val_selectorOpen?null:l(x,{id:"SearchInput_"+e.componentID,placeholder:e.SearchInputPlaceholder||"\u691C\u7D22...",opacity:t.val_selectorOpen?"max":"trans",transition:"middle",flexSizing:0,htmlTag:"input",border:"unset",backgroundColor:"trans",value:t.val_keyword,freeCSS:{outline:"none"},onKeyDown:n=>{let{key:o,metaKey:d,ctrlKey:c}=n,S=d||c;o=="Escape"?(t.set_selectorOpen(!1),t.set_preventOpenSelectorOnFocus(!0),setTimeout(()=>{let a=i('[data-input-origin="'+e.componentID+'"]');a&&a.focus()},10)):o=="Tab"?t.set_selectorOpen(!1):o==" "?i.scope(()=>{t.val_selectorOpen||t.val_keyword||(n.preventDefault(),t.set_selectorOpen(!0))}):o=="Backspace"?i.scope(()=>{if(t.val_keyword)return;let a=[...t.val_status.dataValue];a.pop(),t.set_status(r=>D(v({},r),{dataValue:a,eventType:"update",eventID:B()}))}):o=="Enter"&&i.scope(()=>{if(!t.val_selectorOpen)return t.set_selectorOpen(!0);let a=t.val_options.find(m=>m.value==t.val_optionFocused);if(!a)return;let{value:r}=a;t.set_status(m=>{let s=[...m.dataValue];return i.scope(()=>{if(r===null)return s=[];m.dataValue.includes(r)?s=s.filter(f=>f!==r):e.multiSelect?s.push(r):s=[r]}),D(v({},m),{dataValue:s,eventType:"update",eventID:B()})}),t.set_keyword(""),t.set_preventDynamicSearchOnKeywordChange(!0)}),i.scope(()=>{if(!["ArrowDown","ArrowUp"].includes(o))return;if(n.preventDefault(),!t.val_selectorOpen)return t.set_selectorOpen(!0);let a=o=="ArrowDown"?1:-1,r=A.FilterSelectableOptions(t),m=r.length-1,s=null;i.scope(()=>{var f,y,p,C;let u=r.findIndex(I=>I.value==t.val_optionFocused);if(a==1){if(s=((f=r[0])==null?void 0:f.value)||null,S){s=r[m].value||null;return}if(u==-1||u==m)return;s=((y=r[u+1])==null?void 0:y.value)||null}else{if(s=r[m].value||null,S){s=((p=r[0])==null?void 0:p.value)||null;return}if(u==-1||u==0)return;s=((C=r[u-1])==null?void 0:C.value)||null}}),t.set_optionFocused(s)}),e.enableFormSubmit&&P.SubmitForm(n,t.rootStates.form)},onChange:n=>{let d=n.target.value;t.set_keyword(d)}},"searchInput")},Selector:t=>{let[e,n]=b(t),{rootStates:o}=e,[d,c]=b("idle"),[S,a]=b("idle");T(()=>{Z.set({["refresh-autocomplete-selector-"+o.componentID]:u=>{n(u)}})},[]),T(()=>{if(!e.val_selectorOpen||!o.DynamicOptionsOnSearch)return;if(e.val_preventDynamicSearchOnKeywordChange)return e.set_preventDynamicSearchOnKeywordChange(!1);if(d=="idle")return c("ok");a("fetch");let u="autocomplete-search-"+o.componentID;i.interval.clear(u),i.interval.standBy(u,300,()=>Y(void 0,null,function*(){let f=yield o.DynamicOptionsOnSearch(e.val_keyword);a("idle");let y=A.InitOptions(f||[]);e.set_options(y)}))},[e.val_keyword]);let r=[],m=A.FilterSelectableOptions(e,!0),s=A.FilterSelectableOptions(e);return m.forEach((u,f)=>{let{type:y,value:p}=u,C=e.val_optionFocused==p,I=e.val_status.dataValue.includes(p),V=o.SelectorComponent;r.push(l(V,{option:u,isFocused:C,isSelected:I,addCallback:()=>{e.set_status(w=>{let O=[...w.dataValue];return i.scope(()=>{if(p===null)return O=[];w.dataValue.includes(p)?O=O.filter(k=>k!==p):o.multiSelect?O.push(p):O=[p]}),D(v({},w),{dataValue:O,eventType:"update",eventID:B()})})}},i.JsonTo(p)||B()))}),s.length||(r=[l(L.Supplement,{padding:[0,1],fontColor:"4.thin",children:"\u5019\u88DC\u304C\u898B\u3064\u304B\u308A\u307E\u305B\u3093"},"no-selector-notice")]),S=="fetch"&&(r=[W(M.Left,{padding:1,fontColor:"3.blur",children:[l(ue.Theme.R,{showInitial:!0}),l(L.Supplement,{children:"Loading..."})]},"loader")]),l(U.Body,{className:K("Selector"),ssCardBox:!0,borderRadius:"3.tone.tertiary",boxShadow:"1.normal",freeCSS:{minWidth:12*18},children:l(se,{gap:0,padding:[1,0],children:r})})},Selected:t=>{let{rootStates:e,val_status:n,set_status:o,val_optionsDict:d}=t,c=[];return n.dataValue.forEach(S=>{let a=d[i.JsonTo(S)];if(!a)return;let r=e.SelectedComponent,m=a.label;a.value===null&&(m=""),c.push(l(x,{className:K("SelectedCell"),children:l(r,{value:a.value,label:m,removeCallback:s=>{if(s.stopPropagation(),s.preventDefault(),e.disabled)return;let u=[...n.dataValue];u=u.filter(f=>f!==S),o(f=>D(v({},f),{dataValue:u,eventType:"update",eventID:B()}))}})},i.JsonTo(a.value)))}),l(H,{children:c})},Core:t=>{let{value:e}=t,[n,o]=b(!1),[d,c]=b(!1),[S,a]=b(!1),[r,m]=b(""),[s,u]=b(t.options),[f,y]=b(t.value[0]||null),[p,C]=b({}),[I,V]=b(P.DefaultStatus(t.componentID,e)),[w,O]=b({ok:!1,notice:[]}),F=ae(!1);T(()=>{F.current?u(t.options):F.current=!0},[t.options]),T(()=>{if(!s.length)return;let z=[...s],q=v({},p);z.forEach(J=>{J.type!="label"&&(q[i.JsonTo(J.value)]=J)}),C(q)},[s]);let k={rootStates:t,val_options:s,set_options:u,val_optionFocused:f,set_optionFocused:y,val_optionsDict:p,set_optionsDict:C,val_preventDynamicSearchOnKeywordChange:d,set_preventDynamicSearchOnKeywordChange:c,val_preventOpenSelectorOnFocus:n,set_preventOpenSelectorOnFocus:o,val_selectorOpen:S,set_selectorOpen:a,val_keyword:r,set_keyword:m,val_status:I,set_status:V,val_validate:w,set_validate:O},X=!!t.multiSelect;P.CommonEffects({type:X?"autocomplete.multi":"autocomplete.single",states:t,val_status:I,set_status:V,val_validate:w,set_validate:O,SystemValidation:Se});let E=I.dataValue.length&&I.dataValue[0]!==null;return E=E||S,W(pe,{val_status:I,set_status:V,val_validate:w,states:t,children:[l(me,{componentID:t.componentID,fontSize:t.fontSize,required:t.required,label:t.label,isActive:E}),l(R.Shallow,v({},k)),l(R.Button,v({},k))]})}},oe=t=>{let e=v({},t);return e=D(v({value:[],min:0,max:65535,multiSelect:!0,SearchInput:!0,emptySelect:!0,SelectorComponent:({option:n,isSelected:o,isFocused:d,addCallback:c})=>n.type=="selector"?l(ee.Sub.S,{color:"cloud",backgroundColor:"trans",borderRadius:0,fontColor:"2.normal",textAlign:"left",padding:["1/2",1.5],isActive:d,isActiveStyles:{backgroundColor:"cloud"},onClick:S=>{c()},children:W(M.Left,{gap:"1/2",children:[o&&l(N.Check,{fontColor:"theme"}),l(L.Supplement,{transition:"short",children:n.label})]})}):l(H,{children:n.label}),SelectedComponent:({value:n,label:o,removeCallback:d})=>W(M.Left,{ssCardBox:"cloud",backgroundColor:"layer.3",borderRadius:"2.tone.secondary",fontSize:"1.mini",padding:"1/2",gap:0,children:[l(x,{padding:[0,"1/4"],children:o}),l(ee.Sub,{color:"cloud",fontColor:"white",backgroundColor:"layer.6",isRounded:!0,padding:"1/4",onClick:d,children:l(N.Times,{ssSphere:1})})]})},e),{freeCSS:v({cursor:"pointer"},e.freeCSS)}),e.multiSelect||(e.min=0,e.max=1),e.options=e.options||[],e.emptySelect&&(e.options=[{value:null,label:l(L.Supplement,{fontColor:"4.thin",children:"\u9078\u629E\u3092\u89E3\u9664"})},...e.options]),e.value=i.flatArray(e.value||null),e.options=A.InitOptions(e.options),i.is.nullish(e.rightIcon)&&(e.rightIcon=l(te,{ssSphere:2,children:l(N.Search,{})}),e.disabled&&(e.rightIcon=l(te,{ssSphere:2,fontColor:"5.translucent",children:l(N.Ban,{})}))),e.rightIcon&&(e=v({paddingRight:3},e)),e.leftIcon&&(e=v({paddingLeft:3},e)),l(ce,{componentID:e.componentID,children:R.Core,states:de(e)})};export{oe as Autocomplete,oe as default};
@@ -1,4 +1,4 @@
1
- import { KeyValueDict } from '@mingoo/jsmin';
1
+ import { KeyValueDict } from 'jmini';
2
2
  declare namespace CollectForm {
3
3
  type FN = {
4
4
  (formName: string): Promise<Output>;
@@ -1 +1 @@
1
- import{e as n}from"../../chunk-C5N2D3ZX.js";import c from"@mingoo/jsmin";import{useStore as e}from"../../@utils";const p=t=>n(void 0,null,function*(){let s=1,l={};return yield c.scope(()=>n(void 0,null,function*(){if(e.get("form-process-"+t))return;e.set({["form-process-"+t]:!0});let i=document.activeElement;i&&i.blur();{let o=e.get(["form-data",t].join("-"));if(!o){e.set({["form-process-"+t]:!1});return}for(let[m,a]of Object.entries(o)){if(!a)continue;let r=e.get(a.componentID);r&&r.Refresh&&(yield r.Refresh())}}{let o=e.get(["form-data",t].join("-"));if(!o){e.set({["form-process-"+t]:!1});return}for(let[m,a]of Object.entries(o))a&&(s&=Number(a.validation),l[m]=a.value)}e.set({["form-process-"+t]:!1})})),{valid:!!s,data:l}});export{p as CollectForm,p as default};
1
+ import{e as n}from"../../chunk-C5N2D3ZX.js";import c from"jmini";import{useStore as e}from"../../@utils";const p=t=>n(void 0,null,function*(){let s=1,l={};return yield c.scope(()=>n(void 0,null,function*(){if(e.get("form-process-"+t))return;e.set({["form-process-"+t]:!0});let i=document.activeElement;i&&i.blur();{let o=e.get(["form-data",t].join("-"));if(!o){e.set({["form-process-"+t]:!1});return}for(let[m,a]of Object.entries(o)){if(!a)continue;let r=e.get(a.componentID);r&&r.Refresh&&(yield r.Refresh())}}{let o=e.get(["form-data",t].join("-"));if(!o){e.set({["form-process-"+t]:!1});return}for(let[m,a]of Object.entries(o))a&&(s&=Number(a.validation),l[m]=a.value)}e.set({["form-process-"+t]:!1})})),{valid:!!s,data:l}});export{p as CollectForm,p as default};
@@ -1 +1 @@
1
- import{b as e,c as r,d as h}from"../../chunk-C5N2D3ZX.js";import{jsx as m}from"react/jsx-runtime";import{UUID as b}from"@mingoo/jsmin";import{useState as v}from"react";import x from"../../atoms/Box";import{OptionalInputWrapper as _,BoxWrapper as k,CoreEffects as p,DefaultBoxishStyles as F}from"./core";import{InputSwitchClasses as R}from"../../@styles/componentClasses";function w(t){let{value:n,states:d}=t,{required:s}=d,o=[];return s&&!n&&o.push({type:"invalid",label:"ON\u306B\u306A\u3063\u3066\u3044\u307E\u305B\u3093"}),{ok:!o.filter(({type:c})=>c=="invalid").length,notice:o}}const B=t=>{let y=t,{componentID:n,required:d,form:s,enableFormSubmit:o,checkValidationAtFirst:c,onChange:I,onKeyDown:f,onValidate:E,onUpdateValue:U,onUpdateValidValue:W,value:g=""}=y,S=h(y,["componentID","required","form","enableFormSubmit","checkValidationAtFirst","onChange","onKeyDown","onValidate","onUpdateValue","onUpdateValidValue","value"]),[l,i]=v(p.DefaultStatus(t.componentID||"",g)),[u,C]=v({ok:!1,notice:[]});return p.CommonEffects({type:"color",states:t,val_status:l,set_status:i,val_validate:u,set_validate:C,SystemValidation:w}),m(k,{val_status:l,set_status:i,val_validate:u,states:t,children:m(x,e({htmlTag:"input",type:"color","data-component-id":l.componentID,value:l.dataValue,className:R("Input"),onKeyDown:a=>{f&&f(a),o&&p.SubmitForm(a,s)},onChange:a=>{let{value:T}=a.target;u.ok&&C({ok:!1,notice:[]}),i(V=>r(e({},V),{dataValue:T,eventType:"update",eventID:b()})),I&&I(a)}},S))})},D=t=>{let n=r(e(r(e({},F(t)),{backgroundColor:"cloud",unitHeight:3}),t),{freeCSS:e({minWidth:108},t.freeCSS)});return m(_,{componentID:t.componentID,children:B,states:n})};export{D as Color,D as default};
1
+ import{b as e,c as r,d as h}from"../../chunk-C5N2D3ZX.js";import{jsx as m}from"react/jsx-runtime";import{UUID as b}from"jmini";import{useState as v}from"react";import x from"../../atoms/Box";import{OptionalInputWrapper as _,BoxWrapper as k,CoreEffects as p,DefaultBoxishStyles as F}from"./core";import{InputSwitchClasses as R}from"../../@styles/componentClasses";function w(t){let{value:n,states:d}=t,{required:s}=d,o=[];return s&&!n&&o.push({type:"invalid",label:"ON\u306B\u306A\u3063\u3066\u3044\u307E\u305B\u3093"}),{ok:!o.filter(({type:c})=>c=="invalid").length,notice:o}}const B=t=>{let y=t,{componentID:n,required:d,form:s,enableFormSubmit:o,checkValidationAtFirst:c,onChange:I,onKeyDown:f,onValidate:E,onUpdateValue:U,onUpdateValidValue:W,value:g=""}=y,S=h(y,["componentID","required","form","enableFormSubmit","checkValidationAtFirst","onChange","onKeyDown","onValidate","onUpdateValue","onUpdateValidValue","value"]),[l,i]=v(p.DefaultStatus(t.componentID||"",g)),[u,C]=v({ok:!1,notice:[]});return p.CommonEffects({type:"color",states:t,val_status:l,set_status:i,val_validate:u,set_validate:C,SystemValidation:w}),m(k,{val_status:l,set_status:i,val_validate:u,states:t,children:m(x,e({htmlTag:"input",type:"color","data-component-id":l.componentID,value:l.dataValue,className:R("Input"),onKeyDown:a=>{f&&f(a),o&&p.SubmitForm(a,s)},onChange:a=>{let{value:T}=a.target;u.ok&&C({ok:!1,notice:[]}),i(V=>r(e({},V),{dataValue:T,eventType:"update",eventID:b()})),I&&I(a)}},S))})},D=t=>{let n=r(e(r(e({},F(t)),{backgroundColor:"cloud",unitHeight:3}),t),{freeCSS:e({minWidth:108},t.freeCSS)});return m(_,{componentID:t.componentID,children:B,states:n})};export{D as Color,D as default};
@@ -1 +1 @@
1
- import{b as o,c as r,d as b}from"../../chunk-C5N2D3ZX.js";import{jsx as c}from"react/jsx-runtime";import{UUID as g}from"@mingoo/jsmin";import{useState as h}from"react";import{OptionalInputWrapper as w,BoxWrapper as _,CoreEffects as s,DefaultBoxishStyles as B}from"./core";import{Box as k}from"../../atoms";function F(t){let{value:e,states:d}=t,{required:m}=d,n=[];return m&&!e&&n.push({type:"invalid",label:"\u5FC5\u9808\u9805\u76EE\u3067\u3059"}),{ok:!n.filter(({type:p})=>p=="invalid").length,notice:n}}const H=t=>{let T=t,{componentID:e,tone:d,required:m,form:n,value:p,enableFormSubmit:S,checkValidationAtFirst:C,onInput:f,onKeyDown:I,onValidate:L,onUpdateValue:M,onUpdateValidValue:U,children:D="",leftIndicator:W,rightIndicator:q,leftIcon:A,rightIcon:K,freeCSS:G,wrapStyles:N}=T,E=b(T,["componentID","tone","required","form","value","enableFormSubmit","checkValidationAtFirst","onInput","onKeyDown","onValidate","onUpdateValue","onUpdateValidValue","children","leftIndicator","rightIndicator","leftIcon","rightIcon","freeCSS","wrapStyles"]),[i,u]=h(s.DefaultStatus(e,p)),[l,y]=h({ok:!1,notice:[]});return s.CommonEffects({type:"contenteditable",states:t,val_status:i,set_status:u,val_validate:l,set_validate:y,SystemValidation:F}),c(_,{val_status:i,set_status:u,val_validate:l,states:t,children:c(k,r(o({contentEditable:!0,"data-show-validation":s.isShowValidation(l,i,!!C),"data-component-id":i.componentID,onKeyDown:a=>{I&&I(a),S&&s.SubmitForm(a,n)},onInput:a=>{let R=a.currentTarget,{innerHTML:O,innerText:V}=R;l.ok&&y({ok:!1,notice:[]}),u(x=>r(o({},x),{dataValue:V,eventType:"update",eventID:g()})),f&&f(a)}},E),{children:D}))})},v=t=>{t=r(o({rows:5},t),{freeCSS:o({whiteSpace:"pre-wrap"},t.freeCSS)});let e=B(t);return c(w,{componentID:t.componentID,children:H,states:e})};export{v as Contenteditable,v as default};
1
+ import{b as o,c as r,d as b}from"../../chunk-C5N2D3ZX.js";import{jsx as c}from"react/jsx-runtime";import{UUID as g}from"jmini";import{useState as h}from"react";import{OptionalInputWrapper as w,BoxWrapper as _,CoreEffects as s,DefaultBoxishStyles as B}from"./core";import{Box as k}from"../../atoms";function F(t){let{value:e,states:d}=t,{required:m}=d,n=[];return m&&!e&&n.push({type:"invalid",label:"\u5FC5\u9808\u9805\u76EE\u3067\u3059"}),{ok:!n.filter(({type:p})=>p=="invalid").length,notice:n}}const H=t=>{let T=t,{componentID:e,tone:d,required:m,form:n,value:p,enableFormSubmit:S,checkValidationAtFirst:C,onInput:f,onKeyDown:I,onValidate:L,onUpdateValue:M,onUpdateValidValue:U,children:D="",leftIndicator:W,rightIndicator:q,leftIcon:A,rightIcon:K,freeCSS:G,wrapStyles:N}=T,E=b(T,["componentID","tone","required","form","value","enableFormSubmit","checkValidationAtFirst","onInput","onKeyDown","onValidate","onUpdateValue","onUpdateValidValue","children","leftIndicator","rightIndicator","leftIcon","rightIcon","freeCSS","wrapStyles"]),[i,u]=h(s.DefaultStatus(e,p)),[l,y]=h({ok:!1,notice:[]});return s.CommonEffects({type:"contenteditable",states:t,val_status:i,set_status:u,val_validate:l,set_validate:y,SystemValidation:F}),c(_,{val_status:i,set_status:u,val_validate:l,states:t,children:c(k,r(o({contentEditable:!0,"data-show-validation":s.isShowValidation(l,i,!!C),"data-component-id":i.componentID,onKeyDown:a=>{I&&I(a),S&&s.SubmitForm(a,n)},onInput:a=>{let R=a.currentTarget,{innerHTML:O,innerText:V}=R;l.ok&&y({ok:!1,notice:[]}),u(x=>r(o({},x),{dataValue:V,eventType:"update",eventID:g()})),f&&f(a)}},E),{children:D}))})},v=t=>{t=r(o({rows:5},t),{freeCSS:o({whiteSpace:"pre-wrap"},t.freeCSS)});let e=B(t);return c(w,{componentID:t.componentID,children:H,states:e})};export{v as Contenteditable,v as default};
@@ -1 +1 @@
1
- import{b as t,c as p,d as V}from"../../chunk-C5N2D3ZX.js";import{jsx as I}from"react/jsx-runtime";import{useState as F}from"react";import B,{UUID as C}from"@mingoo/jsmin";import{$$fromRoot as K,GenerateHTMLProps as W}from"../../@utils";import{OptionalInputWrapper as U,BoxWrapper as $,CoreEffects as w,DefaultBoxishStyles as P}from"./core";import{Flex as q}from"../../atoms";import{InputClasses as R}from"../../@styles/componentClasses";function j(e){let{value:a,states:l}=e,{required:u,numericOnly:o=!1,digits:f}=l,r=[];return u&&!a&&r.push({type:"invalid",label:"\u5FC5\u9808\u9805\u76EE\u3067\u3059"}),a&&(o&&a.match(/\D/)&&r.push({type:"invalid",label:"\u6570\u5B57\u306E\u307F\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"}),a.length!=f&&r.push({type:"warn",label:"\u6700\u5F8C\u307E\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"})),{ok:!r.filter(({type:d})=>d=="invalid"||d=="warn").length,notice:r}}const z=(e,a="")=>{let l=String(a),u=[];for(let o=0;o<e;o++)u[o]=l[o]||"";return{formatValue:u,dataValue:l}},A=(e="")=>{let a=e,l=a.join("");return{formatValue:a,dataValue:l}},G=e=>{let v=e,{tone:a,required:l,form:u,name:o,className:f="",digits:r,numericOnly:h=!1,enableFormSubmit:d,checkValidationAtFirst:J,onChange:Q,onKeyDown:X,onValidate:Y,onUpdateValue:Z,onUpdateValidValue:ee,value:N="",override:te,freeCSS:ae,wrapStyles:ne,combineInput:ie,componentID:re,listStyles:_}=v,le=V(v,["tone","required","form","name","className","digits","numericOnly","enableFormSubmit","checkValidationAtFirst","onChange","onKeyDown","onValidate","onUpdateValue","onUpdateValidValue","value","override","freeCSS","wrapStyles","combineInput","componentID","listStyles"]),[s,y]=F(p(t({componentID:e.componentID||""},z(r,N)),{eventType:"init",eventID:C()})),[S,k]=F({ok:!1,notice:[]});w.CommonEffects({type:"textfield",states:e,val_status:s,set_status:y,val_validate:S,set_validate:k,SystemValidation:j});let b=[];for(let n=0;n<r;n++){let E=s.formatValue[n],H={},x=f;e.combineInput&&(x=[f,R("DigitCharacterCell"),R("Combined")].join(" ")),b.push(I("input",{type:"text",inputMode:h?"numeric":e.inputMode||"text",value:E,id:"Digit-"+n+"-"+s.componentID,className:x,style:t(t({},e.style),H),onKeyDown:D=>{let{key:g,code:L}=D;if(g=="Tab")return;D.preventDefault();let m=null;if(g=="Backspace"){let i=s.formatValue;i[n]="",y(c=>p(t(t({},c),A(i)),{eventType:"update",eventID:C()})),m=n-1}else if(["ArrowLeft","ArrowRight"].includes(g)){let i=+(g=="ArrowRight")*2-1;m=n+i}else d&&w.SubmitForm(D,u),(()=>{let i=L.match(/^(Key(.)|Digit(\d)|Numpad(\d))/);if(!i)return;let c=i[2]||i[3]||i[4];if(h&&!c.match(/\d/)||!c)return;let T=s.formatValue;T[n]=c,y(O=>p(t(t({},O),A(T)),{eventType:"update",eventID:C()})),m=n+1})();B.is.exist(m)&&K("#Digit-"+m+"-"+s.componentID).focus()},onChange:()=>{}},n))}return I($,{val_status:s,set_status:y,val_validate:S,states:e,children:I(q,p(t({gap:"1/2",flexChilds:"even",flexWrap:!1,flexSizing:"auto"},_),{children:b}))})},M=e=>{e=t({},e),e=t({textAlign:"center",width:0},e),e.combineInput&&(e=p(t({textAlign:"center",width:0},e),{freeCSS:t({minWidth:12*2,marginRight:-1},e.freeCSS),listStyles:t({borderRadius:"2.tone.secondary",border:"unset",gap:0},e.listStyles)}));let a=W(P(e));return I(U,{componentID:e.componentID,children:G,states:a})};export{M as DigitCharacters,M as default};
1
+ import{b as t,c as p,d as V}from"../../chunk-C5N2D3ZX.js";import{jsx as I}from"react/jsx-runtime";import{useState as F}from"react";import B,{UUID as C}from"jmini";import{$$fromRoot as K,GenerateHTMLProps as W}from"../../@utils";import{OptionalInputWrapper as U,BoxWrapper as $,CoreEffects as w,DefaultBoxishStyles as P}from"./core";import{Flex as q}from"../../atoms";import{InputClasses as R}from"../../@styles/componentClasses";function j(e){let{value:a,states:l}=e,{required:u,numericOnly:o=!1,digits:f}=l,r=[];return u&&!a&&r.push({type:"invalid",label:"\u5FC5\u9808\u9805\u76EE\u3067\u3059"}),a&&(o&&a.match(/\D/)&&r.push({type:"invalid",label:"\u6570\u5B57\u306E\u307F\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"}),a.length!=f&&r.push({type:"warn",label:"\u6700\u5F8C\u307E\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"})),{ok:!r.filter(({type:d})=>d=="invalid"||d=="warn").length,notice:r}}const z=(e,a="")=>{let l=String(a),u=[];for(let o=0;o<e;o++)u[o]=l[o]||"";return{formatValue:u,dataValue:l}},A=(e="")=>{let a=e,l=a.join("");return{formatValue:a,dataValue:l}},G=e=>{let v=e,{tone:a,required:l,form:u,name:o,className:f="",digits:r,numericOnly:h=!1,enableFormSubmit:d,checkValidationAtFirst:J,onChange:Q,onKeyDown:X,onValidate:Y,onUpdateValue:Z,onUpdateValidValue:ee,value:N="",override:te,freeCSS:ae,wrapStyles:ne,combineInput:ie,componentID:re,listStyles:_}=v,le=V(v,["tone","required","form","name","className","digits","numericOnly","enableFormSubmit","checkValidationAtFirst","onChange","onKeyDown","onValidate","onUpdateValue","onUpdateValidValue","value","override","freeCSS","wrapStyles","combineInput","componentID","listStyles"]),[s,y]=F(p(t({componentID:e.componentID||""},z(r,N)),{eventType:"init",eventID:C()})),[S,k]=F({ok:!1,notice:[]});w.CommonEffects({type:"textfield",states:e,val_status:s,set_status:y,val_validate:S,set_validate:k,SystemValidation:j});let b=[];for(let n=0;n<r;n++){let E=s.formatValue[n],H={},x=f;e.combineInput&&(x=[f,R("DigitCharacterCell"),R("Combined")].join(" ")),b.push(I("input",{type:"text",inputMode:h?"numeric":e.inputMode||"text",value:E,id:"Digit-"+n+"-"+s.componentID,className:x,style:t(t({},e.style),H),onKeyDown:D=>{let{key:g,code:L}=D;if(g=="Tab")return;D.preventDefault();let m=null;if(g=="Backspace"){let i=s.formatValue;i[n]="",y(c=>p(t(t({},c),A(i)),{eventType:"update",eventID:C()})),m=n-1}else if(["ArrowLeft","ArrowRight"].includes(g)){let i=+(g=="ArrowRight")*2-1;m=n+i}else d&&w.SubmitForm(D,u),(()=>{let i=L.match(/^(Key(.)|Digit(\d)|Numpad(\d))/);if(!i)return;let c=i[2]||i[3]||i[4];if(h&&!c.match(/\d/)||!c)return;let T=s.formatValue;T[n]=c,y(O=>p(t(t({},O),A(T)),{eventType:"update",eventID:C()})),m=n+1})();B.is.exist(m)&&K("#Digit-"+m+"-"+s.componentID).focus()},onChange:()=>{}},n))}return I($,{val_status:s,set_status:y,val_validate:S,states:e,children:I(q,p(t({gap:"1/2",flexChilds:"even",flexWrap:!1,flexSizing:"auto"},_),{children:b}))})},M=e=>{e=t({},e),e=t({textAlign:"center",width:0},e),e.combineInput&&(e=p(t({textAlign:"center",width:0},e),{freeCSS:t({minWidth:12*2,marginRight:-1},e.freeCSS),listStyles:t({borderRadius:"2.tone.secondary",border:"unset",gap:0},e.listStyles)}));let a=W(P(e));return I(U,{componentID:e.componentID,children:G,states:a})};export{M as DigitCharacters,M as default};
@@ -1 +1 @@
1
- import{b as s,c as u,d as Q,e as U}from"../../chunk-C5N2D3ZX.js";import{Fragment as le,jsx as l,jsxs as p}from"react/jsx-runtime";import{useState as H,useEffect as X}from"react";import ie,{UUID as T}from"@mingoo/jsmin";import{$$fromRoot as V,useStore as Y,ExtractStyles as se}from"../../@utils";import{Box as d,FAI as R,Flex as P,Column as ee}from"../../atoms";import{Row as re}from"../../mols";import{Button as L}from"../Button";import j from"../Snackbar";import{OptionalInputWrapper as pe,BoxWrapper as ue,CoreEffects as te,DefaultBoxishStyles as me}from"./core";import ce from"./TextField";import{InputFilerClasses as f}from"../../@styles/componentClasses";import{faCloudArrowUp as de}from"@fortawesome/free-solid-svg-icons/faCloudArrowUp";function fe(e){let{value:t,states:n}=e,{required:m}=n,a=[];return m&&!t.length&&a.push({type:"invalid",label:"\u5FC5\u9808\u9805\u76EE\u3067\u3059"}),{ok:!a.filter(({type:c})=>c=="invalid").length,notice:a}}const ae={List:e=>{let{rootStates:t,val_status:n,set_status:m}=e;if(t.useSystemOnly)return null;let a=t.limit-(n.dataValue||[]).length,c=(n.dataValue||[]).map((r,g)=>l(ae.ListCell,u(s({},e),{index:g,val_file:r}),r.name));return a>0&&c.push(l(d,u(s({htmlTag:"label"},t.cellStyles),{className:[t.cellClassName,f("AddButton")].join(" "),"data-component-id":n.componentID,htmlFor:t.id,tabIndex:t.tabIndex,onKeyDown:r=>{let{key:g}=r;t.tabIndex!=-1&&[" ","Enter"].includes(g)&&V("#"+t.id).click()},children:p(re.Center,{padding:["1/3",0],children:[l(d,{isRounded:!0,className:f("AddIcon"),children:l(R,{icon:de,className:f("Icon"),fontColor:"theme",fontSize:"4.thirdTitle",backgroundColor:"theme.opa.low",ssSphere:3,padding:"1/2"})}),p(d,{children:[p(d,{fontColor:"theme",fontSize:"2.normal",isSemiBoldFont:!0,children:["\u30D5\u30A1\u30A4\u30EB\u3092\u9078\u629E(",a,")"]}),l(d,{fontColor:"4.thin",fontSize:"0.xs",isSemiBoldFont:!0,children:"\u30D5\u30A1\u30A4\u30EB\u3092\u30C9\u30ED\u30C3\u30D7"})]})]})}),"AddButton")),l(ee,u(s({flexSizing:"auto"},se(t)),{className:t.className,children:c}))},ListCell:e=>{let{index:t,rootStates:n,val_file:m,val_status:a,set_status:c}=e,{name:r,size:g,type:o}=m,[x,D]=H(!1),B=T(),K=g.rank(),[W,M]=r.replace(/\s/,"").replace(/(.*)\.(.*)$/,"$1 $2").split(" "),i="\u30D5\u30A1\u30A4\u30EB";return o.match(/image/)?i=o.replace(/image\//,""):o.match(/pdf/)?i="PDF":o.match(/csv/)?i="CSV":o.match(/spreadsheet/)?i="SpreadSheet":o.match(/presentation/)?i="PowerPoint":o.match(/word/)?i="Word":o.match(/zip/)?i="Zip":o.match(/powerpoint/)?i="PowerPoint":o.match(/html/)?i="HTML":o.match(/js/)?i="JavaScript":o.match(/css/)?i="CSS":o.match(/text\/plain/)&&(i="\u30C6\u30AD\u30B9\u30C8"),X(()=>{x&&setTimeout(()=>{V("#"+B).focus()},100)},[x]),p(P,u(s({verticalAlign:"center",flexWrap:!1,gap:1,className:n.cellClassName},n.cellStyles),{children:[l(R.File,{fontSize:"4.thirdTitle",fontColor:"4.thin"}),p(d,{flexSizing:0,children:[l(d,{children:l(P,{verticalAlign:"center",gap:"2/3",flexWrap:!1,className:f("FileName"),children:x?l(le,{children:p(ee,{flexSizing:0,gap:"1/2",children:[p(P,{gap:"2/3",verticalAlign:"center",children:[l(ce,{tone:"border",wrapStyles:{flexSizing:"auto"},restrict:"fileName",name:"name",required:!0,id:B,form:"form-"+B,enableFormSubmit:!0,value:W,onKeyDown:C=>{let{key:N}=C;N=="Escape"&&D(!1)}}),p(d,{children:[". ",M]})]}),p(P,{gap:"2/3",horizontalAlign:"right",flexWrap:!1,children:[l(L.Sub,{padding:["2/3",1],onClick:()=>{D(!1)},children:"\u9589\u3058\u308B"}),l(L,{padding:["2/3",1],submitOption:{formName:"form-"+B,callback:C=>U(void 0,null,function*(){let{name:N}=C,b=[...a.dataValue],w=b[t],J=w.id;if(!w)return;let{target:$}=yield w.convert();if(!$)return;let y=yield String($.result).toBlob(m.type);if(!y)return;let F=new File([y],N+"."+M,{type:w.type});F.id=J,b[t]=F,c(_=>u(s({},_),{dataValue:b,eventType:"update",eventID:T()})),D(!1)})},children:"\u6C7A\u5B9A"})]})]})}):p(le,{children:[r,!!n.isNameEditable&&l(L.Clear,{ssSphere:2.5,flexSizing:"none",fontColor:"4.thin",padding:"1/3",ssEffectsOnActive:"expand",color:"cloud",onClick:()=>{D(!0)},children:l(R.Pen,{})})]})})}),!x&&p(d,{fontSize:"1.mini",fontColor:"4.thin",flexSizing:0,children:[i,"\u30D5\u30A1\u30A4\u30EB / ",K,"B"]})]}),l(L.Sub,{color:"cloud",fontColor:"4.thin",ssSphere:3,onClick:()=>{let C=[...a.dataValue];C[t]&&(C.splice(t,1),c(b=>u(s({},b),{dataValue:C,eventType:"update",eventID:T()})))},children:l(R.Times,{})})]}))}},ge=e=>{let G=e,{tone:t,required:n,form:m,isNameEditable:a,useSystemOnly:c,accept:r="*",limit:g=1,checkValidationAtFirst:o,onChange:x,onValidate:D,onUpdateValue:B,onUpdateValidValue:K,value:W=[],className:M,cellStyles:i,cellClassName:C,componentID:N,status_id:b,enableFormSubmit:w,freeCSS:J,wrapStyles:$}=G,Z=Q(G,["tone","required","form","isNameEditable","useSystemOnly","accept","limit","checkValidationAtFirst","onChange","onValidate","onUpdateValue","onUpdateValidValue","value","className","cellStyles","cellClassName","componentID","status_id","enableFormSubmit","freeCSS","wrapStyles"]),[y,F]=H(te.DefaultStatus(e.componentID||"",W)),[_,ne]=H({ok:!1,notice:[]}),oe={rootStates:e,val_status:y,set_status:F};X(()=>{Y.set({["AddFiles-"+y.componentID]:v=>{F(A=>{let I=A.dataValue,k=[];for(var S=0;S<(v==null?void 0:v.length);S++){let h=v[S],{type:E,name:z}=h;if(S+1+I.length>g){j.add({componentID:z,secondsToClose:12e3,children:`\u30D5\u30A1\u30A4\u30EB\u9078\u629E\u4E0A\u9650\u3092\u8D85\u3048\u305F\u305F\u3081\u3001${z}}\u306F\u8FFD\u52A0\u3067\u304D\u307E\u305B\u3093\u3002`,backgroundColor:"nega"});continue}if(r&&r=="image"&&!E.match(/image/)){j.add({componentID:z,secondsToClose:12e3,children:`\u30D5\u30A1\u30A4\u30EB\u5F62\u5F0F\u304C\u7570\u306A\u308B\u305F\u3081\u3001${z} \u306F\u8FFD\u52A0\u3067\u304D\u307E\u305B\u3093\u3002`,backgroundColor:"nega"});continue}k.push(h)}return u(s({},A),{dataValue:[...I,...k],eventType:"update",eventID:T()})})}})},[]),te.CommonEffects({type:"file",states:e,val_status:y,set_status:F,val_validate:_,set_validate:ne,SystemValidation:fe});let O="";return r&&(r=="image"?O="image/png,image/jpeg":O=r),p(ue,{val_status:y,set_status:F,val_validate:_,states:e,children:[l(d,u(s({htmlTag:"input",type:"file",className:f("Input"),"data-component-id":y.componentID,accept:O,multiple:g!=1,onChange:v=>U(void 0,null,function*(){x&&x(v);let A=v.target,I=A.files,k=[];for(var S=0;S<(I==null?void 0:I.length);S++){let h=I[S],E=h.name;if(h.id=T(),S+1+y.dataValue.length>g){j.add({componentID:E,secondsToClose:12e3,children:`\u30D5\u30A1\u30A4\u30EB\u767B\u9332\u6570\u3092\u8D85\u3048\u305F\u305F\u3081\u3001${E}}\u306F\u8FFD\u52A0\u3067\u304D\u307E\u305B\u3093\u3067\u3057\u305F\u3002`,backgroundColor:"nega"});continue}k.push(h)}F(h=>u(s({},h),{dataValue:[...h.dataValue,...k],eventType:"update",eventID:T()})),A.value=""})},Z),{opacity:"low",tabIndex:-1,value:""})),l(ae.List,s({},oe))]})},q=e=>(e=u(s({limit:1,isNameEditable:!0,useSystemOnly:!1,tone:"border",value:[]},e),{override:"force",cellStyles:s(s({},me({tone:e.tone||"border"})),e.cellStyles)}),l(pe,{componentID:e.componentID,children:ge,states:e}));q.fn={openDialog:e=>{let{multiple:t,accept:n}=e;return new Promise(m=>{const a=document.createElement("input");a.type="file",a.multiple=t!=null?t:!0,n&&(n=="image"?a.accept="image/png,image/jpeg":a.accept=n),a.onchange=c=>{m(c.target.files)},a.click()})}},typeof window!="undefined"&&window.document&&ie(document).addEvent({eventType:"dragover",callback:e=>{e.preventDefault(),V("."+f("AddButton")).addClass(f("Draggable"))},options:{passive:!1}}).addEvent({eventType:"drop",callback:e=>{e.preventDefault(),V("."+f("AddButton")).removeClass(f("Draggable"));let t=e.dataTransfer.files;if(t.length){let n=e.target;if(V(n).hasClass(f("AddButton"))){let{componentId:m}=n.dataset,a=Y.get("AddFiles-"+m);a&&a(t)}}},options:{passive:!1}});export{q as Filer,q as default};
1
+ import{b as s,c as u,d as Q,e as U}from"../../chunk-C5N2D3ZX.js";import{Fragment as le,jsx as l,jsxs as p}from"react/jsx-runtime";import{useState as H,useEffect as X}from"react";import ie,{UUID as T}from"jmini";import{$$fromRoot as V,useStore as Y,ExtractStyles as se}from"../../@utils";import{Box as d,FAI as R,Flex as P,Column as ee}from"../../atoms";import{Row as re}from"../../mols";import{Button as L}from"../Button";import j from"../Snackbar";import{OptionalInputWrapper as pe,BoxWrapper as ue,CoreEffects as te,DefaultBoxishStyles as me}from"./core";import ce from"./TextField";import{InputFilerClasses as f}from"../../@styles/componentClasses";import{faCloudArrowUp as de}from"@fortawesome/free-solid-svg-icons/faCloudArrowUp";function fe(e){let{value:t,states:n}=e,{required:m}=n,a=[];return m&&!t.length&&a.push({type:"invalid",label:"\u5FC5\u9808\u9805\u76EE\u3067\u3059"}),{ok:!a.filter(({type:c})=>c=="invalid").length,notice:a}}const ae={List:e=>{let{rootStates:t,val_status:n,set_status:m}=e;if(t.useSystemOnly)return null;let a=t.limit-(n.dataValue||[]).length,c=(n.dataValue||[]).map((r,g)=>l(ae.ListCell,u(s({},e),{index:g,val_file:r}),r.name));return a>0&&c.push(l(d,u(s({htmlTag:"label"},t.cellStyles),{className:[t.cellClassName,f("AddButton")].join(" "),"data-component-id":n.componentID,htmlFor:t.id,tabIndex:t.tabIndex,onKeyDown:r=>{let{key:g}=r;t.tabIndex!=-1&&[" ","Enter"].includes(g)&&V("#"+t.id).click()},children:p(re.Center,{padding:["1/3",0],children:[l(d,{isRounded:!0,className:f("AddIcon"),children:l(R,{icon:de,className:f("Icon"),fontColor:"theme",fontSize:"4.thirdTitle",backgroundColor:"theme.opa.low",ssSphere:3,padding:"1/2"})}),p(d,{children:[p(d,{fontColor:"theme",fontSize:"2.normal",isSemiBoldFont:!0,children:["\u30D5\u30A1\u30A4\u30EB\u3092\u9078\u629E(",a,")"]}),l(d,{fontColor:"4.thin",fontSize:"0.xs",isSemiBoldFont:!0,children:"\u30D5\u30A1\u30A4\u30EB\u3092\u30C9\u30ED\u30C3\u30D7"})]})]})}),"AddButton")),l(ee,u(s({flexSizing:"auto"},se(t)),{className:t.className,children:c}))},ListCell:e=>{let{index:t,rootStates:n,val_file:m,val_status:a,set_status:c}=e,{name:r,size:g,type:o}=m,[x,D]=H(!1),B=T(),K=g.rank(),[W,M]=r.replace(/\s/,"").replace(/(.*)\.(.*)$/,"$1 $2").split(" "),i="\u30D5\u30A1\u30A4\u30EB";return o.match(/image/)?i=o.replace(/image\//,""):o.match(/pdf/)?i="PDF":o.match(/csv/)?i="CSV":o.match(/spreadsheet/)?i="SpreadSheet":o.match(/presentation/)?i="PowerPoint":o.match(/word/)?i="Word":o.match(/zip/)?i="Zip":o.match(/powerpoint/)?i="PowerPoint":o.match(/html/)?i="HTML":o.match(/js/)?i="JavaScript":o.match(/css/)?i="CSS":o.match(/text\/plain/)&&(i="\u30C6\u30AD\u30B9\u30C8"),X(()=>{x&&setTimeout(()=>{V("#"+B).focus()},100)},[x]),p(P,u(s({verticalAlign:"center",flexWrap:!1,gap:1,className:n.cellClassName},n.cellStyles),{children:[l(R.File,{fontSize:"4.thirdTitle",fontColor:"4.thin"}),p(d,{flexSizing:0,children:[l(d,{children:l(P,{verticalAlign:"center",gap:"2/3",flexWrap:!1,className:f("FileName"),children:x?l(le,{children:p(ee,{flexSizing:0,gap:"1/2",children:[p(P,{gap:"2/3",verticalAlign:"center",children:[l(ce,{tone:"border",wrapStyles:{flexSizing:"auto"},restrict:"fileName",name:"name",required:!0,id:B,form:"form-"+B,enableFormSubmit:!0,value:W,onKeyDown:C=>{let{key:N}=C;N=="Escape"&&D(!1)}}),p(d,{children:[". ",M]})]}),p(P,{gap:"2/3",horizontalAlign:"right",flexWrap:!1,children:[l(L.Sub,{padding:["2/3",1],onClick:()=>{D(!1)},children:"\u9589\u3058\u308B"}),l(L,{padding:["2/3",1],submitOption:{formName:"form-"+B,callback:C=>U(void 0,null,function*(){let{name:N}=C,b=[...a.dataValue],w=b[t],J=w.id;if(!w)return;let{target:$}=yield w.convert();if(!$)return;let y=yield String($.result).toBlob(m.type);if(!y)return;let F=new File([y],N+"."+M,{type:w.type});F.id=J,b[t]=F,c(_=>u(s({},_),{dataValue:b,eventType:"update",eventID:T()})),D(!1)})},children:"\u6C7A\u5B9A"})]})]})}):p(le,{children:[r,!!n.isNameEditable&&l(L.Clear,{ssSphere:2.5,flexSizing:"none",fontColor:"4.thin",padding:"1/3",ssEffectsOnActive:"expand",color:"cloud",onClick:()=>{D(!0)},children:l(R.Pen,{})})]})})}),!x&&p(d,{fontSize:"1.mini",fontColor:"4.thin",flexSizing:0,children:[i,"\u30D5\u30A1\u30A4\u30EB / ",K,"B"]})]}),l(L.Sub,{color:"cloud",fontColor:"4.thin",ssSphere:3,onClick:()=>{let C=[...a.dataValue];C[t]&&(C.splice(t,1),c(b=>u(s({},b),{dataValue:C,eventType:"update",eventID:T()})))},children:l(R.Times,{})})]}))}},ge=e=>{let G=e,{tone:t,required:n,form:m,isNameEditable:a,useSystemOnly:c,accept:r="*",limit:g=1,checkValidationAtFirst:o,onChange:x,onValidate:D,onUpdateValue:B,onUpdateValidValue:K,value:W=[],className:M,cellStyles:i,cellClassName:C,componentID:N,status_id:b,enableFormSubmit:w,freeCSS:J,wrapStyles:$}=G,Z=Q(G,["tone","required","form","isNameEditable","useSystemOnly","accept","limit","checkValidationAtFirst","onChange","onValidate","onUpdateValue","onUpdateValidValue","value","className","cellStyles","cellClassName","componentID","status_id","enableFormSubmit","freeCSS","wrapStyles"]),[y,F]=H(te.DefaultStatus(e.componentID||"",W)),[_,ne]=H({ok:!1,notice:[]}),oe={rootStates:e,val_status:y,set_status:F};X(()=>{Y.set({["AddFiles-"+y.componentID]:v=>{F(A=>{let I=A.dataValue,k=[];for(var S=0;S<(v==null?void 0:v.length);S++){let h=v[S],{type:E,name:z}=h;if(S+1+I.length>g){j.add({componentID:z,secondsToClose:12e3,children:`\u30D5\u30A1\u30A4\u30EB\u9078\u629E\u4E0A\u9650\u3092\u8D85\u3048\u305F\u305F\u3081\u3001${z}}\u306F\u8FFD\u52A0\u3067\u304D\u307E\u305B\u3093\u3002`,backgroundColor:"nega"});continue}if(r&&r=="image"&&!E.match(/image/)){j.add({componentID:z,secondsToClose:12e3,children:`\u30D5\u30A1\u30A4\u30EB\u5F62\u5F0F\u304C\u7570\u306A\u308B\u305F\u3081\u3001${z} \u306F\u8FFD\u52A0\u3067\u304D\u307E\u305B\u3093\u3002`,backgroundColor:"nega"});continue}k.push(h)}return u(s({},A),{dataValue:[...I,...k],eventType:"update",eventID:T()})})}})},[]),te.CommonEffects({type:"file",states:e,val_status:y,set_status:F,val_validate:_,set_validate:ne,SystemValidation:fe});let O="";return r&&(r=="image"?O="image/png,image/jpeg":O=r),p(ue,{val_status:y,set_status:F,val_validate:_,states:e,children:[l(d,u(s({htmlTag:"input",type:"file",className:f("Input"),"data-component-id":y.componentID,accept:O,multiple:g!=1,onChange:v=>U(void 0,null,function*(){x&&x(v);let A=v.target,I=A.files,k=[];for(var S=0;S<(I==null?void 0:I.length);S++){let h=I[S],E=h.name;if(h.id=T(),S+1+y.dataValue.length>g){j.add({componentID:E,secondsToClose:12e3,children:`\u30D5\u30A1\u30A4\u30EB\u767B\u9332\u6570\u3092\u8D85\u3048\u305F\u305F\u3081\u3001${E}}\u306F\u8FFD\u52A0\u3067\u304D\u307E\u305B\u3093\u3067\u3057\u305F\u3002`,backgroundColor:"nega"});continue}k.push(h)}F(h=>u(s({},h),{dataValue:[...h.dataValue,...k],eventType:"update",eventID:T()})),A.value=""})},Z),{opacity:"low",tabIndex:-1,value:""})),l(ae.List,s({},oe))]})},q=e=>(e=u(s({limit:1,isNameEditable:!0,useSystemOnly:!1,tone:"border",value:[]},e),{override:"force",cellStyles:s(s({},me({tone:e.tone||"border"})),e.cellStyles)}),l(pe,{componentID:e.componentID,children:ge,states:e}));q.fn={openDialog:e=>{let{multiple:t,accept:n}=e;return new Promise(m=>{const a=document.createElement("input");a.type="file",a.multiple=t!=null?t:!0,n&&(n=="image"?a.accept="image/png,image/jpeg":a.accept=n),a.onchange=c=>{m(c.target.files)},a.click()})}},typeof window!="undefined"&&window.document&&ie(document).addEvent({eventType:"dragover",callback:e=>{e.preventDefault(),V("."+f("AddButton")).addClass(f("Draggable"))},options:{passive:!1}}).addEvent({eventType:"drop",callback:e=>{e.preventDefault(),V("."+f("AddButton")).removeClass(f("Draggable"));let t=e.dataTransfer.files;if(t.length){let n=e.target;if(V(n).hasClass(f("AddButton"))){let{componentId:m}=n.dataset,a=Y.get("AddFiles-"+m);a&&a(t)}}},options:{passive:!1}});export{q as Filer,q as default};
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
- import { KeyValueDict } from '@mingoo/jsmin';
2
+ import { KeyValueDict } from 'jmini';
3
3
  declare namespace Hidden {
4
4
  type Input = React.DOMAttributes<HTMLInputElement> & {
5
5
  componentID?: string;
@@ -1 +1 @@
1
- import{b as n,c as a,d as r}from"../../chunk-C5N2D3ZX.js";import{jsx as d}from"react/jsx-runtime";import{UUID as u}from"@mingoo/jsmin";import{useState as p,useEffect as v}from"react";import{OptionalInputWrapper as D,CoreEffects as g}from"./core";const S=t=>{let s=t,{componentID:m="",enableFormSubmit:b,form:V,value:e=""}=s,c=r(s,["componentID","enableFormSubmit","form","value"]),[i,o]=p({componentID:t.componentID||"",dataValue:e,eventType:"init",eventID:u()}),[f,I]=p({ok:!1,notice:[]});return v(()=>{JSON.stringify(i.dataValue)!=JSON.stringify(e)&&o(y=>a(n({},y),{dataValue:e,eventType:"update",eventID:u()}))},[t.value]),g.CommonEffects({type:"hidden",states:t,val_status:i,set_status:o,val_validate:f,set_validate:I,SystemValidation:()=>({ok:!0,notice:[]})}),d("input",a(n({value:JSON.stringify(e),"data-component-id":m},c),{type:"hidden"}))},l=t=>d(D,{componentID:t.componentID,children:S,states:t});export{l as Hidden,l as default};
1
+ import{b as n,c as a,d as r}from"../../chunk-C5N2D3ZX.js";import{jsx as d}from"react/jsx-runtime";import{UUID as u}from"jmini";import{useState as p,useEffect as v}from"react";import{OptionalInputWrapper as D,CoreEffects as g}from"./core";const S=t=>{let s=t,{componentID:m="",enableFormSubmit:b,form:V,value:e=""}=s,c=r(s,["componentID","enableFormSubmit","form","value"]),[i,o]=p({componentID:t.componentID||"",dataValue:e,eventType:"init",eventID:u()}),[f,I]=p({ok:!1,notice:[]});return v(()=>{JSON.stringify(i.dataValue)!=JSON.stringify(e)&&o(y=>a(n({},y),{dataValue:e,eventType:"update",eventID:u()}))},[t.value]),g.CommonEffects({type:"hidden",states:t,val_status:i,set_status:o,val_validate:f,set_validate:I,SystemValidation:()=>({ok:!0,notice:[]})}),d("input",a(n({value:JSON.stringify(e),"data-component-id":m},c),{type:"hidden"}))},l=t=>d(D,{componentID:t.componentID,children:S,states:t});export{l as Hidden,l as default};