amotify 0.2.43 → 0.2.44

package/dist/@styles/style.js

@@ -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 g={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 d={Wrap:"_Wrap_2p2fg_1",isLocked_true:"_isLocked_true_2p2fg_16",Tone_Sub_Color_theme:"_Tone_Sub_Color_theme_2p2fg_21",Tone_Clear_Color_theme:"_Tone_Clear_Color_theme_2p2fg_21",Tone_Sub_Color_posi:"_Tone_Sub_Color_posi_2p2fg_24",Tone_Clear_Color_posi:"_Tone_Clear_Color_posi_2p2fg_24",Tone_Sub_Color_nega:"_Tone_Sub_Color_nega_2p2fg_27",Tone_Clear_Color_nega:"_Tone_Clear_Color_nega_2p2fg_27",Tone_Sub_Color_warn:"_Tone_Sub_Color_warn_2p2fg_30",Tone_Clear_Color_warn:"_Tone_Clear_Color_warn_2p2fg_30",Tone_Sub_Color_white:"_Tone_Sub_Color_white_2p2fg_33",Tone_Clear_Color_white:"_Tone_Clear_Color_white_2p2fg_33",Tone_Sub_Color_cloud:"_Tone_Sub_Color_cloud_2p2fg_36",Tone_Clear_Color_cloud:"_Tone_Clear_Color_cloud_2p2fg_36",Tone_Sub_Color_layer:"_Tone_Sub_Color_layer_2p2fg_39",Tone_Clear_Color_layer:"_Tone_Clear_Color_layer_2p2fg_39",isNeutral_true:"_isNeutral_true_2p2fg_43",Tone_Clear:"_Tone_Clear_2p2fg_21",Tone_BorderToFill:"_Tone_BorderToFill_2p2fg_46",Tone_FillToBorder:"_Tone_FillToBorder_2p2fg_49",Tone_FillToBorder_Color_white:"_Tone_FillToBorder_Color_white_2p2fg_52",Tone_FillToBorder_Color_cloud:"_Tone_FillToBorder_Color_cloud_2p2fg_52",Tone_Link:"_Tone_Link_2p2fg_55",Tone_Normal_Color_plain:"_Tone_Normal_Color_plain_2p2fg_62",Tone_Normal_Color_theme:"_Tone_Normal_Color_theme_2p2fg_66",Tone_Normal_Color_posi:"_Tone_Normal_Color_posi_2p2fg_70",Tone_Normal_Color_nega:"_Tone_Normal_Color_nega_2p2fg_74",Tone_Normal_Color_warn:"_Tone_Normal_Color_warn_2p2fg_78",Tone_Border:"_Tone_Border_2p2fg_46",Tone_Prime:"_Tone_Prime_2p2fg_85",Tone_BorderToFill_Color_white:"_Tone_BorderToFill_Color_white_2p2fg_120",Tone_BorderToFill_Color_cloud:"_Tone_BorderToFill_Color_cloud_2p2fg_120"};var m={Wrapper:"_Wrapper_8wns2_1",Input:"_Input_8wns2_27",DigitCharacterCell:"_DigitCharacterCell_8wns2_58",Combined:"_Combined_8wns2_58",ShowCell:"_ShowCell_8wns2_1"};var b={SelectorWrapper:"_SelectorWrapper_vfpyx_1"};var p={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 f={CellBase:"_CellBase_xuhga_1",HideInput_true:"_HideInput_true_xuhga_1",Input:"_Input_xuhga_1",Label:"_Label_xuhga_5"};var h={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],Br=o=>a[o],zr=o=>t[o],Nr=o=>_[o],Rr=o=>l[o],Wr=o=>e[o],Pr=o=>i[o],jr=o=>c[o],Ir=o=>n[o],Ar=o=>s[o],Gr=o=>g[o],Fr=o=>d[o],Mr=o=>m[o],Yr=o=>b[o],Dr=o=>p[o],qr=o=>f[o],Or=o=>h[o],Ur=o=>v[o],Vr=o=>u[o],Er=o=>w[o],Kr=o=>k[o],Xr=o=>y[o];export{Nr as AccordionClasses,Fr as ButtonClasses,Gr as CropperClasses,Ar as EffectClasses,Lr as ImgClasses,Kr as InputAutoHeightClasses,Or as InputAutocompleteClasses,Yr as InputChipsClasses,Mr as InputClasses,Dr as InputFilerClasses,qr as InputListClasses,Xr as InputSegmentedClasses,Vr as InputSliderClasses,Ur as InputSwitchClasses,Er as InputTimeClasses,jr as LayoutClasses,Pr as LoaderClasses,Br as LogoClasses,zr as PlaceholderClasses,Wr as SheetClasses,Rr as SnackbarClasses,Ir as TableClasses};
+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 g={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 d={Wrap:"_Wrap_2p2fg_1",isLocked_true:"_isLocked_true_2p2fg_16",Tone_Sub_Color_theme:"_Tone_Sub_Color_theme_2p2fg_21",Tone_Clear_Color_theme:"_Tone_Clear_Color_theme_2p2fg_21",Tone_Sub_Color_posi:"_Tone_Sub_Color_posi_2p2fg_24",Tone_Clear_Color_posi:"_Tone_Clear_Color_posi_2p2fg_24",Tone_Sub_Color_nega:"_Tone_Sub_Color_nega_2p2fg_27",Tone_Clear_Color_nega:"_Tone_Clear_Color_nega_2p2fg_27",Tone_Sub_Color_warn:"_Tone_Sub_Color_warn_2p2fg_30",Tone_Clear_Color_warn:"_Tone_Clear_Color_warn_2p2fg_30",Tone_Sub_Color_white:"_Tone_Sub_Color_white_2p2fg_33",Tone_Clear_Color_white:"_Tone_Clear_Color_white_2p2fg_33",Tone_Sub_Color_cloud:"_Tone_Sub_Color_cloud_2p2fg_36",Tone_Clear_Color_cloud:"_Tone_Clear_Color_cloud_2p2fg_36",Tone_Sub_Color_layer:"_Tone_Sub_Color_layer_2p2fg_39",Tone_Clear_Color_layer:"_Tone_Clear_Color_layer_2p2fg_39",isNeutral_true:"_isNeutral_true_2p2fg_43",Tone_Clear:"_Tone_Clear_2p2fg_21",Tone_BorderToFill:"_Tone_BorderToFill_2p2fg_46",Tone_FillToBorder:"_Tone_FillToBorder_2p2fg_49",Tone_FillToBorder_Color_white:"_Tone_FillToBorder_Color_white_2p2fg_52",Tone_FillToBorder_Color_cloud:"_Tone_FillToBorder_Color_cloud_2p2fg_52",Tone_Link:"_Tone_Link_2p2fg_55",Tone_Normal_Color_plain:"_Tone_Normal_Color_plain_2p2fg_62",Tone_Normal_Color_theme:"_Tone_Normal_Color_theme_2p2fg_66",Tone_Normal_Color_posi:"_Tone_Normal_Color_posi_2p2fg_70",Tone_Normal_Color_nega:"_Tone_Normal_Color_nega_2p2fg_74",Tone_Normal_Color_warn:"_Tone_Normal_Color_warn_2p2fg_78",Tone_Border:"_Tone_Border_2p2fg_46",Tone_Prime:"_Tone_Prime_2p2fg_85",Tone_BorderToFill_Color_white:"_Tone_BorderToFill_Color_white_2p2fg_120",Tone_BorderToFill_Color_cloud:"_Tone_BorderToFill_Color_cloud_2p2fg_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 p={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 f={CellBase:"_CellBase_xuhga_1",HideInput_true:"_HideInput_true_xuhga_1",Input:"_Input_xuhga_1",Label:"_Label_xuhga_5"};var h={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],zr=o=>a[o],Br=o=>t[o],Nr=o=>_[o],Wr=o=>l[o],Rr=o=>e[o],jr=o=>i[o],Pr=o=>c[o],Ir=o=>n[o],Ar=o=>s[o],Gr=o=>g[o],Fr=o=>d[o],Mr=o=>m[o],Yr=o=>b[o],Dr=o=>p[o],qr=o=>f[o],Or=o=>h[o],Ur=o=>v[o],Vr=o=>u[o],Er=o=>w[o],Kr=o=>k[o],Xr=o=>y[o];export{Nr as AccordionClasses,Fr as ButtonClasses,Gr as CropperClasses,Ar as EffectClasses,Lr as ImgClasses,Kr as InputAutoHeightClasses,Or as InputAutocompleteClasses,Yr as InputChipsClasses,Mr as InputClasses,Dr as InputFilerClasses,qr as InputListClasses,Xr as InputSegmentedClasses,Vr as InputSliderClasses,Ur as InputSwitchClasses,Er as InputTimeClasses,Pr as LayoutClasses,jr as LoaderClasses,zr as LogoClasses,Br as PlaceholderClasses,Rr as SheetClasses,Wr as SnackbarClasses,Ir as TableClasses};

package/dist/fn/Input/Color.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { ThemeColor } from '../../@declares';
+import { InputTypes } from '.';
+declare namespace Color {
+    type Input = InputTypes.CoreInput<string> & React.DOMAttributes<HTMLInputElement> & {
+        id?: string;
+        tabIndex?: number;
+        disabled?: boolean;
+        value?: string;
+    };
+    type Color = ThemeColor | 'theme' | 'posi' | 'nega' | 'warn';
+}
+declare const Color: React.FC<Color.Input>;
+export { Color, Color as default };

package/dist/fn/Input/Color.js

@@ -0,0 +1 @@
+import{b as e,c as i,d as y}from"../../chunk-C5N2D3ZX.js";import{jsx as d}from"react/jsx-runtime";import{useState as h}from"react";import V from"@mingoo/jsmin";import E from"../../atoms/Box";import{OptionalInputWrapper as F,BoxWrapper as R,CoreEffects as D,DefaultBoxishStyles as w}from"./core";import{InputSwitchClasses as B}from"../../@styles/componentClasses";function O(t){let{value:l,states:m}=t,{required:u}=m,a=[];return u&&!l&&a.push({type:"invalid",label:"ON\u306B\u306A\u3063\u3066\u3044\u307E\u305B\u3093"}),{ok:!a.filter(({type:c})=>c=="invalid").length,notice:a}}const W=t=>{let v=t,{componentID:l,required:m,form:u,enableFormSubmit:a,checkValidationAtFirst:c,onChange:f,onKeyDown:I,onValidate:H,onUpdateValue:T,onUpdateValidValue:S,value:s=""}=v,b=y(v,["componentID","required","form","enableFormSubmit","checkValidationAtFirst","onChange","onKeyDown","onValidate","onUpdateValue","onUpdateValidValue","value"]),x={componentID:t.componentID||"",dataValue:s,eventType:"init",eventID:V.uuid.gen()},[o,p]=h(x),[r,C]=h({ok:!1,notice:[]});return D.CommonEffects({type:"color",states:t,val_status:o,set_status:p,val_validate:r,set_validate:C,DefaultValidation:O,onUpdateValue:T,onUpdateValidValue:S,ExtraOverrideStates:{dataValue:s,formatValue:s}}),d(R,{val_status:o,set_status:p,val_validate:r,states:t,children:d(E,e({htmlTag:"input",type:"color","data-form":u,"data-input-type":"color","data-validation":r.ok,"data-component-id":o.componentID,"data-value":o.dataValue,value:o.dataValue,className:B("Input"),onKeyDown:n=>{I&&I(n),a&&D.SubmitForm(n)},onChange:n=>{let{value:_}=n.target;r.ok&&C({ok:!1,notice:[]}),p(k=>i(e({},k),{dataValue:_,eventType:"update",eventID:V.uuid.gen()})),f&&f(n)}},b))})},g=t=>{let l=i(e(i(e({},w(t)),{backgroundColor:"cloud",unitHeight:3}),t),{freeCSS:e({minWidth:108},t.freeCSS)});return d(F,{componentID:t.componentID,children:W,states:l})};export{g as Color,g as default};

package/dist/fn/Input/Filer.d.ts

@@ -10,8 +10,8 @@ declare namespace Filer {
         disabled?: boolean;
         value?: CustomFile[];
         limit?: number;
-        fileNameEdit?: boolean;
-        systemOnly?: boolean;
+        isNameEditable?: boolean;
+        useSystemOnly?: boolean;
         accept?: Accept;
         cellStyles?: StyleTags.States;
         cellClassName?: string;
@@ -20,19 +20,18 @@ declare namespace Filer {
         id: string;
     };
     type Accept = 'image' | string;
-    type ListInput = {
-        files: File[];
-        states: Filer.Input;
-        val_status: InputTypes.Status.Plain;
-        set_status: React.Dispatch<React.SetStateAction<InputTypes.Status.Plain>>;
+    type WrapperStates = {
+        rootStates: Input & {
+            limit: number;
+        };
+        val_status: InputTypes.Status.Plain<CustomFile[]>;
+        set_status: React.Dispatch<React.SetStateAction<InputTypes.Status.Plain<CustomFile[]>>>;
     };
-    type CellInput = {
+    type ListCellInput = WrapperStates & {
         index: number;
-        file: File;
-        className?: string;
-        val_status: InputTypes.Status.Plain;
-        set_status: React.Dispatch<React.SetStateAction<InputTypes.Status.Plain>>;
-        fileNameEdit?: boolean;
+        val_file: File;
+        val_status: InputTypes.Status.Plain<CustomFile[]>;
+        set_status: React.Dispatch<React.SetStateAction<InputTypes.Status.Plain<CustomFile[]>>>;
     };
     type FNs = {
         fn: {

package/dist/fn/Input/Filer.js

@@ -1 +1 @@
-import{b as v,c as b,d as Q,e as L}from"../../chunk-C5N2D3ZX.js";import{Fragment as ae,jsx as n,jsxs as r}from"react/jsx-runtime";import{useState as U,useEffect as ne}from"react";import I from"@mingoo/jsmin";import{$$fromRoot as P,useStore as X,GenerateHTMLProps as Y}from"../../@utils";import{Box as g,FAI as $,Flex as M,Column as ee}from"../../atoms";import{Row as ie}from"../../mols";import O from"../Button";import j from"../Snackbar";import{OptionalInputWrapper as oe,BoxWrapper as se,CoreEffects as re,DefaultBoxishStyles as ue}from"./core";import pe from"./TextField";import{InputFilerClasses as m}from"../../@styles/componentClasses";import{faCloudArrowUp as de}from"@fortawesome/free-solid-svg-icons/faCloudArrowUp";function ce(e){let{value:t,states:a}=e,{required:s}=a,l=[];return s&&!t.length&&l.push({type:"invalid",label:"\u5FC5\u9808\u9805\u76EE\u3067\u3059"}),{ok:!l.filter(({type:u})=>u=="invalid").length,notice:l}}const te={List:e=>{let{files:t,states:a,val_status:s,set_status:l}=e,u=(a.limit||1)-s.dataValue.length,d=t.map((p,T)=>n(te.Cell,{index:T,file:p,className:a.cellClassName,val_status:s,set_status:l,fileNameEdit:a.fileNameEdit},p.name));return u>0&&d.push(n("label",{className:[a.cellClassName,m("AddButton")].join(" "),"data-component-id":s.componentID,htmlFor:a.id,tabIndex:a.tabIndex,onKeyDown:p=>{let{key:T}=p;a.tabIndex!=-1&&[" ","Enter"].includes(T)&&P("#"+a.id).click()},children:r(ie.Center,{padding:["1/3",0],children:[n(g,{isRounded:!0,className:m("AddIcon"),children:n($,{icon:de,className:m("Icon"),fontColor:"theme",fontSize:"4.thirdTitle",backgroundColor:"theme.opa.low",ssSphere:3,padding:"1/2"})}),r(g,{children:[r(g,{fontColor:"theme",fontSize:"2.normal",isSemiBoldFont:!0,children:["\u30D5\u30A1\u30A4\u30EB\u3092\u9078\u629E(",u,")"]}),n(g,{fontColor:"4.thin",fontSize:"0.xs",isSemiBoldFont:!0,children:"\u30D5\u30A1\u30A4\u30EB\u3092\u30C9\u30ED\u30C3\u30D7"})]})]})},"AddButton")),n(ee,{flexSizing:"auto",className:a.className,children:d})},Cell:e=>{let{index:t,file:a,className:s,val_status:l,set_status:u,fileNameEdit:d=!0}=e,{name:p,size:T,type:i}=a,[A,B]=U(!1),N=I.uuid.gen(),V=T.rank(),[K,W]=p.replace(/\s/,"").replace(/(.*)\.(.*)$/,"$1 $2").split(" "),o="\u30D5\u30A1\u30A4\u30EB";return i.match(/image/)?o=i.replace(/image\//,""):i.match(/pdf/)?o="PDF":i.match(/csv/)?o="CSV":i.match(/spreadsheet/)?o="SpreadSheet":i.match(/presentation/)?o="PowerPoint":i.match(/word/)?o="Word":i.match(/zip/)?o="Zip":i.match(/powerpoint/)?o="PowerPoint":i.match(/html/)?o="HTML":i.match(/js/)?o="JavaScript":i.match(/css/)?o="CSS":i.match(/text\/plain/)&&(o="\u30C6\u30AD\u30B9\u30C8"),ne(()=>{A&&setTimeout(()=>{P("#"+N).focus()},100)},[A]),r(M,{verticalAlign:"center",flexWrap:!1,gap:1,className:s,children:[n($.File,{fontSize:"4.thirdTitle",fontColor:"4.thin"}),r(g,{flexSizing:0,children:[n(g,{children:n(M,{verticalAlign:"center",gap:"2/3",flexWrap:!1,className:m("FileName"),children:A?n(ae,{children:r(ee,{flexSizing:0,gap:"1/2",children:[r(M,{gap:"2/3",verticalAlign:"center",children:[n(pe,{tone:"border",wrapStyles:{flexSizing:"auto"},restrict:"fileName",name:"name",required:!0,id:N,form:"form-"+N,enableFormSubmit:!0,value:K,onKeyDown:y=>{let{key:_}=y;_=="Escape"&&B(!1)}}),r(g,{children:[". ",W]})]}),r(M,{gap:"2/3",horizontalAlign:"right",flexWrap:!1,children:[n(O.Button.Sub.R,{padding:["2/3",1],onClick:()=>{B(!1)},children:"\u9589\u3058\u308B"}),n(O.Button.Prime.R,{padding:["2/3",1],submitOption:{formName:"form-"+N,callback:y=>L(void 0,null,function*(){let{name:_}=y,D=[...l.dataValue],k=D[t],G=k.id;if(!k)return;let{target:z}=yield k.convert();if(!z)return;let c=yield String(z.result).toBlob(a.type);if(!c)return;let h=new File([c],_+"."+W,{type:k.type});h.id=G,D[t]=h,u(R=>b(v({},R),{dataValue:D,eventType:"update",eventID:I.uuid.gen()})),B(!1)})},children:"\u6C7A\u5B9A"})]})]})}):r(ae,{children:[p,!!d&&n(O.Button.Clear.R,{ssSphere:2.5,flexSizing:"none",fontColor:"4.thin",padding:"1/3",ssEffectsOnActive:"expand",color:"cloud",onClick:()=>{B(!0)},children:n($.Pen,{})})]})})}),!A&&r(g,{fontSize:"1.mini",fontColor:"4.thin",flexSizing:0,children:[o,"\u30D5\u30A1\u30A4\u30EB / ",V,"B"]})]}),n(O.Button.Sub.R,{color:"cloud",fontColor:"4.thin",ssSphere:3,onClick:()=>{let y=[...l.dataValue];y[t]&&(y.splice(t,1),u(D=>b(v({},D),{dataValue:y,eventType:"update",eventID:I.uuid.gen()})))},children:n($.Times,{})})]})}},me=e=>{let Z=e,{tone:t,required:a,form:s,fileNameEdit:l=!0,systemOnly:u=!1,accept:d="*",limit:p=1,checkValidationAtFirst:T,onChange:i,onValidate:A,onUpdateValue:B,onUpdateValidValue:N,value:V=[],className:K,cellStyles:W,cellClassName:o,componentID:y,status_id:_,enableFormSubmit:D,freeCSS:k,wrapStyles:G}=Z,z=Q(Z,["tone","required","form","fileNameEdit","systemOnly","accept","limit","checkValidationAtFirst","onChange","onValidate","onUpdateValue","onUpdateValidValue","value","className","cellStyles","cellClassName","componentID","status_id","enableFormSubmit","freeCSS","wrapStyles"]),J={componentID:e.componentID||"",dataValue:V,eventType:"init",eventID:I.uuid.gen()},[c,h]=U(J),[R,le]=U({ok:!1,notice:[]});re.CommonEffects({type:"file",states:e,val_status:c,set_status:h,val_validate:R,set_validate:le,onUpdateValue:B,onUpdateValidValue:N,DefaultValidation:ce,ExtraOverrideStates:{dataValue:V,formatValue:V},ExtraStoreStates:{AddFiles:w=>L(void 0,null,function*(){let E=X.get(c.componentID).Files,F=[];for(var C=0;C<(w==null?void 0:w.length);C++){let f=w[C],{type:S,name:x}=f;if(C+1+E.length>p){j.add({componentID:x,secondsToClose:12e3,children:`\u30D5\u30A1\u30A4\u30EB\u9078\u629E\u4E0A\u9650\u3092\u8D85\u3048\u305F\u305F\u3081\u3001${x}}\u306F\u8FFD\u52A0\u3067\u304D\u307E\u305B\u3093\u3002`,backgroundColor:"nega"});continue}if(d&&d=="image"&&!S.match(/image/)){j.add({componentID:x,secondsToClose:12e3,children:`\u30D5\u30A1\u30A4\u30EB\u5F62\u5F0F\u304C\u7570\u306A\u308B\u305F\u3081\u3001${x} \u306F\u8FFD\u52A0\u3067\u304D\u307E\u305B\u3093\u3002`,backgroundColor:"nega"});continue}F.push(f)}h(f=>b(v({},f),{dataValue:[...E,...F],eventType:"update",eventID:I.uuid.gen()}))})}});let H="";return d&&(d=="image"?H="image/png,image/jpeg":H=d),r(se,{val_status:c,set_status:h,val_validate:R,states:e,children:[n(g,b(v({htmlTag:"input",type:"file",className:m("Input"),"data-form":s,"data-input-type":"file","data-component-id":c.componentID,"data-validation":R.ok,accept:H,multiple:p!=1,onChange:w=>L(void 0,null,function*(){let E=w.target,F=E.files,C=[];for(var f=0;f<(F==null?void 0:F.length);f++){let S=F[f],x=S.name;if(S.id=I.uuid.gen(),f+1+c.dataValue.length>p){j.add({componentID:x,secondsToClose:12e3,children:`\u30D5\u30A1\u30A4\u30EB\u767B\u9332\u6570\u3092\u8D85\u3048\u305F\u305F\u3081\u3001${x}}\u306F\u8FFD\u52A0\u3067\u304D\u307E\u305B\u3093\u3067\u3057\u305F\u3002`,backgroundColor:"nega"});continue}C.push(S)}h(S=>b(v({},S),{dataValue:[...S.dataValue,...C],eventType:"update",eventID:I.uuid.gen()})),E.value=""})},z),{tabIndex:-1,value:""})),!u&&n(te.List,{files:c.dataValue,states:e,val_status:c,set_status:h})]})};typeof window!="undefined"&&window.document&&I(document).addEvent({eventType:"dragover",callback:e=>{e.preventDefault(),P("."+m("AddButton")).addClass(m("Draggable"))},options:{passive:!1}}).addEvent({eventType:"drop",callback:e=>{e.preventDefault(),P("."+m("AddButton")).removeClass(m("Draggable"));let t=e.dataTransfer.files;if(t.length){let a=e.target;if(P(a).hasClass(m("AddButton"))){let{componentId:s}=a.dataset,l=X.get(s);l&&l.AddFiles&&l.AddFiles(t)}}},options:{passive:!1}});const q=e=>{e=v({},e),e.override="force";let t=Y(e);return t.cellClassName=[t.cellClassName,Y(ue(b(v({},t.cellStyles),{tone:t.tone}))).className].join(" "),n(oe,{componentID:e.componentID,children:me,states:t})};q.fn={openDialog:e=>{let{multiple:t,accept:a}=e;return new Promise(s=>{const l=document.createElement("input");l.type="file",l.multiple=t!=null?t:!0,a&&(a=="image"?l.accept="image/png,image/jpeg":l.accept=a),l.onchange=u=>{s(u.target.files)},l.click()})}};export{q as Filer,q as default};
+import{b as s,c as d,d as Q,e as P}from"../../chunk-C5N2D3ZX.js";import{Fragment as te,jsx as l,jsxs as p}from"react/jsx-runtime";import{useState as j,useEffect as ne}from"react";import v from"@mingoo/jsmin";import{$$fromRoot as R,useStore as X,ExtractStyles as ie}from"../../@utils";import{Box as m,FAI as z,Flex as L,Column as Y}from"../../atoms";import{Row as oe}from"../../mols";import W from"../Button";import q from"../Snackbar";import{OptionalInputWrapper as se,BoxWrapper as re,CoreEffects as pe,DefaultBoxishStyles as ue}from"./core";import de from"./TextField";import{InputFilerClasses as f}from"../../@styles/componentClasses";import{faCloudArrowUp as ce}from"@fortawesome/free-solid-svg-icons/faCloudArrowUp";function me(e){let{value:t,states:n}=e,{required:u}=n,a=[];return u&&!t.length&&a.push({type:"invalid",label:"\u5FC5\u9808\u9805\u76EE\u3067\u3059"}),{ok:!a.filter(({type:c})=>c=="invalid").length,notice:a}}const ee={List:e=>{let{rootStates:t,val_status:n,set_status:u}=e;if(t.useSystemOnly)return null;let a=t.limit-n.dataValue.length,c=n.dataValue.map((r,g)=>l(ee.ListCell,d(s({},e),{index:g,val_file:r}),r.name));return a>0&&c.push(l(m,d(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)&&R("#"+t.id).click()},children:p(oe.Center,{padding:["1/3",0],children:[l(m,{isRounded:!0,className:f("AddIcon"),children:l(z,{icon:ce,className:f("Icon"),fontColor:"theme",fontSize:"4.thirdTitle",backgroundColor:"theme.opa.low",ssSphere:3,padding:"1/2"})}),p(m,{children:[p(m,{fontColor:"theme",fontSize:"2.normal",isSemiBoldFont:!0,children:["\u30D5\u30A1\u30A4\u30EB\u3092\u9078\u629E(",a,")"]}),l(m,{fontColor:"4.thin",fontSize:"0.xs",isSemiBoldFont:!0,children:"\u30D5\u30A1\u30A4\u30EB\u3092\u30C9\u30ED\u30C3\u30D7"})]})]})}),"AddButton")),l(Y,d(s({flexSizing:"auto"},ie(t)),{className:t.className,children:c}))},ListCell:e=>{let{index:t,rootStates:n,val_file:u,val_status:a,set_status:c}=e,{name:r,size:g,type:i}=u,[N,w]=j(!1),T=v.uuid.gen(),$=g.rank(),[A,O]=r.replace(/\s/,"").replace(/(.*)\.(.*)$/,"$1 $2").split(" "),o="\u30D5\u30A1\u30A4\u30EB";return i.match(/image/)?o=i.replace(/image\//,""):i.match(/pdf/)?o="PDF":i.match(/csv/)?o="CSV":i.match(/spreadsheet/)?o="SpreadSheet":i.match(/presentation/)?o="PowerPoint":i.match(/word/)?o="Word":i.match(/zip/)?o="Zip":i.match(/powerpoint/)?o="PowerPoint":i.match(/html/)?o="HTML":i.match(/js/)?o="JavaScript":i.match(/css/)?o="CSS":i.match(/text\/plain/)&&(o="\u30C6\u30AD\u30B9\u30C8"),ne(()=>{N&&setTimeout(()=>{R("#"+T).focus()},100)},[N]),p(L,d(s({verticalAlign:"center",flexWrap:!1,gap:1,className:n.cellClassName},n.cellStyles),{children:[l(z.File,{fontSize:"4.thirdTitle",fontColor:"4.thin"}),p(m,{flexSizing:0,children:[l(m,{children:l(L,{verticalAlign:"center",gap:"2/3",flexWrap:!1,className:f("FileName"),children:N?l(te,{children:p(Y,{flexSizing:0,gap:"1/2",children:[p(L,{gap:"2/3",verticalAlign:"center",children:[l(de,{tone:"border",wrapStyles:{flexSizing:"auto"},restrict:"fileName",name:"name",required:!0,id:T,form:"form-"+T,enableFormSubmit:!0,value:A,onKeyDown:h=>{let{key:V}=h;V=="Escape"&&w(!1)}}),p(m,{children:[". ",O]})]}),p(L,{gap:"2/3",horizontalAlign:"right",flexWrap:!1,children:[l(W.Button.Sub.R,{padding:["2/3",1],onClick:()=>{w(!1)},children:"\u9589\u3058\u308B"}),l(W.Button.Prime.R,{padding:["2/3",1],submitOption:{formName:"form-"+T,callback:h=>P(void 0,null,function*(){let{name:V}=h,B=[...a.dataValue],k=B[t],G=k.id;if(!k)return;let{target:M}=yield k.convert();if(!M)return;let E=yield String(M.result).toBlob(u.type);if(!E)return;let y=new File([E],V+"."+O,{type:k.type});y.id=G,B[t]=y,c(C=>d(s({},C),{dataValue:B,eventType:"update",eventID:v.uuid.gen()})),w(!1)})},children:"\u6C7A\u5B9A"})]})]})}):p(te,{children:[r,!!n.isNameEditable&&l(W.Button.Clear.R,{ssSphere:2.5,flexSizing:"none",fontColor:"4.thin",padding:"1/3",ssEffectsOnActive:"expand",color:"cloud",onClick:()=>{w(!0)},children:l(z.Pen,{})})]})})}),!N&&p(m,{fontSize:"1.mini",fontColor:"4.thin",flexSizing:0,children:[o,"\u30D5\u30A1\u30A4\u30EB / ",$,"B"]})]}),l(W.Button.Sub.R,{color:"cloud",fontColor:"4.thin",ssSphere:3,onClick:()=>{let h=[...a.dataValue];h[t]&&(h.splice(t,1),c(B=>d(s({},B),{dataValue:h,eventType:"update",eventID:v.uuid.gen()})))},children:l(z.Times,{})})]}))}},fe=e=>{let Z=e,{tone:t,required:n,form:u,isNameEditable:a,useSystemOnly:c,accept:r="*",limit:g=1,checkValidationAtFirst:i,onChange:N,onValidate:w,onUpdateValue:T,onUpdateValidValue:$,value:A=[],className:O,cellStyles:o,cellClassName:h,componentID:V,status_id:B,enableFormSubmit:k,freeCSS:G,wrapStyles:M}=Z,J=Q(Z,["tone","required","form","isNameEditable","useSystemOnly","accept","limit","checkValidationAtFirst","onChange","onValidate","onUpdateValue","onUpdateValidValue","value","className","cellStyles","cellClassName","componentID","status_id","enableFormSubmit","freeCSS","wrapStyles"]),E={componentID:e.componentID||"",dataValue:A,eventType:"init",eventID:v.uuid.gen()},[y,C]=j(E),[H,ae]=j({ok:!1,notice:[]}),le={rootStates:e,val_status:y,set_status:C};pe.CommonEffects({type:"file",states:e,val_status:y,set_status:C,val_validate:H,set_validate:ae,onUpdateValue:T,onUpdateValidValue:$,DefaultValidation:me,ExtraOverrideStates:{dataValue:A,formatValue:A},ExtraStoreStates:{AddFiles:D=>P(void 0,null,function*(){let _=X.get(y.componentID).Files,I=[];for(var x=0;x<(D==null?void 0:D.length);x++){let S=D[x],{type:F,name:b}=S;if(x+1+_.length>g){q.add({componentID:b,secondsToClose:12e3,children:`\u30D5\u30A1\u30A4\u30EB\u9078\u629E\u4E0A\u9650\u3092\u8D85\u3048\u305F\u305F\u3081\u3001${b}}\u306F\u8FFD\u52A0\u3067\u304D\u307E\u305B\u3093\u3002`,backgroundColor:"nega"});continue}if(r&&r=="image"&&!F.match(/image/)){q.add({componentID:b,secondsToClose:12e3,children:`\u30D5\u30A1\u30A4\u30EB\u5F62\u5F0F\u304C\u7570\u306A\u308B\u305F\u3081\u3001${b} \u306F\u8FFD\u52A0\u3067\u304D\u307E\u305B\u3093\u3002`,backgroundColor:"nega"});continue}I.push(S)}C(S=>d(s({},S),{dataValue:[..._,...I],eventType:"update",eventID:v.uuid.gen()}))})}});let U="";return r&&(r=="image"?U="image/png,image/jpeg":U=r),p(re,{val_status:y,set_status:C,val_validate:H,states:e,children:[l(m,d(s({htmlTag:"input",type:"file",className:f("Input"),"data-form":u,"data-input-type":"file","data-component-id":y.componentID,"data-validation":H.ok,accept:U,multiple:g!=1,onChange:D=>P(void 0,null,function*(){let _=D.target,I=_.files,x=[];for(var S=0;S<(I==null?void 0:I.length);S++){let F=I[S],b=F.name;if(F.id=v.uuid.gen(),S+1+y.dataValue.length>g){q.add({componentID:b,secondsToClose:12e3,children:`\u30D5\u30A1\u30A4\u30EB\u767B\u9332\u6570\u3092\u8D85\u3048\u305F\u305F\u3081\u3001${b}}\u306F\u8FFD\u52A0\u3067\u304D\u307E\u305B\u3093\u3067\u3057\u305F\u3002`,backgroundColor:"nega"});continue}x.push(F)}C(F=>d(s({},F),{dataValue:[...F.dataValue,...x],eventType:"update",eventID:v.uuid.gen()})),_.value=""})},J),{opacity:"low",tabIndex:-1,value:""})),l(ee.List,s({},le))]})},K=e=>(e=d(s({limit:1,isNameEditable:!0,useSystemOnly:!1,tone:"border"},e),{override:"force",cellStyles:s(s({},ue({tone:e.tone||"border"})),e.cellStyles)}),l(se,{componentID:e.componentID,children:fe,states:e}));K.fn={openDialog:e=>{let{multiple:t,accept:n}=e;return new Promise(u=>{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=>{u(c.target.files)},a.click()})}},typeof window!="undefined"&&window.document&&v(document).addEvent({eventType:"dragover",callback:e=>{e.preventDefault(),R("."+f("AddButton")).addClass(f("Draggable"))},options:{passive:!1}}).addEvent({eventType:"drop",callback:e=>{e.preventDefault(),R("."+f("AddButton")).removeClass(f("Draggable"));let t=e.dataTransfer.files;if(t.length){let n=e.target;if(R(n).hasClass(f("AddButton"))){let{componentId:u}=n.dataset,a=X.get(u);a&&a.AddFiles&&a.AddFiles(t)}}},options:{passive:!1}});export{K as Filer,K as default};

package/dist/fn/Input/TextField copy.js

@@ -0,0 +1,3 @@
+import{b as l,c as s,d as q,e as ae}from"../../chunk-C5N2D3ZX.js";import{Fragment as le,jsx as o,jsxs as $}from"react/jsx-runtime";import{useState as L,useEffect as J}from"react";import x from"@mingoo/jsmin";import{$$fromRoot as be,useStore as ve,ExtractStyles as Ie}from"../../@utils";import{Box as R,FAI as Se}from"../../atoms";import{Text as Y}from"../../mols";import{Tips as ie,Button as Te}from"..";import{faEye as Ce}from"@fortawesome/free-solid-svg-icons/faEye";import{OptionalInputWrapper as Re,BoxWrapper as ye,CoreEffects as M,DefaultBoxishStyles as Ve}from"./core";import{InputLabel as we}from"./Label";import{LeftIcon as De,RightIcon as ne}from".";const ke={number:{reg:/^-?[0-9\.]+$/g,exist:!0,reason:"\u534A\u89D2\u6570\u5B57\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"},katakana:{reg:/^[ァ-ヶー 　ｦ-ﾟ　 ]*$/g,exist:!0,reason:"\u30AB\u30BF\u30AB\u30CA\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"},"hankaku.katakana":{reg:/^[ｦ-ﾟ　 ]*$/g,exist:!0,reason:"\u534A\u89D2\u30AB\u30BF\u30AB\u30CA\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"},digitNumber:{reg:/^-?[0-9\.]+$/g,exist:!0,reason:"\u534A\u89D2\u6570\u5B57\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"},fileName:{reg:/[¥\/:*\?\"\'\|\.\s\n\r\<\>]/g,exist:!1,reason:"\u7A7A\u767D\u307E\u305F\u306F\u4E00\u90E8\u306E\u7279\u6B8A\u6587\u5B57\u306F\u4F7F\u7528\u3067\u304D\u307E\u305B\u3093"},creditCard:{reg:/^\d{14,16}$/g,exist:!0,reason:"14~16\u6841\u306E\u6570\u5B57\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"},email:{reg:/^[A-Za-z0-9]{1}[A-Za-z0-9_.-]*@{1}[A-Za-z0-9_.-]+\.[A-Za-z0-9]+$/,exist:!0,reason:$(le,{children:[o(R,{children:"\u25CB\u25CB\u25CB\u25CB@\u25CB\u25CB\u25CB\u25CB.\u25CB\u25CB\u25CB\u306E\u5F62\u5F0F\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"}),o(R,{children:"\u6700\u5F8C\u306E\u6587\u5B57\u306B.(\u30C9\u30C3\u30C8)\u3092\u5165\u308C\u308B\u3053\u3068\u306F\u3067\u304D\u307E\u305B\u3093"})]})},password:{reg:/^(?=[^A-Z]*[A-Z])(?=[^a-z]*[a-z])(?=[^0-9]*[0-9]).{8,}$/,exist:!0,reason:"8\u6587\u5B57\u4EE5\u4E0A\u3001\u534A\u89D2\u82F1\u6570\u5927\u5C0F\u6587\u5B57\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"},tel:{reg:/.*$/g,exist:!0,reason:$(le,{children:[o(R,{children:"0\u304B\u3089\u59CB\u307E\u308B\u756A\u53F7\u306E\u307F\u5165\u529B\u53EF\u80FD\u3067\u3059"}),o(R,{children:"9~12\u6841\u306E\u6570\u5B57\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"}),o(R,{children:"\u6570\u5B57\u306E\u307F\u5165\u529B\u53EF\u80FD\u3067\u3059"})]})},url:{reg:/^https?:\/\/[^\n\s]+(\.|\:)[^\n\s\.\:]+$/,exist:!0,reason:"URL\u5F62\u5F0F : http(s)://\u25EF\u25EF\u25EF\u25EF"},postal:{reg:/^\d{7}$/g,exist:!0,reason:"7\u6841\u306E\u6570\u5B57\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"}},y={setSelection:e=>{let{id:a,restrict:r,val_status:t}=e,n=be("#"+a)[0];if(n&&t.prevValue&&t.formatValue){let{formatValue:u,prevValue:d,caretFrom:i,caretTo:m}=t;if(r=="creditCard")u.length>=d.length&&i%5==0&&(i++,m++),n.setSelectionRange(i,m);else if(r=="postal")u.length==5&&d.length==3&&(i++,m++),n.setSelectionRange(i,m);else if(r=="digitNumber"){let h=u.length-d.length;h==2&&(i++,m++),h==-2&&(i--,m--),n.setSelectionRange(i,m)}}},Validation:{Default:e=>{let{value:a,states:r}=e,{restrict:t="text",maxLength:n,multiline:u,required:d}=r,i=[];if(u||(n=n||255),x.is.exist(n)&&a.length>=Number(n)&&i.push({type:"invalid",label:n+"\u5B57\u4EE5\u5185\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"}),a){let m=y.Validation.Text(a,t);m.ok||i.push({type:"invalid",label:m.body})}else d&&i.push({type:"invalid",label:"\u5FC5\u9808\u9805\u76EE\u3067\u3059"});return{ok:!i.filter(({type:m})=>m=="invalid").length,notice:i}},Text:(e,a)=>{let r={ok:!0,body:""};return(()=>{let t=ke[a];if(!t)return;let n=t.reason;if(t){let u=!!(+!!e.match(t.reg)^+!t.exist);r={ok:u,body:u?"":n}}})(),r},DataLeveling:e=>{let{restrict:a,value:r=""}=e,t=String(r),n=!1;if(["tel","number","digitNumber","test","postal","creditCard"].includes(a)&&(t=t.zen2hanNumber()),a=="katakana"&&(t=t.replace(/[^ァ-ヶー 　ｦ-ﾟ　 ]/ig,"")),a=="hankaku.katakana"&&(t=t.replace(/[^ｦ-ﾟ　 ]/ig,"")),["postal","creditCard"].includes(a)&&(t=t.removeLetters()),["number","number.zeroStart","digitNumber"].includes(a)){let d=t[0]=="0";if(t){if(t!="-")if(t=="0-")t="-";else{t[0]=="-"&&(n=!0),t=t.replace(/[^0-9\.]/ig,"");let i=Number(t);i===0&&(n=!1),n&&(i=-1*i),x.is.exist(e.min)&&(i=Math.max(i,Number(e.min))),x.is.exist(e.max)&&(i=Math.min(i,Number(e.max))),t=String(Math.abs(i))}d&&t!="0"&&a=="number.zeroStart"&&(t="0"+t)}}let u=t;if(a=="digitNumber"){if(t&&t!="-"){let d=[];for(let i=t.length-1;i>=0;i--){d.unshift(t[i]);let m=t.length-1-i+1;i!=0&&m%3==0&&d.unshift(",")}u=d.join("")}}else a=="postal"?t.length>=4&&(u=t.clip(0,3)+"-"+t.clip(3)):a=="creditCard"&&(u=t.replace(/.{4}(?=.)/g,"$& "));return["number","digitNumber"].includes(a)&&n&&(t="-"+t,u="-"+u),{formatValue:u,dataValue:t}}}},G={Shallow:e=>{let{rootStates:a,val_status:r}=e,t=r.dataValue||"";J(()=>{x.scope(()=>ae(void 0,null,function*(){if(!a.multiline)return;let h=x('[data-input-origin="'+r.componentID+'"]'),V=x('[data-input-shallow="'+r.componentID+'"]'),_=x('[data-input-min-height-value-shallow="'+r.componentID+'"]'),F=x('[data-input-max-height-value-shallow="'+r.componentID+'"]');if(!h[0]||!V[0]||!_[0]||!F[0])return;let p=V.position(),w=_.position(),D=F.position(),I=0;a.autoHeight&&(I=p.height),I=Math.max(I,w.height),I=Math.min(I,D.height),h[0].style.height=I+"px"}))},[t]);let n=t||"";(!!t.match(/\n$/)||!t)&&(n+="T");let d="",i="";if(a.multiline){let h=a.minRows||1,V=a.maxRows||100;d=`
+T`.repeat(h-1),i=`
+T`.repeat(V-1)}let m=Ie(a);return $(R,{position:"absolute",top:0,left:0,right:0,height:0,overflow:"hidden",opacity:"trans",freeCSS:{zIndex:3,pointerEvents:"none"},children:[o(Y.Description,s(l({className:a.className},m),{position:"absolute",width:1,freeCSS:s(l({},m.freeCSS),{color:"orange"}),"data-input-shallow":r.componentID,children:o(R,{"data-input-value-shallow":r.componentID,children:n})})),o(Y.Description,s(l({className:a.className},m),{position:"absolute",left:0,freeCSS:s(l({},m.freeCSS),{backgroundColor:"transparent",color:"blue"}),"data-input-min-height-value-shallow":r.componentID,children:d})),o(Y.Description,s(l({className:a.className},m),{position:"absolute",right:0,freeCSS:s(l({},m.freeCSS),{backgroundColor:"transparent",color:"red"}),"data-input-max-height-value-shallow":r.componentID,children:i}))]})},InputBox:e=>{let{rootStates:a,val_validate:r,set_validate:t,val_status:n,set_status:u,val_focus:d,set_focus:i,val_isComposing:m,set_isComposing:h}=e;if(a.multiline)return null;let ee=a,{componentID:V,tone:_,required:F,restrict:p="text",form:w,autoComplete:D="off",autoCapitalize:I="off",minRows:E,maxRows:oe,multiline:X,autoHeight:re,enableFormSubmit:U,clearButton:P=!1,checkValidationAtFirst:A,onChange:K,onKeyDown:W,onValidate:se,onUpdateValue:ue,onUpdateValidValue:me,value:pe="",leftIndicator:ce,rightIndicator:de,leftIcon:fe,rightIcon:b,maxLength:ge,min:H,max:v,label:j,isLabelActive:Q,wrapStyles:Ne}=ee,c=q(ee,["componentID","tone","required","restrict","form","autoComplete","autoCapitalize","minRows","maxRows","multiline","autoHeight","enableFormSubmit","clearButton","checkValidationAtFirst","onChange","onKeyDown","onValidate","onUpdateValue","onUpdateValidValue","value","leftIndicator","rightIndicator","leftIcon","rightIcon","maxLength","min","max","label","isLabelActive","wrapStyles"]),xe=p=="password"||p=="concealed"?"password":"text",he=["number","digitNumber","creditCard"].includes(p)?"numeric":p=="email"?"email":"text";return o(R,s(l({htmlTag:"input",type:xe,inputMode:he,"data-disabled":a.disabled,"data-form":w,"data-input-type":"text","data-show-validation":M.isShowValidation(r,n,!!A),"data-validation":r.ok,"data-value":n.dataValue,"data-component-id":n.componentID,"data-input-origin":n.componentID,value:n.formatValue,autoComplete:D,autoCapitalize:I,onKeyDown:f=>{let{key:S,target:k}=f;{let C=k,{selectionStart:N,selectionEnd:B}=C,z=Number(N),te=Number(B),Z=n.formatValue[Number(z)],O=n.formatValue[Number(z)-1];S=="Delete"&&(p=="creditCard"&&Z==" "||p=="postal"&&Z=="-"||p=="digitNumber"&&Z==",")&&(C.setSelectionRange(z+1,te+1),f.preventDefault()),S=="Backspace"&&(p=="creditCard"&&O==" "||p=="postal"&&O=="-"||p=="digitNumber"&&O==",")&&(C.setSelectionRange(z-1,te-1),f.preventDefault()),S=="Enter"||S=="Tab"}if(["number","digitNumber","creditCard"].includes(p)&&S=="Clear"&&u(C=>s(l({},C),{dataValue:"",formatValue:"",eventType:"update",eventID:x.uuid.gen()})),["number","digitNumber"].includes(p)&&["ArrowUp","ArrowDown"].includes(S)){let C=+(S=="ArrowUp")*2-1,N=String(Number(n.dataValue)+C);r.ok&&t({ok:!1,notice:[]}),u(B=>s(l(l({},B),y.Validation.DataLeveling({min:H,max:v,restrict:p,value:N})),{eventType:"update",eventID:x.uuid.gen()})),f.preventDefault()}W&&W(f),U&&M.SubmitForm(f)},onChange:f=>{let{value:S,selectionStart:k,selectionEnd:C}=f.target,N=y.Validation.DataLeveling({min:H,max:v,restrict:p,value:S});m&&(N.formatValue=S),N.formatValue!=n.formatValue&&(r.ok&&t({ok:!1,notice:[]}),u(B=>s(l(l({},B),N),{prevValue:n.formatValue,eventType:"update",eventID:x.uuid.gen(),caretFrom:Number(k),caretTo:Number(C)})),K&&K(f))},width:1},c),{onFocus:f=>{c!=null&&c.onFocus&&(c==null||c.onFocus(f)),i(!0)},onBlur:f=>{c!=null&&c.onBlur&&(c==null||c.onBlur(f)),i(!1)},onCompositionStart:f=>{c!=null&&c.onCompositionStart&&(c==null||c.onCompositionStart(f)),h(!0)},onCompositionEnd:f=>{if(c!=null&&c.onCompositionEnd&&(c==null||c.onCompositionEnd(f)),p=="text")return;let S=y.Validation.DataLeveling({min:H,max:v,restrict:p,value:n.formatValue});u(k=>s(l(l({},k),S),{prevValue:k.formatValue,eventType:"update",eventID:x.uuid.gen(),caretFrom:Number(k.formatValue.length+1),caretTo:Number(k.formatValue.length+1)})),h(!1)}}))},TextAreaBox:e=>{let{rootStates:a,val_focus:r,set_focus:t,val_validate:n,set_validate:u,val_status:d,set_status:i,isShallow:m}=e,H=a,{componentID:h,tone:V,required:_,form:F,label:p,isLabelActive:w,minRows:D,maxRows:I,multiline:E,autoHeight:oe,enableFormSubmit:X,maxLength:re,checkValidationAtFirst:U,onChange:P,onKeyDown:A,onValidate:K,onUpdateValue:W,onUpdateValidValue:se,value:ue="",leftIndicator:me,rightIndicator:pe,leftIcon:ce,rightIcon:de,wrapStyles:fe}=H,b=q(H,["componentID","tone","required","form","label","isLabelActive","minRows","maxRows","multiline","autoHeight","enableFormSubmit","maxLength","checkValidationAtFirst","onChange","onKeyDown","onValidate","onUpdateValue","onUpdateValidValue","value","leftIndicator","rightIndicator","leftIcon","rightIcon","wrapStyles"]);return!a.multiline?null:o(R,s(l({htmlTag:"textarea","data-form":F,"data-input-type":"textarea","data-show-validation":M.isShowValidation(n,d,!!U),"data-validation":n.ok,"data-value":d.dataValue,"data-input-origin":d.componentID,"data-component-id":d.componentID,value:d.dataValue,width:1},b),{onFocus:v=>{b!=null&&b.onFocus&&(b==null||b.onFocus(v)),t(!0)},onBlur:v=>{b!=null&&b.onBlur&&(b==null||b.onBlur(v)),t(!1)},onKeyDown:v=>{A&&A(v),X&&M.SubmitForm(v)},onChange:v=>{let{value:j}=v.target;n.ok&&u({ok:!1,notice:[]}),i(Q=>s(l({},Q),{dataValue:j,eventType:"update",eventID:x.uuid.gen()})),P&&P(v)}}))}},Fe=e=>{let{componentID:a,restrict:r="text",onUpdateValue:t,onUpdateValidValue:n,value:u="",min:d,max:i}=e,m=s(l({componentID:a},y.Validation.DataLeveling({min:d,max:i,restrict:r,value:u})),{prevValue:"",eventType:"init",eventID:x.uuid.gen(),caretFrom:null,caretTo:null}),[h,V]=L(!1),[_,F]=L(!1),[p,w]=L(m),[D,I]=L({ok:!1,notice:[]}),E={rootStates:e,val_focus:h,set_focus:V,val_isComposing:_,set_isComposing:F,val_status:p,set_status:w,val_validate:D,set_validate:I};return M.CommonEffects({type:"textfield",states:e,val_status:p,set_status:w,val_validate:D,set_validate:I,onUpdateValue:t,onUpdateValidValue:n,DefaultValidation:y.Validation.Default,ExtraOverrideStates:l({},y.Validation.DataLeveling({min:d,max:i,restrict:r,value:u}))}),J(()=>{y.setSelection({id:e.id,restrict:r,val_status:p})},[p]),$(ye,{val_status:p,set_status:w,val_validate:D,states:E.rootStates,children:[o(we,{componentID:e.componentID,fontSize:e.fontSize,required:e.required,label:e.label,isActive:e.isLabelActive||h||!!p.dataValue}),o(G.Shallow,l({},E)),o(G.InputBox,l({},E)),o(G.TextAreaBox,l({},E))]})},T=e=>(e=l({autoHeight:!0,restrict:"text",fontSize:"2.normal"},e),e.multiline?(e.minRows=e.minRows||5,e.maxRows=e.maxRows||20):(e.minRows=1,e.maxRows=1),o(Re,{componentID:e.componentID,children:Fe,states:Ve(e)})),g=T;g.Validate=y.Validation.Text,g.Katakana=e=>o(T,s(l({},e),{restrict:"katakana",multiline:!1,autoHeight:!1})),g.HankakuKatakana=e=>o(T,s(l({},e),{restrict:"hankaku.katakana",multiline:!1,autoHeight:!1})),g.CreditCard=e=>o(T,s(l({},e),{restrict:"creditCard",multiline:!1,autoHeight:!1})),g.Tel=e=>o(T,s(l({},e),{restrict:"tel",multiline:!1,autoHeight:!1})),g.Number=e=>o(T,s(l({},e),{restrict:"number",multiline:!1,autoHeight:!1})),g.DigitNumber=e=>o(T,s(l({},e),{restrict:"digitNumber",multiline:!1,autoHeight:!1})),g.Email=e=>o(T,s(l({},e),{restrict:"email",multiline:!1,autoHeight:!1})),g.Url=e=>o(T,s(l({},e),{restrict:"url",multiline:!1,autoHeight:!1})),g.Postal=e=>{let[a]=L(x.uuid.gen());return J(()=>()=>{ve.delete(a)},[]),o(T,s(l({label:"\u90F5\u4FBF\u756A\u53F7"},e),{restrict:"postal",multiline:!1,autoHeight:!1,leftIcon:o(De,{ssSphere:2,fontColor:"4.thin",children:"\u3012"})}))},g.Password=e=>o(T,s(l({label:"\u30D1\u30B9\u30EF\u30FC\u30C9",rightIcon:o(ne,{ssSphere:2,padding:0,freeCSS:{pointerEvents:"all"},children:o(Te.Button.Sub.R,{ssSphere:2,borderRadius:"3.tone.tertiary",fontColor:"theme",flexCenter:!0,height:1,ssEffectsOnActive:["expand"],onMouseOver:a=>{ie.open(a.currentTarget,"\u30C6\u30AD\u30B9\u30C8\u3092\u8868\u793A",24)},onMouseLeave:ie.abort,tabIndex:-1,onClick:a=>{x(a.target).parent().parent().find("input").callback(r=>{let t=r[0];t.type=t.type==="password"?"text":"password"})},children:o(Se,{icon:Ce})})}),restrict:"password"},e),{multiline:!1,autoHeight:!1})),g.Concealed=e=>o(g.Password,s(l({label:"\u79D8\u5BC6\u9375"},e),{restrict:"concealed"})),g.Money={JPY:e=>o(g.DigitNumber,s(l({rightIcon:o(ne,{ssSphere:2,fontColor:"4.thin",children:"\u5186"})},e),{multiline:!1,autoHeight:!1}))};export{g as TextField,Fe as TextInput,g as default};

package/dist/fn/Input/core.d.ts

@@ -20,7 +20,7 @@ declare namespace BoxWrapper {
     };
 }
 export declare const BoxWrapper: React.FC<BoxWrapper.Input>;
-type CoreEffectTypes = 'textfield' | 'select' | 'list' | 'autocomplete' | 'time' | 'switch' | 'slider' | 'file' | 'contenteditable' | '';
+type CoreEffectTypes = 'textfield' | 'select' | 'list' | 'autocomplete' | 'time' | 'switch' | 'slider' | 'file' | 'contenteditable' | 'color' | '';
 export declare const CoreEffects: {
     CommonEffects: (props: {
         type: CoreEffectTypes;

package/dist/fn/Input/index.d.ts

@@ -89,6 +89,7 @@ import _Slider from './Slider';
 import _Switch from './Switch';
 import _Checker from './Checker';
 import _Segmented from './Segmented';
+import _Color from './Color';
 declare namespace Input {
     export import Plain = _Plain;
     export import Hidden = _Hidden;
@@ -107,6 +108,7 @@ declare namespace Input {
     export import Slider = _Slider;
     export import Switch = _Switch;
     export import Segmented = _Segmented;
+    export import Color = _Color;
     export import LeftIcon = _Parts.LeftIcon;
     export import RightIcon = _Parts.RightIcon;
     export import LeftIndicator = _Parts.LeftIndicator;

package/dist/fn/Input/index.js

@@ -1 +1 @@
-import"../../chunk-C5N2D3ZX.js";import*as t from"./Parts";export*from"./Parts";import i from"./Plain";import a from"./Hidden";import p from"./TextField";import m from"./Contenteditable";import n from"./DigitCharacters";import l from"./Time";import d from"./Select";import x from"./Autocomplete";import*as o from"./List";import s from"./Search";import c from"./Filer";import y from"./Slider";import f from"./Switch";import T from"./Checker";import g from"./Segmented";var r;(e=>(e.Plain=i,e.Hidden=a,e.TextField=p,e.Contenteditable=m,e.DigitCharacters=n,e.Time=l,e.Select=d,e.Autocomplete=x,e.List=o.List,e.Radio=o.Radio,e.Checkbox=o.Checkbox,e.Checker=T,e.Search=s,e.Filer=c,e.Slider=y,e.Switch=f,e.Segmented=g,e.LeftIcon=t.LeftIcon,e.RightIcon=t.RightIcon,e.LeftIndicator=t.LeftIndicator,e.RightIndicator=t.RightIndicator,e.RequiredSign=t.RequiredSign,e.RequiredShortSign=t.RequiredShortSign,e.OmitSign=t.OmitSign))(r||(r={}));export{r as Input,r as default};
+import"../../chunk-C5N2D3ZX.js";import*as t from"./Parts";export*from"./Parts";import i from"./Plain";import a from"./Hidden";import p from"./TextField";import m from"./Contenteditable";import n from"./DigitCharacters";import l from"./Time";import d from"./Select";import x from"./Autocomplete";import*as r from"./List";import s from"./Search";import c from"./Filer";import y from"./Slider";import f from"./Switch";import T from"./Checker";import g from"./Segmented";import S from"./Color";var o;(e=>(e.Plain=i,e.Hidden=a,e.TextField=p,e.Contenteditable=m,e.DigitCharacters=n,e.Time=l,e.Select=d,e.Autocomplete=x,e.List=r.List,e.Radio=r.Radio,e.Checkbox=r.Checkbox,e.Checker=T,e.Search=s,e.Filer=c,e.Slider=y,e.Switch=f,e.Segmented=g,e.Color=S,e.LeftIcon=t.LeftIcon,e.RightIcon=t.RightIcon,e.LeftIndicator=t.LeftIndicator,e.RightIndicator=t.RightIndicator,e.RequiredSign=t.RequiredSign,e.RequiredShortSign=t.RequiredShortSign,e.OmitSign=t.OmitSign))(o||(o={}));export{o as Input,o as default};

package/dist/temps/designBook.js

@@ -1,4 +1,4 @@
-import{b as V,c as W,e as y}from"../chunk-C5N2D3ZX.js";import{Fragment as B,jsx as e,jsxs as o}from"react/jsx-runtime";import{useState as D,useEffect as O}from"react";import S,{Filer as N}from"@mingoo/jsmin";import{Config as R,ThemeColors as K,Box as t,Span as j,Grid as c,Flex as h,FAI as g,Img as w,Logo as d,Column as p,Placeholder as $,List as P,ListItem as G,LinkifyText as Q,Accordion as U,Row as s,Text as i,PageViewController as Z,SwipeView as ee,TabBar as oe,Plate as H,Table as C,Input as a,Button as r,Sheet as b,Snackbar as E,Tooltips as v,Tips as q,Loader as F,Effect as te,Cropper as re,RootViewController as ne}from"..";const k={index:()=>o(B,{children:[o(h,{gap:1,children:[e(t,{flexCenter:!0,children:e($,{ssSphere:6,children:"Placeholder"})}),o(c,{gridCols:3,gap:1,flexSizing:"auto",children:[e(t,{padding:2,backgroundColor:"layer.1"}),e(t,{padding:2,backgroundColor:"layer.2"}),e(t,{padding:2,backgroundColor:"layer.3"}),e(t,{padding:2,backgroundColor:"layer.4"}),e(t,{padding:2,backgroundColor:"layer.5"}),e(t,{padding:2,backgroundColor:"layer.6"})]}),o(c,{gridCols:3,gap:"1/2",flexSizing:"auto",ssCardBox:!0,children:[e(t,{flexCenter:!0,fontColor:"1.clear",children:"FontColor1"}),e(t,{flexCenter:!0,fontColor:"2.normal",children:"FontColor2"}),e(t,{flexCenter:!0,fontColor:"3.blur",children:"FontColor3"}),e(t,{flexCenter:!0,fontColor:"4.thin",children:"FontColor4"}),e(t,{flexCenter:!0,fontColor:"5.translucent",children:"FontColor5"})]})]}),e(k.Fonts,{}),e(k.Box,{}),e(k.Flex,{}),e(k.Grid,{}),e(k.Others,{})]}),Fonts:()=>o(t,{ssCardBox:!0,children:[e(i.SubTitle,{padding:1,borderBottom:!0,children:"Font"}),o(t,{overflow:"auto",padding:1,children:[e(i.Description,{padding:1,children:`<Box
+import{b as V,c as U,e as y}from"../chunk-C5N2D3ZX.js";import{Fragment as B,jsx as e,jsxs as o}from"react/jsx-runtime";import{useState as D,useEffect as O}from"react";import S,{Filer as N}from"@mingoo/jsmin";import{Config as R,ThemeColors as K,Box as t,Span as j,Grid as c,Flex as h,FAI as g,Img as w,Logo as d,Column as p,Placeholder as $,List as P,ListItem as G,LinkifyText as Q,Accordion as W,Row as s,Text as i,PageViewController as Z,SwipeView as ee,TabBar as oe,Plate as H,Table as C,Input as a,Button as r,Sheet as b,Snackbar as E,Tooltips as v,Tips as q,Loader as F,Effect as te,Cropper as re,RootViewController as ne}from"..";const k={index:()=>o(B,{children:[o(h,{gap:1,children:[e(t,{flexCenter:!0,children:e($,{ssSphere:6,children:"Placeholder"})}),o(c,{gridCols:3,gap:1,flexSizing:"auto",children:[e(t,{padding:2,backgroundColor:"layer.1"}),e(t,{padding:2,backgroundColor:"layer.2"}),e(t,{padding:2,backgroundColor:"layer.3"}),e(t,{padding:2,backgroundColor:"layer.4"}),e(t,{padding:2,backgroundColor:"layer.5"}),e(t,{padding:2,backgroundColor:"layer.6"})]}),o(c,{gridCols:3,gap:"1/2",flexSizing:"auto",ssCardBox:!0,children:[e(t,{flexCenter:!0,fontColor:"1.clear",children:"FontColor1"}),e(t,{flexCenter:!0,fontColor:"2.normal",children:"FontColor2"}),e(t,{flexCenter:!0,fontColor:"3.blur",children:"FontColor3"}),e(t,{flexCenter:!0,fontColor:"4.thin",children:"FontColor4"}),e(t,{flexCenter:!0,fontColor:"5.translucent",children:"FontColor5"})]})]}),e(k.Fonts,{}),e(k.Box,{}),e(k.Flex,{}),e(k.Grid,{}),e(k.Others,{})]}),Fonts:()=>o(t,{ssCardBox:!0,children:[e(i.SubTitle,{padding:1,borderBottom:!0,children:"Font"}),o(t,{overflow:"auto",padding:1,children:[e(i.Description,{padding:1,children:`<Box
   fontSize={ 0 ~ 8 }
 >
   some text
@@ -53,7 +53,7 @@ children={
     in Accordion Element
   </>
 }
-/>`})})},{children:o(B,{children:[e(r.Label.Sub.R,{children:"ToggleButton",onClick:()=>{U.fn.toggle("testAccordion")}}),e(U,{accordionID:"testAccordion",defaultOpen:!0,children:"in Accordion Element"})]})}],[{children:e(i.Description,{children:`
+/>`})})},{children:o(B,{children:[e(r.Label.Sub.R,{children:"ToggleButton",onClick:()=>{W.fn.toggle("testAccordion")}}),e(W,{accordionID:"testAccordion",defaultOpen:!0,children:"in Accordion Element"})]})}],[{children:e(i.Description,{children:`
 <Img
 maxheight={ 8 }
 maxWidth={ 8 }
@@ -73,7 +73,7 @@ Some Text`})]}),o(s.Separate,{children:[e(r.Button.Sub.S,{color:"white",onClick:
 text2
 text3
 text4
-text5`,minRows:5}),e(a.TextField,{label:"Input.TextField",isLabelActive:!0,placeholder:"(autoHeight) (multiline)",multiline:!0,autoHeight:!0,value:"",freeCSS:{minHeight:72},onUpdateValidValue:l=>{console.log(l)}}),e(a.TextField,{label:"Input.LeftIndicator",leftIndicator:e(a.LeftIndicator,{children:"Left Indicator"})}),e(a.TextField,{label:"Input.LeftIcon",paddingLeft:6,leftIcon:e(a.LeftIcon,{ssSquare:void 0,freeCSS:{pointerEvents:"all"},children:e(r.Button.Sub.S,{padding:["1/3","1/2"],children:"Left Icon"})})}),e(a.TextField,{label:"Input.RightIcon",paddingRight:6,rightIcon:e(a.RightIcon,{ssSquare:void 0,freeCSS:{pointerEvents:"all"},children:e(r.Button.Sub.S,{padding:["1/3","1/2"],children:"Right Icon"})})}),e(a.TextField,{label:"Input.RightIndicator",rightIndicator:e(a.RightIndicator,{children:"Right Indicator"})})]})]}),Time:()=>e(B,{children:o(t,{ssCardBox:!0,children:[e(i.Paragraph,{borderBottom:!0,padding:1,children:"Time Input"}),e(t,{padding:1,children:o(p,{gap:1.5,children:[e(a.Time.Clock,{label:"Input.Time.Clock"}),e(a.Time.Date,{label:"Input.Time.Date"}),e(a.Time.Week,{label:"Input.Time.Week"}),e(a.Time.Month,{label:"Input.Time.Month"}),e(a.Time.Year,{label:"Input.Time.Year"}),e(a.Time.Periods.Date,{label:"Input.Time.Periods.Date"}),e(a.Time.Periods.Month,{label:"Input.Time.Periods.Month"}),e(a.Time.DateWareki,{label:"Input.Time.DateWareki"}),e(t,{children:e(a.Select,{label:"Input.TimePicker",id:"timePicker",options:[{value:"clock",label:"clock"},{value:"date",label:"date"},{value:"week",label:"week"},{value:"month",label:"month"},{value:"year",label:"year"},{value:"dates",label:"dates"},{value:"months",label:"months"},{value:"dateWareki",label:"dateWareki"}],onUpdateValidValue:({value:l})=>{a.Time.fn.picker.launch({parent:"#timePicker",restrict:l,defaultValue:"",onValueUpdate:u=>{console.log(u)}})}})})]})})]})}),List:()=>e(B,{children:o(t,{ssCardBox:!0,children:[e(i.Paragraph,{borderBottom:!0,padding:1,children:"Radio & Checkbox Input"}),e(t,{padding:1,children:o(p,{children:[o(h,{gap:2,flexChilds:"auto",children:[o(t,{children:["Input.Checkbox",e(a.Checkbox,{value:[2,"3"],minSelect:2,options:[{value:"1",label:"Option1"},{value:"2",label:"Option2"},{value:"3",label:"Option3"}]})]}),o(t,{children:["Input.Radio",e(a.Radio,{value:[1],options:[{value:1,label:"Option1"},{value:2,label:"Option2"},{value:3,label:"Option3"},{value:4,label:"Option4"},{value:5,label:"Option5"}]})]}),o(t,{children:["CustomIcon",e(a.Radio,{value:[1],options:[{value:1,label:"Option1"},{value:2,label:"Option2"},{value:3,label:"Option3"}],CustomIcon:l=>o(r.Button.Normal.S,{ssPushable:!0,color:"cloud",tabIndex:-1,ssEffectsOnActive:"ripple.cloud",isRounded:!0,fontSize:"3.paragraph",fontColor:l.isChecked?"theme":"5.translucent",onClick:u=>{u.preventDefault(),u.stopPropagation(),l.toggle()},children:[e(g.Heart,{})," 3"]})})]})]}),o(p,{children:[e(i.Paragraph,{children:"Tones"}),o(p,{children:[o(t,{children:["Plain",e(a.Radio,{value:[1],gap:1,options:[{value:1,label:"Option1"},{value:2,label:"Option2"},{value:3,label:"Option3"}]})]}),o(t,{children:["Plain icon={ false }",e(a.Checkbox,{icon:!1,cellStyles:{padding:["1/3","2/3"],isRounded:!0},cellCheckedStyles:{fontColor:"theme"},value:[2,"3"],minSelect:2,hideInput:!0,options:[{value:"1",label:"Option1"},{value:"2",label:"Option2"},{value:"3",label:"Option3"}]})]}),o(t,{children:["Simple",e(a.Checkbox.Simple,{value:[2,"3"],minSelect:2,hideInput:!0,options:[{value:"1",label:"Option1"},{value:"2",label:"Option2"},{value:"3",label:"Option3"}]})]}),o(t,{children:["Normal",e(a.Checkbox.Normal,{value:[2,"3"],minSelect:2,hideInput:!0,options:[{value:"1",label:"Option1"},{value:"2",label:"Option2"},{value:"3",label:"Option3"}]})]}),o(t,{children:["Vivid",e(a.Checkbox.Vivid,{value:[2,"3"],minSelect:2,hideInput:!0,options:[{value:"1",label:"Option1"},{value:"2",label:"Option2"},{value:"3",label:"Option3"}]})]}),o(t,{children:["Cloud",e(a.Checkbox.Cloud,{value:[1],options:[{value:1,label:"Option1"},{value:2,label:"Option2"},{value:3,label:"Option3"}]})]}),o(t,{children:["Border",e(a.Radio.Border,{value:[1],options:[{value:1,label:"Option1"},{value:2,label:"Option2"},{value:3,label:"Option3"}]})]})]})]})]})})]})}),Select:()=>e(B,{children:o(t,{ssCardBox:!0,children:[e(i.Paragraph,{borderBottom:!0,padding:1,children:"Select,Autocomplete Input"}),o(p,{padding:2,gap:1.5,children:[e(a.Select,{label:"Input.Select",isLabelActive:!0,placeholder:"Select",required:!0,options:[{value:1,label:"option1"},{value:2,label:"option2"},{value:3,label:"option3a"},{value:4,label:"option4"}]}),e(a.Search,{label:"Input.Search",required:!0,options:[{value:1,label:"1"},{value:{value1:2,value2:3},label:"Object"},{value:3,label:"3"},{value:101,label:"101"},{value:102,label:"102"}],onUpdateValidValue:({value:l})=>{console.log(l)},DynamicOptionsOnSearch:l=>y(void 0,null,function*(){console.log("keyword",l);let u=[];for(let x=0;x<100;x++)u.push({value:x,label:String(x),searchValue:l});return u})}),e(a.Autocomplete,{label:"Input.Autocomplete",SelectorGravityPoint:6,max:2,value:[4],options:[{value:1,label:"X-men"},{value:2,label:"\u30B7\u30E7\u30FC\u30B7\u30E3\u30F3\u30AF\u306E\u7A7A"},{value:3,label:"\u30B9\u30BF\u30FC\u30A6\u30A9\u30FC\u30BA"},{value:4,label:"\u30B4\u30C3\u30C9\u30D5\u30A1\u30FC\u30B6\u30FC: Part II"},{value:5,label:"\u30B4\u30C3\u30C9\u30D5\u30A1\u30FC\u30B6\u30FC: Part III"},{value:6,label:"\u30A4\u30F3\u30BB\u30D7\u30B7\u30E7\u30F3"}],onUpdateValidValue:({value:l})=>{console.log(l)}})]})]})}),Segmented:()=>o(t,{ssCardBox:!0,children:[e(i.ThirdTitle,{borderBottom:!0,padding:1,children:"Segmented"}),o(p,{padding:2,gap:2,children:[e(s.Left,{children:e(a.Segmented,{value:1,options:[{value:0,label:"Home"},{value:1,label:"Notice"},{value:2,label:"Posts"},{value:3,label:"Settings"}]})}),e(s.Left,{children:e(a.Segmented.Cloud,{value:1,options:[{value:0,label:e(g.AngleLeft,{})},{value:1,label:e(g.AngleRight,{})},{value:2,label:e(g.AngleUp,{})},{value:3,label:e(g.AngleDown,{})}]})}),e(s.Left,{children:e(a.Segmented.CloudTheme,{value:1,options:[{value:0,label:e(g.AngleLeft,{})},{value:1,label:e(g.AngleRight,{})},{value:2,label:e(g.AngleUp,{})},{value:3,label:e(g.AngleDown,{})}]})}),e(s.Left,{children:e(a.Segmented.CloudMono,{value:1,options:[{value:0,label:e(g.AngleLeft,{})},{value:1,label:e(g.AngleRight,{})},{value:2,label:e(g.AngleUp,{})},{value:3,label:e(g.AngleDown,{})}]})}),e(s.Left,{children:e(a.Segmented.Border,{value:1,options:[{value:0,label:"On"},{value:1,label:"Off"}]})}),e(s.Left,{children:e(a.Segmented.BorderVivid,{value:1,options:[{value:0,label:"On"},{value:1,label:"Off"}]})}),e(s.Left,{borderBottom:!0,children:e(a.Segmented.Bottomline,{value:1,options:[{value:0,label:"Takana"},{value:1,label:"Mentai"},{value:2,label:"Mayo"},{value:3,label:"Gyudon"}]})})]})]}),Variables:()=>e(B,{children:o(t,{ssCardBox:!0,children:[e(i.Paragraph,{borderBottom:!0,padding:1,children:"Variables"}),e(t,{padding:1,children:e(p,{children:o(h,{gap:2,flexChilds:"auto",children:[o(t,{children:["Input.File",e(a.Filer,{limit:3,onUpdateValidValue:({value:l})=>{console.log(l[0])}})]}),o(t,{children:["Input.Switch",o(h,{gap:2,children:[e(a.Switch,{}),e(a.Switch,{appearance:"applely",color:"icicles",value:!0}),e(a.Switch,{appearance:"applely",icon:e(g.Check,{}),color:"warn",value:!0})]})]}),o(t,{flexNewLine:!0,children:["Input.Slider",e(a.Slider,{color:"battery",name:"sliderInput",value:40,step:10,min:0,max:100})]})]})})})]})})};return e(B,{children:e(H,{size:"L",children:o(c,{gridCols:2,gap:2,children:[e(n.Basic,{}),e(n.Select,{}),e(n.Time,{}),e(n.List,{}),e(n.Segmented,{}),e(n.Variables,{})]})})})},ie=()=>{const n=l=>{let u="testModal2";b.open({type:l,sheetID:u,size:"S",padding:2,content:o(b.Body,{padding:1,children:[e(t,{padding:2,children:"Content"}),e(s.Right,{children:e(r.Button.Prime.R,{onClick:()=>{b.close(u)},children:"\u9589\u3058\u308B"})})]})})};return o(B,{children:[o(t,{ssCardBox:!0,children:[e(i.SubTitle,{borderBottom:!0,padding:1,children:"CardBox"}),e(t,{padding:1,overflow:"auto",children:e(i.Description,{children:`<Box styles={{ssCardBox:true}}>
+text5`,minRows:5}),e(a.TextField,{label:"Input.TextField",isLabelActive:!0,placeholder:"(autoHeight) (multiline)",multiline:!0,autoHeight:!0,value:"",freeCSS:{minHeight:72},onUpdateValidValue:l=>{console.log(l)}}),e(a.TextField,{label:"Input.LeftIndicator",leftIndicator:e(a.LeftIndicator,{children:"Left Indicator"})}),e(a.TextField,{label:"Input.LeftIcon",paddingLeft:6,leftIcon:e(a.LeftIcon,{ssSquare:void 0,freeCSS:{pointerEvents:"all"},children:e(r.Button.Sub.S,{padding:["1/3","1/2"],children:"Left Icon"})})}),e(a.TextField,{label:"Input.RightIcon",paddingRight:6,rightIcon:e(a.RightIcon,{ssSquare:void 0,freeCSS:{pointerEvents:"all"},children:e(r.Button.Sub.S,{padding:["1/3","1/2"],children:"Right Icon"})})}),e(a.TextField,{label:"Input.RightIndicator",rightIndicator:e(a.RightIndicator,{children:"Right Indicator"})})]})]}),Time:()=>e(B,{children:o(t,{ssCardBox:!0,children:[e(i.Paragraph,{borderBottom:!0,padding:1,children:"Time Input"}),e(t,{padding:1,children:o(p,{gap:1.5,children:[e(a.Time.Clock,{label:"Input.Time.Clock"}),e(a.Time.Date,{label:"Input.Time.Date"}),e(a.Time.Week,{label:"Input.Time.Week"}),e(a.Time.Month,{label:"Input.Time.Month"}),e(a.Time.Year,{label:"Input.Time.Year"}),e(a.Time.Periods.Date,{label:"Input.Time.Periods.Date"}),e(a.Time.Periods.Month,{label:"Input.Time.Periods.Month"}),e(a.Time.DateWareki,{label:"Input.Time.DateWareki"}),e(t,{children:e(a.Select,{label:"Input.TimePicker",id:"timePicker",options:[{value:"clock",label:"clock"},{value:"date",label:"date"},{value:"week",label:"week"},{value:"month",label:"month"},{value:"year",label:"year"},{value:"dates",label:"dates"},{value:"months",label:"months"},{value:"dateWareki",label:"dateWareki"}],onUpdateValidValue:({value:l})=>{a.Time.fn.picker.launch({parent:"#timePicker",restrict:l,defaultValue:"",onValueUpdate:u=>{console.log(u)}})}})})]})})]})}),List:()=>e(B,{children:o(t,{ssCardBox:!0,children:[e(i.Paragraph,{borderBottom:!0,padding:1,children:"Radio & Checkbox Input"}),e(t,{padding:1,children:o(p,{children:[o(h,{gap:2,flexChilds:"auto",children:[o(t,{children:["Input.Checkbox",e(a.Checkbox,{value:[2,"3"],minSelect:2,options:[{value:"1",label:"Option1"},{value:"2",label:"Option2"},{value:"3",label:"Option3"}]})]}),o(t,{children:["Input.Radio",e(a.Radio,{value:[1],options:[{value:1,label:"Option1"},{value:2,label:"Option2"},{value:3,label:"Option3"},{value:4,label:"Option4"},{value:5,label:"Option5"}]})]}),o(t,{children:["CustomIcon",e(a.Radio,{value:[1],options:[{value:1,label:"Option1"},{value:2,label:"Option2"},{value:3,label:"Option3"}],CustomIcon:l=>o(r.Button.Normal.S,{ssPushable:!0,color:"cloud",tabIndex:-1,ssEffectsOnActive:"ripple.cloud",isRounded:!0,fontSize:"3.paragraph",fontColor:l.isChecked?"theme":"5.translucent",onClick:u=>{u.preventDefault(),u.stopPropagation(),l.toggle()},children:[e(g.Heart,{})," 3"]})})]})]}),o(p,{children:[e(i.Paragraph,{children:"Tones"}),o(p,{children:[o(t,{children:["Plain",e(a.Radio,{value:[1],gap:1,options:[{value:1,label:"Option1"},{value:2,label:"Option2"},{value:3,label:"Option3"}]})]}),o(t,{children:["Plain icon={ false }",e(a.Checkbox,{icon:!1,cellStyles:{padding:["1/3","2/3"],isRounded:!0},cellCheckedStyles:{fontColor:"theme"},value:[2,"3"],minSelect:2,hideInput:!0,options:[{value:"1",label:"Option1"},{value:"2",label:"Option2"},{value:"3",label:"Option3"}]})]}),o(t,{children:["Simple",e(a.Checkbox.Simple,{value:[2,"3"],minSelect:2,hideInput:!0,options:[{value:"1",label:"Option1"},{value:"2",label:"Option2"},{value:"3",label:"Option3"}]})]}),o(t,{children:["Normal",e(a.Checkbox.Normal,{value:[2,"3"],minSelect:2,hideInput:!0,options:[{value:"1",label:"Option1"},{value:"2",label:"Option2"},{value:"3",label:"Option3"}]})]}),o(t,{children:["Vivid",e(a.Checkbox.Vivid,{value:[2,"3"],minSelect:2,hideInput:!0,options:[{value:"1",label:"Option1"},{value:"2",label:"Option2"},{value:"3",label:"Option3"}]})]}),o(t,{children:["Cloud",e(a.Checkbox.Cloud,{value:[1],options:[{value:1,label:"Option1"},{value:2,label:"Option2"},{value:3,label:"Option3"}]})]}),o(t,{children:["Border",e(a.Radio.Border,{value:[1],options:[{value:1,label:"Option1"},{value:2,label:"Option2"},{value:3,label:"Option3"}]})]})]})]})]})})]})}),Select:()=>e(B,{children:o(t,{ssCardBox:!0,children:[e(i.Paragraph,{borderBottom:!0,padding:1,children:"Select,Autocomplete Input"}),o(p,{padding:2,gap:1.5,children:[e(a.Select,{label:"Input.Select",isLabelActive:!0,placeholder:"Select",required:!0,options:[{value:1,label:"option1"},{value:2,label:"option2"},{value:3,label:"option3a"},{value:4,label:"option4"}]}),e(a.Search,{label:"Input.Search",required:!0,options:[{value:1,label:"1"},{value:{value1:2,value2:3},label:"Object"},{value:3,label:"3"},{value:101,label:"101"},{value:102,label:"102"}],onUpdateValidValue:({value:l})=>{console.log(l)},DynamicOptionsOnSearch:l=>y(void 0,null,function*(){console.log("keyword",l);let u=[];for(let x=0;x<100;x++)u.push({value:x,label:String(x),searchValue:l});return u})}),e(a.Autocomplete,{label:"Input.Autocomplete",SelectorGravityPoint:6,max:2,value:[4],options:[{value:1,label:"X-men"},{value:2,label:"\u30B7\u30E7\u30FC\u30B7\u30E3\u30F3\u30AF\u306E\u7A7A"},{value:3,label:"\u30B9\u30BF\u30FC\u30A6\u30A9\u30FC\u30BA"},{value:4,label:"\u30B4\u30C3\u30C9\u30D5\u30A1\u30FC\u30B6\u30FC: Part II"},{value:5,label:"\u30B4\u30C3\u30C9\u30D5\u30A1\u30FC\u30B6\u30FC: Part III"},{value:6,label:"\u30A4\u30F3\u30BB\u30D7\u30B7\u30E7\u30F3"}],onUpdateValidValue:({value:l})=>{console.log(l)}})]})]})}),Segmented:()=>o(t,{ssCardBox:!0,children:[e(i.ThirdTitle,{borderBottom:!0,padding:1,children:"Segmented"}),o(p,{padding:2,gap:2,children:[e(s.Left,{children:e(a.Segmented,{value:1,options:[{value:0,label:"Home"},{value:1,label:"Notice"},{value:2,label:"Posts"},{value:3,label:"Settings"}]})}),e(s.Left,{children:e(a.Segmented.Cloud,{value:1,options:[{value:0,label:e(g.AngleLeft,{})},{value:1,label:e(g.AngleRight,{})},{value:2,label:e(g.AngleUp,{})},{value:3,label:e(g.AngleDown,{})}]})}),e(s.Left,{children:e(a.Segmented.CloudTheme,{value:1,options:[{value:0,label:e(g.AngleLeft,{})},{value:1,label:e(g.AngleRight,{})},{value:2,label:e(g.AngleUp,{})},{value:3,label:e(g.AngleDown,{})}]})}),e(s.Left,{children:e(a.Segmented.CloudMono,{value:1,options:[{value:0,label:e(g.AngleLeft,{})},{value:1,label:e(g.AngleRight,{})},{value:2,label:e(g.AngleUp,{})},{value:3,label:e(g.AngleDown,{})}]})}),e(s.Left,{children:e(a.Segmented.Border,{value:1,options:[{value:0,label:"On"},{value:1,label:"Off"}]})}),e(s.Left,{children:e(a.Segmented.BorderVivid,{value:1,options:[{value:0,label:"On"},{value:1,label:"Off"}]})}),e(s.Left,{borderBottom:!0,children:e(a.Segmented.Bottomline,{value:1,options:[{value:0,label:"Takana"},{value:1,label:"Mentai"},{value:2,label:"Mayo"},{value:3,label:"Gyudon"}]})})]})]}),Variables:()=>e(B,{children:o(t,{ssCardBox:!0,children:[e(i.Paragraph,{borderBottom:!0,padding:1,children:"Variables"}),e(t,{padding:1,children:e(p,{children:o(p,{gap:2,children:[o(t,{children:["Input.File",e(a.Filer,{limit:3,onUpdateValidValue:({value:l})=>{console.log(l[0])}})]}),o(t,{children:["Input.Switch",o(h,{gap:2,children:[e(a.Switch,{}),e(a.Switch,{appearance:"applely",color:"icicles",value:!0}),e(a.Switch,{appearance:"applely",icon:e(g.Check,{}),color:"warn",value:!0})]})]}),e(s.Left,{children:e(a.Color,{onUpdateValidValue:({value:l})=>{console.log(l)},value:"#4332c3"})}),o(t,{flexNewLine:!0,children:["Input.Slider",e(a.Slider,{color:"battery",name:"sliderInput",value:40,step:10,min:0,max:100})]})]})})})]})})};return e(B,{children:e(H,{size:"L",children:o(c,{gridCols:2,gap:2,children:[e(n.Basic,{}),e(n.Select,{}),e(n.Time,{}),e(n.List,{}),e(n.Segmented,{}),e(n.Variables,{})]})})})},ie=()=>{const n=l=>{let u="testModal2";b.open({type:l,sheetID:u,size:"S",padding:2,content:o(b.Body,{padding:1,children:[e(t,{padding:2,children:"Content"}),e(s.Right,{children:e(r.Button.Prime.R,{onClick:()=>{b.close(u)},children:"\u9589\u3058\u308B"})})]})})};return o(B,{children:[o(t,{ssCardBox:!0,children:[e(i.SubTitle,{borderBottom:!0,padding:1,children:"CardBox"}),e(t,{padding:1,overflow:"auto",children:e(i.Description,{children:`<Box styles={{ssCardBox:true}}>
   <Box>
     Header
   </Box>
@@ -96,4 +96,4 @@ text5`,minRows:5}),e(a.TextField,{label:"Input.TextField",isLabelActive:!0,place
   header: ReactElement | React.FC< { modalClose } >,
   body: ReactElement | React.FC< { modalClose } >,
   footer: ReactElement | React.FC< { modalClose } >
-} )`})}),o(p,{padding:2,children:[e(r.Button.Border.R,{onClick:l=>{v.open({tipsID:"testTips",parent:l.currentTarget,close_option:{parentBlur:!1,aroundClick:!1,escapeKeyDown:!0},content:()=>e(b.Body,{padding:2,children:e(r.Button.Prime.R,{onClick:()=>{b.open({sheetID:"testSheet",close_option:{aroundClick:!0},type:"normal.middleLeft",content:()=>e(b.Body,{padding:2,children:"END"})})},children:"nest"})})})},children:"Tooltips with nested sheet"}),e(t,{flexCenter:!0,children:o(c,{gridCols:3,gap:1,children:[e(r.Button.Border.R,{onClick:()=>{n("normal.topLeft")},children:"Top Left"}),e(r.Button.Border.R,{onClick:()=>{n("normal.topCenter")},children:"Top Center"}),e(r.Button.Border.R,{onClick:()=>{n("normal.topRight")},children:"Top Right"}),e(r.Button.Border.R,{onClick:()=>{n("normal.middleLeft")},children:"Middle Left"}),e(r.Button.Border.R,{onClick:()=>{n("normal.middleCenter")},children:"Middle Center"}),e(r.Button.Border.R,{onClick:()=>{n("normal.middleRight")},children:"Middle Right"}),e(r.Button.Border.R,{onClick:()=>{n("normal.bottomLeft")},children:"Bottom Left"}),e(r.Button.Border.R,{onClick:()=>{n("normal.bottomCenter")},children:"Bottom Center"}),e(r.Button.Border.R,{onClick:()=>{n("normal.bottomRight")},children:"Bottom Right"}),e(r.Button.Border.R,{onClick:()=>{n("drawer.left")},children:"Drawer Left"}),e(r.Button.Border.R,{onClick:()=>{n("drawer.bottom")},children:"Drawer Bottom"}),e(r.Button.Border.R,{onClick:()=>{n("drawer.right")},children:"Drawer Right"}),e(r.Button.Border.R,{onClick:l=>{v.open({tipsID:"test40",parent:l.currentTarget,content:e(t,{padding:1,border:!0,borderRadius:2,backgroundColor:"dark",fontColor:"white",children:"Content"})})},children:"Open Tooltips"})]})}),o(s.Center,{children:["Image Picker",e(w,{src:d.Images.defaultIcon("user"),ssSphere:6,showExpand:!0})]})]})]})]})},A={index:()=>e(B,{children:o(p,{children:[e(A.Normal,{}),e(A.Data,{}),e(A.Drag,{}),e(A.Spread,{})]})}),Normal:()=>{let n=[];for(var l=0;l<10;l++){let u=[{children:"head_"+l},{children:"data_"+l},{children:"data_"+l}];n.push(u)}return o(B,{children:[e(t,{fontSize:"5.subTitle",children:"Table.Normal"}),e(C.Normal,{colLength:3,head:[{children:"head1"},{children:"head2"},{children:"head3"}],rows:n,ssCardBox:!0,onRowClick:u=>{console.log(u)}})]})},Drag:()=>{let n=[];for(var l=0;l<4;l++){let u=[{children:"head_"+l},{children:"data_"+l},{children:"data_"+l}];u.rowID="rowID-"+l,n.push(u)}return o(B,{children:[e(t,{fontSize:"5.subTitle",children:"Table.Drag"}),e(C.Drag,{colLength:3,head:[{children:"head1"},{children:"head2"},{children:"head3"}],cellStyles:{},cellStylesCallback:()=>({}),rows:n,ssCardBox:!0,onOrderChanged:u=>{console.log(u)}})]})},Data:()=>{let n=[];for(var l=0;l<100;l++){let x=Math.round(Math.random()*50+1),T=Math.round(Math.random()*50+1),L=Math.round(Math.random()*50+1),m="name_"+x,M="data_"+T,I="data_"+L,J=[{type:"th",children:l+":"+m,data:m,orderIndex:l},{type:"td",children:M,data:M},{type:"td",children:I,data:I}];n.push(J)}n[1].checked=!0,n[4].checked=!0,n[10].checked=!0;let u="testDataTable";return o(B,{children:[o(h,{horizontalAlign:"between",children:[e(t,{fontSize:"5.subTitle",children:"Table.Data"}),o(h,{gap:"1/2",backgroundColor:"theme",borderRadius:"1.tone.primary",overflow:"hidden",fontColor:"white",children:[e(r.Button.Clear.R,{color:"white",children:"SubmitButton"}),e(t,{flexSizing:"none",unitWidth:"1/4",backgroundColor:"layer.4.opa.middle",isRounded:!0,margin:["2/3",0]}),e(r.Button.Clear.R,{padding:[0,1],color:"white",onClick:x=>{v.open({tipsID:S.uuid.gen(),parent:x.target,gravityPoint:24,close_option:{aroundClick:!0,parentBlur:!1},content:o(p,{gap:0,padding:["2/3",0],backgroundColor:"layer.1",borderRadius:2,boxShadow:"0.normal",overflow:"hidden",children:[e(r.Button.Clear.S,{borderRadius:0,borderBottom:"1.thin",children:"\u3059\u3079\u3066\u3092\u51FA\u529B"}),e(r.Button.Clear.S,{borderRadius:0,borderBottom:"1.thin",children:"\u3053\u306E\u30DA\u30FC\u30B8\u306E\u307F\u51FA\u529B"}),e(r.Button.Clear.S,{borderRadius:0,children:"\u30C1\u30A7\u30C3\u30AF\u3057\u305F\u884C\u306E\u307F\u51FA\u529B"})]})})},children:e(g.EllipsisV,{})})]})]}),o(s.Separate,{verticalAlign:"bottom",children:[o(s.Left,{verticalAlign:"bottom",children:[e(C.Data.SearchInput,{tableID:u}),e(C.Data.Info,{tableID:u})]}),o(s.Right,{verticalAlign:"unset",children:[e(C.Data.RowLength,{tableID:u,lengthSelect:[30,50,100]}),e(C.Data.Paging,{tableID:u})]})]}),e(C.Data,{tableID:u,colLength:3,head:[{data:"head1"},{data:"head2"},{data:"head3"}],rows:n,pageRowLength:30,ssCardBox:!0,cellStyles:{},cellStylesCallback:()=>({}),filter:[!0],checker:!0})]})},Spread:()=>e(B,{children:e(t,{fontSize:"5.subTitle",children:"Table.Spread"})})},de=()=>{let[n,l]=D(""),[u,x]=D(""),[T,L]=D("");return e(B,{children:o(t,{children:[o(r.Button.Prime.R,{onClick:()=>{re.openDialogNEdit({use:"square",develops:[{size:"S"},{size:"R"},{size:"L"}],onProcessFinished:m=>y(void 0,null,function*(){l(yield(yield N.fromFile(m[0])).toDataURL()),x(yield(yield N.fromFile(m[1])).toDataURL()),L(yield(yield N.fromFile(m[2])).toDataURL())})})},children:[e(g.Image,{})," \u30A4\u30E1\u30FC\u30B8\u3092\u9078\u629E"]}),o(h,{gap:1,verticalAlign:"top",children:[n&&e(w,{isRounded:!0,src:n,alt:"",showExpand:!0,freeCSS:{maxWidth:12*12}}),u&&e(w,{style:{maxWidth:24*12},src:u,alt:"",showExpand:!0}),T&&e(w,{style:{maxWidth:24*12},src:T,alt:"",showExpand:!0}),e(ee,{border:!0,borderWidth:3,margin:[3,"auto"],freeCSS:{width:12*10},slideIndex:1,options:{loop:!0,onSlideCallback:m=>{}},slides:[e(t,{flexCenter:!0,padding:3,backgroundColor:"nega",children:"test1"}),e(t,{flexCenter:!0,padding:3,backgroundColor:"posi",children:"test2"}),e(t,{flexCenter:!0,padding:3,backgroundColor:"warn",children:"test3"}),e(t,{flexCenter:!0,padding:3,backgroundColor:"theme",children:"test4"})]})]})]})})},Y={Darkmode:n=>(O(()=>{b.open({type:"custom",parent:document.body,gravityPoint:19,content:()=>e(t,{padding:1,children:e(a.Segmented.Cloud,W(V({cellStyles:{flexCenter:!0,padding:["1/4","1/2"],isRounded:!0},cellCheckedStyles:{boxShadow:"2.normal",backgroundColor:"theme",fontColor:"white"},ssCardBox:!0,backgroundColor:"layer.1",isRounded:!0,gap:"1/6",fontColor:"4.thin"},n),{options:[{value:"light",label:"Light"},{value:"dim",label:"Dim"},{value:"dark",label:"Dark"}],value:R.get().darkMode,onUpdateValidValue:({value:l})=>{let u=l;S.setLocalStrageData("prf.darkMode",u),R.update.darkMode(u)}}))})})},[]),null),ThemeColor:()=>{const n=l=>{let u="themeColorSelector";b.open({sheetID:u,type:"normal.middleCenter",size:"L",close_option:{aroundClick:!0},closeAfter:()=>{ne.fn.updateCSSProperty.reset()},content:()=>{let[x,T]=D(l.defaultColor);O(()=>{S.scope(()=>{x!==R.get().themeColor&&(R.update.themeColor(x),S.setLocalStrageData("prf.themeColor",x),b.close(u))})},[x]);let L=Object.entries(K).map(([m,M])=>{let I=m===x;return e(r.Button.Clear.R,{color:"cloud",textAlign:"center",onClick:()=>{T(m)},children:o(p,{gap:"1/2",textAlign:"center",children:[I&&e(i.Supplement,{padding:["1/4","1/2"],borderRadius:"3.tone.tertiary",backgroundColor:m,boxShadow:"2.normal",margin:"auto",fontColor:"white",fontSize:"0.xs",children:"\u8A2D\u5B9A\u4E2D"}),e(t,{position:"relative",margin:"auto",backgroundColor:m,ssSphere:2.5,children:e(t,{ssAbsoluteCovered:!0,border:!0,opacity:I?"max":"low",borderWidth:2,transition:"short",isRounded:!0,freeCSS:{transform:"scale(1.25)"}})}),e(i.Supplement,{ssTextEllipsis:!0,freeCSS:{lineHeight:1.25},children:m.toCapital()})]})},m)});return e(b.Body,{children:o(p,{padding:2,gap:2,children:[o(s.Separate,{children:[e(i.Paragraph,{children:"\u30C6\u30FC\u30DE\u3092\u9078\u629E"}),e(r.Button.Sub.R,{color:"cloud",ssSphere:3,onClick:()=>{b.close(u)},children:e(g.Times,{})})]}),e(c,{gap:"1/4",freeCSS:{gridTemplateColumns:"repeat(auto-fit, minmax(4.5rem, 1fr))"},children:L})]})})}})};return O(()=>{S.scope(()=>y(void 0,null,function*(){b.open({type:"custom",parent:document.body,gravityPoint:17,content:()=>e(t,{padding:1,children:e(r.Button.Border.R,{isRounded:!0,fontColor:"theme",onClick:l=>{n({defaultColor:R.get().themeColor,cb:u=>{}})},children:o(s.Center,{gap:"1/3",children:[e(t,{boxShadow:"2.normal",ssSquare:1,borderRadius:"1/3",backgroundColor:"theme"}),"Theme: ",R.get().themeColor.toCapital()]})})})})}))},[]),null}};let X=()=>{let[n,l]=D(Number(S.queryParams.get().ti)||0);return O(()=>{S.queryParams.set({ti:String(n)})},[n]),o(B,{children:[e(Y.Darkmode,{}),e(Y.ThemeColor,{}),o(p,{gap:0,minHeight:"contentHeight",backgroundColor:"layer.1",position:"relative",freeCSS:{zIndex:1},children:[e(oe,{borderBottom:!0,position:"sticky",backgroundColor:"layer.1",boxShadow:"2.normal",top:"topBase",tabIndex:n,tabs:["Basic","Shadows","Buttons","Inputs","Styling","Effection","Tables","Croppie","PlayGround","Logo"],onTabChange:u=>{localStorage.setItem("designTabHeader",String(u)),l(u)},UnderBreakPointStyles:{position:"static",top:0}}),e(t,{flexSizing:0,position:"relative",freeCSS:{zIndex:1},children:e(Z,{viewIndex:n,views:[e(k.index,{}),e(le.index,{}),e(_.index,{}),e(ae,{}),e(ie,{}),e(z.index,{}),e(A.index,{}),e(de,{}),"",e(f.index,{})],wrapper:u=>e(te.FadeIn,{animationTime:200,children:e(H,{children:e(h,{gap:2,padding:2,flexWrap:!0,flexChilds:"auto",children:u})})},n)})})]})]})};export{X as DesignBook,X as default};
+} )`})}),o(p,{padding:2,children:[e(r.Button.Border.R,{onClick:l=>{v.open({tipsID:"testTips",parent:l.currentTarget,close_option:{parentBlur:!1,aroundClick:!1,escapeKeyDown:!0},content:()=>e(b.Body,{padding:2,children:e(r.Button.Prime.R,{onClick:()=>{b.open({sheetID:"testSheet",close_option:{aroundClick:!0},type:"normal.middleLeft",content:()=>e(b.Body,{padding:2,children:"END"})})},children:"nest"})})})},children:"Tooltips with nested sheet"}),e(t,{flexCenter:!0,children:o(c,{gridCols:3,gap:1,children:[e(r.Button.Border.R,{onClick:()=>{n("normal.topLeft")},children:"Top Left"}),e(r.Button.Border.R,{onClick:()=>{n("normal.topCenter")},children:"Top Center"}),e(r.Button.Border.R,{onClick:()=>{n("normal.topRight")},children:"Top Right"}),e(r.Button.Border.R,{onClick:()=>{n("normal.middleLeft")},children:"Middle Left"}),e(r.Button.Border.R,{onClick:()=>{n("normal.middleCenter")},children:"Middle Center"}),e(r.Button.Border.R,{onClick:()=>{n("normal.middleRight")},children:"Middle Right"}),e(r.Button.Border.R,{onClick:()=>{n("normal.bottomLeft")},children:"Bottom Left"}),e(r.Button.Border.R,{onClick:()=>{n("normal.bottomCenter")},children:"Bottom Center"}),e(r.Button.Border.R,{onClick:()=>{n("normal.bottomRight")},children:"Bottom Right"}),e(r.Button.Border.R,{onClick:()=>{n("drawer.left")},children:"Drawer Left"}),e(r.Button.Border.R,{onClick:()=>{n("drawer.bottom")},children:"Drawer Bottom"}),e(r.Button.Border.R,{onClick:()=>{n("drawer.right")},children:"Drawer Right"}),e(r.Button.Border.R,{onClick:l=>{v.open({tipsID:"test40",parent:l.currentTarget,content:e(t,{padding:1,border:!0,borderRadius:2,backgroundColor:"dark",fontColor:"white",children:"Content"})})},children:"Open Tooltips"})]})}),o(s.Center,{children:["Image Picker",e(w,{src:d.Images.defaultIcon("user"),ssSphere:6,showExpand:!0})]})]})]})]})},A={index:()=>e(B,{children:o(p,{children:[e(A.Normal,{}),e(A.Data,{}),e(A.Drag,{}),e(A.Spread,{})]})}),Normal:()=>{let n=[];for(var l=0;l<10;l++){let u=[{children:"head_"+l},{children:"data_"+l},{children:"data_"+l}];n.push(u)}return o(B,{children:[e(t,{fontSize:"5.subTitle",children:"Table.Normal"}),e(C.Normal,{colLength:3,head:[{children:"head1"},{children:"head2"},{children:"head3"}],rows:n,ssCardBox:!0,onRowClick:u=>{console.log(u)}})]})},Drag:()=>{let n=[];for(var l=0;l<4;l++){let u=[{children:"head_"+l},{children:"data_"+l},{children:"data_"+l}];u.rowID="rowID-"+l,n.push(u)}return o(B,{children:[e(t,{fontSize:"5.subTitle",children:"Table.Drag"}),e(C.Drag,{colLength:3,head:[{children:"head1"},{children:"head2"},{children:"head3"}],cellStyles:{},cellStylesCallback:()=>({}),rows:n,ssCardBox:!0,onOrderChanged:u=>{console.log(u)}})]})},Data:()=>{let n=[];for(var l=0;l<100;l++){let x=Math.round(Math.random()*50+1),T=Math.round(Math.random()*50+1),L=Math.round(Math.random()*50+1),m="name_"+x,M="data_"+T,I="data_"+L,J=[{type:"th",children:l+":"+m,data:m,orderIndex:l},{type:"td",children:M,data:M},{type:"td",children:I,data:I}];n.push(J)}n[1].checked=!0,n[4].checked=!0,n[10].checked=!0;let u="testDataTable";return o(B,{children:[o(h,{horizontalAlign:"between",children:[e(t,{fontSize:"5.subTitle",children:"Table.Data"}),o(h,{gap:"1/2",backgroundColor:"theme",borderRadius:"1.tone.primary",overflow:"hidden",fontColor:"white",children:[e(r.Button.Clear.R,{color:"white",children:"SubmitButton"}),e(t,{flexSizing:"none",unitWidth:"1/4",backgroundColor:"layer.4.opa.middle",isRounded:!0,margin:["2/3",0]}),e(r.Button.Clear.R,{padding:[0,1],color:"white",onClick:x=>{v.open({tipsID:S.uuid.gen(),parent:x.target,gravityPoint:24,close_option:{aroundClick:!0,parentBlur:!1},content:o(p,{gap:0,padding:["2/3",0],backgroundColor:"layer.1",borderRadius:2,boxShadow:"0.normal",overflow:"hidden",children:[e(r.Button.Clear.S,{borderRadius:0,borderBottom:"1.thin",children:"\u3059\u3079\u3066\u3092\u51FA\u529B"}),e(r.Button.Clear.S,{borderRadius:0,borderBottom:"1.thin",children:"\u3053\u306E\u30DA\u30FC\u30B8\u306E\u307F\u51FA\u529B"}),e(r.Button.Clear.S,{borderRadius:0,children:"\u30C1\u30A7\u30C3\u30AF\u3057\u305F\u884C\u306E\u307F\u51FA\u529B"})]})})},children:e(g.EllipsisV,{})})]})]}),o(s.Separate,{verticalAlign:"bottom",children:[o(s.Left,{verticalAlign:"bottom",children:[e(C.Data.SearchInput,{tableID:u}),e(C.Data.Info,{tableID:u})]}),o(s.Right,{verticalAlign:"unset",children:[e(C.Data.RowLength,{tableID:u,lengthSelect:[30,50,100]}),e(C.Data.Paging,{tableID:u})]})]}),e(C.Data,{tableID:u,colLength:3,head:[{data:"head1"},{data:"head2"},{data:"head3"}],rows:n,pageRowLength:30,ssCardBox:!0,cellStyles:{},cellStylesCallback:()=>({}),filter:[!0],checker:!0})]})},Spread:()=>e(B,{children:e(t,{fontSize:"5.subTitle",children:"Table.Spread"})})},de=()=>{let[n,l]=D(""),[u,x]=D(""),[T,L]=D("");return e(B,{children:o(t,{children:[o(r.Button.Prime.R,{onClick:()=>{re.openDialogNEdit({use:"square",develops:[{size:"S"},{size:"R"},{size:"L"}],onProcessFinished:m=>y(void 0,null,function*(){l(yield(yield N.fromFile(m[0])).toDataURL()),x(yield(yield N.fromFile(m[1])).toDataURL()),L(yield(yield N.fromFile(m[2])).toDataURL())})})},children:[e(g.Image,{})," \u30A4\u30E1\u30FC\u30B8\u3092\u9078\u629E"]}),o(h,{gap:1,verticalAlign:"top",children:[n&&e(w,{isRounded:!0,src:n,alt:"",showExpand:!0,freeCSS:{maxWidth:12*12}}),u&&e(w,{style:{maxWidth:24*12},src:u,alt:"",showExpand:!0}),T&&e(w,{style:{maxWidth:24*12},src:T,alt:"",showExpand:!0}),e(ee,{border:!0,borderWidth:3,margin:[3,"auto"],freeCSS:{width:12*10},slideIndex:1,options:{loop:!0,onSlideCallback:m=>{}},slides:[e(t,{flexCenter:!0,padding:3,backgroundColor:"nega",children:"test1"}),e(t,{flexCenter:!0,padding:3,backgroundColor:"posi",children:"test2"}),e(t,{flexCenter:!0,padding:3,backgroundColor:"warn",children:"test3"}),e(t,{flexCenter:!0,padding:3,backgroundColor:"theme",children:"test4"})]})]})]})})},Y={Darkmode:n=>(O(()=>{b.open({type:"custom",parent:document.body,gravityPoint:19,content:()=>e(t,{padding:1,children:e(a.Segmented.Cloud,U(V({cellStyles:{flexCenter:!0,padding:["1/4","1/2"],isRounded:!0},cellCheckedStyles:{boxShadow:"2.normal",backgroundColor:"theme",fontColor:"white"},ssCardBox:!0,backgroundColor:"layer.1",isRounded:!0,gap:"1/6",fontColor:"4.thin"},n),{options:[{value:"light",label:"Light"},{value:"dim",label:"Dim"},{value:"dark",label:"Dark"}],value:R.get().darkMode,onUpdateValidValue:({value:l})=>{let u=l;S.setLocalStrageData("prf.darkMode",u),R.update.darkMode(u)}}))})})},[]),null),ThemeColor:()=>{const n=l=>{let u="themeColorSelector";b.open({sheetID:u,type:"normal.middleCenter",size:"L",close_option:{aroundClick:!0},closeAfter:()=>{ne.fn.updateCSSProperty.reset()},content:()=>{let[x,T]=D(l.defaultColor);O(()=>{S.scope(()=>{x!==R.get().themeColor&&(R.update.themeColor(x),S.setLocalStrageData("prf.themeColor",x),b.close(u))})},[x]);let L=Object.entries(K).map(([m,M])=>{let I=m===x;return e(r.Button.Clear.R,{color:"cloud",textAlign:"center",onClick:()=>{T(m)},children:o(p,{gap:"1/2",textAlign:"center",children:[I&&e(i.Supplement,{padding:["1/4","1/2"],borderRadius:"3.tone.tertiary",backgroundColor:m,boxShadow:"2.normal",margin:"auto",fontColor:"white",fontSize:"0.xs",children:"\u8A2D\u5B9A\u4E2D"}),e(t,{position:"relative",margin:"auto",backgroundColor:m,ssSphere:2.5,children:e(t,{ssAbsoluteCovered:!0,border:!0,opacity:I?"max":"low",borderWidth:2,transition:"short",isRounded:!0,freeCSS:{transform:"scale(1.25)"}})}),e(i.Supplement,{ssTextEllipsis:!0,freeCSS:{lineHeight:1.25},children:m.toCapital()})]})},m)});return e(b.Body,{children:o(p,{padding:2,gap:2,children:[o(s.Separate,{children:[e(i.Paragraph,{children:"\u30C6\u30FC\u30DE\u3092\u9078\u629E"}),e(r.Button.Sub.R,{color:"cloud",ssSphere:3,onClick:()=>{b.close(u)},children:e(g.Times,{})})]}),e(c,{gap:"1/4",freeCSS:{gridTemplateColumns:"repeat(auto-fit, minmax(4.5rem, 1fr))"},children:L})]})})}})};return O(()=>{S.scope(()=>y(void 0,null,function*(){b.open({type:"custom",parent:document.body,gravityPoint:17,content:()=>e(t,{padding:1,children:e(r.Button.Border.R,{isRounded:!0,fontColor:"theme",onClick:l=>{n({defaultColor:R.get().themeColor,cb:u=>{}})},children:o(s.Center,{gap:"1/3",children:[e(t,{boxShadow:"2.normal",ssSquare:1,borderRadius:"1/3",backgroundColor:"theme"}),"Theme: ",R.get().themeColor.toCapital()]})})})})}))},[]),null}};let X=()=>{let[n,l]=D(Number(S.queryParams.get().ti)||0);return O(()=>{S.queryParams.set({ti:String(n)})},[n]),o(B,{children:[e(Y.Darkmode,{}),e(Y.ThemeColor,{}),o(p,{gap:0,minHeight:"contentHeight",backgroundColor:"layer.1",position:"relative",freeCSS:{zIndex:1},children:[e(oe,{borderBottom:!0,position:"sticky",backgroundColor:"layer.1",boxShadow:"2.normal",top:"topBase",tabIndex:n,tabs:["Basic","Shadows","Buttons","Inputs","Styling","Effection","Tables","Croppie","PlayGround","Logo"],onTabChange:u=>{localStorage.setItem("designTabHeader",String(u)),l(u)},UnderBreakPointStyles:{position:"static",top:0}}),e(t,{flexSizing:0,position:"relative",freeCSS:{zIndex:1},children:e(Z,{viewIndex:n,views:[e(k.index,{}),e(le.index,{}),e(_.index,{}),e(ae,{}),e(ie,{}),e(z.index,{}),e(A.index,{}),e(de,{}),"",e(f.index,{})],wrapper:u=>e(te.FadeIn,{animationTime:200,children:e(H,{children:e(h,{gap:2,padding:2,flexWrap:!0,flexChilds:"auto",children:u})})},n)})})]})]})};export{X as DesignBook,X as default};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "amotify",
-  "version": "0.2.43",
+  "version": "0.2.44",
   "description": "UI Component for React,NextJS,esbuild",
   "scripts": {
     "start": "run-p clean build:*",