amotify 0.2.225 → 0.2.227

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={Wrapper:"_Wrapper_3nb6i_2",Wrap:"_Wrap_3nb6i_2",Content:"_Content_3nb6i_9",TapSensor:"_TapSensor_3nb6i_28",TapContent:"_TapContent_3nb6i_38",Hide:"_Hide_3nb6i_45",Open:"_Open_3nb6i_48",isMainSheet_true:"_isMainSheet_true_3nb6i_48",isMainSheet_false:"_isMainSheet_false_3nb6i_52",BB:"_BB_3nb6i_52",Tcate_normal:"_Tcate_normal_3nb6i_55",BaseBody:"_BaseBody_3nb6i_59",Tcate_drawer:"_Tcate_drawer_3nb6i_74",Tpos_left:"_Tpos_left_3nb6i_74",Tpos_right:"_Tpos_right_3nb6i_89",Tpos_bottom:"_Tpos_bottom_3nb6i_104",DragBar:"_DragBar_3nb6i_111",Tcate_custom:"_Tcate_custom_3nb6i_119",CustomSheet:"_CustomSheet_3nb6i_127",GPT:"_GPT_3nb6i_130",Col_1:"_Col_1_3nb6i_130",Row_1:"_Row_1_3nb6i_130",Row_4:"_Row_4_3nb6i_130",Col_4:"_Col_4_3nb6i_130",Row_2:"_Row_2_3nb6i_133",Row_5:"_Row_5_3nb6i_133",Col_2:"_Col_2_3nb6i_136",Col_5:"_Col_5_3nb6i_136",GPT_3:"_GPT_3_3nb6i_142",GPT_18:"_GPT_18_3nb6i_142",GPT_8:"_GPT_8_3nb6i_145",GPT_23:"_GPT_23_3nb6i_145",GPT_11:"_GPT_11_3nb6i_148",GPT_14:"_GPT_14_3nb6i_148",GPT_12:"_GPT_12_3nb6i_151",GPT_15:"_GPT_15_3nb6i_151",Col_3:"_Col_3_3nb6i_161"};var c={Wrapper:"_Wrapper_jip2p_1",CornerLoader:"_CornerLoader_jip2p_17",Wrap:"_Wrap_jip2p_1",isActive:"_isActive_jip2p_28",ldAnm:"_ldAnm_jip2p_1",Ld1:"_Ld1_jip2p_34",Ld2:"_Ld2_jip2p_37",Ld3:"_Ld3_jip2p_40",Ld4:"_Ld4_jip2p_43",MiniLoader:"_MiniLoader_jip2p_61",Active_false:"_Active_false_jip2p_64",Hide:"_Hide_jip2p_67",Active:"_Active_jip2p_64",Core:"_Core_jip2p_77",spin:"_spin_jip2p_1",SVG1:"_SVG1_jip2p_85",loader:"_loader_jip2p_1",loading:"_loading_jip2p_1",SVG2:"_SVG2_jip2p_92"};var i={RootViewController:"_RootViewController_czfgs_2",Content:"_Content_czfgs_7",TopNav:"_TopNav_czfgs_11",FooterNav:"_FooterNav_czfgs_14",Body:"_Body_czfgs_17",SideNav:"_SideNav_czfgs_17",SwipeView:"_SwipeView_czfgs_24",Rail:"_Rail_czfgs_24",ShowOther_true:"_ShowOther_true_czfgs_24",Child:"_Child_czfgs_24",Display:"_Display_czfgs_32",LoopAdjusting:"_LoopAdjusting_czfgs_36"};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 b={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_kr7qs_1",isLocked_true:"_isLocked_true_kr7qs_16",Tone_sub_Color_theme:"_Tone_sub_Color_theme_kr7qs_21",Tone_clear_Color_theme:"_Tone_clear_Color_theme_kr7qs_21",Tone_sub_Color_posi:"_Tone_sub_Color_posi_kr7qs_24",Tone_clear_Color_posi:"_Tone_clear_Color_posi_kr7qs_24",Tone_sub_Color_nega:"_Tone_sub_Color_nega_kr7qs_27",Tone_clear_Color_nega:"_Tone_clear_Color_nega_kr7qs_27",Tone_sub_Color_warn:"_Tone_sub_Color_warn_kr7qs_30",Tone_clear_Color_warn:"_Tone_clear_Color_warn_kr7qs_30",Tone_sub_Color_white:"_Tone_sub_Color_white_kr7qs_33",Tone_clear_Color_white:"_Tone_clear_Color_white_kr7qs_33",Tone_sub_Color_cloud:"_Tone_sub_Color_cloud_kr7qs_36",Tone_clear_Color_cloud:"_Tone_clear_Color_cloud_kr7qs_36",Tone_sub_Color_layer:"_Tone_sub_Color_layer_kr7qs_39",Tone_clear_Color_layer:"_Tone_clear_Color_layer_kr7qs_39",isNeutral_true:"_isNeutral_true_kr7qs_43",Tone_clear:"_Tone_clear_kr7qs_21",Tone_borderToFill:"_Tone_borderToFill_kr7qs_46",Tone_fillToBorder:"_Tone_fillToBorder_kr7qs_49",Tone_fillToBorder_Color_white:"_Tone_fillToBorder_Color_white_kr7qs_52",Tone_fillToBorder_Color_cloud:"_Tone_fillToBorder_Color_cloud_kr7qs_52",Tone_link:"_Tone_link_kr7qs_55",Tone_normal_Color_plain:"_Tone_normal_Color_plain_kr7qs_62",Tone_normal_Color_theme:"_Tone_normal_Color_theme_kr7qs_66",Tone_normal_Color_posi:"_Tone_normal_Color_posi_kr7qs_70",Tone_normal_Color_nega:"_Tone_normal_Color_nega_kr7qs_74",Tone_normal_Color_warn:"_Tone_normal_Color_warn_kr7qs_78",Tone_border:"_Tone_border_kr7qs_46",Tone_prime:"_Tone_prime_kr7qs_85",Tone_borderToFill_Color_white:"_Tone_borderToFill_Color_white_kr7qs_120",Tone_borderToFill_Color_cloud:"_Tone_borderToFill_Color_cloud_kr7qs_120"};var m={Wrapper:"_Wrapper_51igx_1",Input:"_Input_51igx_40",DigitCharacterCell:"_DigitCharacterCell_51igx_71",Combined:"_Combined_51igx_71",ShowCell:"_ShowCell_51igx_1"};var h={SelectorWrapper:"_SelectorWrapper_vfpyx_1"};var g={Input:"_Input_1g1ty_1",List:"_List_1g1ty_1",AddButton:"_AddButton_1g1ty_1",FileName:"_FileName_1g1ty_5",Draggable:"_Draggable_1g1ty_18",AddIcon:"_AddIcon_1g1ty_21",IconAnimation:"_IconAnimation_1g1ty_1"};var p={CellBase:"_CellBase_xuhga_1",HideInput_true:"_HideInput_true_xuhga_1",Input:"_Input_xuhga_1",Label:"_Label_xuhga_5"};var f={Core:"_Core_1psny_1",SelectedCell:"_SelectedCell_1psny_5",Selector:"_Selector_1psny_9"};var v={Input:"_Input_1lndc_1",Label:"_Label_1lndc_7"};var u={Label:"_Label_qfhyi_1",Wrap:"_Wrap_qfhyi_18",Rail:"_Rail_qfhyi_18",Bar:"_Bar_qfhyi_18",BarColor:"_BarColor_qfhyi_21",Labels:"_Labels_qfhyi_24",ShowLegendsAlways_true:"_ShowLegendsAlways_true_qfhyi_27",Ball:"_Ball_qfhyi_38"};var w={Header:"_Header_1rlyc_1",Body:"_Body_1rlyc_8",Footer:"_Footer_1rlyc_13",ClockBase:"_ClockBase_1rlyc_20",DesignSide:"_DesignSide_1rlyc_20",ClockUiBase:"_ClockUiBase_1rlyc_20",ClockUi:"_ClockUi_1rlyc_20",Needle:"_Needle_1rlyc_24",hour:"_hour_1rlyc_31",minute:"_minute_1rlyc_36",DateBase:"_DateBase_1rlyc_42",LeftButton:"_LeftButton_1rlyc_42",RightButton:"_RightButton_1rlyc_45",MonthBase:"_MonthBase_1rlyc_49",Cell:"_Cell_1rlyc_55",isThisMonth:"_isThisMonth_1rlyc_55",miniYearInput:"_miniYearInput_1rlyc_61",CalendarDay:"_CalendarDay_1rlyc_66",isToday_true:"_isToday_true_1rlyc_66"};var k={Origin:"_Origin_vvhgd_1",Shallow:"_Shallow_vvhgd_5"};var y={Label:"_Label_1kvwn_1",Tone_plain:"_Tone_plain_1kvwn_6",Checked:"_Checked_1kvwn_6",Tone_cloud:"_Tone_cloud_1kvwn_9",Tone_cloudmono:"_Tone_cloudmono_1kvwn_12",Tone_cloudtheme:"_Tone_cloudtheme_1kvwn_15",Tone_bordervivid:"_Tone_bordervivid_1kvwn_21",Tone_bottomline:"_Tone_bottomline_1kvwn_27"};var Lr=o=>r[o],Sr=o=>a[o],Br=o=>t[o],qr=o=>_[o],Wr=o=>l[o],Nr=o=>e[o],jr=o=>c[o],Rr=o=>i[o],Pr=o=>n[o],Ir=o=>s[o],Ar=o=>b[o],Gr=o=>d[o],Yr=o=>m[o],Fr=o=>h[o],Mr=o=>g[o],Or=o=>p[o],Dr=o=>f[o],Ur=o=>v[o],Vr=o=>u[o],Er=o=>w[o],Kr=o=>k[o],Xr=o=>y[o];export{qr as AccordionClasses,Gr as ButtonClasses,Ar as CropperClasses,Ir as EffectClasses,Lr as ImgClasses,Kr as InputAutoHeightClasses,Dr as InputAutocompleteClasses,Fr as InputChipsClasses,Yr as InputClasses,Mr as InputFilerClasses,Or as InputListClasses,Xr as InputSegmentedClasses,Vr as InputSliderClasses,Ur as InputSwitchClasses,Er as InputTimeClasses,Rr as LayoutClasses,jr as LoaderClasses,Sr as LogoClasses,Br as PlaceholderClasses,Nr as SheetClasses,Wr as SnackbarClasses,Pr as TableClasses};
+var r={Img:"_Img_1egfu_1",ShowExpand_true:"_ShowExpand_true_1egfu_11"};var a={};var t={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 _={Placeholder:"_Placeholder_rl2bi_14",Body:"_Body_rl2bi_14",PlaceholderEffect:"_PlaceholderEffect_rl2bi_1",Color_white:"_Color_white_rl2bi_25"};var l={Wrap:"_Wrap_13krz_1",Open_true:"_Open_true_13krz_1",Open_false:"_Open_false_13krz_4"};var e={Wrapper:"_Wrapper_1s842_1",Cell:"_Cell_1s842_9",FadeIn:"_FadeIn_1s842_13",FadeOut:"_FadeOut_1s842_17"};var c={Wrap:"_Wrap_qwxcm_2",Content:"_Content_qwxcm_6",BB:"_BB_qwxcm_17",TapSensor:"_TapSensor_qwxcm_20",isMainSheet_true:"_isMainSheet_true_qwxcm_24",Open:"_Open_qwxcm_30",Hide:"_Hide_qwxcm_36",isMainSheet_false:"_isMainSheet_false_qwxcm_39",Tcate_normal:"_Tcate_normal_qwxcm_42",BaseBody:"_BaseBody_qwxcm_46",Tcate_drawer:"_Tcate_drawer_qwxcm_61",Tpos_left:"_Tpos_left_qwxcm_61",Tpos_right:"_Tpos_right_qwxcm_76",Tpos_bottom:"_Tpos_bottom_qwxcm_91",DragBar:"_DragBar_qwxcm_98",Tcate_custom:"_Tcate_custom_qwxcm_106",CustomSheet:"_CustomSheet_qwxcm_114",GPT:"_GPT_qwxcm_117",Col_1:"_Col_1_qwxcm_117",Row_1:"_Row_1_qwxcm_117",Row_4:"_Row_4_qwxcm_117",Col_4:"_Col_4_qwxcm_117",Row_2:"_Row_2_qwxcm_120",Row_5:"_Row_5_qwxcm_120",Col_2:"_Col_2_qwxcm_123",Col_5:"_Col_5_qwxcm_123",GPT_3:"_GPT_3_qwxcm_129",GPT_18:"_GPT_18_qwxcm_129",GPT_8:"_GPT_8_qwxcm_132",GPT_23:"_GPT_23_qwxcm_132",GPT_11:"_GPT_11_qwxcm_135",GPT_14:"_GPT_14_qwxcm_135",GPT_12:"_GPT_12_qwxcm_138",GPT_15:"_GPT_15_qwxcm_138",Col_3:"_Col_3_qwxcm_148",TapContent:"_TapContent_qwxcm_164"};var i={Wrapper:"_Wrapper_jip2p_1",CornerLoader:"_CornerLoader_jip2p_17",Wrap:"_Wrap_jip2p_1",isActive:"_isActive_jip2p_28",ldAnm:"_ldAnm_jip2p_1",Ld1:"_Ld1_jip2p_34",Ld2:"_Ld2_jip2p_37",Ld3:"_Ld3_jip2p_40",Ld4:"_Ld4_jip2p_43",MiniLoader:"_MiniLoader_jip2p_61",Active_false:"_Active_false_jip2p_64",Hide:"_Hide_jip2p_67",Active:"_Active_jip2p_64",Core:"_Core_jip2p_77",spin:"_spin_jip2p_1",SVG1:"_SVG1_jip2p_85",loader:"_loader_jip2p_1",loading:"_loading_jip2p_1",SVG2:"_SVG2_jip2p_92"};var n={RootViewController:"_RootViewController_czfgs_2",Content:"_Content_czfgs_7",TopNav:"_TopNav_czfgs_11",FooterNav:"_FooterNav_czfgs_14",Body:"_Body_czfgs_17",SideNav:"_SideNav_czfgs_17",SwipeView:"_SwipeView_czfgs_24",Rail:"_Rail_czfgs_24",ShowOther_true:"_ShowOther_true_czfgs_24",Child:"_Child_czfgs_24",Display:"_Display_czfgs_32",LoopAdjusting:"_LoopAdjusting_czfgs_36"};var s={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 m={RippleElement:"_RippleElement_17vcx_1",Color_cloud:"_Color_cloud_17vcx_7",RippleWrap:"_RippleWrap_17vcx_7",Wave:"_Wave_17vcx_7",Color_theme:"_Color_theme_17vcx_10",PuddingEffect:"_PuddingEffect_17vcx_39",pdAnm:"_pdAnm_17vcx_1"};var d={Wrap:"_Wrap_8x4zl_1",Use_profile:"_Use_profile_8x4zl_4",Use_head:"_Use_head_8x4zl_7",Canvas:"_Canvas_8x4zl_11",Preview:"_Preview_8x4zl_17",ToneBall:"_ToneBall_8x4zl_21",ToneBall_1:"_ToneBall_1_8x4zl_25",ToneBall_2:"_ToneBall_2_8x4zl_28",ToneBall_3:"_ToneBall_3_8x4zl_31",ToneBall_4:"_ToneBall_4_8x4zl_34",ToneBall_5:"_ToneBall_5_8x4zl_37",ToneBall_6:"_ToneBall_6_8x4zl_40",ToneBall_7:"_ToneBall_7_8x4zl_43",ToneBall_8:"_ToneBall_8_8x4zl_46",ToneBall_9:"_ToneBall_9_8x4zl_49",ToneBall_10:"_ToneBall_10_8x4zl_52"};var b={Wrap:"_Wrap_kr7qs_1",isLocked_true:"_isLocked_true_kr7qs_16",Tone_sub_Color_theme:"_Tone_sub_Color_theme_kr7qs_21",Tone_clear_Color_theme:"_Tone_clear_Color_theme_kr7qs_21",Tone_sub_Color_posi:"_Tone_sub_Color_posi_kr7qs_24",Tone_clear_Color_posi:"_Tone_clear_Color_posi_kr7qs_24",Tone_sub_Color_nega:"_Tone_sub_Color_nega_kr7qs_27",Tone_clear_Color_nega:"_Tone_clear_Color_nega_kr7qs_27",Tone_sub_Color_warn:"_Tone_sub_Color_warn_kr7qs_30",Tone_clear_Color_warn:"_Tone_clear_Color_warn_kr7qs_30",Tone_sub_Color_white:"_Tone_sub_Color_white_kr7qs_33",Tone_clear_Color_white:"_Tone_clear_Color_white_kr7qs_33",Tone_sub_Color_cloud:"_Tone_sub_Color_cloud_kr7qs_36",Tone_clear_Color_cloud:"_Tone_clear_Color_cloud_kr7qs_36",Tone_sub_Color_layer:"_Tone_sub_Color_layer_kr7qs_39",Tone_clear_Color_layer:"_Tone_clear_Color_layer_kr7qs_39",isNeutral_true:"_isNeutral_true_kr7qs_43",Tone_clear:"_Tone_clear_kr7qs_21",Tone_borderToFill:"_Tone_borderToFill_kr7qs_46",Tone_fillToBorder:"_Tone_fillToBorder_kr7qs_49",Tone_fillToBorder_Color_white:"_Tone_fillToBorder_Color_white_kr7qs_52",Tone_fillToBorder_Color_cloud:"_Tone_fillToBorder_Color_cloud_kr7qs_52",Tone_link:"_Tone_link_kr7qs_55",Tone_normal_Color_plain:"_Tone_normal_Color_plain_kr7qs_62",Tone_normal_Color_theme:"_Tone_normal_Color_theme_kr7qs_66",Tone_normal_Color_posi:"_Tone_normal_Color_posi_kr7qs_70",Tone_normal_Color_nega:"_Tone_normal_Color_nega_kr7qs_74",Tone_normal_Color_warn:"_Tone_normal_Color_warn_kr7qs_78",Tone_border:"_Tone_border_kr7qs_46",Tone_prime:"_Tone_prime_kr7qs_85",Tone_borderToFill_Color_white:"_Tone_borderToFill_Color_white_kr7qs_120",Tone_borderToFill_Color_cloud:"_Tone_borderToFill_Color_cloud_kr7qs_120"};var h={Wrapper:"_Wrapper_51igx_1",Input:"_Input_51igx_40",DigitCharacterCell:"_DigitCharacterCell_51igx_71",Combined:"_Combined_51igx_71",ShowCell:"_ShowCell_51igx_1"};var g={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 v={Core:"_Core_1psny_1",SelectedCell:"_SelectedCell_1psny_5",Selector:"_Selector_1psny_9"};var u={Input:"_Input_1lndc_1",Label:"_Label_1lndc_7"};var w={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 x={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 jr=o=>r[o],Rr=o=>a[o],Pr=o=>t[o],Ir=o=>_[o],Ar=o=>l[o],Gr=o=>e[o],Mr=o=>c[o],Yr=o=>i[o],Fr=o=>n[o],Or=o=>s[o],Dr=o=>m[o],Ur=o=>d[o],Vr=o=>b[o],Er=o=>h[o],Kr=o=>g[o],Xr=o=>p[o],Jr=o=>f[o],Qr=o=>v[o],Zr=o=>u[o],$r=o=>w[o],oa=o=>x[o],ra=o=>k[o],aa=o=>y[o];export{Ar as AccordionClasses,Vr as ButtonClasses,Ur as CropperClasses,Dr as EffectClasses,Rr as GridClasses,jr as ImgClasses,ra as InputAutoHeightClasses,Qr as InputAutocompleteClasses,Kr as InputChipsClasses,Er as InputClasses,Xr as InputFilerClasses,Jr as InputListClasses,aa as InputSegmentedClasses,$r as InputSliderClasses,Zr as InputSwitchClasses,oa as InputTimeClasses,Fr as LayoutClasses,Yr as LoaderClasses,Pr as LogoClasses,Ir as PlaceholderClasses,Mr as SheetClasses,Gr as SnackbarClasses,Or as TableClasses};

package/dist/@styles/var.css

@@ -1 +1 @@
-:root{--cH_comun: 237;--cS_comun: 76%;--cL_comun: 58%;--color_comun-hsl: 237, 76%, 58%;--cH_leaf: 159;--cS_leaf: 78%;--cL_leaf: 38%;--color_leaf-hsl: 159, 78%, 38%;--cH_heart: 2;--cS_heart: 81%;--cL_heart: 63%;--color_heart-hsl: 2, 81%, 63%;--cH_droplet: 215;--cS_droplet: 82%;--cL_droplet: 51%;--color_droplet-hsl: 215, 82%, 51%;--cH_brick: 351;--cS_brick: 80%;--cL_brick: 39%;--color_brick-hsl: 351, 80%, 39%;--cH_flower: 350;--cS_flower: 78%;--cL_flower: 75%;--color_flower-hsl: 350, 78%, 75%;--cH_lip: 340;--cS_lip: 69%;--cL_lip: 49%;--color_lip-hsl: 340, 69%, 49%;--cH_wine: 317;--cS_wine: 41%;--cL_wine: 30%;--color_wine-hsl: 317, 41%, 30%;--cH_theater: 301;--cS_theater: 88%;--cL_theater: 49%;--color_theater-hsl: 301, 88%, 49%;--cH_bat: 272;--cS_bat: 81%;--cL_bat: 21%;--color_bat-hsl: 272, 81%, 21%;--cH_poizon: 268;--cS_poizon: 58%;--cL_poizon: 50%;--color_poizon-hsl: 268, 58%, 50%;--cH_eggplant: 264;--cS_eggplant: 100%;--cL_eggplant: 62%;--color_eggplant-hsl: 264, 100%, 62%;--cH_ufo: 253;--cS_ufo: 81%;--cL_ufo: 58%;--color_ufo-hsl: 253, 81%, 58%;--cH_alien: 252;--cS_alien: 92%;--cL_alien: 57%;--color_alien-hsl: 252, 92%, 57%;--cH_tombstone: 251;--cS_tombstone: 14%;--cL_tombstone: 70%;--color_tombstone-hsl: 251, 14%, 70%;--cH_ninja: 242;--cS_ninja: 100%;--cL_ninja: 68%;--color_ninja-hsl: 242, 100%, 68%;--cH_moon: 240;--cS_moon: 16%;--cL_moon: 24%;--color_moon-hsl: 240, 16%, 24%;--cH_rain: 240;--cS_rain: 32%;--cL_rain: 54%;--color_rain-hsl: 240, 32%, 54%;--cH_unicorn: 238;--cS_unicorn: 70%;--cL_unicorn: 74%;--color_unicorn-hsl: 238, 70%, 74%;--cH_axe: 226;--cS_axe: 22%;--cL_axe: 35%;--color_axe-hsl: 226, 22%, 35%;--cH_gem: 221;--cS_gem: 85%;--cL_gem: 43%;--color_gem-hsl: 221, 85%, 43%;--cH_soap: 217;--cS_soap: 85%;--cL_soap: 32%;--color_soap-hsl: 217, 85%, 32%;--cH_drizzle: 213;--cS_drizzle: 33%;--cL_drizzle: 68%;--color_drizzle-hsl: 213, 33%, 68%;--cH_building: 204;--cS_building: 3%;--cL_building: 72%;--color_building-hsl: 204, 3%, 72%;--cH_fish: 194;--cS_fish: 97%;--cL_fish: 34%;--color_fish-hsl: 194, 97%, 34%;--cH_icicles: 191;--cS_icicles: 61%;--cL_icicles: 58%;--color_icicles-hsl: 191, 61%, 58%;--cH_water: 187;--cS_water: 30%;--cL_water: 54%;--color_water-hsl: 187, 30%, 54%;--cH_tree1: 186;--cS_tree1: 85%;--cL_tree1: 23%;--color_tree1-hsl: 186, 85%, 23%;--cH_tree2: 185;--cS_tree2: 97%;--cL_tree2: 34%;--color_tree2-hsl: 185, 97%, 34%;--cH_tree3: 183;--cS_tree3: 86%;--cL_tree3: 19%;--color_tree3-hsl: 183, 86%, 19%;--cH_battery: 170;--cS_battery: 90%;--cL_battery: 39%;--color_battery-hsl: 170, 90%, 39%;--cH_seedle: 145;--cS_seedle: 94%;--cL_seedle: 40%;--color_seedle-hsl: 145, 94%, 40%;--cH_greenTea: 144;--cS_greenTea: 43%;--cL_greenTea: 41%;--color_greenTea-hsl: 144, 43%, 41%;--cH_oak: 101;--cS_oak: 24%;--cL_oak: 66%;--color_oak-hsl: 101, 24%, 66%;--cH_salad: 68;--cS_salad: 90%;--cL_salad: 43%;--color_salad-hsl: 68, 90%, 43%;--cH_cloudy: 60;--cS_cloudy: 5%;--cL_cloudy: 79%;--color_cloudy-hsl: 60, 5%, 79%;--cH_lemon: 53;--cS_lemon: 78%;--cL_lemon: 70%;--color_lemon-hsl: 53, 78%, 70%;--cH_angel: 47;--cS_angel: 100%;--cL_angel: 50%;--color_angel-hsl: 47, 100%, 50%;--cH_parasol: 42;--cS_parasol: 86%;--cL_parasol: 70%;--color_parasol-hsl: 42, 86%, 70%;--cH_pizza: 40;--cS_pizza: 92%;--cL_pizza: 52%;--color_pizza-hsl: 40, 92%, 52%;--cH_thunder: 40;--cS_thunder: 70%;--cL_thunder: 57%;--color_thunder-hsl: 40, 70%, 57%;--cH_latte: 33;--cS_latte: 51%;--cL_latte: 73%;--color_latte-hsl: 33, 51%, 73%;--cH_island: 27;--cS_island: 91%;--cL_island: 55%;--color_island-hsl: 27, 91%, 55%;--cH_shovel: 19;--cS_shovel: 29%;--cL_shovel: 37%;--color_shovel-hsl: 19, 29%, 37%;--cH_coffee: 18;--cS_coffee: 33%;--cL_coffee: 24%;--color_coffee-hsl: 18, 33%, 24%;--cH_carrot: 14;--cS_carrot: 84%;--cL_carrot: 59%;--color_carrot-hsl: 14, 84%, 59%;--cH_cactus: 8;--cS_cactus: 17%;--cL_cactus: 62%;--color_cactus-hsl: 8, 17%, 62%;--cH_volcano: 6;--cS_volcano: 84%;--cL_volcano: 48%;--color_volcano-hsl: 6, 84%, 48%;--cH_choco: 2;--cS_choco: 55%;--cL_choco: 57%;--color_choco-hsl: 2, 55%, 57%;--cH_industry: 0;--cS_industry: 0%;--cL_industry: 50%;--color_industry-hsl: 0, 0%, 50%;--cH_gun: 0;--cS_gun: 0%;--cL_gun: 37%;--color_gun-hsl: 0, 0%, 37%;--cH_galaxy: 0;--cS_galaxy: 0%;--cL_galaxy: 5%;--color_galaxy-hsl: 0, 0%, 5%;--cH_line: 120;--cS_line: 100%;--cL_line: 37%;--color_line-hsl: 120, 100%, 37%;--cH_twitter: 203;--cS_twitter: 89%;--cL_twitter: 52%;--color_twitter-hsl: 203, 89%, 52%;--cH_amazon: 36;--cS_amazon: 100%;--cL_amazon: 50%;--color_amazon-hsl: 36, 100%, 50%;--cH_facebook: 220;--cS_facebook: 46%;--cL_facebook: 48%;--color_facebook-hsl: 220, 46%, 48%;--cH_android: 101;--cS_android: 47%;--cL_android: 55%;--color_android-hsl: 101, 47%, 55%;--cH_slackBlue: 194;--cS_slackBlue: 86%;--cL_slackBlue: 58%;--color_slackBlue-hsl: 194, 86%, 58%;--cH_slackGreen: 155;--cS_slackGreen: 60%;--cL_slackGreen: 45%;--color_slackGreen-hsl: 155, 60%, 45%;--cH_slackRed: 341;--cS_slackRed: 76%;--cL_slackRed: 50%;--color_slackRed-hsl: 341, 76%, 50%;--cH_slackYellow: 42;--cS_slackYellow: 83%;--cL_slackYellow: 55%;--color_slackYellow-hsl: 42, 83%, 55%;--cH_slackBase: 299;--cS_slackBase: 56%;--cL_slackBase: 19%;--color_slackBase-hsl: 299, 56%, 19%;--cH_googleBlue: 217;--cS_googleBlue: 89%;--cL_googleBlue: 61%;--color_googleBlue-hsl: 217, 89%, 61%;--cH_googleGreen: 151;--cS_googleGreen: 83%;--cL_googleGreen: 34%;--color_googleGreen-hsl: 151, 83%, 34%;--cH_googleYellow: 44;--cS_googleYellow: 100%;--cL_googleYellow: 48%;--color_googleYellow-hsl: 44, 100%, 48%;--cH_googleRed: 5;--cS_googleRed: 69%;--cL_googleRed: 54%;--color_googleRed-hsl: 5, 69%, 54%;--cH: 0;--cS: 0%;--cL: 0%;--color-theme-hsl: 0, 0%, 0%;--color-theme-opacity-high: .5;--color-theme-opacity-middle: .25;--color-theme-opacity-low: .15;--color-theme-opacity-few: .085;--color-positive-rgb: 68, 204, 170;--color-negative-rgb: 255, 68, 119;--color-warning-rgb: 248, 150, 0;--color-dark-rgb: 69, 81, 92;--color-positive: rgba(var(--color-positive-rgb), 1);--color-negative: rgba(var(--color-negative-rgb), 1);--color-warning: rgba(var(--color-warning-rgb), 1);--color-dark: rgba(var(--color-dark-rgb), 1);--color-layer0-hsl: var(--cH), 10%, 99%;--color-layer1-hsl: var(--cH), 6%, 99%;--color-layer2-hsl: var(--cH), 6%, 96%;--color-layer3-hsl: var(--cH), 6%, 92%;--color-layer4-hsl: var(--cH), 5%, 89%;--color-layer5-hsl: var(--cH), 4%, 85%;--color-layer6-hsl: var(--cH), 3%, 75%;--color-base-rgb: 252, 252, 252;--color-gray-rgb: 211, 216, 222;--color-cloud-rgb: 241, 243, 248;--color-mono-positive-rgb: 0, 0, 0;--color-mono-negative-rgb: 255, 255, 255;--font-color-logoTitle: hsl(218, 45%, 22%);--sc: 60, 64, 67;--shadow_style_0: 0px 1px 2px 0px;--shadow_style_1: 0px 2px 4px 0px;--shadow_style_2: 1px 3px 8px 0px;--shadow_style_3: 2px 6px 12px;--shadow_style_4: .4rem 1rem 2rem;--shadow_style_5: 1rem 1.5rem 3rem;--shadow_color_min: rgba(var(--sc), .05);--shadow_color_normal: rgba(var(--sc), .15);--shadow_color_remark: rgba(var(--sc), .28);--shadow_color_max: rgba(var(--sc), .41);--font-color1-rgb: 0, 0, 0;--font-color2-rgb: 51, 51, 51;--font-color3-rgb: 118, 125, 137;--font-color4-rgb: 152, 158, 167;--font-color5-rgb: 189, 194, 200;--font-color6-rgb: 210, 210, 220;--font-size0: 12px;--font-size1: 14px;--font-size2: 16px;--font-size3: 18px;--font-size4: 20px;--font-size5: 24px;--font-size6: 32px;--font-size7: 44px;--font-size8: 60px;--border-color-thin: hsl(220, 9%, 92%);--border-color-normal: hsl(220, 9%, 87%);--border-color-thick: hsl(0, 0%, 40%);--border-radius1: 4px;--border-radius2: 6px;--border-radius3: 8px;--border-radius4: 12px;--border-radius5: 18px;--border-radius6: 24px;--border-radius7: 30px;--animation-time1: .1s;--animation-time2: .15s;--animation-time3: .25s;--animation-time4: .4s;--animation-style1: cubic-bezier(.35, .46, 0, .99);--animation-style2: cubic-bezier(.1, .85, .1, .85);--safe-area-top: env(safe-area-inset-top);--safe-area-bottom: env(safe-area-inset-bottom);--safe-area-left: env(safe-area-inset-left);--safe-area-right: env(safe-area-inset-right);--grid-unit: 12px;--viewHeight: 100vh;--viewWidth: 100vw;--sideNavHeight: 0px;--topNavHeight: 0px;--sideNavWidth: 0px;--contentHeight: 0px;--contnetWidth: 0px;--topBase: 0px}@supports (-webkit-touch-callout: none){:root{--viewHeight: -webkit-fill-available}}.bdsTC_comun{--cH: var(--cH_comun);--cS: var(--cS_comun);--cL: var(--cL_comun);--color-theme-hsl: var(--color_comun-hsl)}.bdsTC_leaf{--cH: var(--cH_leaf);--cS: var(--cS_leaf);--cL: var(--cL_leaf);--color-theme-hsl: var(--color_leaf-hsl)}.bdsTC_heart{--cH: var(--cH_heart);--cS: var(--cS_heart);--cL: var(--cL_heart);--color-theme-hsl: var(--color_heart-hsl)}.bdsTC_droplet{--cH: var(--cH_droplet);--cS: var(--cS_droplet);--cL: var(--cL_droplet);--color-theme-hsl: var(--color_droplet-hsl)}.bdsTC_brick{--cH: var(--cH_brick);--cS: var(--cS_brick);--cL: var(--cL_brick);--color-theme-hsl: var(--color_brick-hsl)}.bdsTC_flower{--cH: var(--cH_flower);--cS: var(--cS_flower);--cL: var(--cL_flower);--color-theme-hsl: var(--color_flower-hsl)}.bdsTC_lip{--cH: var(--cH_lip);--cS: var(--cS_lip);--cL: var(--cL_lip);--color-theme-hsl: var(--color_lip-hsl)}.bdsTC_wine{--cH: var(--cH_wine);--cS: var(--cS_wine);--cL: var(--cL_wine);--color-theme-hsl: var(--color_wine-hsl)}.bdsTC_theater{--cH: var(--cH_theater);--cS: var(--cS_theater);--cL: var(--cL_theater);--color-theme-hsl: var(--color_theater-hsl)}.bdsTC_bat{--cH: var(--cH_bat);--cS: var(--cS_bat);--cL: var(--cL_bat);--color-theme-hsl: var(--color_bat-hsl)}.bdsTC_poizon{--cH: var(--cH_poizon);--cS: var(--cS_poizon);--cL: var(--cL_poizon);--color-theme-hsl: var(--color_poizon-hsl)}.bdsTC_eggplant{--cH: var(--cH_eggplant);--cS: var(--cS_eggplant);--cL: var(--cL_eggplant);--color-theme-hsl: var(--color_eggplant-hsl)}.bdsTC_ufo{--cH: var(--cH_ufo);--cS: var(--cS_ufo);--cL: var(--cL_ufo);--color-theme-hsl: var(--color_ufo-hsl)}.bdsTC_alien{--cH: var(--cH_alien);--cS: var(--cS_alien);--cL: var(--cL_alien);--color-theme-hsl: var(--color_alien-hsl)}.bdsTC_tombstone{--cH: var(--cH_tombstone);--cS: var(--cS_tombstone);--cL: var(--cL_tombstone);--color-theme-hsl: var(--color_tombstone-hsl)}.bdsTC_ninja{--cH: var(--cH_ninja);--cS: var(--cS_ninja);--cL: var(--cL_ninja);--color-theme-hsl: var(--color_ninja-hsl)}.bdsTC_moon{--cH: var(--cH_moon);--cS: var(--cS_moon);--cL: var(--cL_moon);--color-theme-hsl: var(--color_moon-hsl)}.bdsTC_rain{--cH: var(--cH_rain);--cS: var(--cS_rain);--cL: var(--cL_rain);--color-theme-hsl: var(--color_rain-hsl)}.bdsTC_unicorn{--cH: var(--cH_unicorn);--cS: var(--cS_unicorn);--cL: var(--cL_unicorn);--color-theme-hsl: var(--color_unicorn-hsl)}.bdsTC_axe{--cH: var(--cH_axe);--cS: var(--cS_axe);--cL: var(--cL_axe);--color-theme-hsl: var(--color_axe-hsl)}.bdsTC_gem{--cH: var(--cH_gem);--cS: var(--cS_gem);--cL: var(--cL_gem);--color-theme-hsl: var(--color_gem-hsl)}.bdsTC_soap{--cH: var(--cH_soap);--cS: var(--cS_soap);--cL: var(--cL_soap);--color-theme-hsl: var(--color_soap-hsl)}.bdsTC_drizzle{--cH: var(--cH_drizzle);--cS: var(--cS_drizzle);--cL: var(--cL_drizzle);--color-theme-hsl: var(--color_drizzle-hsl)}.bdsTC_building{--cH: var(--cH_building);--cS: var(--cS_building);--cL: var(--cL_building);--color-theme-hsl: var(--color_building-hsl)}.bdsTC_fish{--cH: var(--cH_fish);--cS: var(--cS_fish);--cL: var(--cL_fish);--color-theme-hsl: var(--color_fish-hsl)}.bdsTC_icicles{--cH: var(--cH_icicles);--cS: var(--cS_icicles);--cL: var(--cL_icicles);--color-theme-hsl: var(--color_icicles-hsl)}.bdsTC_water{--cH: var(--cH_water);--cS: var(--cS_water);--cL: var(--cL_water);--color-theme-hsl: var(--color_water-hsl)}.bdsTC_tree1{--cH: var(--cH_tree1);--cS: var(--cS_tree1);--cL: var(--cL_tree1);--color-theme-hsl: var(--color_tree1-hsl)}.bdsTC_tree2{--cH: var(--cH_tree2);--cS: var(--cS_tree2);--cL: var(--cL_tree2);--color-theme-hsl: var(--color_tree2-hsl)}.bdsTC_tree3{--cH: var(--cH_tree3);--cS: var(--cS_tree3);--cL: var(--cL_tree3);--color-theme-hsl: var(--color_tree3-hsl)}.bdsTC_battery{--cH: var(--cH_battery);--cS: var(--cS_battery);--cL: var(--cL_battery);--color-theme-hsl: var(--color_battery-hsl)}.bdsTC_seedle{--cH: var(--cH_seedle);--cS: var(--cS_seedle);--cL: var(--cL_seedle);--color-theme-hsl: var(--color_seedle-hsl)}.bdsTC_greenTea{--cH: var(--cH_greenTea);--cS: var(--cS_greenTea);--cL: var(--cL_greenTea);--color-theme-hsl: var(--color_greenTea-hsl)}.bdsTC_oak{--cH: var(--cH_oak);--cS: var(--cS_oak);--cL: var(--cL_oak);--color-theme-hsl: var(--color_oak-hsl)}.bdsTC_salad{--cH: var(--cH_salad);--cS: var(--cS_salad);--cL: var(--cL_salad);--color-theme-hsl: var(--color_salad-hsl)}.bdsTC_cloudy{--cH: var(--cH_cloudy);--cS: var(--cS_cloudy);--cL: var(--cL_cloudy);--color-theme-hsl: var(--color_cloudy-hsl)}.bdsTC_lemon{--cH: var(--cH_lemon);--cS: var(--cS_lemon);--cL: var(--cL_lemon);--color-theme-hsl: var(--color_lemon-hsl)}.bdsTC_angel{--cH: var(--cH_angel);--cS: var(--cS_angel);--cL: var(--cL_angel);--color-theme-hsl: var(--color_angel-hsl)}.bdsTC_parasol{--cH: var(--cH_parasol);--cS: var(--cS_parasol);--cL: var(--cL_parasol);--color-theme-hsl: var(--color_parasol-hsl)}.bdsTC_pizza{--cH: var(--cH_pizza);--cS: var(--cS_pizza);--cL: var(--cL_pizza);--color-theme-hsl: var(--color_pizza-hsl)}.bdsTC_thunder{--cH: var(--cH_thunder);--cS: var(--cS_thunder);--cL: var(--cL_thunder);--color-theme-hsl: var(--color_thunder-hsl)}.bdsTC_latte{--cH: var(--cH_latte);--cS: var(--cS_latte);--cL: var(--cL_latte);--color-theme-hsl: var(--color_latte-hsl)}.bdsTC_island{--cH: var(--cH_island);--cS: var(--cS_island);--cL: var(--cL_island);--color-theme-hsl: var(--color_island-hsl)}.bdsTC_shovel{--cH: var(--cH_shovel);--cS: var(--cS_shovel);--cL: var(--cL_shovel);--color-theme-hsl: var(--color_shovel-hsl)}.bdsTC_coffee{--cH: var(--cH_coffee);--cS: var(--cS_coffee);--cL: var(--cL_coffee);--color-theme-hsl: var(--color_coffee-hsl)}.bdsTC_carrot{--cH: var(--cH_carrot);--cS: var(--cS_carrot);--cL: var(--cL_carrot);--color-theme-hsl: var(--color_carrot-hsl)}.bdsTC_cactus{--cH: var(--cH_cactus);--cS: var(--cS_cactus);--cL: var(--cL_cactus);--color-theme-hsl: var(--color_cactus-hsl)}.bdsTC_volcano{--cH: var(--cH_volcano);--cS: var(--cS_volcano);--cL: var(--cL_volcano);--color-theme-hsl: var(--color_volcano-hsl)}.bdsTC_choco{--cH: var(--cH_choco);--cS: var(--cS_choco);--cL: var(--cL_choco);--color-theme-hsl: var(--color_choco-hsl)}.bdsTC_industry{--cH: var(--cH_industry);--cS: var(--cS_industry);--cL: var(--cL_industry);--color-theme-hsl: var(--color_industry-hsl)}.bdsTC_gun{--cH: var(--cH_gun);--cS: var(--cS_gun);--cL: var(--cL_gun);--color-theme-hsl: var(--color_gun-hsl)}.bdsTC_galaxy{--cH: var(--cH_galaxy);--cS: var(--cS_galaxy);--cL: var(--cL_galaxy);--color-theme-hsl: var(--color_galaxy-hsl)}.bdsTC_line{--cH: var(--cH_line);--cS: var(--cS_line);--cL: var(--cL_line);--color-theme-hsl: var(--color_line-hsl)}.bdsTC_twitter{--cH: var(--cH_twitter);--cS: var(--cS_twitter);--cL: var(--cL_twitter);--color-theme-hsl: var(--color_twitter-hsl)}.bdsTC_amazon{--cH: var(--cH_amazon);--cS: var(--cS_amazon);--cL: var(--cL_amazon);--color-theme-hsl: var(--color_amazon-hsl)}.bdsTC_facebook{--cH: var(--cH_facebook);--cS: var(--cS_facebook);--cL: var(--cL_facebook);--color-theme-hsl: var(--color_facebook-hsl)}.bdsTC_android{--cH: var(--cH_android);--cS: var(--cS_android);--cL: var(--cL_android);--color-theme-hsl: var(--color_android-hsl)}.bdsTC_slackBlue{--cH: var(--cH_slackBlue);--cS: var(--cS_slackBlue);--cL: var(--cL_slackBlue);--color-theme-hsl: var(--color_slackBlue-hsl)}.bdsTC_slackGreen{--cH: var(--cH_slackGreen);--cS: var(--cS_slackGreen);--cL: var(--cL_slackGreen);--color-theme-hsl: var(--color_slackGreen-hsl)}.bdsTC_slackRed{--cH: var(--cH_slackRed);--cS: var(--cS_slackRed);--cL: var(--cL_slackRed);--color-theme-hsl: var(--color_slackRed-hsl)}.bdsTC_slackYellow{--cH: var(--cH_slackYellow);--cS: var(--cS_slackYellow);--cL: var(--cL_slackYellow);--color-theme-hsl: var(--color_slackYellow-hsl)}.bdsTC_slackBase{--cH: var(--cH_slackBase);--cS: var(--cS_slackBase);--cL: var(--cL_slackBase);--color-theme-hsl: var(--color_slackBase-hsl)}.bdsTC_googleBlue{--cH: var(--cH_googleBlue);--cS: var(--cS_googleBlue);--cL: var(--cL_googleBlue);--color-theme-hsl: var(--color_googleBlue-hsl)}.bdsTC_googleGreen{--cH: var(--cH_googleGreen);--cS: var(--cS_googleGreen);--cL: var(--cL_googleGreen);--color-theme-hsl: var(--color_googleGreen-hsl)}.bdsTC_googleYellow{--cH: var(--cH_googleYellow);--cS: var(--cS_googleYellow);--cL: var(--cL_googleYellow);--color-theme-hsl: var(--color_googleYellow-hsl)}.bdsTC_googleRed{--cH: var(--cH_googleRed);--cS: var(--cS_googleRed);--cL: var(--cL_googleRed);--color-theme-hsl: var(--color_googleRed-hsl)}.bdsTNflat{--border-color-thin: hsl(220, 9%, 94%);--border-color-normal: hsl(220, 9%, 90%)}.bdsDM_dark{--color-theme-opacity-high: .45;--color-theme-opacity-middle: .3;--color-theme-opacity-low: .2;--color-theme-opacity-few: .1;--color-dark-rgb: 46, 51, 54;--color-cloud-rgb: 43, 44, 45;--color-base-rgb: 27, 28, 28;--color-gray-rgb: 34, 39, 45;--color-mono-positive-rgb: 255, 255, 255;--color-mono-negative-rgb: 0, 0, 0;--font-color1-rgb: 250, 251, 252;--font-color2-rgb: 205, 210, 220;--font-color3-rgb: 165, 170, 180;--font-color4-rgb: 135, 140, 150;--font-color5-rgb: 95, 100, 110;--font-color6-rgb: 65, 70, 80;--font-color-logoTitle: rgb(210, 220, 240);--sc: 0, 0, 0;--shadow_color_min: rgba(var(--sc), .2);--shadow_color_normal: rgba(var(--sc), .3);--shadow_color_remark: rgba(var(--sc), .4);--shadow_color_max: rgba(var(--sc), .5);--border-color-thin: hsl(180, 5%, 25%);--border-color-normal: hsl(180, 5%, 38%);--color-layer0-hsl: var(--cH), 5%, 8%;--color-layer1-hsl: var(--cH), 5%, 13%;--color-layer2-hsl: var(--cH), 5%, 16.3%;--color-layer3-hsl: var(--cH), 5%, 19.6%;--color-layer4-hsl: var(--cH), 5%, 23%;--color-layer5-hsl: var(--cH), 5%, 28%;--color-layer6-hsl: var(--cH), 5%, 33%}.bdsDM_dim{--color-theme-opacity-high: .45;--color-theme-opacity-middle: .3;--color-theme-opacity-low: .2;--color-theme-opacity-few: .1;--color-dark-rgb: 46, 51, 54;--color-cloud-rgb: 43, 44, 45;--color-base-rgb: 27, 28, 28;--color-gray-rgb: 34, 39, 45;--color-mono-positive-rgb: 255, 255, 255;--color-mono-negative-rgb: 0, 0, 0;--font-color1-rgb: 250, 251, 252;--font-color2-rgb: 205, 210, 220;--font-color3-rgb: 165, 170, 180;--font-color4-rgb: 135, 140, 150;--font-color5-rgb: 95, 100, 110;--font-color6-rgb: 65, 70, 80;--font-color-logoTitle: rgb(210, 220, 240);--sc: 0, 0, 0;--shadow_color_min: rgba(var(--sc), .2);--shadow_color_normal: rgba(var(--sc), .3);--shadow_color_remark: rgba(var(--sc), .4);--shadow_color_max: rgba(var(--sc), .5);--border-color-thin: hsl(180, 5%, 25%);--border-color-normal: hsl(180, 5%, 38%);--color-layer0-hsl: var(--cH), 8%, 13%;--color-layer1-hsl: var(--cH), 8%, 20%;--color-layer2-hsl: var(--cH), 8%, 23.3%;--color-layer3-hsl: var(--cH), 8%, 26.6%;--color-layer4-hsl: var(--cH), 8%, 30%;--color-layer5-hsl: var(--cH), 8%, 35%;--color-layer6-hsl: var(--cH), 8%, 40%}@media (prefers-color-scheme: dark){.bdsDM_auto{--color-theme-opacity-high: .45;--color-theme-opacity-middle: .3;--color-theme-opacity-low: .2;--color-theme-opacity-few: .1;--color-dark-rgb: 46, 51, 54;--color-cloud-rgb: 43, 44, 45;--color-base-rgb: 27, 28, 28;--color-gray-rgb: 34, 39, 45;--color-mono-positive-rgb: 255, 255, 255;--color-mono-negative-rgb: 0, 0, 0;--font-color1-rgb: 250, 251, 252;--font-color2-rgb: 205, 210, 220;--font-color3-rgb: 165, 170, 180;--font-color4-rgb: 135, 140, 150;--font-color5-rgb: 95, 100, 110;--font-color6-rgb: 65, 70, 80;--font-color-logoTitle: rgb(210, 220, 240);--sc: 0, 0, 0;--shadow_color_min: rgba(var(--sc), .2);--shadow_color_normal: rgba(var(--sc), .3);--shadow_color_remark: rgba(var(--sc), .4);--shadow_color_max: rgba(var(--sc), .5);--border-color-thin: hsl(180, 5%, 25%);--border-color-normal: hsl(180, 5%, 38%);--color-layer0-hsl: var(--cH), 5%, 8%;--color-layer1-hsl: var(--cH), 5%, 13%;--color-layer2-hsl: var(--cH), 5%, 16.3%;--color-layer3-hsl: var(--cH), 5%, 19.6%;--color-layer4-hsl: var(--cH), 5%, 23%;--color-layer5-hsl: var(--cH), 5%, 28%;--color-layer6-hsl: var(--cH), 5%, 33%}}
+:root{--cH_comun: 237;--cS_comun: 76%;--cL_comun: 58%;--color_comun-hsl: 237, 76%, 58%;--cH_leaf: 159;--cS_leaf: 78%;--cL_leaf: 38%;--color_leaf-hsl: 159, 78%, 38%;--cH_heart: 2;--cS_heart: 81%;--cL_heart: 63%;--color_heart-hsl: 2, 81%, 63%;--cH_droplet: 215;--cS_droplet: 82%;--cL_droplet: 51%;--color_droplet-hsl: 215, 82%, 51%;--cH_brick: 351;--cS_brick: 80%;--cL_brick: 39%;--color_brick-hsl: 351, 80%, 39%;--cH_flower: 350;--cS_flower: 78%;--cL_flower: 75%;--color_flower-hsl: 350, 78%, 75%;--cH_lip: 340;--cS_lip: 69%;--cL_lip: 49%;--color_lip-hsl: 340, 69%, 49%;--cH_wine: 317;--cS_wine: 41%;--cL_wine: 30%;--color_wine-hsl: 317, 41%, 30%;--cH_theater: 301;--cS_theater: 88%;--cL_theater: 49%;--color_theater-hsl: 301, 88%, 49%;--cH_bat: 272;--cS_bat: 81%;--cL_bat: 21%;--color_bat-hsl: 272, 81%, 21%;--cH_poizon: 268;--cS_poizon: 58%;--cL_poizon: 50%;--color_poizon-hsl: 268, 58%, 50%;--cH_eggplant: 264;--cS_eggplant: 100%;--cL_eggplant: 62%;--color_eggplant-hsl: 264, 100%, 62%;--cH_ufo: 253;--cS_ufo: 81%;--cL_ufo: 58%;--color_ufo-hsl: 253, 81%, 58%;--cH_alien: 252;--cS_alien: 92%;--cL_alien: 57%;--color_alien-hsl: 252, 92%, 57%;--cH_tombstone: 251;--cS_tombstone: 14%;--cL_tombstone: 70%;--color_tombstone-hsl: 251, 14%, 70%;--cH_ninja: 242;--cS_ninja: 100%;--cL_ninja: 68%;--color_ninja-hsl: 242, 100%, 68%;--cH_moon: 240;--cS_moon: 16%;--cL_moon: 24%;--color_moon-hsl: 240, 16%, 24%;--cH_rain: 240;--cS_rain: 32%;--cL_rain: 54%;--color_rain-hsl: 240, 32%, 54%;--cH_unicorn: 238;--cS_unicorn: 70%;--cL_unicorn: 74%;--color_unicorn-hsl: 238, 70%, 74%;--cH_axe: 226;--cS_axe: 22%;--cL_axe: 35%;--color_axe-hsl: 226, 22%, 35%;--cH_gem: 221;--cS_gem: 85%;--cL_gem: 43%;--color_gem-hsl: 221, 85%, 43%;--cH_soap: 217;--cS_soap: 85%;--cL_soap: 32%;--color_soap-hsl: 217, 85%, 32%;--cH_drizzle: 213;--cS_drizzle: 33%;--cL_drizzle: 68%;--color_drizzle-hsl: 213, 33%, 68%;--cH_building: 204;--cS_building: 3%;--cL_building: 72%;--color_building-hsl: 204, 3%, 72%;--cH_fish: 194;--cS_fish: 97%;--cL_fish: 34%;--color_fish-hsl: 194, 97%, 34%;--cH_icicles: 191;--cS_icicles: 61%;--cL_icicles: 58%;--color_icicles-hsl: 191, 61%, 58%;--cH_water: 187;--cS_water: 30%;--cL_water: 54%;--color_water-hsl: 187, 30%, 54%;--cH_tree1: 186;--cS_tree1: 85%;--cL_tree1: 23%;--color_tree1-hsl: 186, 85%, 23%;--cH_tree2: 185;--cS_tree2: 97%;--cL_tree2: 34%;--color_tree2-hsl: 185, 97%, 34%;--cH_tree3: 183;--cS_tree3: 86%;--cL_tree3: 19%;--color_tree3-hsl: 183, 86%, 19%;--cH_battery: 170;--cS_battery: 90%;--cL_battery: 39%;--color_battery-hsl: 170, 90%, 39%;--cH_seedle: 145;--cS_seedle: 94%;--cL_seedle: 40%;--color_seedle-hsl: 145, 94%, 40%;--cH_greenTea: 144;--cS_greenTea: 43%;--cL_greenTea: 41%;--color_greenTea-hsl: 144, 43%, 41%;--cH_oak: 101;--cS_oak: 24%;--cL_oak: 66%;--color_oak-hsl: 101, 24%, 66%;--cH_salad: 68;--cS_salad: 90%;--cL_salad: 43%;--color_salad-hsl: 68, 90%, 43%;--cH_cloudy: 60;--cS_cloudy: 5%;--cL_cloudy: 79%;--color_cloudy-hsl: 60, 5%, 79%;--cH_lemon: 53;--cS_lemon: 78%;--cL_lemon: 70%;--color_lemon-hsl: 53, 78%, 70%;--cH_angel: 47;--cS_angel: 100%;--cL_angel: 50%;--color_angel-hsl: 47, 100%, 50%;--cH_parasol: 42;--cS_parasol: 86%;--cL_parasol: 70%;--color_parasol-hsl: 42, 86%, 70%;--cH_pizza: 40;--cS_pizza: 92%;--cL_pizza: 52%;--color_pizza-hsl: 40, 92%, 52%;--cH_thunder: 40;--cS_thunder: 70%;--cL_thunder: 57%;--color_thunder-hsl: 40, 70%, 57%;--cH_latte: 33;--cS_latte: 51%;--cL_latte: 73%;--color_latte-hsl: 33, 51%, 73%;--cH_island: 27;--cS_island: 91%;--cL_island: 55%;--color_island-hsl: 27, 91%, 55%;--cH_shovel: 19;--cS_shovel: 29%;--cL_shovel: 37%;--color_shovel-hsl: 19, 29%, 37%;--cH_coffee: 18;--cS_coffee: 33%;--cL_coffee: 24%;--color_coffee-hsl: 18, 33%, 24%;--cH_carrot: 14;--cS_carrot: 84%;--cL_carrot: 59%;--color_carrot-hsl: 14, 84%, 59%;--cH_cactus: 8;--cS_cactus: 17%;--cL_cactus: 62%;--color_cactus-hsl: 8, 17%, 62%;--cH_volcano: 6;--cS_volcano: 84%;--cL_volcano: 48%;--color_volcano-hsl: 6, 84%, 48%;--cH_choco: 2;--cS_choco: 55%;--cL_choco: 57%;--color_choco-hsl: 2, 55%, 57%;--cH_industry: 0;--cS_industry: 0%;--cL_industry: 50%;--color_industry-hsl: 0, 0%, 50%;--cH_gun: 0;--cS_gun: 0%;--cL_gun: 37%;--color_gun-hsl: 0, 0%, 37%;--cH_galaxy: 0;--cS_galaxy: 0%;--cL_galaxy: 5%;--color_galaxy-hsl: 0, 0%, 5%;--cH_line: 120;--cS_line: 100%;--cL_line: 37%;--color_line-hsl: 120, 100%, 37%;--cH_twitter: 203;--cS_twitter: 89%;--cL_twitter: 52%;--color_twitter-hsl: 203, 89%, 52%;--cH_amazon: 36;--cS_amazon: 100%;--cL_amazon: 50%;--color_amazon-hsl: 36, 100%, 50%;--cH_facebook: 220;--cS_facebook: 46%;--cL_facebook: 48%;--color_facebook-hsl: 220, 46%, 48%;--cH_android: 101;--cS_android: 47%;--cL_android: 55%;--color_android-hsl: 101, 47%, 55%;--cH_slackBlue: 194;--cS_slackBlue: 86%;--cL_slackBlue: 58%;--color_slackBlue-hsl: 194, 86%, 58%;--cH_slackGreen: 155;--cS_slackGreen: 60%;--cL_slackGreen: 45%;--color_slackGreen-hsl: 155, 60%, 45%;--cH_slackRed: 341;--cS_slackRed: 76%;--cL_slackRed: 50%;--color_slackRed-hsl: 341, 76%, 50%;--cH_slackYellow: 42;--cS_slackYellow: 83%;--cL_slackYellow: 55%;--color_slackYellow-hsl: 42, 83%, 55%;--cH_slackBase: 299;--cS_slackBase: 56%;--cL_slackBase: 19%;--color_slackBase-hsl: 299, 56%, 19%;--cH_googleBlue: 217;--cS_googleBlue: 89%;--cL_googleBlue: 61%;--color_googleBlue-hsl: 217, 89%, 61%;--cH_googleGreen: 151;--cS_googleGreen: 83%;--cL_googleGreen: 34%;--color_googleGreen-hsl: 151, 83%, 34%;--cH_googleYellow: 44;--cS_googleYellow: 100%;--cL_googleYellow: 48%;--color_googleYellow-hsl: 44, 100%, 48%;--cH_googleRed: 5;--cS_googleRed: 69%;--cL_googleRed: 54%;--color_googleRed-hsl: 5, 69%, 54%;--cH: 0;--cS: 0%;--cL: 0%;--color-theme-hsl: 0, 0%, 0%;--color-theme-opacity-high: .5;--color-theme-opacity-middle: .25;--color-theme-opacity-low: .15;--color-theme-opacity-few: .085;--color-positive-rgb: 68, 204, 170;--color-negative-rgb: 255, 68, 119;--color-warning-rgb: 248, 150, 0;--color-dark-rgb: 69, 81, 92;--color-positive: rgba(var(--color-positive-rgb), 1);--color-negative: rgba(var(--color-negative-rgb), 1);--color-warning: rgba(var(--color-warning-rgb), 1);--color-dark: rgba(var(--color-dark-rgb), 1);--color-layer0-hsl: var(--cH), 10%, 99%;--color-layer1-hsl: var(--cH), 6%, 99%;--color-layer2-hsl: var(--cH), 6%, 96%;--color-layer3-hsl: var(--cH), 6%, 92%;--color-layer4-hsl: var(--cH), 5%, 89%;--color-layer5-hsl: var(--cH), 4%, 85%;--color-layer6-hsl: var(--cH), 3%, 75%;--color-base-rgb: 252, 252, 252;--color-gray-rgb: 211, 216, 222;--color-cloud-rgb: 241, 243, 248;--color-mono-positive-rgb: 0, 0, 0;--color-mono-negative-rgb: 255, 255, 255;--font-color-logoTitle: hsl(218, 45%, 22%);--sc: 60, 64, 67;--shadow_style_0: 0px 1px 2px 0px;--shadow_style_1: 0px 2px 4px 0px;--shadow_style_2: 1px 3px 8px 0px;--shadow_style_3: 2px 6px 12px;--shadow_style_4: .4rem 1rem 2rem;--shadow_style_5: 1rem 1.5rem 3rem;--shadow_color_min: rgba(var(--sc), .05);--shadow_color_normal: rgba(var(--sc), .15);--shadow_color_remark: rgba(var(--sc), .28);--shadow_color_max: rgba(var(--sc), .41);--font-color1-rgb: 0, 0, 0;--font-color2-rgb: 51, 51, 51;--font-color3-rgb: 118, 125, 137;--font-color4-rgb: 152, 158, 167;--font-color5-rgb: 189, 194, 200;--font-color6-rgb: 210, 210, 220;--font-size0: 12px;--font-size1: 14px;--font-size2: 16px;--font-size3: 18px;--font-size4: 20px;--font-size5: 24px;--font-size6: 32px;--font-size7: 44px;--font-size8: 60px;--border-color-thin: hsl(220, 9%, 92%);--border-color-normal: hsl(220, 9%, 87%);--border-color-thick: hsl(0, 0%, 40%);--border-radius1: 4px;--border-radius2: 6px;--border-radius3: 8px;--border-radius4: 12px;--border-radius5: 18px;--border-radius6: 24px;--border-radius7: 30px;--animation-time1: .05s;--animation-time1: .1s;--animation-time2: .15s;--animation-time3: .25s;--animation-time4: .4s;--animation-style1: cubic-bezier(.35, .46, 0, .99);--animation-style2: cubic-bezier(.1, .85, .1, .85);--safe-area-top: env(safe-area-inset-top);--safe-area-bottom: env(safe-area-inset-bottom);--safe-area-left: env(safe-area-inset-left);--safe-area-right: env(safe-area-inset-right);--grid-unit: 12px;--viewHeight: 100dvh;--viewWidth: 100vw;--sideNavHeight: 0px;--topNavHeight: 0px;--sideNavWidth: 0px;--contentHeight: 0px;--contnetWidth: 0px;--topBase: 0px}@supports (-webkit-touch-callout: none){:root{--viewHeight: -webkit-fill-available}}.bdsTC_comun{--cH: var(--cH_comun);--cS: var(--cS_comun);--cL: var(--cL_comun);--color-theme-hsl: var(--color_comun-hsl)}.bdsTC_leaf{--cH: var(--cH_leaf);--cS: var(--cS_leaf);--cL: var(--cL_leaf);--color-theme-hsl: var(--color_leaf-hsl)}.bdsTC_heart{--cH: var(--cH_heart);--cS: var(--cS_heart);--cL: var(--cL_heart);--color-theme-hsl: var(--color_heart-hsl)}.bdsTC_droplet{--cH: var(--cH_droplet);--cS: var(--cS_droplet);--cL: var(--cL_droplet);--color-theme-hsl: var(--color_droplet-hsl)}.bdsTC_brick{--cH: var(--cH_brick);--cS: var(--cS_brick);--cL: var(--cL_brick);--color-theme-hsl: var(--color_brick-hsl)}.bdsTC_flower{--cH: var(--cH_flower);--cS: var(--cS_flower);--cL: var(--cL_flower);--color-theme-hsl: var(--color_flower-hsl)}.bdsTC_lip{--cH: var(--cH_lip);--cS: var(--cS_lip);--cL: var(--cL_lip);--color-theme-hsl: var(--color_lip-hsl)}.bdsTC_wine{--cH: var(--cH_wine);--cS: var(--cS_wine);--cL: var(--cL_wine);--color-theme-hsl: var(--color_wine-hsl)}.bdsTC_theater{--cH: var(--cH_theater);--cS: var(--cS_theater);--cL: var(--cL_theater);--color-theme-hsl: var(--color_theater-hsl)}.bdsTC_bat{--cH: var(--cH_bat);--cS: var(--cS_bat);--cL: var(--cL_bat);--color-theme-hsl: var(--color_bat-hsl)}.bdsTC_poizon{--cH: var(--cH_poizon);--cS: var(--cS_poizon);--cL: var(--cL_poizon);--color-theme-hsl: var(--color_poizon-hsl)}.bdsTC_eggplant{--cH: var(--cH_eggplant);--cS: var(--cS_eggplant);--cL: var(--cL_eggplant);--color-theme-hsl: var(--color_eggplant-hsl)}.bdsTC_ufo{--cH: var(--cH_ufo);--cS: var(--cS_ufo);--cL: var(--cL_ufo);--color-theme-hsl: var(--color_ufo-hsl)}.bdsTC_alien{--cH: var(--cH_alien);--cS: var(--cS_alien);--cL: var(--cL_alien);--color-theme-hsl: var(--color_alien-hsl)}.bdsTC_tombstone{--cH: var(--cH_tombstone);--cS: var(--cS_tombstone);--cL: var(--cL_tombstone);--color-theme-hsl: var(--color_tombstone-hsl)}.bdsTC_ninja{--cH: var(--cH_ninja);--cS: var(--cS_ninja);--cL: var(--cL_ninja);--color-theme-hsl: var(--color_ninja-hsl)}.bdsTC_moon{--cH: var(--cH_moon);--cS: var(--cS_moon);--cL: var(--cL_moon);--color-theme-hsl: var(--color_moon-hsl)}.bdsTC_rain{--cH: var(--cH_rain);--cS: var(--cS_rain);--cL: var(--cL_rain);--color-theme-hsl: var(--color_rain-hsl)}.bdsTC_unicorn{--cH: var(--cH_unicorn);--cS: var(--cS_unicorn);--cL: var(--cL_unicorn);--color-theme-hsl: var(--color_unicorn-hsl)}.bdsTC_axe{--cH: var(--cH_axe);--cS: var(--cS_axe);--cL: var(--cL_axe);--color-theme-hsl: var(--color_axe-hsl)}.bdsTC_gem{--cH: var(--cH_gem);--cS: var(--cS_gem);--cL: var(--cL_gem);--color-theme-hsl: var(--color_gem-hsl)}.bdsTC_soap{--cH: var(--cH_soap);--cS: var(--cS_soap);--cL: var(--cL_soap);--color-theme-hsl: var(--color_soap-hsl)}.bdsTC_drizzle{--cH: var(--cH_drizzle);--cS: var(--cS_drizzle);--cL: var(--cL_drizzle);--color-theme-hsl: var(--color_drizzle-hsl)}.bdsTC_building{--cH: var(--cH_building);--cS: var(--cS_building);--cL: var(--cL_building);--color-theme-hsl: var(--color_building-hsl)}.bdsTC_fish{--cH: var(--cH_fish);--cS: var(--cS_fish);--cL: var(--cL_fish);--color-theme-hsl: var(--color_fish-hsl)}.bdsTC_icicles{--cH: var(--cH_icicles);--cS: var(--cS_icicles);--cL: var(--cL_icicles);--color-theme-hsl: var(--color_icicles-hsl)}.bdsTC_water{--cH: var(--cH_water);--cS: var(--cS_water);--cL: var(--cL_water);--color-theme-hsl: var(--color_water-hsl)}.bdsTC_tree1{--cH: var(--cH_tree1);--cS: var(--cS_tree1);--cL: var(--cL_tree1);--color-theme-hsl: var(--color_tree1-hsl)}.bdsTC_tree2{--cH: var(--cH_tree2);--cS: var(--cS_tree2);--cL: var(--cL_tree2);--color-theme-hsl: var(--color_tree2-hsl)}.bdsTC_tree3{--cH: var(--cH_tree3);--cS: var(--cS_tree3);--cL: var(--cL_tree3);--color-theme-hsl: var(--color_tree3-hsl)}.bdsTC_battery{--cH: var(--cH_battery);--cS: var(--cS_battery);--cL: var(--cL_battery);--color-theme-hsl: var(--color_battery-hsl)}.bdsTC_seedle{--cH: var(--cH_seedle);--cS: var(--cS_seedle);--cL: var(--cL_seedle);--color-theme-hsl: var(--color_seedle-hsl)}.bdsTC_greenTea{--cH: var(--cH_greenTea);--cS: var(--cS_greenTea);--cL: var(--cL_greenTea);--color-theme-hsl: var(--color_greenTea-hsl)}.bdsTC_oak{--cH: var(--cH_oak);--cS: var(--cS_oak);--cL: var(--cL_oak);--color-theme-hsl: var(--color_oak-hsl)}.bdsTC_salad{--cH: var(--cH_salad);--cS: var(--cS_salad);--cL: var(--cL_salad);--color-theme-hsl: var(--color_salad-hsl)}.bdsTC_cloudy{--cH: var(--cH_cloudy);--cS: var(--cS_cloudy);--cL: var(--cL_cloudy);--color-theme-hsl: var(--color_cloudy-hsl)}.bdsTC_lemon{--cH: var(--cH_lemon);--cS: var(--cS_lemon);--cL: var(--cL_lemon);--color-theme-hsl: var(--color_lemon-hsl)}.bdsTC_angel{--cH: var(--cH_angel);--cS: var(--cS_angel);--cL: var(--cL_angel);--color-theme-hsl: var(--color_angel-hsl)}.bdsTC_parasol{--cH: var(--cH_parasol);--cS: var(--cS_parasol);--cL: var(--cL_parasol);--color-theme-hsl: var(--color_parasol-hsl)}.bdsTC_pizza{--cH: var(--cH_pizza);--cS: var(--cS_pizza);--cL: var(--cL_pizza);--color-theme-hsl: var(--color_pizza-hsl)}.bdsTC_thunder{--cH: var(--cH_thunder);--cS: var(--cS_thunder);--cL: var(--cL_thunder);--color-theme-hsl: var(--color_thunder-hsl)}.bdsTC_latte{--cH: var(--cH_latte);--cS: var(--cS_latte);--cL: var(--cL_latte);--color-theme-hsl: var(--color_latte-hsl)}.bdsTC_island{--cH: var(--cH_island);--cS: var(--cS_island);--cL: var(--cL_island);--color-theme-hsl: var(--color_island-hsl)}.bdsTC_shovel{--cH: var(--cH_shovel);--cS: var(--cS_shovel);--cL: var(--cL_shovel);--color-theme-hsl: var(--color_shovel-hsl)}.bdsTC_coffee{--cH: var(--cH_coffee);--cS: var(--cS_coffee);--cL: var(--cL_coffee);--color-theme-hsl: var(--color_coffee-hsl)}.bdsTC_carrot{--cH: var(--cH_carrot);--cS: var(--cS_carrot);--cL: var(--cL_carrot);--color-theme-hsl: var(--color_carrot-hsl)}.bdsTC_cactus{--cH: var(--cH_cactus);--cS: var(--cS_cactus);--cL: var(--cL_cactus);--color-theme-hsl: var(--color_cactus-hsl)}.bdsTC_volcano{--cH: var(--cH_volcano);--cS: var(--cS_volcano);--cL: var(--cL_volcano);--color-theme-hsl: var(--color_volcano-hsl)}.bdsTC_choco{--cH: var(--cH_choco);--cS: var(--cS_choco);--cL: var(--cL_choco);--color-theme-hsl: var(--color_choco-hsl)}.bdsTC_industry{--cH: var(--cH_industry);--cS: var(--cS_industry);--cL: var(--cL_industry);--color-theme-hsl: var(--color_industry-hsl)}.bdsTC_gun{--cH: var(--cH_gun);--cS: var(--cS_gun);--cL: var(--cL_gun);--color-theme-hsl: var(--color_gun-hsl)}.bdsTC_galaxy{--cH: var(--cH_galaxy);--cS: var(--cS_galaxy);--cL: var(--cL_galaxy);--color-theme-hsl: var(--color_galaxy-hsl)}.bdsTC_line{--cH: var(--cH_line);--cS: var(--cS_line);--cL: var(--cL_line);--color-theme-hsl: var(--color_line-hsl)}.bdsTC_twitter{--cH: var(--cH_twitter);--cS: var(--cS_twitter);--cL: var(--cL_twitter);--color-theme-hsl: var(--color_twitter-hsl)}.bdsTC_amazon{--cH: var(--cH_amazon);--cS: var(--cS_amazon);--cL: var(--cL_amazon);--color-theme-hsl: var(--color_amazon-hsl)}.bdsTC_facebook{--cH: var(--cH_facebook);--cS: var(--cS_facebook);--cL: var(--cL_facebook);--color-theme-hsl: var(--color_facebook-hsl)}.bdsTC_android{--cH: var(--cH_android);--cS: var(--cS_android);--cL: var(--cL_android);--color-theme-hsl: var(--color_android-hsl)}.bdsTC_slackBlue{--cH: var(--cH_slackBlue);--cS: var(--cS_slackBlue);--cL: var(--cL_slackBlue);--color-theme-hsl: var(--color_slackBlue-hsl)}.bdsTC_slackGreen{--cH: var(--cH_slackGreen);--cS: var(--cS_slackGreen);--cL: var(--cL_slackGreen);--color-theme-hsl: var(--color_slackGreen-hsl)}.bdsTC_slackRed{--cH: var(--cH_slackRed);--cS: var(--cS_slackRed);--cL: var(--cL_slackRed);--color-theme-hsl: var(--color_slackRed-hsl)}.bdsTC_slackYellow{--cH: var(--cH_slackYellow);--cS: var(--cS_slackYellow);--cL: var(--cL_slackYellow);--color-theme-hsl: var(--color_slackYellow-hsl)}.bdsTC_slackBase{--cH: var(--cH_slackBase);--cS: var(--cS_slackBase);--cL: var(--cL_slackBase);--color-theme-hsl: var(--color_slackBase-hsl)}.bdsTC_googleBlue{--cH: var(--cH_googleBlue);--cS: var(--cS_googleBlue);--cL: var(--cL_googleBlue);--color-theme-hsl: var(--color_googleBlue-hsl)}.bdsTC_googleGreen{--cH: var(--cH_googleGreen);--cS: var(--cS_googleGreen);--cL: var(--cL_googleGreen);--color-theme-hsl: var(--color_googleGreen-hsl)}.bdsTC_googleYellow{--cH: var(--cH_googleYellow);--cS: var(--cS_googleYellow);--cL: var(--cL_googleYellow);--color-theme-hsl: var(--color_googleYellow-hsl)}.bdsTC_googleRed{--cH: var(--cH_googleRed);--cS: var(--cS_googleRed);--cL: var(--cL_googleRed);--color-theme-hsl: var(--color_googleRed-hsl)}.bdsTNflat{--border-color-thin: hsl(220, 9%, 94%);--border-color-normal: hsl(220, 9%, 90%)}.bdsDM_dark{--color-theme-opacity-high: .45;--color-theme-opacity-middle: .3;--color-theme-opacity-low: .2;--color-theme-opacity-few: .1;--color-dark-rgb: 46, 51, 54;--color-cloud-rgb: 43, 44, 45;--color-base-rgb: 27, 28, 28;--color-gray-rgb: 34, 39, 45;--color-mono-positive-rgb: 255, 255, 255;--color-mono-negative-rgb: 0, 0, 0;--font-color1-rgb: 250, 251, 252;--font-color2-rgb: 205, 210, 220;--font-color3-rgb: 165, 170, 180;--font-color4-rgb: 135, 140, 150;--font-color5-rgb: 95, 100, 110;--font-color6-rgb: 65, 70, 80;--font-color-logoTitle: rgb(210, 220, 240);--sc: 0, 0, 0;--shadow_color_min: rgba(var(--sc), .2);--shadow_color_normal: rgba(var(--sc), .3);--shadow_color_remark: rgba(var(--sc), .4);--shadow_color_max: rgba(var(--sc), .5);--border-color-thin: hsl(180, 5%, 25%);--border-color-normal: hsl(180, 5%, 38%);--color-layer0-hsl: var(--cH), 5%, 8%;--color-layer1-hsl: var(--cH), 5%, 13%;--color-layer2-hsl: var(--cH), 5%, 16.3%;--color-layer3-hsl: var(--cH), 5%, 19.6%;--color-layer4-hsl: var(--cH), 5%, 23%;--color-layer5-hsl: var(--cH), 5%, 28%;--color-layer6-hsl: var(--cH), 5%, 33%}.bdsDM_dim{--color-theme-opacity-high: .45;--color-theme-opacity-middle: .3;--color-theme-opacity-low: .2;--color-theme-opacity-few: .1;--color-dark-rgb: 46, 51, 54;--color-cloud-rgb: 43, 44, 45;--color-base-rgb: 27, 28, 28;--color-gray-rgb: 34, 39, 45;--color-mono-positive-rgb: 255, 255, 255;--color-mono-negative-rgb: 0, 0, 0;--font-color1-rgb: 250, 251, 252;--font-color2-rgb: 205, 210, 220;--font-color3-rgb: 165, 170, 180;--font-color4-rgb: 135, 140, 150;--font-color5-rgb: 95, 100, 110;--font-color6-rgb: 65, 70, 80;--font-color-logoTitle: rgb(210, 220, 240);--sc: 0, 0, 0;--shadow_color_min: rgba(var(--sc), .2);--shadow_color_normal: rgba(var(--sc), .3);--shadow_color_remark: rgba(var(--sc), .4);--shadow_color_max: rgba(var(--sc), .5);--border-color-thin: hsl(180, 5%, 25%);--border-color-normal: hsl(180, 5%, 38%);--color-layer0-hsl: var(--cH), 8%, 13%;--color-layer1-hsl: var(--cH), 8%, 20%;--color-layer2-hsl: var(--cH), 8%, 23.3%;--color-layer3-hsl: var(--cH), 8%, 26.6%;--color-layer4-hsl: var(--cH), 8%, 30%;--color-layer5-hsl: var(--cH), 8%, 35%;--color-layer6-hsl: var(--cH), 8%, 40%}@media (prefers-color-scheme: dark){.bdsDM_auto{--color-theme-opacity-high: .45;--color-theme-opacity-middle: .3;--color-theme-opacity-low: .2;--color-theme-opacity-few: .1;--color-dark-rgb: 46, 51, 54;--color-cloud-rgb: 43, 44, 45;--color-base-rgb: 27, 28, 28;--color-gray-rgb: 34, 39, 45;--color-mono-positive-rgb: 255, 255, 255;--color-mono-negative-rgb: 0, 0, 0;--font-color1-rgb: 250, 251, 252;--font-color2-rgb: 205, 210, 220;--font-color3-rgb: 165, 170, 180;--font-color4-rgb: 135, 140, 150;--font-color5-rgb: 95, 100, 110;--font-color6-rgb: 65, 70, 80;--font-color-logoTitle: rgb(210, 220, 240);--sc: 0, 0, 0;--shadow_color_min: rgba(var(--sc), .2);--shadow_color_normal: rgba(var(--sc), .3);--shadow_color_remark: rgba(var(--sc), .4);--shadow_color_max: rgba(var(--sc), .5);--border-color-thin: hsl(180, 5%, 25%);--border-color-normal: hsl(180, 5%, 38%);--color-layer0-hsl: var(--cH), 5%, 8%;--color-layer1-hsl: var(--cH), 5%, 13%;--color-layer2-hsl: var(--cH), 5%, 16.3%;--color-layer3-hsl: var(--cH), 5%, 19.6%;--color-layer4-hsl: var(--cH), 5%, 23%;--color-layer5-hsl: var(--cH), 5%, 28%;--color-layer6-hsl: var(--cH), 5%, 33%}}

package/dist/atoms/Grid.d.ts

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+import { StandardShorthandProperties, StandardLonghandProperties } from 'csstype';
+import Box from './Box';
+declare namespace Grid {
+    namespace Layout {
+        type Input = Box.DefaultInput & {
+            gridTemplateColumns: StandardLonghandProperties['gridTemplateColumns'];
+            gridTemplateRows: StandardLonghandProperties['gridTemplateRows'];
+            gridChildTemplates: [
+                StandardShorthandProperties['gridColumn'] | void,
+                StandardShorthandProperties['gridRow'] | void
+            ][];
+        };
+    }
+    type Methodds = React.FC<Box.DefaultInput> & {
+        Layout: React.FC<Grid.Layout.Input>;
+    };
+}
+declare const Grid: Grid.Methodds;
+export { Grid, Grid as default };

package/dist/atoms/Grid.js

@@ -0,0 +1,2 @@
+import{b as o,c as u,d as h}from"../chunk-C5N2D3ZX.js";import{jsx as f}from"react/jsx-runtime";import g,{UUID as C}from"jmini";import T from"./Box";import{GridClasses as L}from"../@styles/componentClasses";import{useEffect as x,useState as $}from"react";const G=t=>f(T,o({display:"grid"},t)),i=G;i.Layout=t=>{let n=t,{gridTemplateColumns:S,gridTemplateRows:c,gridChildTemplates:a=[]}=n,y=h(n,["gridTemplateColumns","gridTemplateRows","gridChildTemplates"]),[d]=$(C(12));return x(()=>{let l="inlinestyle-"+d,r=document.createElement("style");return r.textContent="",a.forEach(([s,p],m)=>{let e=[`[data-grid-layout-id='${d}'] > *:nth-child(${a.length}n + ${m+1}) {`];a.length==m+1&&(e=[`[data-grid-layout-id='${d}'] > *:nth-child(${a.length}n) {`]),s&&e.push(`   grid-column:${s};`),p&&e.push(`   grid-row:${p};`),e.push("}",""),r.textContent+=e.join(`
+`)}),r.id=l,g("head").append(r),()=>{g("#"+l).remove()}},[]),f(i,u(o({},y),{"data-grid-layout-id":d,className:[t.className,L("GridLayout")].join(" "),freeCSS:o({gridTemplateColumns:S,gridTemplateRows:c},t.freeCSS)}))};export{i as Grid,i as default};

package/dist/atoms/index.d.ts

@@ -15,7 +15,6 @@ declare namespace P {
     type Input = Box.Input<'p'>;
 }
 declare const P: React.FC<P.Input>;
-declare const Grid: React.FC<Box.DefaultInput>;
 /**
  * Div flex container
  */
@@ -32,9 +31,10 @@ declare namespace Column {
     type Input = Flex.Input;
 }
 declare const Column: React.FC<Column.Input>;
-export { Span, P, Grid, Flex, FlexBr, FlexMargin, Column };
+export { Span, P, Flex, FlexBr, FlexMargin, Column };
 export * from './FAI';
 export * from './Img';
 export * from './Logo';
 export * from './Placeholder';
 export * from './Card';
+export * from './Grid';

package/dist/atoms/index.js

@@ -1 +1 @@
-import{b as t,c as n}from"../chunk-C5N2D3ZX.js";import{jsx as p}from"react/jsx-runtime";export*from"./Box";import o from"./Box";const r=e=>p(o,n(t({},e),{htmlTag:"span"})),x=e=>p(o,n(t({},e),{htmlTag:"p"})),l=e=>p(o,t({display:"grid"},e)),a=e=>p(o,n(t({flexType:"row",flexWrap:!0,display:"flex"},e),{freeCSS:t({wordBreak:"break-word"},e.freeCSS)})),u=e=>p(o,t({width:1,flexSizing:"none"},e)),f=e=>p(o,t({flexSizing:0},e)),c=e=>p(a,t({flexType:"col",gap:1},e));export*from"./FAI";export*from"./Img";export*from"./Logo";export*from"./Placeholder";export*from"./Card";export{c as Column,a as Flex,u as FlexBr,f as FlexMargin,l as Grid,x as P,r as Span};
+import{b as t,c as n}from"../chunk-C5N2D3ZX.js";import{jsx as p}from"react/jsx-runtime";export*from"./Box";import o from"./Box";const a=e=>p(o,n(t({},e),{htmlTag:"span"})),x=e=>p(o,n(t({},e),{htmlTag:"p"})),r=e=>p(o,n(t({flexType:"row",flexWrap:!0,display:"flex"},e),{freeCSS:t({wordBreak:"break-word"},e.freeCSS)})),l=e=>p(o,t({width:1,flexSizing:"none"},e)),u=e=>p(o,t({flexSizing:0},e)),f=e=>p(r,t({flexType:"col",gap:1},e));export*from"./FAI";export*from"./Img";export*from"./Logo";export*from"./Placeholder";export*from"./Card";export*from"./Grid";export{f as Column,r as Flex,l as FlexBr,u as FlexMargin,x as P,a as Span};

package/dist/fn/Cropper.js

@@ -1 +1 @@
-import{b as K,c as ie,e as V}from"../chunk-C5N2D3ZX.js";import{jsx as o,jsxs as p}from"react/jsx-runtime";import b,{UUID as le,useStore as O}from"jmini";import{$$fromRoot as re}from"../@utils";import{useState as U,useEffect as ee}from"react";import{Box as A,FAI as X,Column as H}from"../atoms";import{Row as I,Literal as P}from"../mols";import{Button as W}from"./Button";import Y from"./Sheet";import Z from"./Loader";import te from"./Input";import{faPalette as ne}from"@fortawesome/free-solid-svg-icons/faPalette";import{faBarsStaggered as se}from"@fortawesome/free-solid-svg-icons/faBarsStaggered";import{faRotateLeft as ce}from"@fortawesome/free-solid-svg-icons/faRotateLeft";import{faRotateRight as me}from"@fortawesome/free-solid-svg-icons/faRotateRight";import{CropperClasses as N}from"../@styles/componentClasses";import q from"./Tooltips";class he{constructor(e){this.set_scale=e.set_scale,this.val_file=e.val_file,this.develops=e.develops;{let[m,s]=b.is.array(e.use)&&e.use||e.use.split(":").map(i=>Number(i)),h=m/s;this.usage={w:m,h:s,aspect:h}}this.componentId=e.componentId;let c=e.canvas,t=e.picture.image;this.Canvas={elm:c,ctx:c.getContext("2d")};let{width:a,height:r}=t,l=a/r;this.Picture={elm:t,originDataUrl:t.src,aspect:l,revisedAspect:1,rotate:e.picture.rotate,grayScale:e.picture.grayScale,tone:e.picture.tone},this.scale={current:e.scale.default,default:e.scale.default,min:e.scale.min,max:e.scale.max},this.usage.aspect<this.Picture.aspect?this.scale.min=100/l*this.usage.aspect:this.scale.min=100*l/this.usage.aspect,this.pst={frame:{x:0,y:0,w:0,h:0,aspect:1},outImage:{x:0,y:0,w:0,h:0},imageX:a/2,imageY:r/2,centerX:0,centerY:0},this.dragEffectInfo={origin:{x:0,y:0},frameExpandRate:{x:0,y:0}},this.pinchEffectInfo={origin:{x:0,y:0,scale:this.scale.current}},this.frameSizing(),this.modifyImage()}frameSizing(){let e=this.Canvas.elm,c=this.Picture.elm,t=0,a=0;{if(this.usage.aspect==1){let n=e.width*.6666666666666666,v=e.height*(2/3);a=t=Math.min(n,v)}else this.usage.aspect>1?(t=e.width*.9,a=t/this.usage.aspect):(a=e.height*.9,t=a*this.usage.aspect);let i=.85;a>e.height*i&&(a=e.height*i,t=a*this.usage.aspect),t>e.width*i&&(t=e.width*i,a=t/this.usage.aspect)}let{width:r,height:l}=c,m=(e.width-t)/2,s=(e.height-a)/2,h=t/a;this.pst={frame:{x:m,y:s,w:t,h:a,aspect:h},outImage:{x:0,y:0,w:0,h:0},imageX:r/2,imageY:l/2,centerX:e.width/2,centerY:e.height/2}}dragEffect(e){let{eventType:c,x:t,y:a}=e;if(c=="start"){let r=this.Canvas.elm.position();this.dragEffectInfo={origin:{x:t,y:a},frameExpandRate:{x:this.Canvas.elm.width/r.width,y:this.Canvas.elm.height/r.height}}}else{let{origin:r,frameExpandRate:l}=this.dragEffectInfo,m=r.x-t,s=r.y-a,h=this.scale.current*this.Picture.revisedAspect/100,i=m/h*l.x,n=s/h*l.y;c=="move"?this.drawImage(this.pst.imageX+i,this.pst.imageY+n):c=="end"&&this.drawImage(this.pst.imageX+=i,this.pst.imageY+=n)}}pinchEffect(e){let{eventType:c,event:t}=e,{x:a,y:r}=b.getCursor(t.touches[0]),{x:l,y:m}=b.getCursor(t.touches[1]),s=l-a,h=m-r;if(c=="start")this.pinchEffectInfo.origin={x:s,y:h,scale:this.scale.current};else if(c=="move"){let{origin:i}=this.pinchEffectInfo,n=Math.sqrt(Math.pow(i.x,2)+Math.pow(i.y,2)),C=Math.sqrt(Math.pow(s,2)+Math.pow(h,2))/n,d=Number(i.scale*C);this.set_scale(d)}}updateScale(e){let c=e;c=Math.max(c,this.scale.min),c=Math.min(c,this.scale.max),this.scale.current=c,this.drawImage()}updateFilter(e){this.Picture.grayScale=e.grayScale,this.Picture.tone=e.tone,this.Picture.rotate=e.rotate,this.modifyImage()}modifyImage(){return V(this,null,function*(){let{grayScale:e,tone:c,rotate:t}=this.Picture;const a=document.createElement("canvas");let r=a.getContext("2d"),l=yield b.ImageLoader(this.Picture.originDataUrl),m=l.width,s=l.height;(t==90||t==270)&&(m=l.height,s=l.width),a.width=m,a.height=s,e&&(r.filter="grayscale("+e+"%)"),t&&(r.translate(m/2,s/2),r.rotate(t*Math.PI/180),[90,270].includes(t)?r.translate(-s/2,-m/2):r.translate(-m/2,-s/2)),r.drawImage(l,0,0,l.width,l.height);let h=r.getImageData(0,0,a.width,a.height),i=h.data;{e/=100;let d=[[255,255,255],[255,200,100],[170,170,255],[240,200,145],[128,255,255],[255,128,255],[255,255,128],[128,158,169],[128,112,162],[50,192,87],[246,100,140]][c],y=d[0]/255,S=d[1]/255,_=d[2]/255;for(let w=0;w<s;w++)for(let x=0;x<m;x++){var n=(w*m+x)*4;if(e){let B=.3*i[n]+.59*i[n+1]+.11*i[n+2];for(var v=0;v<3;v++){let D=i[n+v];i[n+v]=D+(B-D)*e}}i[n]*=y,i[n+1]*=S,i[n+2]*=_}}r.putImageData(h,0,0);let C=a.toDataURL("image/jpeg");{let d=yield b.ImageLoader(C),{width:y,height:S}=d,_=y/S;this.Picture=ie(K({},this.Picture),{elm:d,aspect:_,revisedAspect:this.pst.frame.aspect>_?this.pst.frame.w/y:this.pst.frame.h/S})}this.drawImage()})}drawImage(e,c){let{Canvas:{ctx:t,elm:a},pst:{frame:r}}=this;t.clearRect(0,0,this.Canvas.elm.width,this.Canvas.elm.height);let l=e||this.pst.imageX,m=c||this.pst.imageY;{let s=this.scale.current/100,h=this.Picture.revisedAspect*s,i=this.pst.centerX-l*h,n=this.pst.centerY-m*h,v=this.Picture.elm.width*h,C=this.Picture.elm.height*h,d=0,y=0;this.usage.aspect<this.Picture.aspect?(d=v,y=d/this.usage.aspect):(y=C,d=y*this.usage.aspect);{let S=this.pst.frame.x-(v-d)/2,_=this.pst.frame.x+this.pst.frame.w-(v+d)/2,w=this.pst.frame.y-(C-y)/2,x=this.pst.frame.y+this.pst.frame.h-(C+y)/2,B=0;i<_&&(B=i-_),i>S&&(B=i-S);let D=0;n<x&&(D=n-x),n>w&&(D=n-w),this.dragEffectInfo.origin.x+=B/2/this.dragEffectInfo.frameExpandRate.x,this.dragEffectInfo.origin.y+=D/2/this.dragEffectInfo.frameExpandRate.y,i=Math.min(Math.max(i,_),S),n=Math.min(Math.max(n,x),w)}this.pst.outImage={x:i,y:n,w:v,h:C};{let S=1;t.lineWidth=S,t.strokeStyle="#ffffff66",t.strokeRect(i+(v-d)/2-S,n+(C-y)/2-S,d+S*2,y+S*2)}t.drawImage(this.Picture.elm,0,0,this.Picture.elm.width,this.Picture.elm.height,i,n,v,C)}{if(this.usage.aspect==1){t.fillStyle="rgba( 20,24,20,.5 )",t.beginPath();let s=a.width/3*2,h=a.height/3*2,i=Math.min(s,h),n=Math.max(s,h);t.arc(a.width/2,a.height/2,n*1.41,0,Math.PI*2,!0),t.arc(a.width/2,a.height/2,i/2,0,Math.PI*2,!1),t.closePath(),t.fill()}else t.fillStyle="rgba( 20,24,20,.5 )";{let h=b(document.body).getStyleProperty("--color-theme-hsl"),i=2;t.lineWidth=i,t.strokeStyle=`hsla( ${h},1 )`,t.strokeRect(r.x-i,r.y-i,r.w+i*2,r.h+i*2)}}}export(){return V(this,null,function*(){let{Canvas:e,develops:c,Picture:t,pst:{outImage:a,frame:r}}=this,l=a.w/t.elm.width,m=a.h/t.elm.height,s=(r.x-a.x)/l,h=r.w/l,i=(r.y-a.y)/m,n=r.h/m,v=Array.from({length:c.length}),C="image/jpeg";for(let d=0;d<c.length;d++){let{size:y,maxSize:S}=c[d];S=S||{S:1024*20,R:1024*100,L:1024*350}[y];let _={S:140,R:600,L:1200}[y],w=document.createElement("canvas");w.width=h,w.height=n;let x=document.createElement("canvas");x.width=_,x.height=_/this.usage.aspect;let B=w.getContext("2d");if(!B)return;let D=x.getContext("2d");if(!D)return;B.clearRect(0,0,w.width,w.height),B.drawImage(this.Picture.elm,s,i,h,n,0,0,h,n),D.fillStyle="black",D.drawImage(w,0,0,w.width,w.height,0,0,x.width,x.height);let $=x.toDataURL(C),g=yield $.toBlob(C);if(!g)return;if(g.size>=S){let E=S/g.size;if($=x.toDataURL(C,E*.92),g=yield $.toBlob(C),!g)return}let f=new File([g],this.val_file.name,{type:C});v[d]=f}return v})}}const oe={Core:u=>{let{val_file:e,options:c,finishedCallback:t,abortCallback:a}=u,{use:r,develops:l=[]}=c,[m]=U(le());const s={scale:{default:120,min:50,max:300},rotate:0,grayScale:0,tone:0};let h=2048*2048,i=1024,[n,v]=U(s.scale.default),[C,d]=U(s.rotate),[y,S]=U(s.grayScale),[_,w]=U(s.tone),[x,B]=U(0),[D,$]=U(0);return ee(()=>{let g="CropperResize";return b(window).addEvent({eventType:"resize",eventID:g,callback:()=>{b.interval.once(()=>{var j;let f=re("#Canvas-"+m)[0];if(!f)return;let E=(j=O.get(m))==null?void 0:j.Instance;if(!E)return;let J=f.position(),F=J.width/J.height,M=i,z=M/F;if(M*z>h){let G=M*z/h;M=Math.floor(M/Math.sqrt(G)),z=Math.floor(z/Math.sqrt(G))}f.width=i,f.height=z;let{width:T,height:Q}=f;E.pst.centerX=T/2,E.pst.centerY=Q/2,E.frameSizing(),E.modifyImage()},250,"CropperResize")}}),()=>{b(window).removeEvent(g)}},[]),ee(()=>{O.set({[m]:{}}),V(void 0,null,function*(){Z.fn.corner.active(),yield b.pending(()=>{},400);let g=yield e.convert();if(g=String(g),!g)return;let f=re("#Canvas-"+m)[0];if(!f)return;let E=f.position(),J=E.width/E.height,F=i,M=F/J;if(F*M>h){let R=F*M/h;F=Math.floor(F/Math.sqrt(R)),M=Math.floor(M/Math.sqrt(R))}f.width=F,f.height=M;let z=yield b.ImageLoader(g);B(z.width),$(z.height);let T=new he({set_scale:v,val_file:e,develops:l,use:r,scale:s.scale,componentId:m,canvas:f,picture:{image:z,grayScale:s.grayScale,tone:s.tone,rotate:s.rotate}});O.set({[m]:{Instance:T}});const Q=function(R){if(R.preventDefault(),R.touches&&R.touches.length>1)T.pinchEffect({eventType:"start",event:R}),b(document).addEvent({eventType:"touchmove",eventID:"CropperEffectMove",options:{passive:!1},callback:L=>{L.preventDefault(),T.pinchEffect({eventType:"move",event:L})}}).addEvent({eventType:"touchend",eventID:"CropperEffectEnd",options:{passive:!1},callback:G});else{T.dragEffect(K({eventType:"start"},b.getCursor(R)));let{type:L}=R;b(document).addEvent({eventType:L=="touchstart"?"touchmove":"mousemove",eventID:"CropperEffectMove",options:{passive:!1},callback:k=>{j("move",k)}}).addEvent({eventType:L=="touchstart"?"touchend":"mouseup",eventID:"CropperEffectEnd",options:{passive:!1},callback:k=>{j("end",k),G(k)}})}},j=function(R,L){L.preventDefault(),T.dragEffect(K({eventType:R},b.getCursor(L)))},G=function(R){R.preventDefault(),b(document).removeEvent(["CropperEffectMove","CropperEffectEnd"])};b(f).removeEvent(["CropperMouseWheel","CropperTouchStart","CropperMouseDown"]).addEvent({eventID:"CropperMouseWheel",eventType:"wheel",callback:R=>{R.preventDefault();let L=Number(R.wheelDelta*.04),k=T.scale.current+L;k=Math.max(k,T.scale.min),k=Math.min(k,T.scale.max),v(k)},options:{passive:!1}}).addEvent({eventType:"touchstart",eventID:"CropperTouchStart",callback:Q,options:{passive:!1}}).addEvent({eventType:"mousedown",eventID:"CropperMouseDown",callback:Q,options:{passive:!1}}),setTimeout(()=>{Z.fn.corner.stop()},1e3)})},[e.id]),ee(()=>{var f;let g=(f=O.get(m))==null?void 0:f.Instance;g&&g.updateScale(n)},[n]),ee(()=>{var f;let g=(f=O.get(m))==null?void 0:f.Instance;g&&g.updateFilter({grayScale:y,tone:_,rotate:C})},[y,_,C]),o(Y.Body,{borderRadius:0,height:"viewHeight",width:"viewWidth",children:p(H,{className:[N("Wrap"),N("Use_"+r)].join(" "),gap:0,height:1,position:"relative",overflow:"hidden",borderRadius:"inherit",children:[p(A,{flexSizing:0,overflow:"hidden",position:"relative",backgroundColor:"black",flexCenter:!0,freeCSS:{zIndex:1},children:[o("canvas",{style:{width:"100%",height:"100%"},width:i,height:i,className:N("Canvas"),id:"Canvas-"+m}),o(P.Supplement,{position:"absolute",bottom:1,left:1,fontColor:"white",children:p(I.Left,{gap:"1/2",flexWrap:!0,children:[p(P,{children:["[",e.type,"]"]}),o(P,{children:e.name}),p(P,{children:[x,"px x ",D,"px"]}),p(P,{children:["[",e.size.rank(),"B]"]})]})})]}),p(I.Separate,{borderTop:!0,flexSizing:"none",backgroundColor:"layer.1",padding:1,verticalAlign:"unset",UnderBreakPointStyles:{flexType:"col"},children:[o(oe.SettingRegion,{DefaultOptions:s,val_scale:n,set_scale:v,val_tone:_,set_tone:w,val_grayScale:y,set_grayScale:S,val_rotate:C,set_rotate:d}),p(I.Right,{flexSizing:"none",children:[o(W.Border.S,{onClick:()=>{a()},children:"\u9589\u3058\u308B"}),o(W.Prime.S,{boxShadow:"3.remark",onClick:()=>V(void 0,null,function*(){var E;let g=(E=O.get(m))==null?void 0:E.Instance;if(!g)return;Z.fn.mini.active("CropperExportation");let f=yield g.export();setTimeout(()=>{Z.fn.mini.stop("CropperExportation"),t(f)},1e3)}),children:p(I.Center,{gap:"1/2",children:[o(Z.White.R,{loaderID:"CropperExportation"}),"\u6C7A\u5B9A"]})})]})]})]})})},SettingRegion:u=>{let e=["","\u6696\u8272","\u5BD2\u8272","\u30BB\u30D4\u30A2","\u30B7\u30A2\u30F3","\u30DE\u30BC\u30F3\u30BF","\u30A4\u30A8\u30ED\u30FC","\u30AA\u30EA\u30B8\u30CA\u30EB1","\u30AA\u30EA\u30B8\u30CA\u30EB2","\u30AA\u30EA\u30B8\u30CA\u30EB3","\u30AA\u30EA\u30B8\u30CA\u30EB4"],c=t=>e[t]||"\u306A\u3057";return p(I.Left,{verticalAlign:"unset",flexWrap:!0,children:[p(H,{gap:"1/3",children:[o(P.Supplement,{children:"Rotate"}),p(I.Left,{flexChilds:"even",gap:"1/6",children:[o(W.Border.S,{isRounded:!0,borderTopRightRadius:0,borderBottomRightRadius:0,onClick:()=>{let t=u.val_rotate-90;t<0&&(t+=360),u.set_rotate(t)},children:p(I.Center,{gap:"1/4",children:["90\xB0",o(X,{icon:ce})]})}),o(W.Border.S,{isRounded:!0,borderTopLeftRadius:0,borderBottomLeftRadius:0,onClick:()=>{u.set_rotate((u.val_rotate+90)%360)},children:p(I.Center,{gap:"1/4",children:[o(X,{icon:me}),"90\xB0"]})})]})]}),p(H,{gap:"1/3",freeCSS:{minWidth:12*6},children:[o(P.Supplement,{children:"Zoom"}),p(W.Border.S,{flexCenter:!0,isRounded:!0,flexSizing:0,onClick:t=>{let a="CropperZoomEdit";q.open({tipsID:a,gravityPoint:3,event:t,closeAtParentBlur:!1,freeCSS:{minWidth:12*26},content:o(Y.Body,{children:p(H,{padding:1.5,children:[p(I.Separate,{children:[o(P.Paragraph,{children:p(I.Center,{gap:"1/2",children:[o(X.Search,{fontColor:"5.translucent"}),"Zoom"]})}),o(W.Sub,{color:"cloud",ssSphere:2.5,onClick:()=>{q.close(a)},children:o(X.X,{})})]}),o(A,{borderBottom:!0,opacity:"low"}),o(te.Slider,{override:"force",value:u.val_scale-u.DefaultOptions.scale.min,min:u.DefaultOptions.scale.min-100,max:u.DefaultOptions.scale.max-100,step:25,onUpdateValidValue:(r,l)=>{b.interval.once(()=>{u.set_scale(r+100)},250,"Cropper.UpdateScale")},legends:{enable:!0,custom:r=>"x"+Math.round(100+r)/100}})]})})})},children:[u.val_scale.rate(1,0),"%"]})]}),p(H,{gap:"1/3",freeCSS:{minWidth:12*6},children:[o(P.Supplement,{children:"GrayScale"}),p(W.Border.S,{flexCenter:!0,isRounded:!0,flexSizing:0,onClick:t=>{let a="CropperGrayScaleEdit";q.open({tipsID:a,gravityPoint:3,event:t,closeAtParentBlur:!1,freeCSS:{minWidth:12*26},content:o(Y.Body,{children:p(H,{padding:1.5,children:[p(I.Separate,{children:[o(P.Paragraph,{children:p(I.Center,{gap:"1/2",children:[o(X,{icon:ne,fontColor:"5.translucent"}),"Gray Scale"]})}),o(W.Sub,{color:"cloud",ssSphere:2.5,onClick:()=>{q.close(a)},children:o(X.X,{})})]}),o(A,{borderBottom:!0,opacity:"low"}),o(te.Slider,{value:u.val_grayScale,min:0,max:100,step:10,onUpdateValidValue:r=>{b.interval.once(()=>{u.set_grayScale(r)},250,"Cropper.GrayScale")},legends:{enable:!0,custom:r=>r+"%"}})]})})})},children:[u.val_grayScale.rate(1,0),"%"]})]}),p(H,{gap:"1/3",freeCSS:{minWidth:12*6},children:[o(P.Supplement,{children:"Tone"}),o(W.Border.S,{flexCenter:!0,isRounded:!0,flexSizing:0,onClick:t=>{let a="CropperToneEdit";q.open({tipsID:a,gravityPoint:3,event:t,closeAtParentBlur:!1,freeCSS:{minWidth:12*26,maxWidth:12*24},content:()=>{let r=[];for(let l=1;l<=10;l++)r.push({value:l,label:p(I.Left,{gap:"1/3",children:[o(A,{ssSphere:1,className:[N("ToneBall"),N("ToneBall_"+l)].join(" ")}),o(A,{textAlign:"left",flexSizing:0,children:c(l)})]})});return o(Y.Body,{children:p(H,{padding:1.5,children:[p(I.Separate,{children:[o(P.Paragraph,{children:p(I.Center,{gap:"1/2",children:[o(X,{icon:se,fontColor:"5.translucent"}),"Tone"]})}),o(W.Sub,{color:"cloud",ssSphere:2.5,onClick:()=>{q.close(a)},children:o(X.X,{})})]}),o(A,{borderBottom:!0,opacity:"low"}),o(te.Radio.Normal,{value:u.val_tone,gap:"1/2",cellStyles:{fontColor:"3.blur"},options:[{value:0,label:o(A,{flexSizing:0,textAlign:"center",children:"\u306A\u3057"})},...r],onUpdateValidValue:l=>{u.set_tone(l)}})]})})}})},children:p(I.Center,{gap:"1/2",children:[o(A,{boxShadow:"2.remark",ssSphere:1,className:[N("ToneBall"),N("ToneBall_"+u.val_tone)].join(" ")}),c(u.val_tone)]})})]})]})}},ae={openDialogNEdit:u=>{te.Filer.fn.openDialog({accept:"image",multiple:!1,onChange:e=>{ae.openEditor(K({imageFile:e[0]},u))}})},openEditor:u=>V(void 0,null,function*(){let e="CropperImage";Y.open("middleCenter",{sheetID:e,size:"MAX",padding:0,margin:0,freeCSS:{maxWidth:"100%"},content:o(oe.Core,{val_file:u.imageFile,options:u,finishedCallback:c=>{Y.close(e),u.onProcessFinished(c)},abortCallback:()=>{Y.close(e)}}),closeAtEscapeKeyDown:!1})})};export{ae as Cropper,ae as default};
+import{b as K,c as re,e as V}from"../chunk-C5N2D3ZX.js";import{Fragment as fe,jsx as o,jsxs as p}from"react/jsx-runtime";import x,{Filer as le,UUID as ne,useStore as O}from"jmini";import{$$fromRoot as ie}from"../@utils";import{useState as U,useEffect as ee}from"react";import{Box as z,FAI as X,Column as Z,FlexMargin as se}from"../atoms";import{Row as P,Literal as R}from"../mols";import{Button as k}from"./Button";import Y from"./Sheet";import J from"./Loader";import te from"./Input";import{faPalette as ce}from"@fortawesome/free-solid-svg-icons/faPalette";import{faBarsStaggered as he}from"@fortawesome/free-solid-svg-icons/faBarsStaggered";import{faRotateLeft as me}from"@fortawesome/free-solid-svg-icons/faRotateLeft";import{faRotateRight as pe}from"@fortawesome/free-solid-svg-icons/faRotateRight";import{CropperClasses as N}from"../@styles/componentClasses";import q from"./Tooltips";class ue{constructor(e){this.set_scale=e.set_scale,this.val_file=e.val_file,this.develops=e.develops;{let[h,s]=x.is.array(e.use)&&e.use||e.use.split(":").map(r=>Number(r)),m=h/s;this.usage={w:h,h:s,aspect:m}}this.componentId=e.componentId;let c=e.canvas,t=e.picture.image;this.Canvas={elm:c,ctx:c.getContext("2d")};let{width:a,height:i}=t,l=a/i;this.Picture={elm:t,originDataUrl:t.src,aspect:l,revisedAspect:1,rotate:e.picture.rotate,grayScale:e.picture.grayScale,tone:e.picture.tone},this.scale={current:e.scale.default,default:e.scale.default,min:e.scale.min,max:e.scale.max},this.usage.aspect<this.Picture.aspect?this.scale.min=100/l*this.usage.aspect:this.scale.min=100*l/this.usage.aspect,this.pst={frame:{x:0,y:0,w:0,h:0,aspect:1},outImage:{x:0,y:0,w:0,h:0},imageX:a/2,imageY:i/2,centerX:0,centerY:0},this.dragEffectInfo={origin:{x:0,y:0},frameExpandRate:{x:0,y:0}},this.pinchEffectInfo={origin:{x:0,y:0,scale:this.scale.current}},this.frameSizing(),this.modifyImage()}frameSizing(){let e=this.Canvas.elm,c=this.Picture.elm,t=0,a=0;{if(this.usage.aspect==1){let n=e.width*.6666666666666666,g=e.height*(2/3);a=t=Math.min(n,g)}else this.usage.aspect>1?(t=e.width*.9,a=t/this.usage.aspect):(a=e.height*.9,t=a*this.usage.aspect);let r=.85;a>e.height*r&&(a=e.height*r,t=a*this.usage.aspect),t>e.width*r&&(t=e.width*r,a=t/this.usage.aspect)}let{width:i,height:l}=c,h=(e.width-t)/2,s=(e.height-a)/2,m=t/a;this.pst={frame:{x:h,y:s,w:t,h:a,aspect:m},outImage:{x:0,y:0,w:0,h:0},imageX:i/2,imageY:l/2,centerX:e.width/2,centerY:e.height/2}}dragEffect(e){let{eventType:c,x:t,y:a}=e;if(c=="start"){let i=this.Canvas.elm.position();this.dragEffectInfo={origin:{x:t,y:a},frameExpandRate:{x:this.Canvas.elm.width/i.width,y:this.Canvas.elm.height/i.height}}}else{let{origin:i,frameExpandRate:l}=this.dragEffectInfo,h=i.x-t,s=i.y-a,m=this.scale.current*this.Picture.revisedAspect/100,r=h/m*l.x,n=s/m*l.y;c=="move"?this.drawImage(this.pst.imageX+r,this.pst.imageY+n):c=="end"&&this.drawImage(this.pst.imageX+=r,this.pst.imageY+=n)}}pinchEffect(e){let{eventType:c,event:t}=e,{x:a,y:i}=x.getCursor(t.touches[0]),{x:l,y:h}=x.getCursor(t.touches[1]),s=l-a,m=h-i;if(c=="start")this.pinchEffectInfo.origin={x:s,y:m,scale:this.scale.current};else if(c=="move"){let{origin:r}=this.pinchEffectInfo,n=Math.sqrt(Math.pow(r.x,2)+Math.pow(r.y,2)),v=Math.sqrt(Math.pow(s,2)+Math.pow(m,2))/n,d=Number(r.scale*v);this.set_scale(d)}}updateScale(e){let c=e;c=Math.max(c,this.scale.min),c=Math.min(c,this.scale.max),this.scale.current=c,this.drawImage()}updateFilter(e){this.Picture.grayScale=e.grayScale,this.Picture.tone=e.tone,this.Picture.rotate=e.rotate,this.modifyImage()}modifyImage(){return V(this,null,function*(){let{grayScale:e,tone:c,rotate:t}=this.Picture;const a=document.createElement("canvas");let i=a.getContext("2d"),l=yield x.ImageLoader(this.Picture.originDataUrl),h=l.width,s=l.height;(t==90||t==270)&&(h=l.height,s=l.width),a.width=h,a.height=s,e&&(i.filter="grayscale("+e+"%)"),t&&(i.translate(h/2,s/2),i.rotate(t*Math.PI/180),[90,270].includes(t)?i.translate(-s/2,-h/2):i.translate(-h/2,-s/2)),i.drawImage(l,0,0,l.width,l.height);let m=i.getImageData(0,0,a.width,a.height),r=m.data;{e/=100;let d=[[255,255,255],[255,200,100],[170,170,255],[240,200,145],[128,255,255],[255,128,255],[255,255,128],[128,158,169],[128,112,162],[50,192,87],[246,100,140]][c],S=d[0]/255,C=d[1]/255,_=d[2]/255;for(let y=0;y<s;y++)for(let w=0;w<h;w++){var n=(y*h+w)*4;if(e){let B=.3*r[n]+.59*r[n+1]+.11*r[n+2];for(var g=0;g<3;g++){let E=r[n+g];r[n+g]=E+(B-E)*e}}r[n]*=S,r[n+1]*=C,r[n+2]*=_}}i.putImageData(m,0,0);let v=a.toDataURL("image/jpeg");{let d=yield x.ImageLoader(v),{width:S,height:C}=d,_=S/C;this.Picture=re(K({},this.Picture),{elm:d,aspect:_,revisedAspect:this.pst.frame.aspect>_?this.pst.frame.w/S:this.pst.frame.h/C})}this.drawImage()})}drawImage(e,c){let{Canvas:{ctx:t,elm:a},pst:{frame:i}}=this;t.clearRect(0,0,this.Canvas.elm.width,this.Canvas.elm.height);let l=e||this.pst.imageX,h=c||this.pst.imageY;{let s=this.scale.current/100,m=this.Picture.revisedAspect*s,r=this.pst.centerX-l*m,n=this.pst.centerY-h*m,g=this.Picture.elm.width*m,v=this.Picture.elm.height*m,d=0,S=0;this.usage.aspect<this.Picture.aspect?(d=g,S=d/this.usage.aspect):(S=v,d=S*this.usage.aspect);{let C=this.pst.frame.x-(g-d)/2,_=this.pst.frame.x+this.pst.frame.w-(g+d)/2,y=this.pst.frame.y-(v-S)/2,w=this.pst.frame.y+this.pst.frame.h-(v+S)/2,B=0;r<_&&(B=r-_),r>C&&(B=r-C);let E=0;n<w&&(E=n-w),n>y&&(E=n-y),this.dragEffectInfo.origin.x+=B/2/this.dragEffectInfo.frameExpandRate.x,this.dragEffectInfo.origin.y+=E/2/this.dragEffectInfo.frameExpandRate.y,r=Math.min(Math.max(r,_),C),n=Math.min(Math.max(n,w),y)}this.pst.outImage={x:r,y:n,w:g,h:v};{let C=1;t.lineWidth=C,t.strokeStyle="#ffffff66",t.strokeRect(r+(g-d)/2-C,n+(v-S)/2-C,d+C*2,S+C*2)}t.drawImage(this.Picture.elm,0,0,this.Picture.elm.width,this.Picture.elm.height,r,n,g,v)}{if(this.usage.aspect==1){t.fillStyle="rgba( 20,24,20,.5 )",t.beginPath();let s=a.width/3*2,m=a.height/3*2,r=Math.min(s,m),n=Math.max(s,m);t.arc(a.width/2,a.height/2,n*1.41,0,Math.PI*2,!0),t.arc(a.width/2,a.height/2,r/2,0,Math.PI*2,!1),t.closePath(),t.fill()}else t.fillStyle="rgba( 20,24,20,.5 )";{let m=x(document.body).getStyleProperty("--color-theme-hsl"),r=2;t.lineWidth=r,t.strokeStyle=`hsla( ${m},1 )`,t.strokeRect(i.x-r,i.y-r,i.w+r*2,i.h+r*2)}}}export(){return V(this,null,function*(){let{Canvas:e,develops:c,Picture:t,pst:{outImage:a,frame:i}}=this,l=a.w/t.elm.width,h=a.h/t.elm.height,s=(i.x-a.x)/l,m=i.w/l,r=(i.y-a.y)/h,n=i.h/h,g=Array.from({length:c.length}),v="image/jpeg";for(let d=0;d<c.length;d++){let{size:S,maxSize:C}=c[d];C=C||{S:1024*20,R:1024*100,L:1024*350}[S];let _={S:140,R:600,L:1200}[S],y=document.createElement("canvas");y.width=m,y.height=n;let w=document.createElement("canvas");w.width=_,w.height=_/this.usage.aspect;let B=y.getContext("2d");if(!B)return;let E=w.getContext("2d");if(!E)return;B.clearRect(0,0,y.width,y.height),B.drawImage(this.Picture.elm,s,r,m,n,0,0,m,n),E.fillStyle="black",E.drawImage(y,0,0,y.width,y.height,0,0,w.width,w.height);let j=w.toDataURL(v),f=yield j.toBlob(v);if(!f)return;if(f.size>=C){let D=C/f.size;if(j=w.toDataURL(v,D*.92),f=yield j.toBlob(v),!f)return}let b=new File([f],this.val_file.name,{type:v});g[d]=b}return g})}}const oe={Core:u=>{let{val_file:e,options:c,finishedCallback:t,abortCallback:a}=u,{use:i,develops:l=[]}=c,[h]=U(ne());const s={scale:{default:120,min:50,max:300},rotate:0,grayScale:0,tone:0};let m=2048*2048,r=1024,[n,g]=U(s.scale.default),[v,d]=U(s.rotate),[S,C]=U(s.grayScale),[_,y]=U(s.tone),[w,B]=U(-1),[E,j]=U(-1);return ee(()=>{let f="CropperResize";return x(window).addEvent({eventType:"resize",eventID:f,callback:()=>{x.interval.once(()=>{var $;let b=ie("#Canvas-"+h)[0];if(!b)return;let D=($=O.get(h))==null?void 0:$.Instance;if(!D)return;let W=b.position(),A=W.width/W.height,H=r,F=H/A;if(H*F>m){let G=H*F/m;H=Math.floor(H/Math.sqrt(G)),F=Math.floor(F/Math.sqrt(G))}b.width=r,b.height=F;let{width:L,height:Q}=b;D.pst.centerX=L/2,D.pst.centerY=Q/2,D.frameSizing(),D.modifyImage()},250,"CropperResize")}}),()=>{x(window).removeEvent(f)}},[]),ee(()=>{O.set({[h]:{}}),V(void 0,null,function*(){J.fn.corner.active();let f=ie("#Canvas-"+h)[0];if(!f)return;let b=f.position(),D=b.width/b.height,W=r,A=W/D;if(W*A>m){let I=W*A/m;W=Math.floor(W/Math.sqrt(I)),A=Math.floor(A/Math.sqrt(I))}f.width=W,f.height=A;let H=le(e),F=yield x.ImageLoader(URL.createObjectURL(yield H.toBlob()));B(F.width),j(F.height);let L=new ue({set_scale:g,val_file:e,develops:l,use:i,scale:s.scale,componentId:h,canvas:f,picture:{image:F,grayScale:s.grayScale,tone:s.tone,rotate:s.rotate}});O.set({[h]:{Instance:L}});const Q=function(I){if(I.preventDefault(),I.touches&&I.touches.length>1)L.pinchEffect({eventType:"start",event:I}),x(document).addEvent({eventType:"touchmove",eventID:"CropperEffectMove",options:{passive:!1},callback:M=>{M.preventDefault(),L.pinchEffect({eventType:"move",event:M})}}).addEvent({eventType:"touchend",eventID:"CropperEffectEnd",options:{passive:!1},callback:G});else{L.dragEffect(K({eventType:"start"},x.getCursor(I)));let{type:M}=I;x(document).addEvent({eventType:M=="touchstart"?"touchmove":"mousemove",eventID:"CropperEffectMove",options:{passive:!1},callback:T=>{$("move",T)}}).addEvent({eventType:M=="touchstart"?"touchend":"mouseup",eventID:"CropperEffectEnd",options:{passive:!1},callback:T=>{$("end",T),G(T)}})}},$=function(I,M){M.preventDefault(),L.dragEffect(K({eventType:I},x.getCursor(M)))},G=function(I){I.preventDefault(),x(document).removeEvent(["CropperEffectMove","CropperEffectEnd"])};x(f).removeEvent(["CropperMouseWheel","CropperTouchStart","CropperMouseDown"]).addEvent({eventID:"CropperMouseWheel",eventType:"wheel",callback:I=>{I.preventDefault();let M=Number(I.wheelDelta*.04),T=L.scale.current+M;T=Math.max(T,L.scale.min),T=Math.min(T,L.scale.max),g(T)},options:{passive:!1}}).addEvent({eventType:"touchstart",eventID:"CropperTouchStart",callback:Q,options:{passive:!1}}).addEvent({eventType:"mousedown",eventID:"CropperMouseDown",callback:Q,options:{passive:!1}}),setTimeout(()=>{J.fn.corner.stop()},1e3)})},[e.id]),ee(()=>{var b;let f=(b=O.get(h))==null?void 0:b.Instance;f&&f.updateScale(n)},[n]),ee(()=>{var b;let f=(b=O.get(h))==null?void 0:b.Instance;f&&f.updateFilter({grayScale:S,tone:_,rotate:v})},[S,_,v]),o(Y.Body,{borderRadius:0,height:"viewHeight",width:"viewWidth",children:o(Z,{className:[N("Wrap"),N("Use_"+i)].join(" "),gap:0,height:1,position:"relative",overflow:"hidden",borderRadius:"inherit",children:p(z,{flexSizing:0,overflow:"hidden",position:"relative",flexCenter:!0,paddingBottom:6,freeCSS:{zIndex:1,backgroundColor:"#000a0f"},children:[o("canvas",{style:{width:"100%",height:"100%"},width:r,height:r,className:N("Canvas"),id:"Canvas-"+h}),o(R.Supplement,{position:"absolute",bottom:1,left:1,right:1,ssCardBox:"plain",boxShadow:"0.max",padding:1,backgroundColor:"layer.0.opa.few",freeCSS:{backdropFilter:"blur(6px)"},children:p(Z,{gap:"1/2",children:[p(P.Left,{gap:"1/2",flexWrap:!0,fontColor:"white",fontSize:"0.xs",fontHeight:1.2,children:[p(R,{children:["[",e.type,"]"]}),o(R,{children:e.name}),p(R,{children:[w,"px x ",E,"px"]}),p(R,{children:["[",e.size.rank(),"B]"]})]}),p(P.Left,{gap:"1/2",verticalAlign:"unset",flexWrap:!0,children:[o(oe.SettingRegion,{DefaultOptions:s,val_scale:n,set_scale:g,val_tone:_,set_tone:y,val_grayScale:S,set_grayScale:C,val_rotate:v,set_rotate:d}),o(se,{}),o(k.Border.S,{onClick:()=>{a()},children:"\u9589\u3058\u308B"}),o(k.Prime.S,{boxShadow:"3.remark",onClick:()=>V(void 0,null,function*(){var D;let f=(D=O.get(h))==null?void 0:D.Instance;if(!f)return;J.fn.mini.active("CropperExportation");let b=yield f.export();setTimeout(()=>{J.fn.mini.stop("CropperExportation"),t(b)},1e3)}),children:p(P.Center,{gap:"1/2",children:[o(J.White.R,{loaderID:"CropperExportation"}),"\u6C7A\u5B9A"]})})]})]})})]})})})},SettingRegion:u=>{let e=["","\u6696\u8272","\u5BD2\u8272","\u30BB\u30D4\u30A2","\u30B7\u30A2\u30F3","\u30DE\u30BC\u30F3\u30BF","\u30A4\u30A8\u30ED\u30FC","\u30AA\u30EA\u30B8\u30CA\u30EB1","\u30AA\u30EA\u30B8\u30CA\u30EB2","\u30AA\u30EA\u30B8\u30CA\u30EB3","\u30AA\u30EA\u30B8\u30CA\u30EB4"],c=t=>e[t]||"\u306A\u3057";return p(fe,{children:[p(P.Center,{gap:"1/6",children:[p(k.Border.S,{flexCenter:!0,gap:"1/4",border:"unset",borderTopRightRadius:0,borderBottomRightRadius:0,onClick:()=>{let t=u.val_rotate-90;t<0&&(t+=360),u.set_rotate(t)},children:[o(R,{children:"90\xB0"}),o(X,{icon:me,fontColor:"4.thin"})]}),p(k.Border.S,{flexCenter:!0,gap:"1/4",border:"unset",borderTopLeftRadius:0,borderBottomLeftRadius:0,onClick:()=>{u.set_rotate((u.val_rotate+90)%360)},children:[o(X,{icon:pe,fontColor:"4.thin"}),o(R,{children:"90\xB0"})]})]}),p(k.Border.S,{flexCenter:!0,gap:"1/2",border:"unset",onClick:t=>{let a="CropperZoomEdit";q.open({tipsID:a,gravityPoint:3,event:t,closeAtParentBlur:!1,freeCSS:{minWidth:12*26},content:o(Y.Body,{children:p(Z,{padding:1.5,children:[p(P.Separate,{children:[o(R.Paragraph,{children:p(P.Center,{gap:"1/2",children:[o(X.Search,{fontColor:"5.translucent"}),"Zoom"]})}),o(k.Sub,{color:"cloud",ssSphere:2.5,onClick:()=>{q.close(a)},children:o(X.X,{})})]}),o(z,{borderBottom:!0,opacity:"low"}),o(te.Slider,{override:"force",value:u.val_scale-u.DefaultOptions.scale.min,min:u.DefaultOptions.scale.min-100,max:u.DefaultOptions.scale.max-100,step:25,onUpdateValidValue:(i,l)=>{x.interval.once(()=>{u.set_scale(i+100)},250,"Cropper.UpdateScale")},legends:{enable:!0,custom:i=>"x"+Math.round(100+i)/100}})]})})})},children:[o(R.Supplement,{fontSize:"0.xs",fontColor:"4.thin",children:"Zoom"}),p(R,{unitWidth:4,children:[u.val_scale.rate(1,0),"%"]})]}),p(k.Border.S,{flexCenter:!0,gap:"1/2",border:"unset",onClick:t=>{let a="CropperGrayScaleEdit";q.open({tipsID:a,gravityPoint:3,event:t,closeAtParentBlur:!1,freeCSS:{minWidth:12*26},content:o(Y.Body,{children:p(Z,{padding:1.5,children:[p(P.Separate,{children:[o(R.Paragraph,{children:p(P.Center,{gap:"1/2",children:[o(X,{icon:ce,fontColor:"5.translucent"}),"Gray Scale"]})}),o(k.Sub,{color:"cloud",ssSphere:2.5,onClick:()=>{q.close(a)},children:o(X.X,{})})]}),o(z,{borderBottom:!0,opacity:"low"}),o(te.Slider,{value:u.val_grayScale,min:0,max:100,step:10,onUpdateValidValue:i=>{x.interval.once(()=>{u.set_grayScale(i)},250,"Cropper.GrayScale")},legends:{enable:!0,custom:i=>i+"%"}})]})})})},children:[o(R.Supplement,{fontSize:"0.xs",fontColor:"4.thin",children:"GrayScale"}),p(R,{children:[u.val_grayScale.rate(1,0),"%"]})]}),p(k.Border.S,{flexCenter:!0,gap:"1/2",border:"unset",onClick:t=>{let a="CropperToneEdit";q.open({tipsID:a,gravityPoint:3,event:t,closeAtParentBlur:!1,freeCSS:{minWidth:12*26,maxWidth:12*24},content:()=>{let i=[];for(let l=1;l<=10;l++)i.push({value:l,label:p(P.Left,{gap:"1/3",children:[o(z,{ssSphere:1,className:[N("ToneBall"),N("ToneBall_"+l)].join(" ")}),o(z,{textAlign:"left",flexSizing:0,children:c(l)})]})});return o(Y.Body,{children:p(Z,{padding:1.5,children:[p(P.Separate,{children:[o(R.Paragraph,{children:p(P.Center,{gap:"1/2",children:[o(X,{icon:he,fontColor:"5.translucent"}),"Tone"]})}),o(k.Sub,{color:"cloud",ssSphere:2.5,onClick:()=>{q.close(a)},children:o(X.X,{})})]}),o(z,{borderBottom:!0,opacity:"low"}),o(te.Radio.Normal,{value:u.val_tone,gap:"1/2",cellStyles:{fontColor:"3.blur"},options:[{value:0,label:o(z,{flexSizing:0,textAlign:"center",children:"\u306A\u3057"})},...i],onUpdateValidValue:l=>{u.set_tone(l)}})]})})}})},children:[o(R.Supplement,{fontSize:"0.xs",fontColor:"4.thin",children:"Tone"}),o(z,{boxShadow:"2.remark",ssSphere:1,className:[N("ToneBall"),N("ToneBall_"+u.val_tone)].join(" ")}),c(u.val_tone)]})]})}},ae={openDialogNEdit:u=>{te.Filer.fn.openDialog({accept:"image",multiple:!1,onChange:e=>{ae.openEditor(K({imageFile:e[0]},u))}})},openEditor:u=>V(void 0,null,function*(){let e="CropperImage";Y.open("middleCenter",{sheetID:e,size:"MAX",padding:0,margin:0,freeCSS:{maxWidth:"100%"},content:o(oe.Core,{val_file:u.imageFile,options:u,finishedCallback:c=>{Y.close(e),u.onProcessFinished(c)},abortCallback:()=>{Y.close(e)}}),closeAtEscapeKeyDown:!1})})};export{ae as Cropper,ae as default};

package/dist/fn/Input/Filer.js

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

package/dist/fn/Sheet.js

@@ -1 +1 @@
-import{b as g,c as w,d as H}from"../chunk-C5N2D3ZX.js";import{Fragment as de,jsx as u,jsxs as V}from"react/jsx-runtime";import c,{UUID as Z,Time as le,useStore as x}from"jmini";import{useState as L,useEffect as G,useRef as pe}from"react";import{$$fromRoot as K,Config as X}from"../@utils";import{Box as k,Flex as ue,Img as ie,FAI as ae,Column as oe}from"../atoms";import{Row as ne}from"../mols";import{Button as se}from"./Button";import he from"./Input";import{SheetClasses as m}from"../@styles/componentClasses";import ce from"./Effect";const A={currentIndex:0,openQueue:{},getSessionStates:()=>{let t=x.get("sessionStates-"+X.get().sessionUID);return t||null},getNewSheetStates:t=>{var a;let e=w(g({sheetGroups:t.sheetGroups||[],backgroundEffect:!0,overwrap:t.type=="custom",hold_state:!1,closeAtPageTransit:!0,closeAtEscapeKeyDown:!0,closeAtAroundClick:t.type=="custom"},t),{sheetID:t.sheetID||Z(),isOpen:!0,created_at:le()});if(e.type=="custom"){let l=e;l.parent=l.parent||((a=l==null?void 0:l.event)==null?void 0:a.currentTarget),e=l}return e}},j={Wrapper:()=>{let[t,e]=L([]),a={val_sheets:t,set_sheets:e},l="sessionStates-"+X.get().sessionUID;return x.set({[l]:a}),G(()=>{let d="Sheet-"+X.get().sessionUID;x.set({[d]:{add:(r,s)=>{let i=x.get(d);if(!i)return;let o=A.getNewSheetStates(r);if(A.openQueue[o.sheetID])return;if(A.openQueue[o.sheetID]=!0,s!="inherit"&&(o.isOpen=s!=null?s:!0),!!i.find(o.sheetID)){e(C=>{let I=[...C],D=I.findIndex(N=>N.sheetID==o.sheetID);return D==-1||(I[D]=o),I}),delete A.openQueue[o.sheetID];return}e(C=>[o,...C])},find:r=>{let s=A.getSessionStates();if(!s)return null;let{val_sheets:i}=s;return i.find(o=>o.sheetID==r)}}}),c(X.get().appRoot).removeEvent(["SheetEvent.keyUp","SheetEvent.Click"]).addEvent({eventType:"keyup",eventID:"SheetEvent.keyUp",callback:function(r){let{key:s,metaKey:i}=r;if(s=="Escape"||s==","&&i){let o=A.getSessionStates();if(!o)return;let{val_sheets:v}=o,C=v.filter(D=>D.isOpen);if(!C.length)return;let I=C.reduce((D,N)=>D.created_at.value>N.created_at.value?D:N);E.close(I.sheetID,s)}}}).addEvent({eventType:"click",eventID:"SheetEvent.Click",callback:function(r){let s=A.getSessionStates();if(!s)return;let{val_sheets:i}=s,o=r.target;if(!o||o!=null&&o.closest("."+m("CustomSheet")))return;let v=i.filter(C=>C.type=="custom");v.length&&v.forEach(C=>{let{parent:I}=C;if(!C.closeAtAroundClick)return;let D=K(I)[0];I!==o&&D!==o&&(c(D).find(o).length||E.close(C.sheetID))})}})},[]),u(k,{className:["AMOTIFY_be",m("Wrapper")].join(" "),children:t.map(d=>u(j.Core,w(g({},a),{val_sheet:d,patch_sheet:r=>{e(s=>{let i=[...s],o=i.findIndex(v=>v.sheetID==d.sheetID);return o==-1||(i[o]=g(g({},i[o]),r)),i})},delete_sheet:()=>{e(r=>{let s=[...r],i=s.findIndex(o=>o.sheetID==d.sheetID);return i==-1||s.splice(i,1),s})}}),d.sheetID))})},sheetCategory:t=>t=="custom"?"custom":t.startsWith("drawer")?"drawer":"normal",sheetPosition:t=>t=="drawer.left"?"left":t=="drawer.right"?"right":t=="drawer.bottom"?"bottom":"",Core:t=>{let{val_sheet:e,patch_sheet:a}=t,[l,d]=L(A.currentIndex+2),[r]=L(Z()),s=e.type!="custom"&&!e.overwrap;G(()=>{A.currentIndex++,c.scope(()=>{if(!e.closeAtParentBlur)return;let o=c(e.parent);o[0]&&o.addEvent({eventID:"SheetClosation-"+e.sheetID,eventType:"mouseout",callback:()=>{o.removeEvent("SheetClosation-"+e.sheetID),a({isOpen:!1})}})}),x.set({[e.sheetID]:{resize:o=>{if(e.type=="drawer.bottom"){let v=x.get(r);v&&v.resize&&v.resize(o)}else(e.type.includes("normal")||e.type.includes("drawer"))&&a({size:o})},close:o=>{a({isOpen:!1})},open:()=>{a({isOpen:!0})}}})},[]),G(()=>{c.scope(()=>{let o=K("#"+r);if(e.isOpen){e.hold_state&&d(A.currentIndex+1),o.await(10).removeClass(m("Hide")).await(10).addClass(m("Open")).callback(()=>{delete A.openQueue[e.sheetID],e.onOpen&&e.onOpen()});return}o.await(10).removeClass(m("Open")).await(251).addClass(m("Hide")).callback(()=>{if(e.onClose&&e.onClose(),s&&X.get().browserIs!="safari"&&c(X.get().appRoot).focus(),e.hold_state)return a({isOpen:!1});t.delete_sheet()})})},[e.isOpen]);let i=j.Types[{topLeft:"Normal",topCenter:"Normal",topRight:"Normal",middleLeft:"Normal",middleCenter:"Normal",middleRight:"Normal",bottomLeft:"Normal",bottomCenter:"Normal",bottomRight:"Normal","drawer.left":"Edge","drawer.right":"Edge","drawer.bottom":"Bottom",custom:"Custom"}[e.type]];return u(k,{className:[m("Wrap"),m("Tcate_"+j.sheetCategory(e.type)),m("Tpos_"+j.sheetPosition(e.type)),m("isMainSheet_"+s)].join(" "),width:1,ssAbsoluteCovered:!0,freeCSS:{zIndex:l},id:r,children:V(oe,{className:m("Content"),gap:0,height:"viewHeight",overflow:"auto",transition:"middle",children:[!!s&&u(j.TapSensor,{sheetID:e.sheetID,delegateAroundClick:e.closeAtAroundClick}),u(i,g({componentId:r},e))]})},r)},Types:{Normal:t=>{let R=t,{sheetID:e,sheetGroups:a,bodyScrolls:l,content:d,className:r="",type:s,size:i="R",freeCSS:o,onOpen:v,onClose:C,closeAtAroundClick:I,closeAtEscapeKeyDown:D,closeAtPageTransit:N,closeAtParentBlur:J,closeAtSwipeDown:Y,hold_state:q,overwrap:ee,isOpen:te,backgroundEffect:U}=R,M=H(R,["sheetID","sheetGroups","bodyScrolls","content","className","type","size","freeCSS","onOpen","onClose","closeAtAroundClick","closeAtEscapeKeyDown","closeAtPageTransit","closeAtParentBlur","closeAtSwipeDown","hold_state","overwrap","isOpen","backgroundEffect"]),T={},y=[];return s.match(/top/)?(y.push("top"),T.marginBottom="auto"):s.match(/middle/)?(y.push("center"),T.marginTop="auto",T.marginBottom="auto"):s.match(/bottom/)&&(y.push("bottom"),T.marginTop="auto"),s.match(/left/i)?(y.push("left"),T.marginRight="auto"):s.match(/center/i)?(y.push("center"),T.marginLeft="auto",T.marginRight="auto"):s.match(/right/i)&&(y.push("right"),T.marginLeft="auto"),u(k,w(g(g({className:[m("BB"),r].join(" "),padding:1,transition:"long",opacity:"trans"},M),T),{freeCSS:g({width:{S:"26rem",R:"36rem",L:"44rem","2L":"60rem","3L":"72rem",MAX:"100%"}[i],maxWidth:"96vw",transformOrigin:y.join(" ")},o),children:c.is.function(d)?u(d,{}):d}))},Edge:t=>{let M=t,{sheetID:e,sheetGroups:a,bodyScrolls:l,type:d,content:r,className:s="",size:i="R",onOpen:o,onClose:v,closeAtAroundClick:C,closeAtEscapeKeyDown:I,closeAtPageTransit:D,closeAtParentBlur:N,closeAtSwipeDown:J,hold_state:Y,overwrap:q,isOpen:ee,backgroundEffect:te}=M,U=H(M,["sheetID","sheetGroups","bodyScrolls","type","content","className","size","onOpen","onClose","closeAtAroundClick","closeAtEscapeKeyDown","closeAtPageTransit","closeAtParentBlur","closeAtSwipeDown","hold_state","overwrap","isOpen","backgroundEffect"]);return u(k,w(g(w(g({className:[m("BB"),s].join(" ")},d=="drawer.right"?{marginLeft:"auto"}:d=="drawer.left"?{marginRight:"auto"}:{}),{opacity:"trans",transition:"long",position:"relative",backgroundColor:"layer.1",flexSizing:"none",minHeight:"viewHeight",boxShadow:"3.remark"}),U),{freeCSS:g({width:{S:"20rem",R:"27rem",L:"32rem","2L":"40rem","3L":"58rem",MAX:"100vw"}[i],maxWidth:"96vw"},U.freeCSS),children:c.is.function(r)?u(r,{}):r}))},Bottom:t=>{let F=t,{componentId:e,sheetID:a,sheetGroups:l,bodyScrolls:d,content:r,size:s="R",sizeChanged:i,baseStyles:o,onOpen:v,onClose:C,closeAtAroundClick:I,closeAtEscapeKeyDown:D,closeAtPageTransit:N,closeAtParentBlur:J,closeAtSwipeDown:Y=!0,hold_state:q,overwrap:ee,isOpen:te,backgroundEffect:U}=F,M=H(F,["componentId","sheetID","sheetGroups","bodyScrolls","content","size","sizeChanged","baseStyles","onOpen","onClose","closeAtAroundClick","closeAtEscapeKeyDown","closeAtPageTransit","closeAtParentBlur","closeAtSwipeDown","hold_state","overwrap","isOpen","backgroundEffect"]),T=c.getScreenSize(),y=[0,.2,.6,.95],R={ZERO:0,S:1,R:2,L:3,"2L":3,"3L":3,MAX:3},[W,$]=L(s),[b,_]=L({process:!1,processStart:0,originY:0,originValue:0,viewHeight:0,value:y[R[s]]});x.update({[e]:{val_edit:b,resize:S=>{let f=y[R[S]];_(h=>w(g({},h),{value:f})),$(S)}}});const B={Start:S=>{c(document).addEvent({eventID:"BottomSheetMouseMove",eventType:"mousemove",callback:B.Move,options:{passive:!1}}).addEvent({eventID:"BottomSheetTouchMove",eventType:"touchmove",callback:B.Move,options:{passive:!1}}).addEvent({eventID:"BottomSheetMouseUp",eventType:"mouseup",callback:B.End}).addEvent({eventID:"BottomSheetTouchEnd",eventType:"touchend",callback:B.End});let f=c.getCursor(S),h=w(g({},b),{process:!0,processStart:new Date().getTime(),originY:f.y,originValue:b.value,viewHeight:c.getScreenSize().height});x.update({[e]:{val_edit:h}}),_(h)},Move:S=>{var O;let f=(O=x.get(e))==null?void 0:O.val_edit;if(!f.process)return;let z=(c.getCursor(S).y-f.originY)/f.viewHeight,n=f.originValue-z;if(n>.95)n=.95+(n-.95)*.5;else if(n<.2){let P=.2-n;P-=.1,n=.1+(.1-P)*.5}return _(w(g({},f),{value:n})),S.preventDefault(),S.stopPropagation(),!1},End:S=>{var n;let f=(n=x.get(e))==null?void 0:n.val_edit;if(!f.process)return;c(document).removeEvent(["BottomSheetMouseMove","BottomSheetTouchMove","BottomSheetMouseUp","BottomSheetTouchEnd"]);let h=0;if(f.value<.1||(f.value<.5?h=1:f.value>.75?h=3:h=2),new Date().getTime()-f.processStart<300){let O=c.getCursor(S).y-f.originY;if(Math.abs(O)>=20){let P=+(O<0)*2-1;h+=P,h=Math.min(Math.max(h,0),y.length-1)}}h==0&&(Y||(h=1)),$(["ZERO","S","R","L"][h]),_(w(g({},f),{value:y[h],process:!1}))}},Q=pe(!1);return G(()=>{Q.current?W=="ZERO"?Y&&E.close(a):setTimeout(()=>{t.sizeChanged&&t.sizeChanged(W)},250):Q.current=!0},[W]),u(k,{className:m("BB"),margin:[0,"auto"],marginTop:"auto",opacity:"trans",width:1,transition:"long",freeCSS:g({maxWidth:12*60,height:T.height*b.value},b.process?{transition:"0s"}:{}),children:V(oe,w(g({gap:0,flexSizing:"none",borderTopLeftRadius:"1.tone.primary",borderTopRightRadius:"1.tone.primary",borderBottom:"unset",boxShadow:"3.remark",position:"relative",overflow:"hidden",height:1},o),{children:[V(ne.Separate,{padding:1,backgroundColor:"layer.1",position:"relative",freeCSS:{userSelect:"none"},children:[u(k,{ssSphere:2.5}),u(ne.Center,{onPointerDown:B.Start,flexSizing:0,padding:"2/3",ssPushable:!0,isRounded:!0,freeCSS:{cursor:"grab",userSelect:"none"},children:u(k,{unitWidth:6,unitHeight:"1/2",backgroundColor:"layer.4",isRounded:!0,className:m("DragBar")})}),u(se.Sub,{color:"cloud",ssSphere:2.5,onClick:()=>{E.close(a)},children:u(ae.X,{})})]}),u(k,w(g({backgroundColor:"layer.1",flexSizing:0,overflow:"auto"},M),{children:c.is.function(r)?u(r,{}):r}))]}))})},Custom:t=>{let F=t,{sheetID:e,sheetGroups:a,bodyScrolls:l,event:d,parent:r,nextToCursor:s,gravityPoint:i=22,content:o,closeAtAroundClick:v,closeAtEscapeKeyDown:C,closeAtPageTransit:I,closeAtParentBlur:D,closeAtSwipeDown:N,hold_state:J,onOpen:Y,onClose:q,overwrap:ee,isOpen:te,resize:U,backgroundEffect:M}=F,T=H(F,["sheetID","sheetGroups","bodyScrolls","event","parent","nextToCursor","gravityPoint","content","closeAtAroundClick","closeAtEscapeKeyDown","closeAtPageTransit","closeAtParentBlur","closeAtSwipeDown","hold_state","onOpen","onClose","overwrap","isOpen","resize","backgroundEffect"]),[y]=L(Z()),R=c.is.element(r)||c.is.jmini(r)?c(r):K(r),W='[data-sheet-id="'+y+'"]',$='[data-sheet-content="'+y+'"]';i=i;let b=i%5||5,_=Math.ceil(i/5);const B={Init:()=>{if(s&&d){let p=c.getScreenSize(),re=c.getCursor(d);return{top:re.y-p.pageYOffset,left:re.x-p.pageXOffset}}let S={};if(!R||!R[0])return S;let{top:f,right:h,bottom:z,left:n,height:O,width:P}=R.position();return[1,2].includes(b)?S.left=n:b==3?S.left=n+P/2:[4,5].includes(b)&&(S.left=h),i<=10?S.top=f:i<=15?S.top=f+O/2:i<=25&&(S.top=z),S},Adjust:()=>{let S=K(W).position(),f=K($).position(),h=R.position(),z=c.getScreenSize(),n={};for(let p in f)n[p]=f[p];if(c.scope(()=>{if(t.nextToCursor)return;let p=0;_==1?p=h.top-n.bottom:_==2?p=h.top-n.top:_==3?p=h.top-n.top+(h.height-n.height)/2:_==4?p=h.bottom-n.bottom:_==5&&(p=h.bottom-n.top),n.top+=p,n.bottom+=p}),c.scope(()=>{if(t.nextToCursor)return;let p=0;b==1?p=h.left-n.right:b==2?p=h.left-n.left:b==3?p=h.left-n.left+(h.width-n.width)/2:b==4?p=h.right-n.right:b==5&&(p=h.right-n.left),n.left+=p,n.right+=p}),n.top<0){let p=-n.top;n.top+=p,n.bottom+=p}if(n.bottom>z.height){let p=n.bottom-z.height;n.top-=p,n.bottom-=p}if(n.left<0){let p=-n.left;n.left+=p,n.right+=p}if(n.right>z.width){let p=n.right-z.width;n.left-=p,n.right-=p}let O=n.top-f.top,P=n.left-f.left;c(W).css({top:S.top+O+"px",left:S.left+P+"px"})}};let[Q]=L(B.Init());return G(()=>{K(W).await(10).addClass(m("Open")).await(200).callback(()=>{(U==null||U)&&B.Adjust()}),x.update({["customSheet-"+t.sheetID]:{reposition:()=>{B.Adjust()}}})},[]),R[0]?u(k,{className:[m("BB"),m("CustomSheet")].join(" "),"data-sheet-id":y,transition:"long",position:"absolute",width:0,height:0,opacity:"trans",flexCenter:!0,freeCSS:Q,children:u(ue,{position:"absolute",className:[m("GPT"),m("GPT_"+i),m("Col_"+b),m("Row_"+_)].join(" "),children:u(k,w(g({"data-sheet-content":y,flexSizing:"none",maxHeight:"viewHeight"},T),{freeCSS:g({maxWidth:"98vw"},T.freeCSS),children:c.is.function(o)?u(o,{}):o}))})}):null}},TapSensor:t=>u(k,{className:m("TapSensor"),children:u(se.Plain,{className:m("TapContent"),onClick:e=>{var a;(a=t.delegateAroundClick)!=null&&a&&E.close(t.sheetID)},freeCSS:{cursor:"default",pointerEvents:"all"}})})},E={Wrapper:()=>u(j.Wrapper,{}),Element:t=>{let d=t,{isOpen:e,children:a}=d,l=H(d,["isOpen","children"]);return G(()=>{if(e){E.open(t.type,w(g({},l),{content:a}));return}l.sheetID&&E.close(l.sheetID)},[e]),u(de,{})},image:(t,e)=>{let a=t.sheetID||Z(),r=t,{type:l}=r,d=H(r,["type"]);E.open(l||"topCenter",w(g({size:"MAX",backgroundColor:"trans",height:"viewHeight"},d),{sheetID:a,freeCSS:{maxWidth:"96vw",transformOrigin:"top"},content:()=>{let[s]=L(c.flatArray(e)),[i,o]=L(0),v=[];return s.forEach((C,I)=>{v.push({value:I,label:u(ie,{src:c.flatArray(C)[0],width:"auto",height:1,borderRadius:"3.tone.tertiary",freeCSS:{maxWidth:12*6,maxHeight:12*3}})})}),V(oe,{gap:0,height:1,position:"relative",children:[V(ne.Separate,{position:"absolute",top:0,left:0,right:0,padding:[1,2],freeCSS:{zIndex:2},children:[u(he.Radio,{icon:!1,value:i,override:"force",horizontalAlign:"center",onUpdateValidValue:C=>{o(C)},cellStyles:{border:!0,borderWidth:2,padding:"1/3",paddingRight:"1/3",boxShadow:"2.normal",gap:0},cellCheckedStyles:{borderColor:"theme"},options:v}),u(se.Sub.S,{color:"cloud",ssSphere:3,onClick:()=>{E.close(a)},children:u(ae.X,{})})]}),u(ce.FadeIn,{flexCenter:!0,flexSizing:0,overflow:"auto",children:u(ie,{width:"auto",height:"auto",maxWidth:1,maxHeight:1,src:s[i]})},i)]})}}))},open:(t,e,a)=>{e.sheetID=(e.sheetID||"").replace(/\./g,"-"),e.type=t;let l=x.get("Sheet-"+X.get().sessionUID);l&&l.add(e,a)},resize:t=>{t.sheetID=(t.sheetID||"").replace(/\./g,"-");let e=x.get(t.sheetID);e&&e.resize&&e.resize(t.size)},customSheet:{reposition:t=>{let e=x.get("customSheet-"+t);e&&e.reposition&&e.reposition()}},close:function(t,e,a){let l=A.getSessionStates();if(!l)return;let{val_sheets:d}=l;t=t==null?void 0:t.replace(/\./g,"-");let r=d.find(i=>i.sheetID==t);if(!r||e=="Escape"&&!r.closeAtEscapeKeyDown)return;let s=x.get(r.sheetID);s&&s.close&&s.close(a)},closeGroup:t=>{let e=A.getSessionStates();if(!e)return;let{val_sheets:a}=e;t=(t||"").replace(/\./g,"-");for(let l of a)l.sheetGroups&&l.sheetGroups==t&&E.close(l.sheetID)},closeAll:t=>{let e=A.getSessionStates();if(!e)return;let{val_sheets:a}=e;for(let l of a)t&&!l.closeAtPageTransit||E.close(l.sheetID,"pageTransit",!0)},Body:t=>u(k,g({className:m("BaseBody"),backgroundColor:"layer.1",borderRadius:"1.tone.primary",position:"relative",boxShadow:"3.remark",transition:"long"},t))};export{E as Sheet,E as default};
+import{b as m,c as b,d as G}from"../chunk-C5N2D3ZX.js";import{Fragment as ae,jsx as h,jsxs as F}from"react/jsx-runtime";import d,{UUID as Z,Time as le,useStore as w}from"jmini";import{useState as U,useEffect as H,useRef as pe}from"react";import{$$fromRoot as K,Config as X}from"../@utils";import{Box as R,Flex as ue,Img as he,FAI as re,Column as oe,Grid as ce}from"../atoms";import{Row as ne}from"../mols";import{Button as ie}from"./Button";import{SheetClasses as g}from"../@styles/componentClasses";import de from"./Plate";const x={currentIndex:0,openQueue:{},getSessionStates:()=>{let t=w.get("sessionStates-"+X.get().sessionUID);return t||null},getNewSheetStates:t=>{var u;let e=b(m({sheetGroups:t.sheetGroups||[],backgroundEffect:!0,overwrap:t.type=="custom",hold_state:!1,closeAtPageTransit:!0,closeAtEscapeKeyDown:!0,closeAtAroundClick:t.type=="custom"},t),{sheetID:t.sheetID||Z(),isOpen:!0,created_at:le()});if(e.type=="custom"){let a=e;a.parent=a.parent||((u=a==null?void 0:a.event)==null?void 0:u.currentTarget),e=a}return e}},$={Wrapper:()=>{let[t,e]=U([]),u={val_sheets:t,set_sheets:e},a="sessionStates-"+X.get().sessionUID;return w.set({[a]:u}),H(()=>{let c="Sheet-"+X.get().sessionUID;w.set({[c]:{add:(r,s)=>{let i=w.get(c);if(!i)return;let o=x.getNewSheetStates(r);if(x.openQueue[o.sheetID])return;if(x.openQueue[o.sheetID]=!0,s!="inherit"&&(o.isOpen=s!=null?s:!0),!!i.find(o.sheetID)){e(C=>{let E=[...C],D=E.findIndex(L=>L.sheetID==o.sheetID);return D==-1||(E[D]=o),E}),delete x.openQueue[o.sheetID];return}e(C=>[o,...C])},find:r=>{let s=x.getSessionStates();if(!s)return null;let{val_sheets:i}=s;return i.find(o=>o.sheetID==r)}}}),d(X.get().appRoot).removeEvent(["SheetEvent.keyUp","SheetEvent.Click"]).addEvent({eventType:"keyup",eventID:"SheetEvent.keyUp",callback:function(r){let{key:s,metaKey:i}=r;if(s=="Escape"||s==","&&i){let o=x.getSessionStates();if(!o)return;let{val_sheets:v}=o,C=v.filter(D=>D.isOpen);if(!C.length)return;let E=C.reduce((D,L)=>D.created_at.value>L.created_at.value?D:L);A.close(E.sheetID,s)}}}).addEvent({eventType:"click",eventID:"SheetEvent.Click",callback:function(r){let s=x.getSessionStates();if(!s)return;let{val_sheets:i}=s,o=r.target;if(!o||o!=null&&o.closest("."+g("CustomSheet")))return;let v=i.filter(C=>C.type=="custom");v.length&&v.forEach(C=>{let{parent:E}=C;if(!C.closeAtAroundClick)return;let D=K(E)[0];E!==o&&D!==o&&(d(D).find(o).length||A.close(C.sheetID))})}})},[]),h(ae,{children:t.map(c=>h($.Core,b(m({},u),{val_sheet:c,patch_sheet:r=>{e(s=>{let i=[...s],o=i.findIndex(v=>v.sheetID==c.sheetID);return o==-1||(i[o]=m(m({},i[o]),r)),i})},delete_sheet:()=>{e(r=>{let s=[...r],i=s.findIndex(o=>o.sheetID==c.sheetID);return i==-1||s.splice(i,1),s})}}),c.sheetID))})},sheetCategory:t=>t=="custom"?"custom":t.startsWith("drawer")?"drawer":"normal",sheetPosition:t=>t=="drawer.left"?"left":t=="drawer.right"?"right":t=="drawer.bottom"?"bottom":"",Core:t=>{let{val_sheet:e,patch_sheet:u}=t,[a,c]=U(x.currentIndex+2),[r]=U(Z()),s=e.type!="custom"&&!e.overwrap;H(()=>{x.currentIndex++,d.scope(()=>{if(!e.closeAtParentBlur)return;let o=d(e.parent);o[0]&&o.addEvent({eventID:"SheetClosation-"+e.sheetID,eventType:"mouseout",callback:()=>{o.removeEvent("SheetClosation-"+e.sheetID),u({isOpen:!1})}})}),w.set({[e.sheetID]:{resize:o=>{if(e.type=="drawer.bottom"){let v=w.get(r);v&&v.resize&&v.resize(o)}else(e.type.includes("normal")||e.type.includes("drawer"))&&u({size:o})},close:o=>{u({isOpen:!1})},open:()=>{u({isOpen:!0})}}})},[]),H(()=>{d.scope(()=>{let o=K("#"+r);if(e.isOpen){e.hold_state&&c(x.currentIndex+1),o.await(10).removeClass(g("Hide")).await(10).addClass(g("Open")).callback(()=>{delete x.openQueue[e.sheetID],e.onOpen&&e.onOpen()});return}o.await(10).removeClass(g("Open")).await(251).addClass(g("Hide")).callback(()=>{if(e.onClose&&e.onClose(),s&&X.get().browserIs!="safari"&&d(X.get().appRoot).focus(),e.hold_state)return u({isOpen:!1});t.delete_sheet()})})},[e.isOpen]);let i=$.Types[{topLeft:"Normal",topCenter:"Normal",topRight:"Normal",middleLeft:"Normal",middleCenter:"Normal",middleRight:"Normal",bottomLeft:"Normal",bottomCenter:"Normal",bottomRight:"Normal","drawer.left":"Edge","drawer.right":"Edge","drawer.bottom":"Bottom",custom:"Custom"}[e.type]];return h(R,{className:["AMOTIFY_be",g("Wrap"),g("Tcate_"+$.sheetCategory(e.type)),g("Tpos_"+$.sheetPosition(e.type)),g("isMainSheet_"+s)].join(" "),width:1,ssAbsoluteCovered:!0,position:"fixed",freeCSS:{zIndex:a},id:r,children:F(oe,{className:g("Content"),gap:0,height:"viewHeight",overflow:"auto",transition:"middle",children:[!!s&&h(R,{className:g("TapSensor"),position:"sticky",top:0,height:0,width:1,flexSizing:"none",children:h(R,{backgroundColor:"trans",height:"viewHeight",position:"absolute",top:0,width:1,className:g("TapContent"),onClick:o=>{var C;((C=e.closeAtAroundClick)==null||C)&&A.close(e.sheetID)}})}),h(i,m({componentId:r},e))]})},r)},Types:{Normal:t=>{let k=t,{sheetID:e,sheetGroups:u,bodyScrolls:a,content:c,className:r="",type:s,size:i="R",freeCSS:o,onOpen:v,onClose:C,closeAtAroundClick:E,closeAtEscapeKeyDown:D,closeAtPageTransit:L,closeAtParentBlur:J,closeAtSwipeDown:Y,hold_state:q,overwrap:ee,isOpen:te,backgroundEffect:N}=k,M=G(k,["sheetID","sheetGroups","bodyScrolls","content","className","type","size","freeCSS","onOpen","onClose","closeAtAroundClick","closeAtEscapeKeyDown","closeAtPageTransit","closeAtParentBlur","closeAtSwipeDown","hold_state","overwrap","isOpen","backgroundEffect"]),T={},y=[];return s.match(/top/)?(y.push("top"),T.marginBottom="auto"):s.match(/middle/)?(y.push("center"),T.marginTop="auto",T.marginBottom="auto"):s.match(/bottom/)&&(y.push("bottom"),T.marginTop="auto"),s.match(/left/i)?(y.push("left"),T.marginRight="auto"):s.match(/center/i)?(y.push("center"),T.marginLeft="auto",T.marginRight="auto"):s.match(/right/i)&&(y.push("right"),T.marginLeft="auto"),h(R,b(m(m({className:[g("BB"),r].join(" "),padding:1,transition:"short",opacity:"trans"},M),T),{freeCSS:m({width:{S:"26rem",R:"36rem",L:"44rem","2L":"60rem","3L":"72rem",MAX:"100%"}[i],maxWidth:"96vw",transformOrigin:y.join(" ")},o),children:d.is.function(c)?h(c,{}):c}))},Edge:t=>{let M=t,{sheetID:e,sheetGroups:u,bodyScrolls:a,type:c,content:r,className:s="",size:i="R",onOpen:o,onClose:v,closeAtAroundClick:C,closeAtEscapeKeyDown:E,closeAtPageTransit:D,closeAtParentBlur:L,closeAtSwipeDown:J,hold_state:Y,overwrap:q,isOpen:ee,backgroundEffect:te}=M,N=G(M,["sheetID","sheetGroups","bodyScrolls","type","content","className","size","onOpen","onClose","closeAtAroundClick","closeAtEscapeKeyDown","closeAtPageTransit","closeAtParentBlur","closeAtSwipeDown","hold_state","overwrap","isOpen","backgroundEffect"]);return h(R,b(m(b(m({className:[g("BB"),s].join(" ")},c=="drawer.right"?{marginLeft:"auto"}:c=="drawer.left"?{marginRight:"auto"}:{}),{opacity:"trans",transition:"short",position:"relative",backgroundColor:"layer.1",flexSizing:"none",minHeight:"viewHeight",boxShadow:"3.remark"}),N),{freeCSS:m({width:{S:"20rem",R:"27rem",L:"32rem","2L":"40rem","3L":"58rem",MAX:"100vw"}[i],maxWidth:"96vw"},N.freeCSS),children:d.is.function(r)?h(r,{}):r}))},Bottom:t=>{let j=t,{componentId:e,sheetID:u,sheetGroups:a,bodyScrolls:c,content:r,size:s="R",sizeChanged:i,baseStyles:o,onOpen:v,onClose:C,closeAtAroundClick:E,closeAtEscapeKeyDown:D,closeAtPageTransit:L,closeAtParentBlur:J,closeAtSwipeDown:Y=!0,hold_state:q,overwrap:ee,isOpen:te,backgroundEffect:N}=j,M=G(j,["componentId","sheetID","sheetGroups","bodyScrolls","content","size","sizeChanged","baseStyles","onOpen","onClose","closeAtAroundClick","closeAtEscapeKeyDown","closeAtPageTransit","closeAtParentBlur","closeAtSwipeDown","hold_state","overwrap","isOpen","backgroundEffect"]),T=d.getScreenSize(),y=[0,.2,.6,.95],k={ZERO:0,S:1,R:2,L:3,"2L":3,"3L":3,MAX:3},[W,Q]=U(s),[I,_]=U({process:!1,processStart:0,originY:0,originValue:0,viewHeight:0,value:y[k[s]]});w.update({[e]:{val_edit:I,resize:S=>{let f=y[k[S]];_(p=>b(m({},p),{value:f})),Q(S)}}});const B={Start:S=>{d(document).addEvent({eventID:"BottomSheetMouseMove",eventType:"mousemove",callback:B.Move,options:{passive:!1}}).addEvent({eventID:"BottomSheetTouchMove",eventType:"touchmove",callback:B.Move,options:{passive:!1}}).addEvent({eventID:"BottomSheetMouseUp",eventType:"mouseup",callback:B.End}).addEvent({eventID:"BottomSheetTouchEnd",eventType:"touchend",callback:B.End});let f=d.getCursor(S),p=b(m({},I),{process:!0,processStart:new Date().getTime(),originY:f.y,originValue:I.value,viewHeight:d.getScreenSize().height});w.update({[e]:{val_edit:p}}),_(p)},Move:S=>{var O;let f=(O=w.get(e))==null?void 0:O.val_edit;if(!f.process)return;let z=(d.getCursor(S).y-f.originY)/f.viewHeight,n=f.originValue-z;if(n>.95)n=.95+(n-.95)*.5;else if(n<.2){let P=.2-n;P-=.1,n=.1+(.1-P)*.5}return _(b(m({},f),{value:n})),S.preventDefault(),S.stopPropagation(),!1},End:S=>{var n;let f=(n=w.get(e))==null?void 0:n.val_edit;if(!f.process)return;d(document).removeEvent(["BottomSheetMouseMove","BottomSheetTouchMove","BottomSheetMouseUp","BottomSheetTouchEnd"]);let p=0;if(f.value<.1||(f.value<.5?p=1:f.value>.75?p=3:p=2),new Date().getTime()-f.processStart<300){let O=d.getCursor(S).y-f.originY;if(Math.abs(O)>=20){let P=+(O<0)*2-1;p+=P,p=Math.min(Math.max(p,0),y.length-1)}}p==0&&(Y||(p=1)),Q(["ZERO","S","R","L"][p]),_(b(m({},f),{value:y[p],process:!1}))}},V=pe(!1);return H(()=>{V.current?W=="ZERO"?Y&&A.close(u):setTimeout(()=>{t.sizeChanged&&t.sizeChanged(W)},250):V.current=!0},[W]),h(R,{className:g("BB"),margin:[0,"auto"],marginTop:"auto",opacity:"trans",width:1,transition:"short",freeCSS:m({maxWidth:12*60,height:T.height*I.value},I.process?{transition:"0s"}:{}),children:F(oe,b(m({gap:0,flexSizing:"none",borderTopLeftRadius:"1.tone.primary",borderTopRightRadius:"1.tone.primary",borderBottom:"unset",boxShadow:"3.remark",position:"relative",overflow:"hidden",height:1},o),{children:[F(ne.Separate,{padding:1,backgroundColor:"layer.1",position:"relative",freeCSS:{userSelect:"none"},children:[h(R,{ssSphere:2.5}),h(ne.Center,{onPointerDown:B.Start,flexSizing:0,padding:"2/3",ssPushable:!0,isRounded:!0,freeCSS:{cursor:"grab",userSelect:"none"},children:h(R,{unitWidth:6,unitHeight:"1/2",backgroundColor:"layer.4",isRounded:!0,className:g("DragBar")})}),h(ie.Sub,{color:"cloud",ssSphere:2.5,onClick:()=>{A.close(u)},children:h(re.X,{})})]}),h(R,b(m({backgroundColor:"layer.1",flexSizing:0,overflow:"auto"},M),{children:d.is.function(r)?h(r,{}):r}))]}))})},Custom:t=>{let j=t,{sheetID:e,sheetGroups:u,bodyScrolls:a,event:c,parent:r,nextToCursor:s,gravityPoint:i=22,content:o,closeAtAroundClick:v,closeAtEscapeKeyDown:C,closeAtPageTransit:E,closeAtParentBlur:D,closeAtSwipeDown:L,hold_state:J,onOpen:Y,onClose:q,overwrap:ee,isOpen:te,resize:N,backgroundEffect:M}=j,T=G(j,["sheetID","sheetGroups","bodyScrolls","event","parent","nextToCursor","gravityPoint","content","closeAtAroundClick","closeAtEscapeKeyDown","closeAtPageTransit","closeAtParentBlur","closeAtSwipeDown","hold_state","onOpen","onClose","overwrap","isOpen","resize","backgroundEffect"]),[y]=U(Z()),k=d.is.element(r)||d.is.jmini(r)?d(r):K(r),W='[data-sheet-id="'+y+'"]',Q='[data-sheet-content="'+y+'"]';i=i;let I=i%5||5,_=Math.ceil(i/5);const B={Init:()=>{if(s&&c){let l=d.getScreenSize(),se=d.getCursor(c);return{top:se.y-l.pageYOffset,left:se.x-l.pageXOffset}}let S={};if(!k||!k[0])return S;let{top:f,right:p,bottom:z,left:n,height:O,width:P}=k.position();return[1,2].includes(I)?S.left=n:I==3?S.left=n+P/2:[4,5].includes(I)&&(S.left=p),i<=10?S.top=f:i<=15?S.top=f+O/2:i<=25&&(S.top=z),S},Adjust:()=>{let S=K(W).position(),f=K(Q).position(),p=k.position(),z=d.getScreenSize(),n={};for(let l in f)n[l]=f[l];if(d.scope(()=>{if(t.nextToCursor)return;let l=0;_==1?l=p.top-n.bottom:_==2?l=p.top-n.top:_==3?l=p.top-n.top+(p.height-n.height)/2:_==4?l=p.bottom-n.bottom:_==5&&(l=p.bottom-n.top),n.top+=l,n.bottom+=l}),d.scope(()=>{if(t.nextToCursor)return;let l=0;I==1?l=p.left-n.right:I==2?l=p.left-n.left:I==3?l=p.left-n.left+(p.width-n.width)/2:I==4?l=p.right-n.right:I==5&&(l=p.right-n.left),n.left+=l,n.right+=l}),n.top<0){let l=-n.top;n.top+=l,n.bottom+=l}if(n.bottom>z.height){let l=n.bottom-z.height;n.top-=l,n.bottom-=l}if(n.left<0){let l=-n.left;n.left+=l,n.right+=l}if(n.right>z.width){let l=n.right-z.width;n.left-=l,n.right-=l}let O=n.top-f.top,P=n.left-f.left;d(W).css({top:S.top+O+"px",left:S.left+P+"px"})}};let[V]=U(B.Init());return H(()=>{K(W).await(10).addClass(g("Open")).await(200).callback(()=>{(N==null||N)&&B.Adjust()}),w.update({["customSheet-"+t.sheetID]:{reposition:()=>{B.Adjust()}}})},[]),k[0]?h(R,{className:[g("BB"),g("CustomSheet")].join(" "),"data-sheet-id":y,transition:"short",position:"absolute",width:0,height:0,opacity:"trans",flexCenter:!0,freeCSS:V,children:h(ue,{position:"absolute",className:[g("GPT"),g("GPT_"+i),g("Col_"+I),g("Row_"+_)].join(" "),children:h(R,b(m({"data-sheet-content":y,flexSizing:"none",maxHeight:"viewHeight"},T),{freeCSS:m({maxWidth:"98vw"},T.freeCSS),children:d.is.function(o)?h(o,{}):o}))})}):null}}},A={Wrapper:()=>h($.Wrapper,{}),Element:t=>{let c=t,{isOpen:e,children:u}=c,a=G(c,["isOpen","children"]);return H(()=>{if(e){A.open(t.type,b(m({},a),{content:u}));return}a.sheetID&&A.close(a.sheetID)},[e]),h(ae,{})},image:(t,e)=>{let u=t.sheetID||Z(),r=t,{type:a}=r,c=G(r,["type"]);A.open(a||"topCenter",b(m({size:"MAX"},c),{sheetID:u,freeCSS:{maxWidth:"100vw"},content:()=>{let[s]=U(d.flatArray(e));return h(de,{children:F(oe,{children:[h(ne.Right,{children:F(ie.Sub.S,{color:"cloud",isRounded:!0,onClick:()=>{A.close(u)},children:[h(re.X,{})," \u9589\u3058\u308B"]})}),h(ce.Layout,{gap:1,gridTemplateColumns:"repeat(3,1fr)",gridTemplateRows:"repeat(2,auto)",gridChildTemplates:[["span 3",0],["span 2","span 2"],[0,0],[0,0],[0,"span 2"],["span 2",0],[0,0],[0,0]],children:s.map((i,o)=>h(he,{ssCardBox:!0,position:"relative",flexCenter:!0,src:i},o))})]})})}}))},open:(t,e,u)=>{e.sheetID=(e.sheetID||"").replace(/\./g,"-"),e.type=t;let a=w.get("Sheet-"+X.get().sessionUID);a&&a.add(e,u)},resize:t=>{t.sheetID=(t.sheetID||"").replace(/\./g,"-");let e=w.get(t.sheetID);e&&e.resize&&e.resize(t.size)},customSheet:{reposition:t=>{let e=w.get("customSheet-"+t);e&&e.reposition&&e.reposition()}},close:function(t,e,u){let a=x.getSessionStates();if(!a)return;let{val_sheets:c}=a;t=t==null?void 0:t.replace(/\./g,"-");let r=c.find(i=>i.sheetID==t);if(!r||e=="Escape"&&!r.closeAtEscapeKeyDown)return;let s=w.get(r.sheetID);s&&s.close&&s.close(u)},closeGroup:t=>{let e=x.getSessionStates();if(!e)return;let{val_sheets:u}=e;t=(t||"").replace(/\./g,"-");for(let a of u)a.sheetGroups&&a.sheetGroups==t&&A.close(a.sheetID)},closeAll:t=>{let e=x.getSessionStates();if(!e)return;let{val_sheets:u}=e;for(let a of u)t&&!a.closeAtPageTransit||A.close(a.sheetID,"pageTransit",!0)},Body:t=>h(R,m({className:g("BaseBody"),backgroundColor:"layer.1",borderRadius:"1.tone.primary",position:"relative",boxShadow:"3.remark",transition:"long"},t))};export{A as Sheet,A as default};

package/dist/index.d.ts

@@ -48,7 +48,6 @@ declare const amotify: {
     Literal: mols.Literal.Methods;
     Span: import("react").FC<atoms.Span.Input>;
     P: import("react").FC<atoms.P.Input>;
-    Grid: import("react").FC<atoms.Box.DefaultInput>;
     Flex: import("react").FC<atoms.Box.DefaultInput>;
     FlexBr: import("react").FC<atoms.Box.DefaultInput>;
     FlexMargin: import("react").FC<atoms.Box.DefaultInput>;
@@ -59,6 +58,7 @@ declare const amotify: {
     Logo: atoms.Logo.Methods;
     Placeholder: import("react").FC<atoms.Placeholder.Input>;
     Card: atoms.Card.Methods;
+    Grid: atoms.Grid.Methodds;
     Config: utils.Config.Methods;
     useRefresh: utils.useRefresh.Methods;
     useRouterEffect: (p: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "amotify",
-  "version": "0.2.225",
+  "version": "0.2.227",
   "description": "UI Component for React,NextJS,esbuild",
   "scripts": {
     "start": "run-p clean build:*",
@@ -90,7 +90,7 @@
     "@fortawesome/free-solid-svg-icons": "^6.7.2",
     "@fortawesome/react-fontawesome": "^0.2.2",
     "dotenv": "^17.0.1",
-    "jmini": "^0.0.98",
+    "jmini": "^0.0.100",
     "react": "^18.3.1"
   },
   "devDependencies": {