amotify 0.2.24 → 0.2.26

package/dist/@styles/style.js

@@ -1 +1 @@
-var r={Img:"_Img_1egfu_1",ShowExpand_true:"_ShowExpand_true_1egfu_11"};var a={Size_S:"_Size_S_10jdu_1",Size_R:"_Size_R_10jdu_6",Size_L:"_Size_L_10jdu_11",Size_2L:"_Size_2L_10jdu_16",Size_3L:"_Size_3L_10jdu_21",Icon:"_Icon_10jdu_27",Title:"_Title_10jdu_31",ComunIcon:"_ComunIcon_10jdu_38",ComunTitle:"_ComunTitle_10jdu_42",MingooIcon:"_MingooIcon_10jdu_46",P:"_P_10jdu_46",P_0:"_P_0_10jdu_50",P_1:"_P_1_10jdu_53",P_2:"_P_2_10jdu_56",P_3:"_P_3_10jdu_59",P_4:"_P_4_10jdu_62",P_5:"_P_5_10jdu_65",P_6:"_P_6_10jdu_68",P_7:"_P_7_10jdu_71",P_8:"_P_8_10jdu_74",P_9:"_P_9_10jdu_77",P_10:"_P_10_10jdu_81",P_11:"_P_11_10jdu_85",P_12:"_P_12_10jdu_89"};var t={Placeholder:"_Placeholder_rl2bi_14",Body:"_Body_rl2bi_14",PlaceholderEffect:"_PlaceholderEffect_rl2bi_1",Color_white:"_Color_white_rl2bi_25"};var _={Wrap:"_Wrap_13krz_1",Open_true:"_Open_true_13krz_1",Open_false:"_Open_false_13krz_4"};var l={Wrapper:"_Wrapper_1s842_1",Cell:"_Cell_1s842_9",FadeIn:"_FadeIn_1s842_13",FadeOut:"_FadeOut_1s842_17"};var e={FixScroll:"_FixScroll_3zub0_1",Float:"_Float_3zub0_8",Wrapper:"_Wrapper_3zub0_16",Wrap:"_Wrap_3zub0_16",TapSensor:"_TapSensor_3zub0_30",TapContent:"_TapContent_3zub0_40",Hide:"_Hide_3zub0_47",Open:"_Open_3zub0_50",isNewSheet_true:"_isNewSheet_true_3zub0_50",Content:"_Content_3zub0_50",isNewSheet_false:"_isNewSheet_false_3zub0_54",BB:"_BB_3zub0_54",Tcate_normal:"_Tcate_normal_3zub0_57",BaseBody:"_BaseBody_3zub0_61",Tcate_drawer:"_Tcate_drawer_3zub0_76",Tpos_left:"_Tpos_left_3zub0_76",Tpos_right:"_Tpos_right_3zub0_91",Tpos_bottom:"_Tpos_bottom_3zub0_106",DragBar:"_DragBar_3zub0_113",Tcate_custom:"_Tcate_custom_3zub0_121",CustomSheet:"_CustomSheet_3zub0_129",GPT:"_GPT_3zub0_132",Col_1:"_Col_1_3zub0_132",Row_1:"_Row_1_3zub0_132",Row_4:"_Row_4_3zub0_132",Col_4:"_Col_4_3zub0_132",Row_2:"_Row_2_3zub0_135",Row_5:"_Row_5_3zub0_135",Col_2:"_Col_2_3zub0_138",Col_5:"_Col_5_3zub0_138",GPT_3:"_GPT_3_3zub0_144",GPT_18:"_GPT_18_3zub0_144",GPT_8:"_GPT_8_3zub0_147",GPT_23:"_GPT_23_3zub0_147",GPT_11:"_GPT_11_3zub0_150",GPT_14:"_GPT_14_3zub0_150",GPT_12:"_GPT_12_3zub0_153",GPT_15:"_GPT_15_3zub0_153",Col_3:"_Col_3_3zub0_163"};var c={Wrapper:"_Wrapper_11vvw_1",CornerLoader:"_CornerLoader_11vvw_17",Wrap:"_Wrap_11vvw_1",isActive:"_isActive_11vvw_28",ldAnm:"_ldAnm_11vvw_1",Ld1:"_Ld1_11vvw_34",Ld2:"_Ld2_11vvw_37",Ld3:"_Ld3_11vvw_40",Ld4:"_Ld4_11vvw_43",MiniLoader:"_MiniLoader_11vvw_61",Active_false:"_Active_false_11vvw_64",Hide:"_Hide_11vvw_67",Active:"_Active_11vvw_64",Core:"_Core_11vvw_77",spin:"_spin_11vvw_1",SVG1:"_SVG1_11vvw_85",loader:"_loader_11vvw_1",loading:"_loading_11vvw_1",SVG2:"_SVG2_11vvw_92"};var i={RootViewController:"_RootViewController_k39n4_2",Content:"_Content_k39n4_2",TopNav:"_TopNav_k39n4_6",FooterNav:"_FooterNav_k39n4_9",Body:"_Body_k39n4_12",SideNav:"_SideNav_k39n4_12",SwipeView:"_SwipeView_k39n4_19",Rail:"_Rail_k39n4_19",ShowOther_true:"_ShowOther_true_k39n4_19",Child:"_Child_k39n4_19",Display:"_Display_k39n4_27",LoopAdjusting:"_LoopAdjusting_k39n4_31"};var n={Wrap:"_Wrap_1rtvv_1",RowClickable_true:"_RowClickable_true_1rtvv_4",Row:"_Row_1rtvv_4",BodyRow:"_BodyRow_1rtvv_4",DataNotFound:"_DataNotFound_1rtvv_4",Cell:"_Cell_1rtvv_7",Table:"_Table_1rtvv_13",TableType_drag:"_TableType_drag_1rtvv_24",DraggerOrigin:"_DraggerOrigin_1rtvv_28",DragableButton:"_DragableButton_1rtvv_34",TableType_data:"_TableType_data_1rtvv_43",Console:"_Console_1rtvv_43",TableBase:"_TableBase_1rtvv_50",HeadRow:"_HeadRow_1rtvv_60",FilterRegion:"_FilterRegion_1rtvv_66",Filtering_true:"_Filtering_true_1rtvv_69"};var s={RippleElement:"_RippleElement_1wxnq_1",Color_cloud:"_Color_cloud_1wxnq_7",RippleWrap:"_RippleWrap_1wxnq_7",Wave:"_Wave_1wxnq_7",Color_theme:"_Color_theme_1wxnq_10",PuddingEffect:"_PuddingEffect_1wxnq_39",pdAnm:"_pdAnm_1wxnq_1"};var m={Wrap:"_Wrap_58pz3_1",Use_profile:"_Use_profile_58pz3_4",Use_head:"_Use_head_58pz3_7",Canvas:"_Canvas_58pz3_11",Preview:"_Preview_58pz3_18",ToneBall:"_ToneBall_58pz3_22",ToneBall_1:"_ToneBall_1_58pz3_29",ToneBall_2:"_ToneBall_2_58pz3_32",ToneBall_3:"_ToneBall_3_58pz3_35",ToneBall_4:"_ToneBall_4_58pz3_38",ToneBall_5:"_ToneBall_5_58pz3_41",ToneBall_6:"_ToneBall_6_58pz3_44",ToneBall_7:"_ToneBall_7_58pz3_47",ToneBall_8:"_ToneBall_8_58pz3_50",ToneBall_9:"_ToneBall_9_58pz3_53",ToneBall_10:"_ToneBall_10_58pz3_56"};var b={Wrap:"_Wrap_2p2fg_1",isLocked_true:"_isLocked_true_2p2fg_16",Tone_Sub_Color_theme:"_Tone_Sub_Color_theme_2p2fg_21",Tone_Clear_Color_theme:"_Tone_Clear_Color_theme_2p2fg_21",Tone_Sub_Color_posi:"_Tone_Sub_Color_posi_2p2fg_24",Tone_Clear_Color_posi:"_Tone_Clear_Color_posi_2p2fg_24",Tone_Sub_Color_nega:"_Tone_Sub_Color_nega_2p2fg_27",Tone_Clear_Color_nega:"_Tone_Clear_Color_nega_2p2fg_27",Tone_Sub_Color_warn:"_Tone_Sub_Color_warn_2p2fg_30",Tone_Clear_Color_warn:"_Tone_Clear_Color_warn_2p2fg_30",Tone_Sub_Color_white:"_Tone_Sub_Color_white_2p2fg_33",Tone_Clear_Color_white:"_Tone_Clear_Color_white_2p2fg_33",Tone_Sub_Color_cloud:"_Tone_Sub_Color_cloud_2p2fg_36",Tone_Clear_Color_cloud:"_Tone_Clear_Color_cloud_2p2fg_36",Tone_Sub_Color_layer:"_Tone_Sub_Color_layer_2p2fg_39",Tone_Clear_Color_layer:"_Tone_Clear_Color_layer_2p2fg_39",isNeutral_true:"_isNeutral_true_2p2fg_43",Tone_Clear:"_Tone_Clear_2p2fg_21",Tone_BorderToFill:"_Tone_BorderToFill_2p2fg_46",Tone_FillToBorder:"_Tone_FillToBorder_2p2fg_49",Tone_FillToBorder_Color_white:"_Tone_FillToBorder_Color_white_2p2fg_52",Tone_FillToBorder_Color_cloud:"_Tone_FillToBorder_Color_cloud_2p2fg_52",Tone_Link:"_Tone_Link_2p2fg_55",Tone_Normal_Color_plain:"_Tone_Normal_Color_plain_2p2fg_62",Tone_Normal_Color_theme:"_Tone_Normal_Color_theme_2p2fg_66",Tone_Normal_Color_posi:"_Tone_Normal_Color_posi_2p2fg_70",Tone_Normal_Color_nega:"_Tone_Normal_Color_nega_2p2fg_74",Tone_Normal_Color_warn:"_Tone_Normal_Color_warn_2p2fg_78",Tone_Border:"_Tone_Border_2p2fg_46",Tone_Prime:"_Tone_Prime_2p2fg_85",Tone_BorderToFill_Color_white:"_Tone_BorderToFill_Color_white_2p2fg_120",Tone_BorderToFill_Color_cloud:"_Tone_BorderToFill_Color_cloud_2p2fg_120"};var d={Wrapper:"_Wrapper_m8cj1_1",Input:"_Input_m8cj1_48",InputCover:"_InputCover_m8cj1_63",DigitCharacterCell:"_DigitCharacterCell_m8cj1_78",Combined:"_Combined_m8cj1_78",ShowCell:"_ShowCell_m8cj1_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_1bm9l_1",HideInput_true:"_HideInput_true_1bm9l_1",Input:"_Input_1bm9l_1",Label:"_Label_1bm9l_5",Icon:"_Icon_1bm9l_5",defaultActiveStyling_true:"_defaultActiveStyling_true_1bm9l_12",CheckboxIcon:"_CheckboxIcon_1bm9l_38",I:"_I_1bm9l_1"};var h={Select:"_Select_11niy_1",SelectLegend:"_SelectLegend_11niy_11"};var v={Input:"_Input_lskuu_1",Label:"_Label_lskuu_7",Dot:"_Dot_lskuu_7"};var u={Select:"_Select_2ujbp_1"};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 y={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 x={Label:"_Label_ym2gv_1",Checked:"_Checked_ym2gv_6",Tone_WhiteCloud:"_Tone_WhiteCloud_ym2gv_9",Tone_ThemeCloud:"_Tone_ThemeCloud_ym2gv_12",Tone_ThemeBorder:"_Tone_ThemeBorder_ym2gv_18",Tone_BottomLine:"_Tone_BottomLine_ym2gv_24"};var jr=o=>r[o],Pr=o=>a[o],Ir=o=>t[o],Ar=o=>_[o],Gr=o=>l[o],Fr=o=>e[o],qr=o=>c[o],Mr=o=>i[o],Yr=o=>n[o],Dr=o=>s[o],Or=o=>m[o],Ur=o=>b[o],Vr=o=>d[o],Er=o=>g[o],Kr=o=>p[o],Xr=o=>f[o],Jr=o=>h[o],Qr=o=>v[o],Zr=o=>u[o],$r=o=>w[o],oa=o=>y[o],ra=o=>k[o],aa=o=>x[o];export{Ar as AccordionClasses,Ur as ButtonClasses,Or as CropperClasses,Dr as EffectClasses,jr as ImgClasses,ra as InputAutoHeightClasses,Er as InputChipsClasses,Vr as InputClasses,Kr as InputFilerClasses,Xr as InputListClasses,Jr as InputRichSelectClasses,aa as InputSegmentedClasses,Zr as InputSelectClasses,$r as InputSliderClasses,Qr as InputSwitchClasses,oa as InputTimeClasses,Mr as LayoutClasses,qr as LoaderClasses,Pr as LogoClasses,Ir as PlaceholderClasses,Fr as SheetClasses,Gr as SnackbarClasses,Yr as TableClasses};
+var r={Img:"_Img_1egfu_1",ShowExpand_true:"_ShowExpand_true_1egfu_11"};var a={Size_S:"_Size_S_10jdu_1",Size_R:"_Size_R_10jdu_6",Size_L:"_Size_L_10jdu_11",Size_2L:"_Size_2L_10jdu_16",Size_3L:"_Size_3L_10jdu_21",Icon:"_Icon_10jdu_27",Title:"_Title_10jdu_31",ComunIcon:"_ComunIcon_10jdu_38",ComunTitle:"_ComunTitle_10jdu_42",MingooIcon:"_MingooIcon_10jdu_46",P:"_P_10jdu_46",P_0:"_P_0_10jdu_50",P_1:"_P_1_10jdu_53",P_2:"_P_2_10jdu_56",P_3:"_P_3_10jdu_59",P_4:"_P_4_10jdu_62",P_5:"_P_5_10jdu_65",P_6:"_P_6_10jdu_68",P_7:"_P_7_10jdu_71",P_8:"_P_8_10jdu_74",P_9:"_P_9_10jdu_77",P_10:"_P_10_10jdu_81",P_11:"_P_11_10jdu_85",P_12:"_P_12_10jdu_89"};var t={Placeholder:"_Placeholder_rl2bi_14",Body:"_Body_rl2bi_14",PlaceholderEffect:"_PlaceholderEffect_rl2bi_1",Color_white:"_Color_white_rl2bi_25"};var _={Wrap:"_Wrap_13krz_1",Open_true:"_Open_true_13krz_1",Open_false:"_Open_false_13krz_4"};var l={Wrapper:"_Wrapper_1s842_1",Cell:"_Cell_1s842_9",FadeIn:"_FadeIn_1s842_13",FadeOut:"_FadeOut_1s842_17"};var e={FixScroll:"_FixScroll_2h8yk_1",Float:"_Float_2h8yk_8",Wrapper:"_Wrapper_2h8yk_16",Wrap:"_Wrap_2h8yk_16",TapSensor:"_TapSensor_2h8yk_30",TapContent:"_TapContent_2h8yk_40",Hide:"_Hide_2h8yk_47",Open:"_Open_2h8yk_50",isNewSheet_true:"_isNewSheet_true_2h8yk_50",Content:"_Content_2h8yk_50",isNewSheet_false:"_isNewSheet_false_2h8yk_54",BB:"_BB_2h8yk_54",Tcate_normal:"_Tcate_normal_2h8yk_57",BaseBody:"_BaseBody_2h8yk_61",Tcate_drawer:"_Tcate_drawer_2h8yk_76",Tpos_left:"_Tpos_left_2h8yk_76",Tpos_right:"_Tpos_right_2h8yk_91",Tpos_bottom:"_Tpos_bottom_2h8yk_106",DragBar:"_DragBar_2h8yk_113",Tcate_custom:"_Tcate_custom_2h8yk_121",CustomSheet:"_CustomSheet_2h8yk_129",GPT:"_GPT_2h8yk_132",Col_1:"_Col_1_2h8yk_132",Row_1:"_Row_1_2h8yk_132",Row_4:"_Row_4_2h8yk_132",Col_4:"_Col_4_2h8yk_132",Row_2:"_Row_2_2h8yk_135",Row_5:"_Row_5_2h8yk_135",Col_2:"_Col_2_2h8yk_138",Col_5:"_Col_5_2h8yk_138",GPT_3:"_GPT_3_2h8yk_144",GPT_18:"_GPT_18_2h8yk_144",GPT_8:"_GPT_8_2h8yk_147",GPT_23:"_GPT_23_2h8yk_147",GPT_11:"_GPT_11_2h8yk_150",GPT_14:"_GPT_14_2h8yk_150",GPT_12:"_GPT_12_2h8yk_153",GPT_15:"_GPT_15_2h8yk_153",Col_3:"_Col_3_2h8yk_163"};var c={Wrapper:"_Wrapper_11vvw_1",CornerLoader:"_CornerLoader_11vvw_17",Wrap:"_Wrap_11vvw_1",isActive:"_isActive_11vvw_28",ldAnm:"_ldAnm_11vvw_1",Ld1:"_Ld1_11vvw_34",Ld2:"_Ld2_11vvw_37",Ld3:"_Ld3_11vvw_40",Ld4:"_Ld4_11vvw_43",MiniLoader:"_MiniLoader_11vvw_61",Active_false:"_Active_false_11vvw_64",Hide:"_Hide_11vvw_67",Active:"_Active_11vvw_64",Core:"_Core_11vvw_77",spin:"_spin_11vvw_1",SVG1:"_SVG1_11vvw_85",loader:"_loader_11vvw_1",loading:"_loading_11vvw_1",SVG2:"_SVG2_11vvw_92"};var i={RootViewController:"_RootViewController_k39n4_2",Content:"_Content_k39n4_2",TopNav:"_TopNav_k39n4_6",FooterNav:"_FooterNav_k39n4_9",Body:"_Body_k39n4_12",SideNav:"_SideNav_k39n4_12",SwipeView:"_SwipeView_k39n4_19",Rail:"_Rail_k39n4_19",ShowOther_true:"_ShowOther_true_k39n4_19",Child:"_Child_k39n4_19",Display:"_Display_k39n4_27",LoopAdjusting:"_LoopAdjusting_k39n4_31"};var n={Wrap:"_Wrap_1rtvv_1",RowClickable_true:"_RowClickable_true_1rtvv_4",Row:"_Row_1rtvv_4",BodyRow:"_BodyRow_1rtvv_4",DataNotFound:"_DataNotFound_1rtvv_4",Cell:"_Cell_1rtvv_7",Table:"_Table_1rtvv_13",TableType_drag:"_TableType_drag_1rtvv_24",DraggerOrigin:"_DraggerOrigin_1rtvv_28",DragableButton:"_DragableButton_1rtvv_34",TableType_data:"_TableType_data_1rtvv_43",Console:"_Console_1rtvv_43",TableBase:"_TableBase_1rtvv_50",HeadRow:"_HeadRow_1rtvv_60",FilterRegion:"_FilterRegion_1rtvv_66",Filtering_true:"_Filtering_true_1rtvv_69"};var s={RippleElement:"_RippleElement_1wxnq_1",Color_cloud:"_Color_cloud_1wxnq_7",RippleWrap:"_RippleWrap_1wxnq_7",Wave:"_Wave_1wxnq_7",Color_theme:"_Color_theme_1wxnq_10",PuddingEffect:"_PuddingEffect_1wxnq_39",pdAnm:"_pdAnm_1wxnq_1"};var m={Wrap:"_Wrap_8x4zl_1",Use_profile:"_Use_profile_8x4zl_4",Use_head:"_Use_head_8x4zl_7",Canvas:"_Canvas_8x4zl_11",Preview:"_Preview_8x4zl_17",ToneBall:"_ToneBall_8x4zl_21",ToneBall_1:"_ToneBall_1_8x4zl_25",ToneBall_2:"_ToneBall_2_8x4zl_28",ToneBall_3:"_ToneBall_3_8x4zl_31",ToneBall_4:"_ToneBall_4_8x4zl_34",ToneBall_5:"_ToneBall_5_8x4zl_37",ToneBall_6:"_ToneBall_6_8x4zl_40",ToneBall_7:"_ToneBall_7_8x4zl_43",ToneBall_8:"_ToneBall_8_8x4zl_46",ToneBall_9:"_ToneBall_9_8x4zl_49",ToneBall_10:"_ToneBall_10_8x4zl_52"};var d={Wrap:"_Wrap_2p2fg_1",isLocked_true:"_isLocked_true_2p2fg_16",Tone_Sub_Color_theme:"_Tone_Sub_Color_theme_2p2fg_21",Tone_Clear_Color_theme:"_Tone_Clear_Color_theme_2p2fg_21",Tone_Sub_Color_posi:"_Tone_Sub_Color_posi_2p2fg_24",Tone_Clear_Color_posi:"_Tone_Clear_Color_posi_2p2fg_24",Tone_Sub_Color_nega:"_Tone_Sub_Color_nega_2p2fg_27",Tone_Clear_Color_nega:"_Tone_Clear_Color_nega_2p2fg_27",Tone_Sub_Color_warn:"_Tone_Sub_Color_warn_2p2fg_30",Tone_Clear_Color_warn:"_Tone_Clear_Color_warn_2p2fg_30",Tone_Sub_Color_white:"_Tone_Sub_Color_white_2p2fg_33",Tone_Clear_Color_white:"_Tone_Clear_Color_white_2p2fg_33",Tone_Sub_Color_cloud:"_Tone_Sub_Color_cloud_2p2fg_36",Tone_Clear_Color_cloud:"_Tone_Clear_Color_cloud_2p2fg_36",Tone_Sub_Color_layer:"_Tone_Sub_Color_layer_2p2fg_39",Tone_Clear_Color_layer:"_Tone_Clear_Color_layer_2p2fg_39",isNeutral_true:"_isNeutral_true_2p2fg_43",Tone_Clear:"_Tone_Clear_2p2fg_21",Tone_BorderToFill:"_Tone_BorderToFill_2p2fg_46",Tone_FillToBorder:"_Tone_FillToBorder_2p2fg_49",Tone_FillToBorder_Color_white:"_Tone_FillToBorder_Color_white_2p2fg_52",Tone_FillToBorder_Color_cloud:"_Tone_FillToBorder_Color_cloud_2p2fg_52",Tone_Link:"_Tone_Link_2p2fg_55",Tone_Normal_Color_plain:"_Tone_Normal_Color_plain_2p2fg_62",Tone_Normal_Color_theme:"_Tone_Normal_Color_theme_2p2fg_66",Tone_Normal_Color_posi:"_Tone_Normal_Color_posi_2p2fg_70",Tone_Normal_Color_nega:"_Tone_Normal_Color_nega_2p2fg_74",Tone_Normal_Color_warn:"_Tone_Normal_Color_warn_2p2fg_78",Tone_Border:"_Tone_Border_2p2fg_46",Tone_Prime:"_Tone_Prime_2p2fg_85",Tone_BorderToFill_Color_white:"_Tone_BorderToFill_Color_white_2p2fg_120",Tone_BorderToFill_Color_cloud:"_Tone_BorderToFill_Color_cloud_2p2fg_120"};var g={Wrapper:"_Wrapper_m8cj1_1",Input:"_Input_m8cj1_48",InputCover:"_InputCover_m8cj1_63",DigitCharacterCell:"_DigitCharacterCell_m8cj1_78",Combined:"_Combined_m8cj1_78",ShowCell:"_ShowCell_m8cj1_1"};var h={SelectorWrapper:"_SelectorWrapper_vfpyx_1"};var b={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_1bm9l_1",HideInput_true:"_HideInput_true_1bm9l_1",Input:"_Input_1bm9l_1",Label:"_Label_1bm9l_5",Icon:"_Icon_1bm9l_5",defaultActiveStyling_true:"_defaultActiveStyling_true_1bm9l_12",CheckboxIcon:"_CheckboxIcon_1bm9l_38",I:"_I_1bm9l_1"};var f={Select:"_Select_11niy_1",SelectLegend:"_SelectLegend_11niy_11"};var v={Input:"_Input_lskuu_1",Label:"_Label_lskuu_7",Dot:"_Dot_lskuu_7"};var u={Select:"_Select_2ujbp_1"};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 y={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 x={Label:"_Label_ym2gv_1",Checked:"_Checked_ym2gv_6",Tone_WhiteCloud:"_Tone_WhiteCloud_ym2gv_9",Tone_ThemeCloud:"_Tone_ThemeCloud_ym2gv_12",Tone_ThemeBorder:"_Tone_ThemeBorder_ym2gv_18",Tone_BottomLine:"_Tone_BottomLine_ym2gv_24"};var jr=o=>r[o],Pr=o=>a[o],Ir=o=>t[o],Ar=o=>_[o],Gr=o=>l[o],Fr=o=>e[o],qr=o=>c[o],Mr=o=>i[o],Yr=o=>n[o],Dr=o=>s[o],Or=o=>m[o],Ur=o=>d[o],Vr=o=>g[o],Er=o=>h[o],Kr=o=>b[o],Xr=o=>p[o],Jr=o=>f[o],Qr=o=>v[o],Zr=o=>u[o],$r=o=>w[o],oa=o=>y[o],ra=o=>k[o],aa=o=>x[o];export{Ar as AccordionClasses,Ur as ButtonClasses,Or as CropperClasses,Dr as EffectClasses,jr as ImgClasses,ra as InputAutoHeightClasses,Er as InputChipsClasses,Vr as InputClasses,Kr as InputFilerClasses,Xr as InputListClasses,Jr as InputRichSelectClasses,aa as InputSegmentedClasses,Zr as InputSelectClasses,$r as InputSliderClasses,Qr as InputSwitchClasses,oa as InputTimeClasses,Mr as LayoutClasses,qr as LoaderClasses,Pr as LogoClasses,Ir as PlaceholderClasses,Fr as SheetClasses,Gr as SnackbarClasses,Yr as TableClasses};

package/dist/@utils/GenerateClassName.d.ts

@@ -1,11 +1,16 @@
+import { TagProperty } from '../@declares';
 declare namespace StyleConverter {
-    type ReadStyleSet = {
-        <T>(p: T): T;
+    type ReadStyleSet<T = any> = {
+        (p: T): T;
     };
-    type ToClassName = {
-        <T>(p: T): T;
+    type GenerateHTMLProps<T = any> = {
+        (p: T): T;
+    };
+    type ExtractStyles = {
+        (p: any): TagProperty.States;
     };
 }
 export declare const ReadStyleSet: StyleConverter.ReadStyleSet;
-export declare const GenerateClassName: StyleConverter.ToClassName;
+export declare const GenerateHTMLProps: StyleConverter.GenerateHTMLProps;
+export declare const ExtractStyles: StyleConverter.ExtractStyles;
 export {};

package/dist/@utils/GenerateClassName.js

@@ -1 +1 @@
-import{b as o,c as J,d as H}from"../chunk-C5N2D3ZX.js";import a from"@mingoo/jsmin";import{Config as Y}from".";const s={toConcreteBorderRadius:p=>{let B=Y.get().roundness|0;return p=="1.tone.primary"?p=[0,2,3,4,5,5][B]:p=="2.tone.secondary"?p=[0,1,2,3,4,5][B]:p=="3.tone.tertiary"&&(p=[0,"1/3","2/3",1,2,3][B]),p},ev:p=>a.is.nullish(p),ClassNames:(p,B)=>{var Be,Re,Te,we,Pe,Ne,Le;let e=[],{gap:i,display:y,position:C,overflow:R,fontColor:L,fontSize:h,fontWeight:r,backgroundColor:T,textAlign:g,textDecoration:K,boxShadow:O,margin:u,marginTop:t,marginRight:l,marginBottom:d,marginLeft:w,padding:m,paddingTop:c,paddingRight:P,paddingBottom:_,paddingLeft:n,top:j,right:Z,bottom:ee,left:se,border:E,borderTop:v,borderRight:b,borderBottom:S,borderLeft:x,borderWidth:te,borderColor:re,borderStyle:ie,borderRadius:F,borderTopLeftRadius:A,borderTopRightRadius:z,borderBottomLeftRadius:k,borderBottomRightRadius:W,flexSizing:oe,flexWrap:ae,flexType:le,flexChilds:ne,flexGrid:pe,horizontalAlign:de,verticalAlign:ue,transition:he,gridCenter:fe,gridCols:ge,maxHeight:me,minHeight:ye,maxWidth:ce,minWidth:ve,width:be,height:Se,unitHeight:xe,unitWidth:Ce,opacity:_e}=B;{if(s.ev(y)||e.push("dsp"+y),R){let f=a.flatArray(R);e.push("ovfl-x-"+f[0]),e.push("ovfl-y-"+(f[1]||f[0]))}s.ev(C)||e.push("ps"+C),s.ev(g)||e.push("txtalg"+g),s.ev(g)||e.push("txtdeco"+K),s.ev(L)||e.push("ftcl"+((Be=String(L))==null?void 0:Be.replace(/\./g,"_"))),s.ev(h)||e.push("ftsz"+((Re=String(h))==null?void 0:Re.replace(/\..*/,""))),s.ev(r)||e.push("ftwt"+(r==null?void 0:r.replace(/\..*/,""))),s.ev(T)||e.push("bgc"+((Te=String(T))==null?void 0:Te.replace(/\./g,"_"))),s.ev(O)||e.push("bs"+O);let $,I,D,G;a.is.exist(u)&&(a.is.array(u)?u.length==2?[$,I,D,G]=[...u,...u]:u.length==4&&([$,I,D,G]=u):$=I=D=G=u,t=t!=null?t:$,l=l!=null?l:I,d=d!=null?d:D,w=w!=null?w:G),s.ev(t)||e.push("mrgt"+t),s.ev(l)||e.push("mrgr"+l),s.ev(d)||e.push("mrgb"+d),s.ev(w)||e.push("mrgl"+w);let M,q,U,X;a.is.exist(m)&&(a.is.array(m)?m.length==2?[M,q,U,X]=[...m,...m]:m.length==4&&([M,q,U,X]=m):M=q=U=X=m,c=c!=null?c:M,P=P!=null?P:q,_=_!=null?_:U,n=n!=null?n:X),s.ev(c)||e.push("pdt"+c),s.ev(P)||e.push("pdr"+P),s.ev(_)||e.push("pdb"+_),s.ev(n)||e.push("pdl"+n),s.ev(j)||e.push("pstt"+j),s.ev(Z)||e.push("pstr"+Z),s.ev(ee)||e.push("pstb"+ee),s.ev(se)||e.push("pstl"+se);{a.is.exist(E)&&(v=v!=null?v:E,b=b!=null?b:E,S=S!=null?S:E,x=x!=null?x:E),a.is.boolean(v)&&(v=["unset","2.normal"][Number(v)]),a.is.boolean(b)&&(b=["unset","2.normal"][Number(b)]),a.is.boolean(S)&&(S=["unset","2.normal"][Number(S)]),a.is.boolean(x)&&(x=["unset","2.normal"][Number(x)]),s.ev(v)||e.push("b_t_ss"+((we=String(v))==null?void 0:we.replace(/\..*/,""))),s.ev(b)||e.push("b_r_ss"+((Pe=String(b))==null?void 0:Pe.replace(/\..*/,""))),s.ev(S)||e.push("b_b_ss"+((Ne=String(S))==null?void 0:Ne.replace(/\..*/,""))),s.ev(x)||e.push("b_l_ss"+((Le=String(x))==null?void 0:Le.replace(/\..*/,""))),a.is.exist(te)&&e.push("b_wth"+String(te)),a.is.exist(re)&&e.push("b_cl"+String(re)),a.is.exist(ie)&&e.push("b_st"+String(ie));{let f,N,Q,V;a.is.exist(F)&&(a.is.array(F)?F.length==4&&([f,N,V,Q]=F):f=N=Q=V=F,A=A!=null?A:f,z=z!=null?z:N,k=k!=null?k:Q,W=W!=null?W:V)}s.ev(A)||e.push("br_tl"+s.toConcreteBorderRadius(A)),s.ev(z)||e.push("br_tr"+s.toConcreteBorderRadius(z)),s.ev(k)||e.push("br_bl"+s.toConcreteBorderRadius(k)),s.ev(W)||e.push("br_br"+s.toConcreteBorderRadius(W))}if(s.ev(_e)||e.push("op"+_e),a.is.exist(i)){let f,N;a.is.array(i)?(f=i[0],N=i[1]):f=N=i,e.push("gapRow"+f,"gapCol"+N)}s.ev(oe)||e.push("flsz"+oe),s.ev(ae)||e.push("flwrp"+ae),s.ev(le)||e.push("fltyp"+le),s.ev(ne)||e.push("flchld"+ne),s.ev(pe)||e.push("flgrid"+pe),s.ev(ue)||e.push("flvrt"+ue),s.ev(de)||e.push("flhrz"+de),s.ev(fe)||e.push("grcnt"+fe),s.ev(ge)||e.push("grcol"+ge),s.ev(Se)||e.push("hgt"+Se),s.ev(be)||e.push("wdt"+be),s.ev(xe)||e.push("unthgt"+xe),s.ev(Ce)||e.push("untwdt"+Ce),s.ev(he)||e.push("trnst"+he),s.ev(me)||e.push("maxh"+me),s.ev(ye)||e.push("minh"+ye),s.ev(ce)||e.push("maxw"+ce),s.ev(ve)||e.push("minw"+ve)}return e.length?p+e.join(" "+p):""}},Ae=p=>{let w=o({},p),{styles:m={}}=w,c=m,{gradients:e,ssCardBox:i,ssSphere:y,ssSquare:C,ssPushable:R,ssAbsoluteCovered:L,ssTextEllipsis:h,flexCenter:r,flexNewLine:T,isLightFont:g,isBoldFont:K,isSemiBoldFont:O,isRounded:u}=c,t=H(c,["gradients","ssCardBox","ssSphere","ssSquare","ssPushable","ssAbsoluteCovered","ssTextEllipsis","flexCenter","flexNewLine","isLightFont","isBoldFont","isSemiBoldFont","isRounded"]),P=w,{freeCSS:_={}}=P,l=H(_,[]),d=H(P,["styles","freeCSS"]);if(t=t||{},l=l||{},d=d||{},e){let{deg:n,colors:j}=e;l=J(o({},l),{background:`linear-gradient(${n}deg,${j.join(",")})`})}if(i){i===!0&&(i="border");let n={styles:{backgroundColor:"layer.1",borderRadius:"1.tone.primary",boxShadow:"0.min"},freeCSS:{zIndex:1}};i=="border"?n.styles.border=!0:i=="layer"?n.styles.backgroundColor="layer.1":i=="cloud"?n.styles.backgroundColor="cloud":i=="shadow"&&(n.styles.boxShadow="0.normal"),Y.get().darkMode=="dim"&&(n.styles.boxShadow="1.normal"),Y.get().darkMode=="dark"&&(n.styles.boxShadow="1.remark"),l=o(o({},n.freeCSS),l),t=o(o({},n.styles),t)}return y&&(r=r!=null?r:!0,t=o({padding:0,unitWidth:y,unitHeight:y,borderRadius:"sphere",flexSizing:"none"},t)),C&&(r=r!=null?r:!0,t=o({padding:0,unitWidth:C,unitHeight:C,flexSizing:"none"},t)),R&&(t=o({transition:"middle"},t),d=J(o({},d),{className:[d.className,"ssPushable"].join(" ")})),L&&(t=o({position:"absolute",top:0,left:0,right:0,bottom:0},t)),h&&(t=o({overflow:"hidden"},t),l=o({whiteSpace:"nowrap",textOverflow:"ellipsis"},l)),T&&(t=o({width:1,flexSizing:"none"},t)),r&&(t=o({display:"flex",horizontalAlign:"center",verticalAlign:"center"},t)),g&&(t.fontWeight="1.light"),O&&(t.fontWeight="3.semiBold"),K&&(t.fontWeight="4.bold"),u&&(a.is.number(u)?l.borderRadius=u*12:t.borderRadius="sphere"),J(o({},d),{styles:t,freeCSS:l})},Fe=p=>{let T=Ae(p),{componentID:e,styles:i={},UnderBreakPointStyles:y={},className:C="",freeCSS:R={}}=T,L=H(T,["componentID","styles","UnderBreakPointStyles","className","freeCSS"]),h=[C];if(i.ssLastChildLossBorder&&h.push("ssLastChildLossBorder_"+i.ssLastChildLossBorder),i.ssEffectsOnActive){i.ssEffectsOnActive=a.flatArray(i.ssEffectsOnActive);for(let g of i.ssEffectsOnActive)h.push("eff_"+g,"eff_"+g.split(".")[0])}{let g=s.ClassNames("amotf_",i);h.push(g)}y&&h.push(s.ClassNames("amotf_bp",y));let r=o({},L);return R&&(r.style=o(o({},R),r.style)),(e||r["data-component-id"])&&(r["data-component-id"]=r["data-component-id"]||e),h.length&&(r.className=h.join(" ").trim().replace(/%/ig,"P").replace(/\d+px/ig,"PIX").replace(/\s+/ig," ").replace(/\//ig,"_").replace(/\./ig,"-")),r};export{Fe as GenerateClassName,Ae as ReadStyleSet};
+import{b as s,c as Ae,d as ze}from"../chunk-C5N2D3ZX.js";import a from"@mingoo/jsmin";import{Config as Ne}from".";const t={toConcreteBorderRadius:d=>{let L=Ne.get().roundness|0;return d=="1.tone.primary"?d=[0,2,3,4,5,5][L]:d=="2.tone.secondary"?d=[0,1,2,3,4,5][L]:d=="3.tone.tertiary"&&(d=[0,"1/3","2/3",1,2,3][L]),d},ev:d=>a.is.nullish(d),ClassNames:(d,L)=>{var M,Be,Te,z,_e,we,Le;let e=[],{gap:l,display:x,position:y,overflow:H,fontColor:k,fontSize:F,fontWeight:n,backgroundColor:E,textAlign:P,textDecoration:D,boxShadow:G,margin:p,marginTop:o,marginRight:r,marginBottom:c,marginLeft:b,padding:i,paddingTop:S,paddingRight:v,paddingBottom:C,paddingLeft:R,top:J,right:Q,bottom:Y,left:Z,border:W,borderTop:h,borderRight:u,borderBottom:f,borderLeft:m,borderWidth:ee,borderColor:te,borderStyle:re,borderRadius:A,borderTopLeftRadius:B,borderTopRightRadius:T,borderBottomLeftRadius:_,borderBottomRightRadius:w,flexSizing:ie,flexWrap:oe,flexType:se,flexChilds:ae,flexGrid:de,horizontalAlign:ne,verticalAlign:le,transition:pe,gridCenter:ge,gridCols:he,maxHeight:ue,minHeight:fe,maxWidth:me,minWidth:be,width:Se,height:ce,unitHeight:xe,unitWidth:ye,opacity:ve}=L;{if(t.ev(x)||e.push("dsp"+x),H){let g=a.flatArray(H);e.push("ovfl-x-"+g[0]),e.push("ovfl-y-"+(g[1]||g[0]))}t.ev(y)||e.push("ps"+y),t.ev(P)||e.push("txtalg"+P),t.ev(P)||e.push("txtdeco"+D),t.ev(k)||e.push("ftcl"+((M=String(k))==null?void 0:M.replace(/\./g,"_"))),t.ev(F)||e.push("ftsz"+((Be=String(F))==null?void 0:Be.replace(/\..*/,""))),t.ev(n)||e.push("ftwt"+(n==null?void 0:n.replace(/\..*/,""))),t.ev(E)||e.push("bgc"+((Te=String(E))==null?void 0:Te.replace(/\./g,"_"))),t.ev(G)||e.push("bs"+G);let j,$,q,I;a.is.exist(p)&&(a.is.array(p)?p.length==2?[j,$,q,I]=[...p,...p]:p.length==4&&([j,$,q,I]=p):j=$=q=I=p,o=o!=null?o:j,r=r!=null?r:$,c=c!=null?c:q,b=b!=null?b:I),t.ev(o)||e.push("mrgt"+o),t.ev(r)||e.push("mrgr"+r),t.ev(c)||e.push("mrgb"+c),t.ev(b)||e.push("mrgl"+b);let O,U,K,V;a.is.exist(i)&&(a.is.array(i)?i.length==2?[O,U,K,V]=[...i,...i]:i.length==4&&([O,U,K,V]=i):O=U=K=V=i,S=S!=null?S:O,v=v!=null?v:U,C=C!=null?C:K,R=R!=null?R:V),t.ev(S)||e.push("pdt"+S),t.ev(v)||e.push("pdr"+v),t.ev(C)||e.push("pdb"+C),t.ev(R)||e.push("pdl"+R),t.ev(J)||e.push("pstt"+J),t.ev(Q)||e.push("pstr"+Q),t.ev(Y)||e.push("pstb"+Y),t.ev(Z)||e.push("pstl"+Z);{a.is.exist(W)&&(h=h!=null?h:W,u=u!=null?u:W,f=f!=null?f:W,m=m!=null?m:W),a.is.boolean(h)&&(h=["unset","2.normal"][Number(h)]),a.is.boolean(u)&&(u=["unset","2.normal"][Number(u)]),a.is.boolean(f)&&(f=["unset","2.normal"][Number(f)]),a.is.boolean(m)&&(m=["unset","2.normal"][Number(m)]),t.ev(h)||e.push("b_t_ss"+((z=String(h))==null?void 0:z.replace(/\..*/,""))),t.ev(u)||e.push("b_r_ss"+((_e=String(u))==null?void 0:_e.replace(/\..*/,""))),t.ev(f)||e.push("b_b_ss"+((we=String(f))==null?void 0:we.replace(/\..*/,""))),t.ev(m)||e.push("b_l_ss"+((Le=String(m))==null?void 0:Le.replace(/\..*/,""))),a.is.exist(ee)&&e.push("b_wth"+String(ee)),a.is.exist(te)&&e.push("b_cl"+String(te)),a.is.exist(re)&&e.push("b_st"+String(re));{let g,N,Ce,Pe;a.is.exist(A)&&(a.is.array(A)?A.length==4&&([g,N,Pe,Ce]=A):g=N=Ce=Pe=A,B=B!=null?B:g,T=T!=null?T:N,_=_!=null?_:Ce,w=w!=null?w:Pe)}t.ev(B)||e.push("br_tl"+t.toConcreteBorderRadius(B)),t.ev(T)||e.push("br_tr"+t.toConcreteBorderRadius(T)),t.ev(_)||e.push("br_bl"+t.toConcreteBorderRadius(_)),t.ev(w)||e.push("br_br"+t.toConcreteBorderRadius(w))}if(t.ev(ve)||e.push("op"+ve),a.is.exist(l)){let g,N;a.is.array(l)?(g=l[0],N=l[1]):g=N=l,e.push("gapRow"+g,"gapCol"+N)}t.ev(ie)||e.push("flsz"+ie),t.ev(oe)||e.push("flwrp"+oe),t.ev(se)||e.push("fltyp"+se),t.ev(ae)||e.push("flchld"+ae),t.ev(de)||e.push("flgrid"+de),t.ev(le)||e.push("flvrt"+le),t.ev(ne)||e.push("flhrz"+ne),t.ev(ge)||e.push("grcnt"+ge),t.ev(he)||e.push("grcol"+he),t.ev(ce)||e.push("hgt"+ce),t.ev(Se)||e.push("wdt"+Se),t.ev(xe)||e.push("unthgt"+xe),t.ev(ye)||e.push("untwdt"+ye),t.ev(pe)||e.push("trnst"+pe),t.ev(ue)||e.push("maxh"+ue),t.ev(fe)||e.push("minh"+fe),t.ev(me)||e.push("maxw"+me),t.ev(be)||e.push("minw"+be)}return e.length?d+e.join(" "+d):""}},ke=d=>{let c=s({},d),{gradients:e,ssCardBox:l,ssSphere:x,ssSquare:y,ssPushable:H,ssAbsoluteCovered:k,ssTextEllipsis:F,flexCenter:n,flexNewLine:E,isLightFont:P,isBoldFont:D,isSemiBoldFont:G,isRounded:p,freeCSS:b={}}=c,o=ze(b,[]),r=ze(c,["gradients","ssCardBox","ssSphere","ssSquare","ssPushable","ssAbsoluteCovered","ssTextEllipsis","flexCenter","flexNewLine","isLightFont","isBoldFont","isSemiBoldFont","isRounded","freeCSS"]);if(o=o||{},r=r||{},e){let{deg:i,colors:S}=e;o=Ae(s({},o),{background:`linear-gradient(${i}deg,${S.join(",")})`})}if(l){l===!0&&(l="border");let i={backgroundColor:"layer.1",borderRadius:"1.tone.primary",boxShadow:"0.min",freeCSS:{zIndex:1}};l=="border"?i.border=!0:l=="layer"?i.backgroundColor="layer.1":l=="cloud"?i.backgroundColor="cloud":l=="shadow"&&(i.boxShadow="0.normal"),Ne.get().darkMode=="dim"&&(i.boxShadow="1.normal"),Ne.get().darkMode=="dark"&&(i.boxShadow="1.remark"),o=s(s({},i.freeCSS),o),r=s(s({},i),r)}return x&&(n=n!=null?n:!0,r=s({padding:0,unitWidth:x,unitHeight:x,borderRadius:"sphere",flexSizing:"none"},r)),y&&(n=n!=null?n:!0,r=s({padding:0,unitWidth:y,unitHeight:y,flexSizing:"none"},r)),H&&(r=s({transition:"middle"},r),r=Ae(s({},r),{className:[r.className,"ssPushable"].join(" ")})),k&&(r=s({position:"absolute",top:0,left:0,right:0,bottom:0},r)),F&&(r=s({overflow:"hidden"},r),o=s({whiteSpace:"nowrap",textOverflow:"ellipsis"},o)),E&&(r=s({width:1,flexSizing:"none"},r)),n&&(r=s({display:"flex",horizontalAlign:"center",verticalAlign:"center"},r)),P&&(r.fontWeight="1.light"),G&&(r.fontWeight="3.semiBold"),D&&(r.fontWeight="4.bold"),p&&(a.is.number(p)?o.borderRadius=p*12:r.borderRadius="sphere"),Ae(s({},r),{freeCSS:o})},je=d=>{let He=ke(d),{componentID:e,gap:l,display:x,position:y,overflow:H,fontColor:k,fontSize:F,fontWeight:n,backgroundColor:E,textAlign:P,textDecoration:D,boxShadow:G,margin:p,marginTop:o,marginRight:r,marginBottom:c,marginLeft:b,padding:i,paddingTop:S,paddingRight:v,paddingBottom:C,paddingLeft:R,top:J,right:Q,bottom:Y,left:Z,border:W,borderTop:h,borderRight:u,borderBottom:f,borderLeft:m,borderWidth:ee,borderColor:te,borderStyle:re,borderRadius:A,borderTopLeftRadius:B,borderTopRightRadius:T,borderBottomLeftRadius:_,borderBottomRightRadius:w,flexSizing:ie,flexWrap:oe,flexType:se,flexChilds:ae,flexGrid:de,horizontalAlign:ne,verticalAlign:le,transition:pe,gridCenter:ge,gridCols:he,maxHeight:ue,minHeight:fe,maxWidth:me,minWidth:be,width:Se,height:ce,unitHeight:xe,unitWidth:ye,opacity:ve,ssLastChildLossBorder:M,ssAbsoluteCovered:Be,ssCardBox:Te,ssEffectsOnActive:z,ssPushable:_e,ssSphere:we,ssSquare:Le,ssTextEllipsis:j,isBoldFont:$,isLightFont:q,isSemiBoldFont:I,isRounded:O,flexCenter:U,flexNewLine:K,gradients:V,UnderBreakPointStyles:g={},className:N="",freeCSS:Ce={}}=He,Pe=ze(He,["componentID","gap","display","position","overflow","fontColor","fontSize","fontWeight","backgroundColor","textAlign","textDecoration","boxShadow","margin","marginTop","marginRight","marginBottom","marginLeft","padding","paddingTop","paddingRight","paddingBottom","paddingLeft","top","right","bottom","left","border","borderTop","borderRight","borderBottom","borderLeft","borderWidth","borderColor","borderStyle","borderRadius","borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius","flexSizing","flexWrap","flexType","flexChilds","flexGrid","horizontalAlign","verticalAlign","transition","gridCenter","gridCols","maxHeight","minHeight","maxWidth","minWidth","width","height","unitHeight","unitWidth","opacity","ssLastChildLossBorder","ssAbsoluteCovered","ssCardBox","ssEffectsOnActive","ssPushable","ssSphere","ssSquare","ssTextEllipsis","isBoldFont","isLightFont","isSemiBoldFont","isRounded","flexCenter","flexNewLine","gradients","UnderBreakPointStyles","className","freeCSS"]),Re=[N];if(M&&Re.push("ssLastChildLossBorder_"+M),z){z=a.flatArray(z);for(let We of z)Re.push("eff_"+We,"eff_"+We.split(".")[0])}{let We=t.ClassNames("amotf_",{gap:l,display:x,position:y,overflow:H,fontColor:k,fontSize:F,fontWeight:n,backgroundColor:E,textAlign:P,textDecoration:D,boxShadow:G,margin:p,marginTop:o,marginRight:r,marginBottom:c,marginLeft:b,padding:i,paddingTop:S,paddingRight:v,paddingBottom:C,paddingLeft:R,top:J,right:Q,bottom:Y,left:Z,border:W,borderTop:h,borderRight:u,borderBottom:f,borderLeft:m,borderWidth:ee,borderColor:te,borderStyle:re,borderRadius:A,borderTopLeftRadius:B,borderTopRightRadius:T,borderBottomLeftRadius:_,borderBottomRightRadius:w,flexSizing:ie,flexWrap:oe,flexType:se,flexChilds:ae,flexGrid:de,horizontalAlign:ne,verticalAlign:le,transition:pe,gridCenter:ge,gridCols:he,maxHeight:ue,minHeight:fe,maxWidth:me,minWidth:be,width:Se,height:ce,unitHeight:xe,unitWidth:ye,opacity:ve});Re.push(We)}g&&Re.push(t.ClassNames("amotf_bp",g));let X=s({},Pe);return Ce&&(X.style=s(s({},Ce),X.style)),(e||X["data-component-id"])&&(X["data-component-id"]=X["data-component-id"]||e),Re.length&&(X.className=Re.join(" ").trim().replace(/%/ig,"P").replace(/\d+px/ig,"PIX").replace(/\s+/ig," ").replace(/\//ig,"_").replace(/\./ig,"-")),X},$e=d=>{let{gap:L,display:e,position:l,overflow:x,fontColor:y,fontSize:H,fontWeight:k,backgroundColor:F,textAlign:n,textDecoration:E,boxShadow:P,margin:D,marginTop:G,marginRight:p,marginBottom:o,marginLeft:r,padding:c,paddingTop:b,paddingRight:i,paddingBottom:S,paddingLeft:v,top:C,right:R,bottom:J,left:Q,border:Y,borderTop:Z,borderRight:W,borderBottom:h,borderLeft:u,borderWidth:f,borderColor:m,borderStyle:ee,borderRadius:te,borderTopLeftRadius:re,borderTopRightRadius:A,borderBottomLeftRadius:B,borderBottomRightRadius:T,flexSizing:_,flexWrap:w,flexType:ie,flexChilds:oe,flexGrid:se,horizontalAlign:ae,verticalAlign:de,transition:ne,gridCenter:le,gridCols:pe,maxHeight:ge,minHeight:he,maxWidth:ue,minWidth:fe,width:me,height:be,unitHeight:Se,unitWidth:ce,opacity:xe,ssLastChildLossBorder:ye,ssAbsoluteCovered:ve,ssCardBox:M,ssEffectsOnActive:Be,ssPushable:Te,ssSphere:z,ssSquare:_e,ssTextEllipsis:we,isBoldFont:Le,isLightFont:j,isSemiBoldFont:$,isRounded:q,flexCenter:I,flexNewLine:O,gradients:U,UnderBreakPointStyles:K={},freeCSS:V={}}=d;return{gap:L,display:e,position:l,overflow:x,fontColor:y,fontSize:H,fontWeight:k,backgroundColor:F,textAlign:n,textDecoration:E,boxShadow:P,margin:D,marginTop:G,marginRight:p,marginBottom:o,marginLeft:r,padding:c,paddingTop:b,paddingRight:i,paddingBottom:S,paddingLeft:v,top:C,right:R,bottom:J,left:Q,border:Y,borderTop:Z,borderRight:W,borderBottom:h,borderLeft:u,borderWidth:f,borderColor:m,borderStyle:ee,borderRadius:te,borderTopLeftRadius:re,borderTopRightRadius:A,borderBottomLeftRadius:B,borderBottomRightRadius:T,flexSizing:_,flexWrap:w,flexType:ie,flexChilds:oe,flexGrid:se,horizontalAlign:ae,verticalAlign:de,transition:ne,gridCenter:le,gridCols:pe,maxHeight:ge,minHeight:he,maxWidth:ue,minWidth:fe,width:me,height:be,unitHeight:Se,unitWidth:ce,opacity:xe,ssLastChildLossBorder:ye,ssAbsoluteCovered:ve,ssCardBox:M,ssEffectsOnActive:Be,ssPushable:Te,ssSphere:z,ssSquare:_e,ssTextEllipsis:we,isBoldFont:Le,isLightFont:j,isSemiBoldFont:$,isRounded:q,flexCenter:I,flexNewLine:O,gradients:U,freeCSS:V,UnderBreakPointStyles:K}};export{$e as ExtractStyles,je as GenerateHTMLProps,ke as ReadStyleSet};

package/dist/atoms/Box.js

@@ -1 +1 @@
-import{b as t,d as r}from"../chunk-C5N2D3ZX.js";import{jsx as n}from"react/jsx-runtime";import{GenerateClassName as m}from"../@utils";const a=o=>{let e=m(o),{freeCSS:c}=e,p=r(e,["freeCSS"]);return n("div",t({},p))};export{a as Box,a as default};
+import{b as t,d as r}from"../chunk-C5N2D3ZX.js";import{jsx as m}from"react/jsx-runtime";import{GenerateHTMLProps as n}from"../@utils";const o=a=>{let e=n(a),{freeCSS:c}=e,p=r(e,["freeCSS"]);return m("div",t({},p))};export{o as Box,o as default};

package/dist/atoms/FAI.js

@@ -1 +1 @@
-import{b as r,c as i,d as p}from"../chunk-C5N2D3ZX.js";import{jsx as e}from"react/jsx-runtime";import l from"./Box";import{FontAwesomeIcon as s}from"@fortawesome/react-fontawesome";import{faTimes as h}from"@fortawesome/free-solid-svg-icons/faTimes";import{faAngleRight as C}from"@fortawesome/free-solid-svg-icons/faAngleRight";import{faAngleLeft as A}from"@fortawesome/free-solid-svg-icons/faAngleLeft";import{faAngleUp as g}from"@fortawesome/free-solid-svg-icons/faAngleUp";import{faAngleDown as w}from"@fortawesome/free-solid-svg-icons/faAngleDown";import{faChevronLeft as R}from"@fortawesome/free-solid-svg-icons/faChevronLeft";import{faChevronRight as S}from"@fortawesome/free-solid-svg-icons/faChevronRight";import{faChevronUp as u}from"@fortawesome/free-solid-svg-icons/faChevronUp";import{faChevronDown as L}from"@fortawesome/free-solid-svg-icons/faChevronDown";import{faCaretLeft as E}from"@fortawesome/free-solid-svg-icons/faCaretLeft";import{faCaretRight as x}from"@fortawesome/free-solid-svg-icons/faCaretRight";import{faCaretUp as I}from"@fortawesome/free-solid-svg-icons/faCaretUp";import{faCaretDown as P}from"@fortawesome/free-solid-svg-icons/faCaretDown";import{faArrowLeft as y}from"@fortawesome/free-solid-svg-icons/faArrowLeft";import{faArrowRight as D}from"@fortawesome/free-solid-svg-icons/faArrowRight";import{faArrowUp as d}from"@fortawesome/free-solid-svg-icons/faArrowUp";import{faArrowDown as k}from"@fortawesome/free-solid-svg-icons/faArrowDown";import{faRotate as U}from"@fortawesome/free-solid-svg-icons/faRotate";import{faRedo as F}from"@fortawesome/free-solid-svg-icons/faRedo";import{faCheck as v}from"@fortawesome/free-solid-svg-icons/faCheck";import{faQuestion as T}from"@fortawesome/free-solid-svg-icons/faQuestion";import{faExclamation as H}from"@fortawesome/free-solid-svg-icons/faExclamation";import{faExclamationTriangle as B}from"@fortawesome/free-solid-svg-icons/faExclamationTriangle";import{faHome as Q}from"@fortawesome/free-solid-svg-icons/faHome";import{faShare as M}from"@fortawesome/free-solid-svg-icons/faShare";import{faSearch as G}from"@fortawesome/free-solid-svg-icons/faSearch";import{faYenSign as V}from"@fortawesome/free-solid-svg-icons/faYenSign";import{faPen as Y}from"@fortawesome/free-solid-svg-icons/faPen";import{faBars as N}from"@fortawesome/free-solid-svg-icons/faBars";import{faDownload as O}from"@fortawesome/free-solid-svg-icons/faDownload";import{faLink as W}from"@fortawesome/free-solid-svg-icons/faLink";import{faLinkSlash as z}from"@fortawesome/free-solid-svg-icons/faLinkSlash";import{faExternalLinkAlt as b}from"@fortawesome/free-solid-svg-icons/faExternalLinkAlt";import{faGear as q}from"@fortawesome/free-solid-svg-icons/faGear";import{faPlus as J}from"@fortawesome/free-solid-svg-icons/faPlus";import{faMinus as K}from"@fortawesome/free-solid-svg-icons/faMinus";import{faEllipsisH as X}from"@fortawesome/free-solid-svg-icons/faEllipsisH";import{faEllipsisV as Z}from"@fortawesome/free-solid-svg-icons/faEllipsisV";import{faStar as _}from"@fortawesome/free-solid-svg-icons/faStar";import{faPaperPlane as $}from"@fortawesome/free-solid-svg-icons/faPaperPlane";import{faHeart as j}from"@fortawesome/free-solid-svg-icons/faHeart";import{faUser as oo}from"@fortawesome/free-regular-svg-icons/faUser";import{faCheckCircle as ro}from"@fortawesome/free-regular-svg-icons/faCheckCircle";import{faQuestionCircle as io}from"@fortawesome/free-regular-svg-icons/faQuestionCircle";import{faEdit as to}from"@fortawesome/free-regular-svg-icons/faEdit";import{faCopy as eo}from"@fortawesome/free-regular-svg-icons/faCopy";import{faFile as no}from"@fortawesome/free-regular-svg-icons/faFile";import{faTrashAlt as mo}from"@fortawesome/free-regular-svg-icons/faTrashAlt";import{faImage as ao}from"@fortawesome/free-regular-svg-icons/faImage";const n=o=>{let f=o,{icon:c,iconProps:m}=f,a=p(f,["icon","iconProps"]);return e(l,i(r({},a),{freeCSS:r({aspectRatio:"1"},a.freeCSS),styles:r({display:"inlineFlex",flexCenter:!0,position:"relative"},a.styles),children:e(s,i(r({icon:c,fixedWidth:!0,size:"sm"},m),{style:r({aspectRatio:1,minWidth:12*1,minHeight:12*1},m==null?void 0:m.style)}))}))},t=n;t.User=o=>e(n,i(r({},o),{icon:oo})),t.Times=o=>e(n,i(r({},o),{icon:h})),t.AngleRight=o=>e(n,i(r({},o),{icon:C})),t.AngleLeft=o=>e(n,i(r({},o),{icon:A})),t.AngleUp=o=>e(n,i(r({},o),{icon:g})),t.AngleDown=o=>e(n,i(r({},o),{icon:w})),t.ChevronLeft=o=>e(n,i(r({},o),{icon:R})),t.ChevronRight=o=>e(n,i(r({},o),{icon:S})),t.ChevronUp=o=>e(n,i(r({},o),{icon:u})),t.ChevronDown=o=>e(n,i(r({},o),{icon:L})),t.CaretLeft=o=>e(n,i(r({},o),{icon:E})),t.CaretRight=o=>e(n,i(r({},o),{icon:x})),t.CaretUp=o=>e(n,i(r({},o),{icon:I})),t.CaretDown=o=>e(n,i(r({},o),{icon:P})),t.ArrowLeft=o=>e(n,i(r({},o),{icon:y})),t.ArrowRight=o=>e(n,i(r({},o),{icon:D})),t.ArrowUp=o=>e(n,i(r({},o),{icon:d})),t.ArrowDown=o=>e(n,i(r({},o),{icon:k})),t.Rotate=o=>e(n,i(r({},o),{icon:U})),t.Redo=o=>e(n,i(r({},o),{icon:F})),t.Check=o=>e(n,i(r({},o),{icon:v})),t.CheckCircle=o=>e(n,i(r({},o),{icon:ro})),t.Question=o=>e(n,i(r({},o),{icon:T})),t.QuestionCircle=o=>e(n,i(r({},o),{icon:io})),t.Exclamation=o=>e(n,i(r({},o),{icon:H})),t.ExclamationTriangle=o=>e(n,i(r({},o),{icon:B})),t.Home=o=>e(n,i(r({},o),{icon:Q})),t.Share=o=>e(n,i(r({},o),{icon:M})),t.Search=o=>e(n,i(r({},o),{icon:G})),t.YenSign=o=>e(n,i(r({},o),{icon:V})),t.Heart=o=>e(n,i(r({},o),{icon:j})),t.Star=o=>e(n,i(r({},o),{icon:_})),t.Edit=o=>e(n,i(r({},o),{icon:to})),t.Pen=o=>e(n,i(r({},o),{icon:Y})),t.Copy=o=>e(n,i(r({},o),{icon:eo})),t.File=o=>e(n,i(r({},o),{icon:no})),t.TrashAlt=o=>e(n,i(r({},o),{icon:mo})),t.Bars=o=>e(n,i(r({},o),{icon:N})),t.Download=o=>e(n,i(r({},o),{icon:O})),t.Link=o=>e(n,i(r({},o),{icon:W})),t.LinkSlash=o=>e(n,i(r({},o),{icon:z})),t.ExternalLinkAlt=o=>e(n,i(r({},o),{icon:b})),t.Gear=o=>e(n,i(r({},o),{icon:q})),t.Plus=o=>e(n,i(r({},o),{icon:J})),t.Minus=o=>e(n,i(r({},o),{icon:K})),t.EllipsisH=o=>e(n,i(r({},o),{icon:X})),t.EllipsisV=o=>e(n,i(r({},o),{icon:Z})),t.PaperPlane=o=>e(n,i(r({},o),{icon:$})),t.Image=o=>e(n,i(r({},o),{icon:ao}));export{t as FAI,t as default};
+import{b as r,c as i,d as p}from"../chunk-C5N2D3ZX.js";import{jsx as n}from"react/jsx-runtime";import l from"./Box";import{FontAwesomeIcon as s}from"@fortawesome/react-fontawesome";import{faTimes as h}from"@fortawesome/free-solid-svg-icons/faTimes";import{faAngleRight as C}from"@fortawesome/free-solid-svg-icons/faAngleRight";import{faAngleLeft as A}from"@fortawesome/free-solid-svg-icons/faAngleLeft";import{faAngleUp as g}from"@fortawesome/free-solid-svg-icons/faAngleUp";import{faAngleDown as w}from"@fortawesome/free-solid-svg-icons/faAngleDown";import{faChevronLeft as R}from"@fortawesome/free-solid-svg-icons/faChevronLeft";import{faChevronRight as S}from"@fortawesome/free-solid-svg-icons/faChevronRight";import{faChevronUp as u}from"@fortawesome/free-solid-svg-icons/faChevronUp";import{faChevronDown as L}from"@fortawesome/free-solid-svg-icons/faChevronDown";import{faCaretLeft as E}from"@fortawesome/free-solid-svg-icons/faCaretLeft";import{faCaretRight as x}from"@fortawesome/free-solid-svg-icons/faCaretRight";import{faCaretUp as I}from"@fortawesome/free-solid-svg-icons/faCaretUp";import{faCaretDown as P}from"@fortawesome/free-solid-svg-icons/faCaretDown";import{faArrowLeft as D}from"@fortawesome/free-solid-svg-icons/faArrowLeft";import{faArrowRight as d}from"@fortawesome/free-solid-svg-icons/faArrowRight";import{faArrowUp as k}from"@fortawesome/free-solid-svg-icons/faArrowUp";import{faArrowDown as y}from"@fortawesome/free-solid-svg-icons/faArrowDown";import{faRotate as U}from"@fortawesome/free-solid-svg-icons/faRotate";import{faRedo as F}from"@fortawesome/free-solid-svg-icons/faRedo";import{faCheck as v}from"@fortawesome/free-solid-svg-icons/faCheck";import{faQuestion as T}from"@fortawesome/free-solid-svg-icons/faQuestion";import{faExclamation as H}from"@fortawesome/free-solid-svg-icons/faExclamation";import{faExclamationTriangle as B}from"@fortawesome/free-solid-svg-icons/faExclamationTriangle";import{faHome as Q}from"@fortawesome/free-solid-svg-icons/faHome";import{faShare as M}from"@fortawesome/free-solid-svg-icons/faShare";import{faSearch as G}from"@fortawesome/free-solid-svg-icons/faSearch";import{faYenSign as V}from"@fortawesome/free-solid-svg-icons/faYenSign";import{faPen as Y}from"@fortawesome/free-solid-svg-icons/faPen";import{faBars as N}from"@fortawesome/free-solid-svg-icons/faBars";import{faDownload as O}from"@fortawesome/free-solid-svg-icons/faDownload";import{faLink as W}from"@fortawesome/free-solid-svg-icons/faLink";import{faLinkSlash as z}from"@fortawesome/free-solid-svg-icons/faLinkSlash";import{faExternalLinkAlt as b}from"@fortawesome/free-solid-svg-icons/faExternalLinkAlt";import{faGear as q}from"@fortawesome/free-solid-svg-icons/faGear";import{faPlus as J}from"@fortawesome/free-solid-svg-icons/faPlus";import{faMinus as K}from"@fortawesome/free-solid-svg-icons/faMinus";import{faEllipsisH as X}from"@fortawesome/free-solid-svg-icons/faEllipsisH";import{faEllipsisV as Z}from"@fortawesome/free-solid-svg-icons/faEllipsisV";import{faStar as _}from"@fortawesome/free-solid-svg-icons/faStar";import{faPaperPlane as $}from"@fortawesome/free-solid-svg-icons/faPaperPlane";import{faHeart as j}from"@fortawesome/free-solid-svg-icons/faHeart";import{faUser as oo}from"@fortawesome/free-regular-svg-icons/faUser";import{faCheckCircle as ro}from"@fortawesome/free-regular-svg-icons/faCheckCircle";import{faQuestionCircle as io}from"@fortawesome/free-regular-svg-icons/faQuestionCircle";import{faEdit as to}from"@fortawesome/free-regular-svg-icons/faEdit";import{faCopy as no}from"@fortawesome/free-regular-svg-icons/faCopy";import{faFile as eo}from"@fortawesome/free-regular-svg-icons/faFile";import{faTrashAlt as mo}from"@fortawesome/free-regular-svg-icons/faTrashAlt";import{faImage as ao}from"@fortawesome/free-regular-svg-icons/faImage";const e=o=>{let f=o,{icon:c,iconProps:m}=f,a=p(f,["icon","iconProps"]);return n(l,i(r({display:"inlineFlex",flexCenter:!0,position:"relative"},a),{freeCSS:r({aspectRatio:"1"},a.freeCSS),children:n(s,i(r({icon:c,fixedWidth:!0,size:"sm"},m),{style:r({aspectRatio:1,minWidth:12*1,minHeight:12*1},m==null?void 0:m.style)}))}))},t=e;t.User=o=>n(e,i(r({},o),{icon:oo})),t.Times=o=>n(e,i(r({},o),{icon:h})),t.AngleRight=o=>n(e,i(r({},o),{icon:C})),t.AngleLeft=o=>n(e,i(r({},o),{icon:A})),t.AngleUp=o=>n(e,i(r({},o),{icon:g})),t.AngleDown=o=>n(e,i(r({},o),{icon:w})),t.ChevronLeft=o=>n(e,i(r({},o),{icon:R})),t.ChevronRight=o=>n(e,i(r({},o),{icon:S})),t.ChevronUp=o=>n(e,i(r({},o),{icon:u})),t.ChevronDown=o=>n(e,i(r({},o),{icon:L})),t.CaretLeft=o=>n(e,i(r({},o),{icon:E})),t.CaretRight=o=>n(e,i(r({},o),{icon:x})),t.CaretUp=o=>n(e,i(r({},o),{icon:I})),t.CaretDown=o=>n(e,i(r({},o),{icon:P})),t.ArrowLeft=o=>n(e,i(r({},o),{icon:D})),t.ArrowRight=o=>n(e,i(r({},o),{icon:d})),t.ArrowUp=o=>n(e,i(r({},o),{icon:k})),t.ArrowDown=o=>n(e,i(r({},o),{icon:y})),t.Rotate=o=>n(e,i(r({},o),{icon:U})),t.Redo=o=>n(e,i(r({},o),{icon:F})),t.Check=o=>n(e,i(r({},o),{icon:v})),t.CheckCircle=o=>n(e,i(r({},o),{icon:ro})),t.Question=o=>n(e,i(r({},o),{icon:T})),t.QuestionCircle=o=>n(e,i(r({},o),{icon:io})),t.Exclamation=o=>n(e,i(r({},o),{icon:H})),t.ExclamationTriangle=o=>n(e,i(r({},o),{icon:B})),t.Home=o=>n(e,i(r({},o),{icon:Q})),t.Share=o=>n(e,i(r({},o),{icon:M})),t.Search=o=>n(e,i(r({},o),{icon:G})),t.YenSign=o=>n(e,i(r({},o),{icon:V})),t.Heart=o=>n(e,i(r({},o),{icon:j})),t.Star=o=>n(e,i(r({},o),{icon:_})),t.Edit=o=>n(e,i(r({},o),{icon:to})),t.Pen=o=>n(e,i(r({},o),{icon:Y})),t.Copy=o=>n(e,i(r({},o),{icon:no})),t.File=o=>n(e,i(r({},o),{icon:eo})),t.TrashAlt=o=>n(e,i(r({},o),{icon:mo})),t.Bars=o=>n(e,i(r({},o),{icon:N})),t.Download=o=>n(e,i(r({},o),{icon:O})),t.Link=o=>n(e,i(r({},o),{icon:W})),t.LinkSlash=o=>n(e,i(r({},o),{icon:z})),t.ExternalLinkAlt=o=>n(e,i(r({},o),{icon:b})),t.Gear=o=>n(e,i(r({},o),{icon:q})),t.Plus=o=>n(e,i(r({},o),{icon:J})),t.Minus=o=>n(e,i(r({},o),{icon:K})),t.EllipsisH=o=>n(e,i(r({},o),{icon:X})),t.EllipsisV=o=>n(e,i(r({},o),{icon:Z})),t.PaperPlane=o=>n(e,i(r({},o),{icon:$})),t.Image=o=>n(e,i(r({},o),{icon:ao}));export{t as FAI,t as default};

package/dist/atoms/Flex.js

@@ -1 +1 @@
-import{b as t,c as r}from"../chunk-C5N2D3ZX.js";import{jsx as a}from"react/jsx-runtime";import l from"./Box";const o=e=>a(l,r(t({},e),{styles:t({flexType:"row",flexWrap:!0,display:"flex"},e.styles),freeCSS:t({wordBreak:"break-word"},e.freeCSS)})),n=e=>a(l,r(t({},e),{styles:t({width:1,flexSizing:"none"},e.styles)}));export{o as Flex,n as FlexBr,o as default};
+import{b as t,c as r}from"../chunk-C5N2D3ZX.js";import{jsx as l}from"react/jsx-runtime";import o from"./Box";const a=e=>l(o,r(t({flexType:"row",flexWrap:!0,display:"flex"},e),{freeCSS:t({wordBreak:"break-word"},e.freeCSS)})),n=e=>l(o,t({width:1,flexSizing:"none"},e));export{a as Flex,n as FlexBr,a as default};

package/dist/atoms/Grid.js

@@ -1 +1 @@
-import{b as t,c as s}from"../chunk-C5N2D3ZX.js";import{jsx as e}from"react/jsx-runtime";import d from"./Box";const r=o=>e(d,s(t({},o),{styles:t({display:"grid"},o.styles)}));export{r as Grid,r as default};
+import{b as o}from"../chunk-C5N2D3ZX.js";import{jsx as p}from"react/jsx-runtime";import d from"./Box";const r=t=>p(d,o({display:"grid"},t));export{r as Grid,r as default};

package/dist/atoms/Img.js

@@ -1 +1 @@
-import{b as r,d as a}from"../chunk-C5N2D3ZX.js";import{jsx as h}from"react/jsx-runtime";import{GenerateClassName as C}from"../@utils";import S from"../fn/Sheet";import{ImgClasses as m}from"../@styles/componentClasses";const p=c=>{let n=c,{src:s="",alt:g="",showExpand:o}=n,e=a(n,["src","alt","showExpand"]);e.freeCSS=r({cursor:o?"zoom-in":"inherit"},e.freeCSS);let i=C(e),{freeCSS:u,className:l=""}=i,f=a(i,["freeCSS","className"]);return h("img",r({src:s,alt:g,className:[m("Img"),m("ShowExpand_"+!!o),l].join(" "),onMouseDown:t=>{o&&t.stopPropagation()},onTouchStart:t=>{o&&t.stopPropagation()},onClick:t=>{o&&(t.stopPropagation(),S.open({type:"image",src:o!=!0?o:s})),e.onClick&&e.onClick(t)}},f))};export{p as Img,p as default};
+import{b as r,d as a}from"../chunk-C5N2D3ZX.js";import{jsx as u}from"react/jsx-runtime";import{GenerateHTMLProps as S}from"../@utils";import h from"../fn/Sheet";import{ImgClasses as i}from"../@styles/componentClasses";const m=c=>{let n=c,{src:s="",alt:g="",showExpand:o}=n,e=a(n,["src","alt","showExpand"]);e.freeCSS=r({cursor:o?"zoom-in":"inherit"},e.freeCSS);let p=S(e),{freeCSS:C,className:l=""}=p,f=a(p,["freeCSS","className"]);return u("img",r({src:s,alt:g,className:[i("Img"),i("ShowExpand_"+!!o),l].join(" "),onMouseDown:t=>{o&&t.stopPropagation()},onTouchStart:t=>{o&&t.stopPropagation()},onClick:t=>{o&&(t.stopPropagation(),h.open({type:"image",src:o!=!0?o:s})),e.onClick&&e.onClick(t)}},f))};export{m as Img,m as default};

package/dist/atoms/Logo.js

@@ -1,4 +1,4 @@
-import{b as t,c as g,d as p}from"../chunk-C5N2D3ZX.js";import{Fragment as T,jsx as e,jsxs as I}from"react/jsx-runtime";import S from"@mingoo/jsmin";import f from"./Flex";import C from"./Img";import{LogoClasses as i}from"../@styles/componentClasses";const h={ComunIcon:()=>e("svg",{viewBox:"0,0,1200,1200",className:i("ComunIcon"),children:I("g",{children:[e("path",{d:`
+import{b as l,c as g,d as m}from"../chunk-C5N2D3ZX.js";import{Fragment as A,jsx as e,jsxs as I}from"react/jsx-runtime";import h from"@mingoo/jsmin";import L from"./Flex";import S from"./Img";import{LogoClasses as i}from"../@styles/componentClasses";const T={ComunIcon:()=>e("svg",{viewBox:"0,0,1200,1200",className:i("ComunIcon"),children:I("g",{children:[e("path",{d:`
         M
         100,600
         A 500,500 0 0,0 600,1100
@@ -32,7 +32,7 @@ import{b as t,c as g,d as p}from"../chunk-C5N2D3ZX.js";import{Fragment as T,jsx
         A 500,500 0 0,1 500,200
         A 100,100 0 0,1 600,100
         Z
-        `,style:{opacity:.9,fill:"#9a66ff"}})]})}),MingooIcon:()=>{const o=l=>I(T,{children:[e("path",{d:`
+        `,style:{opacity:.9,fill:"#9a66ff"}})]})}),MingooIcon:()=>{const o=t=>I(A,{children:[e("path",{d:`
             M
             600,100
             A 80,80 0 0,1 600,260
@@ -40,7 +40,7 @@ import{b as t,c as g,d as p}from"../chunk-C5N2D3ZX.js";import{Fragment as T,jsx
             L600,600
             L600,300
             Z
-            `,className:[i("P"),i("P_"+l)].join(" "),style:{fill:"#c56ff0"}}),e("path",{d:`
+            `,className:[i("P"),i("P_"+t)].join(" "),style:{fill:"#c56ff0"}}),e("path",{d:`
             M
             600,300
             A 45,45 0 0,1 600,390
@@ -48,4 +48,4 @@ import{b as t,c as g,d as p}from"../chunk-C5N2D3ZX.js";import{Fragment as T,jsx
             L600,600
             L600,300
             Z
-            `,className:[i("P"),i("P_"+l)].join(" "),style:{fill:"#ea6093"}})]});return I("svg",{viewBox:"0,0,1200,1200",className:i("MingooIcon"),children:[o(0),o(1),o(2),o(3),o(4),o(5),o(6),o(7),o(8)]})}},u={Icon:o=>e(r.Icon,g(t({},o),{children:e(h.MingooIcon,{})})),Title:o=>e(r.Title,g(t({className:i("ComunTitle")},o),{styles:t({height:"auto"},o.styles),freeCSS:t({letterSpacing:"3px"},o.freeCSS),children:"mingoo"})),LogoH:o=>{let n=o,{size:l,color:c}=n,s=p(n,["size","color"]);return I(f,g(t({},s),{styles:t({gap:"1/2",flexCenter:!0},s.styles),children:[e(u.Icon,{size:l,color:c}),e(u.Title,{size:l,color:c})]}))},LogoV:o=>{let n=o,{size:l,color:c}=n,s=p(n,["size","color"]);return I(f,g(t({},s),{styles:t({flexType:"col",gap:"1/2"},s.styles),children:[e(u.Icon,{styles:{margin:"auto"},size:l,color:c}),e(u.Title,{size:l,color:c})]}))}},m={Icon:o=>e(r.Icon,g(t({},o),{children:e(h.ComunIcon,{})})),Title:o=>e(r.Title,g(t({className:i("ComunTitle")},o),{styles:t({height:"auto"},o.styles),freeCSS:t({letterSpacing:"3px"},o.freeCSS),children:"comun"})),LogoH:o=>{let n=o,{size:l,color:c}=n,s=p(n,["size","color"]);return I(f,g(t({},s),{styles:t({gap:"1/2",flexCenter:!0},s.styles),children:[e(m.Icon,{size:l,color:c}),e(m.Title,{size:l,color:c})]}))},LogoV:o=>{let n=o,{size:l,color:c}=n,s=p(n,["size","color"]);return I(f,g(t({},s),{styles:t({flexType:"col",gap:"1/2"},s.styles),children:[e(m.Icon,{styles:{margin:"auto"},size:l,color:c}),e(m.Title,{size:l,color:c})]}))}};let a="https://cdn.amotify.com/";const r={Icon:o=>{let y=o,{size:l="R",color:c="normal",className:s="",children:n}=y,L=p(y,["size","color","className","children"]);return e(f,g(t({className:[s,i("Icon"),i("Size_"+l)].join(" ")},L),{styles:t({verticalAlign:"center"},L.styles),children:S.is.function(n)?e(n,{}):n}))},Title:o=>{let y=o,{size:l="R",color:c="normal",className:s="",children:n}=y,L=p(y,["size","color","className","children"]);return e(f,g(t({className:[s,i("Title"),i("Size_"+l)].join(" ")},L),{styles:t({verticalAlign:"center",fontColor:c=="white"?"white":"logo"},L.styles),freeCSS:t({lineHeight:"1.25"},L.freeCSS),children:S.is.function(n)?e(n,{}):n}))},Brands:{MingooIcon:u.Icon,MingooTitle:u.Title,MingooLogoH:u.LogoH,MingooLogoV:u.LogoV,ComunIcon:m.Icon,ComunTitle:m.Title,ComunLogoH:m.LogoH,ComunLogoV:m.LogoV,Google:o=>e(r.Icon,g(t({},o),{children:e(C,{src:a+"@env/@logos/brands/Google_Icon.svg",alt:""})})),Facebook:o=>e(r.Icon,g(t({},o),{children:e(C,{src:a+"@env/@logos/brands/FaceBook_Icon.svg",alt:""})})),Twitter:o=>e(r.Icon,g(t({},o),{children:e(C,{src:a+"@env/@logos/brands/Twitter_Icon.svg",alt:""})})),LINE:o=>e(r.Icon,g(t({},o),{children:e(C,{src:a+"@env/@logos/brands/Line_Icon.svg",alt:""})}))},Images:{mingooIcon:a+"@env/@logos/mingoo/icon.png",mingooIconClear:a+"@env/@logos/mingoo/iconClear.png",comunIcon:a+"@env/@logos/comun/icon.png",comunIconClear:a+"@env/@logos/comun/iconClear.png",defaultIcon:o=>a+"@env/@icon/"+(o||"image")+".png"}};export{r as Logo,r as default};
+            `,className:[i("P"),i("P_"+t)].join(" "),style:{fill:"#ea6093"}})]});return I("svg",{viewBox:"0,0,1200,1200",className:i("MingooIcon"),children:[o(0),o(1),o(2),o(3),o(4),o(5),o(6),o(7),o(8)]})}},u={Icon:o=>e(a.Icon,g(l({},o),{children:e(T.MingooIcon,{})})),Title:o=>e(a.Title,g(l({className:i("ComunTitle"),height:"auto"},o),{freeCSS:l({letterSpacing:"3px"},o.freeCSS),children:"mingoo"})),LogoH:o=>{let n=o,{size:t,color:c}=n,r=m(n,["size","color"]);return I(L,g(l({gap:"1/2",flexCenter:!0},r),{children:[e(u.Icon,{size:t,color:c}),e(u.Title,{size:t,color:c})]}))},LogoV:o=>{let n=o,{size:t,color:c}=n,r=m(n,["size","color"]);return I(L,g(l({flexType:"col",gap:"1/2"},r),{children:[e(u.Icon,{margin:"auto",size:t,color:c}),e(u.Title,{size:t,color:c})]}))}},p={Icon:o=>e(a.Icon,g(l({},o),{children:e(T.ComunIcon,{})})),Title:o=>e(a.Title,g(l({className:i("ComunTitle"),height:"auto"},o),{freeCSS:l({letterSpacing:"3px"},o.freeCSS),children:"comun"})),LogoH:o=>{let n=o,{size:t,color:c}=n,r=m(n,["size","color"]);return I(L,g(l({gap:"1/2",flexCenter:!0},r),{children:[e(p.Icon,{size:t,color:c}),e(p.Title,{size:t,color:c})]}))},LogoV:o=>{let n=o,{size:t,color:c}=n,r=m(n,["size","color"]);return I(L,g(l({flexType:"col",gap:"1/2"},r),{children:[e(p.Icon,{margin:"auto",size:t,color:c}),e(p.Title,{size:t,color:c})]}))}};let s="https://cdn.amotify.com/";const a={Icon:o=>{let f=o,{size:t="R",color:c="normal",className:r="",children:n}=f,C=m(f,["size","color","className","children"]);return e(L,g(l({className:[r,i("Icon"),i("Size_"+t)].join(" "),verticalAlign:"center"},C),{children:h.is.function(n)?e(n,{}):n}))},Title:o=>{let f=o,{size:t="R",color:c="normal",className:r="",children:n}=f,C=m(f,["size","color","className","children"]);return e(L,g(l({className:[r,i("Title"),i("Size_"+t)].join(" "),verticalAlign:"center",fontColor:c=="white"?"white":"logo"},C),{freeCSS:l({lineHeight:"1.25"},C.freeCSS),children:h.is.function(n)?e(n,{}):n}))},Brands:{MingooIcon:u.Icon,MingooTitle:u.Title,MingooLogoH:u.LogoH,MingooLogoV:u.LogoV,ComunIcon:p.Icon,ComunTitle:p.Title,ComunLogoH:p.LogoH,ComunLogoV:p.LogoV,Google:o=>e(a.Icon,g(l({},o),{children:e(S,{src:s+"@env/@logos/brands/Google_Icon.svg",alt:""})})),Facebook:o=>e(a.Icon,g(l({},o),{children:e(S,{src:s+"@env/@logos/brands/FaceBook_Icon.svg",alt:""})})),Twitter:o=>e(a.Icon,g(l({},o),{children:e(S,{src:s+"@env/@logos/brands/Twitter_Icon.svg",alt:""})})),LINE:o=>e(a.Icon,g(l({},o),{children:e(S,{src:s+"@env/@logos/brands/Line_Icon.svg",alt:""})}))},Images:{mingooIcon:s+"@env/@logos/mingoo/icon.png",mingooIconClear:s+"@env/@logos/mingoo/iconClear.png",comunIcon:s+"@env/@logos/comun/icon.png",comunIconClear:s+"@env/@logos/comun/iconClear.png",defaultIcon:o=>s+"@env/@icon/"+(o||"image")+".png"}};export{a as Logo,a as default};

package/dist/atoms/P.js

@@ -1 +1 @@
-import{b as t,d as r}from"../chunk-C5N2D3ZX.js";import{jsx as o}from"react/jsx-runtime";import{GenerateClassName as m}from"../@utils";const a=p=>{let e=m(p),{freeCSS:l}=e,n=r(e,["freeCSS"]);return o("p",t({},n))};export{a as P,a as default};
+import{b as t,d as r}from"../chunk-C5N2D3ZX.js";import{jsx as m}from"react/jsx-runtime";import{GenerateHTMLProps as o}from"../@utils";const a=p=>{let e=o(p),{freeCSS:c}=e,n=r(e,["freeCSS"]);return m("p",t({},n))};export{a as P,a as default};

package/dist/atoms/Placeholder.js

@@ -1 +1 @@
-import{b as e,c as a,d as s}from"../chunk-C5N2D3ZX.js";import{jsx as n}from"react/jsx-runtime";import c from"./Box";import{PlaceholderClasses as o}from"../@styles/componentClasses";const d=l=>{let t=l,{color:u="cloud"}=t,r=s(t,["color"]);return n(c,a(e({className:[o("Placeholder"),l.className].join(" ")},r),{styles:e({flexCenter:!0,position:"relative",ssCardBox:!0,border:"unset",overflow:"hidden",backgroundColor:"layer.3"},r.styles),children:n(c,{className:[o("Body"),o("Color_"+u)].join(" ")})}))};export{d as Placeholder,d as default};
+import{b as r,c as a,d as t}from"../chunk-C5N2D3ZX.js";import{jsx as d}from"react/jsx-runtime";import s from"./Box";import{PlaceholderClasses as o}from"../@styles/componentClasses";const c=e=>{let l=e,{color:n="cloud"}=l,u=t(l,["color"]);return d(s,a(r({className:[o("Placeholder"),e.className].join(" "),flexCenter:!0,position:"relative",ssCardBox:!0,border:"unset",overflow:"hidden",backgroundColor:"layer.3"},u),{children:d(s,{className:[o("Body"),o("Color_"+n)].join(" ")})}))};export{c as Placeholder,c as default};

package/dist/atoms/Span.js

@@ -1 +1 @@
-import{b as t,d as a}from"../chunk-C5N2D3ZX.js";import{jsx as o}from"react/jsx-runtime";import{GenerateClassName as m}from"../@utils";const n=p=>{let e=m(p),{freeCSS:l}=e,r=a(e,["freeCSS"]);return o("span",t({},r))};export{n as Span,n as default};
+import{b as t,d as a}from"../chunk-C5N2D3ZX.js";import{jsx as m}from"react/jsx-runtime";import{GenerateHTMLProps as o}from"../@utils";const p=r=>{let e=o(r),{freeCSS:c}=e,n=a(e,["freeCSS"]);return m("span",t({},n))};export{p as Span,p as default};

package/dist/fn/Button.js

@@ -1 +1 @@
-import{b as t,c as i,d as B,e as A}from"../chunk-C5N2D3ZX.js";import{jsx as p}from"react/jsx-runtime";import L from"@mingoo/jsmin";import{pageRouter as x,ReadStyleSet as N,collectForm as I,GenerateClassName as E}from"../@utils";import{ButtonClasses as c}from"../@styles/componentClasses";const v={Size:(r,o,n,s)=>{let e={fontSize:"inherit"};return n=n||"R",["Plain","Link"].includes(o)?{}:(n=="XS"?e=i(t({},e),{padding:["1/3","2/3"],fontSize:"0.xs",borderRadius:"3.tone.tertiary"}):n=="S"?e=i(t({},e),{padding:["1/2","3/4"],fontSize:"1.mini",borderRadius:"3.tone.tertiary"}):n=="R"?(e.padding=["3/4",1],o=="Prime"&&(e.padding=["3/4",2])):n=="L"&&(e.padding=[1,3],e.fontSize="3.paragraph",e.isSemiBoldFont=!0),e=t({borderRadius:"2.tone.secondary",transition:"middle",position:"relative",textAlign:"center"},e),e)},Tone:(r,o,n,s)=>{let e={display:"inlineBlock",fontWeight:"inherit",fontColor:"inherit",border:"unset"};return o=="Plain"||(o=="Link"?(e.fontColor="theme",e.textAlign="left",e.backgroundColor="trans"):o=="Normal"?e=i(t({},e),{backgroundColor:"trans"}):o=="Border"?e=i(t({},e),{backgroundColor:"layer.1",border:"2.normal",borderStyle:"solid",boxShadow:"0.min"}):o=="Prime"?(e=i(t({},e),{isSemiBoldFont:!0,fontColor:"white",backgroundColor:s,boxShadow:"0.normal",ssEffectsOnActive:["shrink","push","ripple.white"]}),s=="white"&&(e=i(t({},e),{fontColor:"theme",ssEffectsOnActive:["shrink","push","ripple.cloud"]}))):o=="Sub"?e=i(t({},e),{fontColor:s,ssEffectsOnActive:["shrink","ripple.cloud"]}):o=="Clear"?e=i(t({},e),{fontColor:s,backgroundColor:"trans",ssEffectsOnActive:["shrink","ripple.cloud"]}):o=="FillToBorder"?e=i(t({},e),{boxShadow:"0.normal",border:"2.normal",borderWidth:2,borderColor:s,fontColor:s,backgroundColor:s}):o=="BorderToFill"&&(e=i(t({},e),{fontColor:s,boxShadow:"0.normal",border:"2.normal",borderWidth:2,borderColor:s,backgroundColor:s})),s=="cloud"&&(e.fontColor="3.blur"),o!="Link"&&(e=t({position:"relative",ssEffectsOnActive:["shrink","push"]},e))),e}},m=r=>{let o=N(t({isLocked:!1,isActive:!1,isActiveStyles:{},isActiveClassName:"",tabIndex:0,className:"",color:"theme","aria-label":L.uuid.gen()},r)),n=o.seed;{let{isLocked:T=!1,isActive:y=!1,isActiveStyles:S={},isActiveClassName:b="",tone:a="border",color:l="theme",className:d=""}=o;o.styles=t(t(t({},v.Size(r.seed,r.tone,r.size,l)),v.Tone(r.seed,r.tone,r.size,l)),o.styles),o.className=[d,c("Wrap"),c("isNeutral_"+!y),c("isLocked_"+T),c("Tone_"+a),c("Color_"+l),c("Tone_"+a+"_Color_"+l)].join(" "),y&&(o=i(t({className:[o.className,b].join(" ")},o),{styles:t(t({},o.styles),S)})),o=E(o)}if(n=="Button"){let s=o,{isLocked:T,isActive:y,isActiveClassName:S,isActiveStyles:b,submitOption:a,onClick:l}=s,d=B(s,["isLocked","isActive","isActiveClassName","isActiveStyles","submitOption","onClick"]);return a&&(a=t({acceptInvalidForm:!1,submitDelegationKey:"auxEnter"},a),d=i(t({},d),{"data-form-submit-button":a.formName,"data-sdfike":L.flatArray(a.submitDelegationKey).join(",")})),p("button",t({onClick:C=>A(void 0,null,function*(){if(l&&l(C),!a)return;let f=yield I(a.formName);!a.acceptInvalidForm&&!f.valid||a.callback(f.data,f.valid)})},d))}else if(n=="Label"){let e=o,{isLocked:T,isActive:y,isActiveClassName:S,isActiveStyles:b}=e,a=B(e,["isLocked","isActive","isActiveClassName","isActiveStyles"]);return p("label",t({},a))}else if(n=="Anchor"){let k=o,{isLocked:T,isActive:y,isActiveClassName:S,isActiveStyles:b,href:a="",newTab:l,sync:d,shiftQueryParams:C}=k,f=B(k,["isLocked","isActive","isActiveClassName","isActiveStyles","href","newTab","sync","shiftQueryParams"]);return p("button",t({onClick:P=>{let z=P.ctrlKey||P.metaKey,R=l||!!z,h=a;C&&(h+=location.search),d?x.pushSync(h):x.push(h,!!R)}},f))}return null},u=(r,o)=>({XS:n=>p(m,i(t({},n),{seed:r,tone:o,size:"S"})),S:n=>p(m,i(t({},n),{seed:r,tone:o,size:"S"})),R:n=>p(m,i(t({},n),{seed:r,tone:o,size:"R"})),L:n=>p(m,i(t({},n),{seed:r,tone:o,size:"L"}))}),g=r=>({Plain:o=>p(m,i(t({},o),{seed:r,tone:"Plain",size:"R"})),Link:o=>p(m,i(t({},o),{seed:r,tone:"Link",size:"R"})),Normal:u(r,"Normal"),Border:u(r,"Border"),Prime:u(r,"Prime"),Sub:u(r,"Sub"),Clear:u(r,"Clear"),FillToBorder:u(r,"FillToBorder"),BorderToFill:u(r,"BorderToFill")}),F={Button:g("Button"),Label:g("Label"),Anchor:g("Anchor")};export{F as Button,F as default};
+import{b as t,c as i,d as B,e as A}from"../chunk-C5N2D3ZX.js";import{jsx as p}from"react/jsx-runtime";import L from"@mingoo/jsmin";import{pageRouter as x,ReadStyleSet as N,collectForm as I,GenerateHTMLProps as E}from"../@utils";import{ButtonClasses as c}from"../@styles/componentClasses";const v={Size:(r,o,n,l)=>{let e={fontSize:"inherit"};return n=n||"R",["Plain","Link"].includes(o)?{}:(n=="XS"?e=i(t({},e),{padding:["1/3","2/3"],fontSize:"0.xs",borderRadius:"3.tone.tertiary"}):n=="S"?e=i(t({},e),{padding:["1/2","3/4"],fontSize:"1.mini",borderRadius:"3.tone.tertiary"}):n=="R"?(e.padding=["3/4",1],o=="Prime"&&(e.padding=["3/4",2])):n=="L"&&(e.padding=[1,3],e.fontSize="3.paragraph",e.isSemiBoldFont=!0),e=t({borderRadius:"2.tone.secondary",transition:"middle",position:"relative",textAlign:"center"},e),e)},Tone:(r,o,n,l)=>{let e={display:"inlineBlock",fontWeight:"inherit",fontColor:"inherit",border:"unset"};return o=="Plain"||(o=="Link"?(e.fontColor="theme",e.textAlign="left",e.backgroundColor="trans"):o=="Normal"?e=i(t({},e),{backgroundColor:"trans"}):o=="Border"?e=i(t({},e),{backgroundColor:"layer.1",border:"2.normal",borderStyle:"solid",boxShadow:"0.min"}):o=="Prime"?(e=i(t({},e),{isSemiBoldFont:!0,fontColor:"white",backgroundColor:l,boxShadow:"0.normal",ssEffectsOnActive:["shrink","push","ripple.white"]}),l=="white"&&(e=i(t({},e),{fontColor:"theme",ssEffectsOnActive:["shrink","push","ripple.cloud"]}))):o=="Sub"?e=i(t({},e),{fontColor:l,ssEffectsOnActive:["shrink","ripple.cloud"]}):o=="Clear"?e=i(t({},e),{fontColor:l,backgroundColor:"trans",ssEffectsOnActive:["shrink","ripple.cloud"]}):o=="FillToBorder"?e=i(t({},e),{boxShadow:"0.normal",border:"2.normal",borderWidth:2,borderColor:l,fontColor:l,backgroundColor:l}):o=="BorderToFill"&&(e=i(t({},e),{fontColor:l,boxShadow:"0.normal",border:"2.normal",borderWidth:2,borderColor:l,backgroundColor:l})),l=="cloud"&&(e.fontColor="3.blur"),o!="Link"&&(e=t({position:"relative",ssEffectsOnActive:["shrink","push"]},e))),e}},m=r=>{let o=N(t({isLocked:!1,isActive:!1,isActiveStyles:{},isActiveClassName:"",tabIndex:0,className:"",color:"theme","aria-label":L.uuid.gen()},r)),n=o.seed;{let{isLocked:T=!1,isActive:f=!1,isActiveStyles:S={},isActiveClassName:b="",tone:a="border",color:s="theme",className:d=""}=o;o=t(t(t({},v.Size(r.seed,r.tone,r.size,s)),v.Tone(r.seed,r.tone,r.size,s)),o),o.className=[d,c("Wrap"),c("isNeutral_"+!f),c("isLocked_"+T),c("Tone_"+a),c("Color_"+s),c("Tone_"+a+"_Color_"+s)].join(" "),f&&(o=t(t({className:[o.className,b].join(" ")},o),S)),o=E(o)}if(n=="Button"){let l=o,{isLocked:T,isActive:f,isActiveClassName:S,isActiveStyles:b,submitOption:a,onClick:s}=l,d=B(l,["isLocked","isActive","isActiveClassName","isActiveStyles","submitOption","onClick"]);return a&&(a=t({acceptInvalidForm:!1,submitDelegationKey:"auxEnter"},a),d=i(t({},d),{"data-form-submit-button":a.formName,"data-sdfike":L.flatArray(a.submitDelegationKey).join(",")})),p("button",t({onClick:C=>A(void 0,null,function*(){if(s&&s(C),!a)return;let y=yield I(a.formName);!a.acceptInvalidForm&&!y.valid||a.callback(y.data,y.valid)})},d))}else if(n=="Label"){let e=o,{isLocked:T,isActive:f,isActiveClassName:S,isActiveStyles:b}=e,a=B(e,["isLocked","isActive","isActiveClassName","isActiveStyles"]);return p("label",t({},a))}else if(n=="Anchor"){let k=o,{isLocked:T,isActive:f,isActiveClassName:S,isActiveStyles:b,href:a="",newTab:s,sync:d,shiftQueryParams:C}=k,y=B(k,["isLocked","isActive","isActiveClassName","isActiveStyles","href","newTab","sync","shiftQueryParams"]);return p("button",t({onClick:P=>{let z=P.ctrlKey||P.metaKey,R=s||!!z,h=a;C&&(h+=location.search),d?x.pushSync(h):x.push(h,!!R)}},y))}return null},u=(r,o)=>({XS:n=>p(m,i(t({},n),{seed:r,tone:o,size:"S"})),S:n=>p(m,i(t({},n),{seed:r,tone:o,size:"S"})),R:n=>p(m,i(t({},n),{seed:r,tone:o,size:"R"})),L:n=>p(m,i(t({},n),{seed:r,tone:o,size:"L"}))}),g=r=>({Plain:o=>p(m,i(t({},o),{seed:r,tone:"Plain",size:"R"})),Link:o=>p(m,i(t({},o),{seed:r,tone:"Link",size:"R"})),Normal:u(r,"Normal"),Border:u(r,"Border"),Prime:u(r,"Prime"),Sub:u(r,"Sub"),Clear:u(r,"Clear"),FillToBorder:u(r,"FillToBorder"),BorderToFill:u(r,"BorderToFill")}),F={Button:g("Button"),Label:g("Label"),Anchor:g("Anchor")};export{F as Button,F as default};

package/dist/fn/Cropper.d.ts

@@ -14,6 +14,9 @@ declare namespace Cropper {
     };
     type Methods = {
         open(p: Input): void;
+        openEditor(p: Input & {
+            imageFile: Input.Filer.CustomFile | File;
+        }): void;
     };
     type CoreProps = {
         val_file: Input.Filer.CustomFile;

package/dist/fn/Cropper.js

@@ -1 +1 @@
-import{b as X,c as V,e as B}from"../chunk-C5N2D3ZX.js";import{Fragment as $,jsx as p,jsxs as y}from"react/jsx-runtime";import b from"@mingoo/jsmin";import{$$fromRoot as j,useStore as M}from"../@utils";import{useState as z,useEffect as H}from"react";import O from"../atoms/Flex";import E from"../atoms/Box";import P from"../atoms/FAI";import T from"../mols/Column";import q from"../mols/Row";import Y from"./Button";import A from"./Sheet";import U from"./Loader";import W from"./Input";import{faPalette as K}from"@fortawesome/free-solid-svg-icons/faPalette";import{faBarsStaggered as Z}from"@fortawesome/free-solid-svg-icons/faBarsStaggered";import{faRotateLeft as J}from"@fortawesome/free-solid-svg-icons/faRotateLeft";import{faRotateRight as Q}from"@fortawesome/free-solid-svg-icons/faRotateRight";import{CropperClasses as L}from"../@styles/componentClasses";class ee{constructor(r){this.set_scale=r.set_scale,this.val_file=r.val_file,this.develops=r.develops,this.use=r.use,this.componentID=r.componentID,this.scale={current:r.scale.default,default:r.scale.default,min:r.scale.min,max:r.scale.max};let e=r.canvas,{width:l,height:t}=e,a=r.picture.image,{width:h,height:n}=a,c=h/n;this.Canvas={elm:e,ctx:e.getContext("2d")};let o=0,i=0;this.use=="square"?(o=e.width/3*2,i=e.height/3*2):this.use=="wallpaper.horizontal"?(o=e.width*(7/9),i=o/3):this.use=="wallpaper.vertical"&&(i=e.height*(7/9),o=i/2);let s=(e.width-o)/2,d=(e.height-i)/2,g=o/i;this.Picture={elm:a,originDataUrl:a.src,aspect:c,revisedAspect:g>c?o/h:i/n,rotate:r.picture.rotate,grayScale:r.picture.grayScale,tone:r.picture.tone},this.pst={frame:{x:s,y:d,w:o,h:i,aspect:g},outImage:{x:0,y:0,w:0,h:0},imageX:h/2,imageY:n/2,centerX:l/2,centerY:t/2},this.dragEffectInfo={origin:{x:0,y:0},frameExpandRate:{x:0,y:0}},this.pinchEffectInfo={origin:{x:0,y:0,scale:this.scale.current}},this.modifyImage()}dragEffect(r){let{eventType:e,x:l,y:t}=r;if(e=="start"){let a=this.Canvas.elm.position();this.dragEffectInfo={origin:{x:l,y:t},frameExpandRate:{x:this.Canvas.elm.width/a.width,y:this.Canvas.elm.height/a.height}}}else{let{origin:a,frameExpandRate:h}=this.dragEffectInfo,n=a.x-l,c=a.y-t,o=this.scale.current*this.Picture.revisedAspect/100,i=n/o*h.x,s=c/o*h.y;e=="move"?this.drawImage(this.pst.imageX+i,this.pst.imageY+s):e=="end"&&this.drawImage(this.pst.imageX+=i,this.pst.imageY+=s)}}pinchEffect(r){let{eventType:e,event:l}=r,{x:t,y:a}=b.getCursor(l.touches[0]),{x:h,y:n}=b.getCursor(l.touches[1]),c=h-t,o=n-a;if(e=="start")this.pinchEffectInfo.origin={x:c,y:o,scale:this.scale.current};else if(e=="move"){let{origin:i}=this.pinchEffectInfo,s=Math.sqrt(Math.pow(i.x,2)+Math.pow(i.y,2)),g=Math.sqrt(Math.pow(c,2)+Math.pow(o,2))/s,C=Number(i.scale*g);this.set_scale(C)}}updateScale(r){let e=r;e=Math.max(e,this.scale.min),e=Math.min(e,this.scale.max),this.scale.current=e,this.drawImage()}updateFilter(r){this.Picture.grayScale=r.grayScale,this.Picture.tone=r.tone,this.Picture.rotate=r.rotate,this.modifyImage()}modifyImage(){return B(this,null,function*(){let{grayScale:r,tone:e,rotate:l}=this.Picture;const t=document.createElement("canvas");let a=t.getContext("2d"),h=yield b.ImageLoader(this.Picture.originDataUrl),n=h.width,c=h.height;(l==90||l==270)&&(n=h.height,c=h.width),t.width=n,t.height=c,r&&(a.filter="grayscale("+r+"%)"),l&&(a.translate(n/2,c/2),a.rotate(l*Math.PI/180),[90,270].includes(l)?a.translate(-c/2,-n/2):a.translate(-n/2,-c/2)),a.drawImage(h,0,0,h.width,h.height);let o=a.getImageData(0,0,t.width,t.height),i=o.data;{r/=100;let C=[[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]][e],x=C[0]/255,S=C[1]/255,m=C[2]/255;for(let u=0;u<c;u++)for(let v=0;v<n;v++){var s=(u*n+v)*4;if(r){let w=.3*i[s]+.59*i[s+1]+.11*i[s+2];for(var d=0;d<3;d++){let D=i[s+d];i[s+d]=D+(w-D)*r}}i[s]*=x,i[s+1]*=S,i[s+2]*=m}}a.putImageData(o,0,0);let g=t.toDataURL("image/jpeg");{let C=yield b.ImageLoader(g),{width:x,height:S}=C,m=x/S;this.Picture=V(X({},this.Picture),{elm:C,aspect:m,revisedAspect:this.pst.frame.aspect>m?this.pst.frame.w/x:this.pst.frame.h/S})}this.drawImage()})}drawImage(r,e){let{use:l,Canvas:{ctx:t},pst:{frame:a}}=this,h=r||this.pst.imageX,n=e||this.pst.imageY;{let c=this.scale.current/100,o=this.Picture.revisedAspect*c,i=this.pst.centerX-h*o,s=this.pst.centerY-n*o,d=this.Picture.elm.width*o,g=this.Picture.elm.height*o;{let C=this.pst.frame.x+this.pst.frame.w-d,x=this.pst.frame.x,S=this.pst.frame.y+this.pst.frame.h-g,m=this.pst.frame.y,u=0;i<C&&(u=i-C),i>x&&(u=i-x);let v=0;s<S&&(v=s-S),s>m&&(v=s-m),this.dragEffectInfo.origin.x+=u/2/this.dragEffectInfo.frameExpandRate.x,this.dragEffectInfo.origin.y+=v/2/this.dragEffectInfo.frameExpandRate.y,i=Math.min(Math.max(i,C),x),s=Math.min(Math.max(s,S),m)}this.pst.outImage={x:i,y:s,w:d,h:g},t.clearRect(0,0,this.Canvas.elm.width,this.Canvas.elm.height),t.drawImage(this.Picture.elm,0,0,this.Picture.elm.width,this.Picture.elm.height,i,s,d,g)}{l=="square"?(t.fillStyle="rgba( 20,24,20,.3 )",t.beginPath(),t.arc(this.Canvas.elm.width/2,this.Canvas.elm.height/2,this.Canvas.elm.width,0,Math.PI*2,!0),t.arc(this.Canvas.elm.width/2,this.Canvas.elm.height/2,this.Canvas.elm.width/3*2/2,0,Math.PI*2,!1),t.closePath(),t.fill()):(l=="wallpaper.horizontal"||l=="wallpaper.vertical")&&(t.fillStyle="rgba( 20,24,20,.3 )"),t.beginPath(),t.moveTo(0,0),t.lineTo(this.Canvas.elm.width,0),t.lineTo(this.Canvas.elm.width,this.Canvas.elm.height),t.lineTo(0,this.Canvas.elm.height),t.lineTo(0,0),t.closePath(),t.lineTo(a.x,a.y),t.lineTo(a.x,a.y+a.h),t.lineTo(a.x+a.w,a.y+a.h),t.lineTo(a.x+a.w,a.y),t.lineTo(a.x,a.y),t.fill();let o=b(document.body).getStyleProperty("--color-theme-hsl");t.lineWidth=this.Canvas.elm.width/200,t.strokeStyle=`hsla( ${o},1 )`,t.strokeRect(a.x,a.y,a.w,a.h)}}export(){return B(this,null,function*(){let{develops:r,Picture:e,pst:{outImage:l,frame:t}}=this,a=l.w/e.elm.width,h=l.h/e.elm.height,n=(t.x-l.x)/a,c=(t.x-l.x+t.w)/a,o=(t.y-l.y)/h,i=(t.y-l.y+t.h)/h,s=Array.from({length:r.length}),d="image/jpeg";for(let g=0;g<r.length;g++){let{size:C,maxSize:x}=r[g];x=x||{S:1024*20,R:1024*100,L:1024*350}[C];let S={S:144,R:576,L:1152}[C],m=S;this.use=="wallpaper.horizontal"?m=S/3*2:this.use=="wallpaper.vertical"&&(m=S*2);let u=document.createElement("canvas");u.width=S,u.height=m;let v=u.getContext("2d");if(!v)return;v.clearRect(0,0,S,m),v.drawImage(this.Picture.elm,n,o,c-n,i-o,0,0,S,m);let w=u.toDataURL(d),D=yield w.toBlob(d);if(!D)return;if(D.size>=x){let F=x/D.size;if(w=u.toDataURL(d,F*.92),D=yield w.toBlob(d),!D)return}let k=new File([D],this.val_file.name,{type:d});s[g]=k}return s})}}const G={Core:f=>{let{val_file:r,options:e,finishedCallback:l,abortCallback:t}=f,{use:a,develops:h=[]}=e,[n]=z(b.uuid.gen(32));const c={scale:{default:125,min:100,max:300},rotate:0,grayScale:0,tone:0};let[o,i]=z(c.scale.default),[s,d]=z(c.rotate),[g,C]=z(c.grayScale),[x,S]=z(c.tone);return H(()=>{M.set({[n]:{}}),B(void 0,null,function*(){U.fn.corner.active();let{target:m}=yield r.read();if(!m)return;let u=m.result,v=j("#Canvas-"+n)[0];if(!v)return;let w=new ee({set_scale:i,val_file:r,develops:h,use:a,scale:c.scale,componentID:n,canvas:v,picture:{image:yield b.ImageLoader(u),grayScale:c.grayScale,tone:c.tone,rotate:c.rotate}});M.set({[n]:{Instance:w}});const D=function(I){if(I.preventDefault(),I.touches&&I.touches.length>1)w.pinchEffect({eventType:"start",event:I}),b(document).addEvent({eventType:"touchmove",eventID:"CropperEffectMove",options:{passive:!1},callback:R=>{R.preventDefault(),w.pinchEffect({eventType:"move",event:R})}}).addEvent({eventType:"touchend",eventID:"CropperEffectEnd",options:{passive:!1},callback:F});else{w.dragEffect(X({eventType:"start"},b.getCursor(I)));let{type:R}=I;b(document).addEvent({eventType:R=="touchstart"?"touchmove":"mousemove",eventID:"CropperEffectMove",options:{passive:!1},callback:_=>{k("move",_)}}).addEvent({eventType:R=="touchstart"?"touchend":"mouseup",eventID:"CropperEffectEnd",options:{passive:!1},callback:_=>{k("end",_),F(_)}})}},k=function(I,R){R.preventDefault(),w.dragEffect(X({eventType:I},b.getCursor(R)))},F=function(I){I.preventDefault(),b(document).removeEvent(["CropperEffectMove","CropperEffectEnd"])};b(v).removeEvent(["CropperMouseWheel","CropperTouchStart","CropperMouseDown"]).addEvent({eventID:"CropperMouseWheel",eventType:"wheel",callback:I=>{I.preventDefault();let R=Number(I.wheelDelta*.04),_=w.scale.current+R;_=Math.max(_,w.scale.min),_=Math.min(_,w.scale.max),i(_)},options:{passive:!1}}).addEvent({eventType:"touchstart",eventID:"CropperTouchStart",callback:D,options:{passive:!1}}).addEvent({eventType:"mousedown",eventID:"CropperMouseDown",callback:D,options:{passive:!1}}),setTimeout(()=>{U.fn.corner.stop()},1e3)})},[r.id]),H(()=>{var u;let m=(u=M.get(n))==null?void 0:u.Instance;m&&m.updateScale(o)},[o]),H(()=>{var u;let m=(u=M.get(n))==null?void 0:u.Instance;m&&m.updateFilter({grayScale:g,tone:x,rotate:s})},[g,x,s]),p(A.Comps.Body,{children:y(O,{className:[L("Wrap"),L("Use_"+a)].join(" "),styles:{flexWrap:!1,position:"relative",overflow:"hidden",borderRadius:"inherit"},UnderBreakPointStyles:{flexType:"col"},children:[p(E,{styles:{flexGrid:3},UnderBreakPointStyles:{width:1,padding:2},children:p(E,{styles:{overflow:"hidden",position:"relative",backgroundColor:"layer.4"},freeCSS:{zIndex:1},UnderBreakPointStyles:{borderRadius:"1.tone.primary"},children:p("canvas",{width:"2400",height:a=="wallpaper.horizontal"?"1800":a=="wallpaper.vertical"?"3200":"2400",className:L("Canvas"),id:"Canvas-"+n})})}),y(T,{styles:{gap:0,flexGrid:2,boxShadow:"3.remark"},UnderBreakPointStyles:{width:1,maxWidth:"unset"},freeCSS:{maxWidth:12*28},children:[y(T,{styles:{gap:1,flexSizing:0,overflow:"auto",padding:1.5},UnderBreakPointStyles:{flexSizing:"none"},children:[p(E,{styles:{flexSizing:"none",fontSize:"4.thirdTitle",isSemiBoldFont:!0},children:"\u30D5\u30A3\u30EB\u30BF\u30FC"}),p(G.SettingRegion,{DefaultOptions:c,val_scale:o,set_scale:i,val_tone:x,set_tone:S,val_grayScale:g,set_grayScale:C,val_rotate:s,set_rotate:d})]}),y(O,{styles:{padding:1.5,flexSizing:"none",gap:1,borderTop:!0},children:[p(Y.Button.Border.R,{onClick:()=>{t()},children:"\u30AD\u30E3\u30F3\u30BB\u30EB"}),p(Y.Button.Prime.R,{styles:{flexSizing:0},onClick:()=>B(void 0,null,function*(){var v;let m=(v=M.get(n))==null?void 0:v.Instance;if(!m)return;U.fn.mini.active("CropperExportation");let u=yield m.export();setTimeout(()=>{U.fn.mini.stop("CropperExportation"),l(u)},3e3)}),children:y(q.Center,{styles:{gap:"1/2"},children:[p(U.White.R,{loaderID:"CropperExportation"}),"\u6C7A\u5B9A"]})})]})]})]})})},SettingRegion:f=>{let r=[];for(let e=1;e<=10;e++)r.push({value:e,label:y($,{children:[p(E,{className:[L("ToneBall"),L("ToneBall_"+e)].join(" ")}),p(E,{styles:{textAlign:"center",flexSizing:"auto"},children:["","\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"][e]})]})});return y($,{children:[y(T,{styles:{gap:"1/3"},children:[y(E,{children:[p(P.Rotate,{styles:{fontSize:"3.paragraph",fontColor:"4.thin"}})," Rotate"]}),y(q.Separate,{styles:{flexChilds:"even",paddingLeft:2},children:[y(Y.Button.Border.S,{onClick:()=>{let e=f.val_rotate-90;e<0&&(e+=360),f.set_rotate(e)},children:[p(P,{icon:J})," \u5DE6\u306B\u56DE\u8EE2"]}),y(Y.Button.Border.S,{onClick:()=>{f.set_rotate((f.val_rotate+90)%360)},children:["\u53F3\u306B\u56DE\u8EE2 ",p(P,{icon:Q})]})]})]}),y(T,{styles:{gap:"1/3"},children:[y(E,{children:[p(P.Search,{styles:{fontSize:"3.paragraph",fontColor:"4.thin"}})," Zoom"]}),p(E,{styles:{paddingLeft:2},children:p(W.Slider,{override:"force",value:f.val_scale-100,min:f.DefaultOptions.scale.min-100,max:f.DefaultOptions.scale.max-100,step:25,onUpdateValidValue:({eventType:e,value:l})=>{b.interval.clear("Cropper.UpdateScale"),b.interval.standBy("Cropper.UpdateScale",400,()=>{f.set_scale(l+100)})},legends:{enable:!0,custom:e=>"x"+Math.round(100+e)/100}})})]}),y(T,{styles:{gap:"1/3"},children:[y(E,{children:[p(P,{icon:K,styles:{fontSize:"3.paragraph",fontColor:"4.thin"}})," Gray Scale"]}),p(E,{styles:{paddingLeft:2},children:p(W.Slider,{value:f.val_grayScale,min:0,max:100,step:10,onUpdateValidValue:({value:e})=>{b.interval.clear("Cropper.GrayScale"),b.interval.standBy("Cropper.GrayScale",400,()=>{f.set_grayScale(e)})},legends:{enable:!0,custom:e=>e+"%"}})})]}),y(T,{styles:{gap:"1/3"},children:[y(E,{children:[p(P,{icon:Z,styles:{fontSize:"3.paragraph",fontColor:"4.thin"}})," Tone"]}),p(E,{styles:{paddingLeft:2},children:p(W.Radio,{value:f.val_tone,styles:{gap:"1/2"},cellStyles:{isRounded:!0,borderWidth:2,borderColor:"1.thin",padding:"1/2",paddingRight:1,fontSize:"1.mini",gap:"1/3",flexSizing:"auto"},options:[{value:0,label:"\u306A\u3057",styles:{padding:["1/2",1],flexCenter:!0}},...r],onUpdateValidValue:({value:e})=>{f.set_tone(e[0])}})})]})]})}},N={open:f=>B(void 0,null,function*(){let r=yield W.Filer.fn.openDialog({accept:"image",multiple:!1}),e="CropperImage";A.open({sheetID:e,type:"normal.middleCenter",size:"3L",freeCSS:{width:f.use=="wallpaper.horizontal"?12*100:12*80},content:p(G.Core,{val_file:r[0],options:f,finishedCallback:l=>{A.close(e),f.onProcessFinished(l)},abortCallback:()=>{A.close(e)}}),close_option:{escapeKeyDown:!1}})})};export{N as Cropper,N as default};
+import{b as H,c as j,e as L}from"../chunk-C5N2D3ZX.js";import{Fragment as re,jsx as o,jsxs as f}from"react/jsx-runtime";import v from"@mingoo/jsmin";import{$$fromRoot as K,useStore as A}from"../@utils";import{useState as V,useEffect as O}from"react";import P from"../atoms/Box";import M from"../atoms/FAI";import k from"../mols/Column";import I from"../mols/Row";import F from"../mols//Text";import D from"./Button";import W from"./Sheet";import N from"./Loader";import q from"./Input";import{faPalette as J}from"@fortawesome/free-solid-svg-icons/faPalette";import{faBarsStaggered as Q}from"@fortawesome/free-solid-svg-icons/faBarsStaggered";import{faRotateLeft as ee}from"@fortawesome/free-solid-svg-icons/faRotateLeft";import{faRotateRight as te}from"@fortawesome/free-solid-svg-icons/faRotateRight";import{CropperClasses as U}from"../@styles/componentClasses";import Y from"./Tooltips";class ae{constructor(t){this.set_scale=t.set_scale,this.val_file=t.val_file,this.develops=t.develops,this.use=t.use,this.componentID=t.componentID,this.scale={current:t.scale.default,default:t.scale.default,min:t.scale.min,max:t.scale.max};let l=t.canvas;this.Canvas={elm:l,ctx:l.getContext("2d")};let i=t.picture.image,{width:e,height:a}=i,r=e/a;this.Picture={elm:i,originDataUrl:i.src,aspect:r,revisedAspect:1,rotate:t.picture.rotate,grayScale:t.picture.grayScale,tone:t.picture.tone},this.pst={frame:{x:0,y:0,w:0,h:0,aspect:1},outImage:{x:0,y:0,w:0,h:0},imageX:e/2,imageY:a/2,centerX:0,centerY:0},this.dragEffectInfo={origin:{x:0,y:0},frameExpandRate:{x:0,y:0}},this.pinchEffectInfo={origin:{x:0,y:0,scale:this.scale.current}},this.frameSizing(),this.modifyImage()}frameSizing(){let t=this.Canvas.elm,l=this.Picture.elm,i=0,e=0;if(this.use=="square"){let s=t.width/3*2,n=t.height/3*2;i=Math.min(s,n),e=i}else this.use=="wallpaper.horizontal"?(i=t.width*(7/9),e=i/3):this.use=="wallpaper.vertical"&&(e=t.height*(7/9),i=e/2);let{width:a,height:r}=l,p=(t.width-i)/2,u=(t.height-e)/2,y=i/e;this.pst={frame:{x:p,y:u,w:i,h:e,aspect:y},outImage:{x:0,y:0,w:0,h:0},imageX:a/2,imageY:r/2,centerX:t.width/2,centerY:t.height/2}}dragEffect(t){let{eventType:l,x:i,y:e}=t;if(l=="start"){let a=this.Canvas.elm.position();this.dragEffectInfo={origin:{x:i,y:e},frameExpandRate:{x:this.Canvas.elm.width/a.width,y:this.Canvas.elm.height/a.height}}}else{let{origin:a,frameExpandRate:r}=this.dragEffectInfo,p=a.x-i,u=a.y-e,y=this.scale.current*this.Picture.revisedAspect/100,s=p/y*r.x,n=u/y*r.y;l=="move"?this.drawImage(this.pst.imageX+s,this.pst.imageY+n):l=="end"&&this.drawImage(this.pst.imageX+=s,this.pst.imageY+=n)}}pinchEffect(t){let{eventType:l,event:i}=t,{x:e,y:a}=v.getCursor(i.touches[0]),{x:r,y:p}=v.getCursor(i.touches[1]),u=r-e,y=p-a;if(l=="start")this.pinchEffectInfo.origin={x:u,y,scale:this.scale.current};else if(l=="move"){let{origin:s}=this.pinchEffectInfo,n=Math.sqrt(Math.pow(s.x,2)+Math.pow(s.y,2)),S=Math.sqrt(Math.pow(u,2)+Math.pow(y,2))/n,C=Number(s.scale*S);this.set_scale(C)}}updateScale(t){let l=t;l=Math.max(l,this.scale.min),l=Math.min(l,this.scale.max),this.scale.current=l,this.drawImage()}updateFilter(t){this.Picture.grayScale=t.grayScale,this.Picture.tone=t.tone,this.Picture.rotate=t.rotate,this.modifyImage()}modifyImage(){return L(this,null,function*(){let{grayScale:t,tone:l,rotate:i}=this.Picture;const e=document.createElement("canvas");let a=e.getContext("2d"),r=yield v.ImageLoader(this.Picture.originDataUrl),p=r.width,u=r.height;(i==90||i==270)&&(p=r.height,u=r.width),e.width=p,e.height=u,t&&(a.filter="grayscale("+t+"%)"),i&&(a.translate(p/2,u/2),a.rotate(i*Math.PI/180),[90,270].includes(i)?a.translate(-u/2,-p/2):a.translate(-p/2,-u/2)),a.drawImage(r,0,0,r.width,r.height);let y=a.getImageData(0,0,e.width,e.height),s=y.data;{t/=100;let C=[[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]][l],x=C[0]/255,b=C[1]/255,c=C[2]/255;for(let m=0;m<u;m++)for(let h=0;h<p;h++){var n=(m*p+h)*4;if(t){let R=.3*s[n]+.59*s[n+1]+.11*s[n+2];for(var g=0;g<3;g++){let E=s[n+g];s[n+g]=E+(R-E)*t}}s[n]*=x,s[n+1]*=b,s[n+2]*=c}}a.putImageData(y,0,0);let S=e.toDataURL("image/jpeg");{let C=yield v.ImageLoader(S),{width:x,height:b}=C,c=x/b;this.Picture=j(H({},this.Picture),{elm:C,aspect:c,revisedAspect:this.pst.frame.aspect>c?this.pst.frame.w/x:this.pst.frame.h/b})}this.drawImage()})}drawImage(t,l){let{use:i,Canvas:{ctx:e,elm:a},pst:{frame:r}}=this,p=t||this.pst.imageX,u=l||this.pst.imageY;{let y=this.scale.current/100,s=this.Picture.revisedAspect*y,n=this.pst.centerX-p*s,g=this.pst.centerY-u*s,S=this.Picture.elm.width*s,C=this.Picture.elm.height*s;{let x=this.pst.frame.x+this.pst.frame.w-S,b=this.pst.frame.x,c=this.pst.frame.y+this.pst.frame.h-C,m=this.pst.frame.y,h=0;n<x&&(h=n-x),n>b&&(h=n-b);let R=0;g<c&&(R=g-c),g>m&&(R=g-m),this.dragEffectInfo.origin.x+=h/2/this.dragEffectInfo.frameExpandRate.x,this.dragEffectInfo.origin.y+=R/2/this.dragEffectInfo.frameExpandRate.y,n=Math.min(Math.max(n,x),b),g=Math.min(Math.max(g,c),m)}this.pst.outImage={x:n,y:g,w:S,h:C},e.clearRect(0,0,this.Canvas.elm.width,this.Canvas.elm.height),e.drawImage(this.Picture.elm,0,0,this.Picture.elm.width,this.Picture.elm.height,n,g,S,C)}{if(i=="square"){e.fillStyle="rgba( 20,24,20,.3 )",e.beginPath();let n=a.width/3*2,g=a.height/3*2,S=Math.min(n,g),C=Math.max(n,g);e.arc(a.width/2,a.height/2,C,0,Math.PI*2,!0),e.arc(a.width/2,a.height/2,S/2,0,Math.PI*2,!1),e.closePath(),e.fill()}else(i=="wallpaper.horizontal"||i=="wallpaper.vertical")&&(e.fillStyle="rgba( 20,24,20,.3 )");e.beginPath(),e.moveTo(0,0),e.lineTo(a.width,0),e.lineTo(a.width,a.height),e.lineTo(0,a.height),e.lineTo(0,0),e.closePath(),e.lineTo(r.x,r.y),e.lineTo(r.x,r.y+r.h),e.lineTo(r.x+r.w,r.y+r.h),e.lineTo(r.x+r.w,r.y),e.lineTo(r.x,r.y),e.fill();let s=v(document.body).getStyleProperty("--color-theme-hsl");e.lineWidth=4,e.strokeStyle=`hsla( ${s},1 )`,e.strokeRect(r.x,r.y,r.w,r.h)}}export(){return L(this,null,function*(){let{Canvas:t,develops:l,Picture:i,pst:{outImage:e,frame:a}}=this,r=e.w/i.elm.width,p=e.h/i.elm.height,u=(a.x-e.x)/r,y=(a.x-e.x+a.w)/r,s=(a.y-e.y)/p,n=(a.y-e.y+a.h)/p,g=Array.from({length:l.length}),S="image/jpeg";for(let C=0;C<l.length;C++){let{size:x,maxSize:b}=l[C];b=b||{S:1024*20,R:1024*100,L:1024*350}[x];let c={S:140,R:600,L:1200}[x],m=c;this.use=="wallpaper.horizontal"?m=c/3:this.use=="wallpaper.vertical"&&(m=c*2);let h=document.createElement("canvas");h.width=c,h.height=m;let R=h.getContext("2d");if(!R)return;R.clearRect(0,0,c,m),R.drawImage(this.Picture.elm,u,s,y-u,n-s,0,0,c,m);let E=h.toDataURL(S),w=yield E.toBlob(S);if(!w)return;if(w.size>=b){let z=b/w.size;if(E=h.toDataURL(S,z*.92),w=yield E.toBlob(S),!w)return}let X=new File([w],this.val_file.name,{type:S});g[C]=X}return g})}}const Z={Core:d=>{let{val_file:t,options:l,finishedCallback:i,abortCallback:e}=d,{use:a,develops:r=[]}=l,[p]=V(v.uuid.gen(32));const u={scale:{default:120,min:100,max:400},rotate:0,grayScale:0,tone:0};let[y,s]=V(u.scale.default),[n,g]=V(u.rotate),[S,C]=V(u.grayScale),[x,b]=V(u.tone);return O(()=>{let c="CropperResize";return v(window).addEvent({eventType:"resize",eventID:c,callback:()=>{v.interval.clear("CropperResize"),v.interval.standBy("CropperResize",200,()=>{var z;let m=K("#Canvas-"+p)[0];if(!m)return;let h=(z=A.get(p))==null?void 0:z.Instance;if(!h)return;let R=m.position(),E=R.width/R.height;m.width=2400,m.height=2400/E;let{width:w,height:X}=m;h.pst.centerX=w/2,h.pst.centerY=X/2,h.frameSizing(),h.modifyImage()})}}),()=>{v(window).removeEvent(c)}},[]),O(()=>{A.set({[p]:{}}),L(void 0,null,function*(){N.fn.corner.active(),yield v.pending(()=>{},400);let{target:c}=yield t.convert();if(!c)return;let m=c.result,h=K("#Canvas-"+p)[0];if(!h)return;let R=h.position(),E=R.width/R.height;h.width=2400,h.height=2400/E;let w=new ae({set_scale:s,val_file:t,develops:r,use:a,scale:u.scale,componentID:p,canvas:h,picture:{image:yield v.ImageLoader(m),grayScale:u.grayScale,tone:u.tone,rotate:u.rotate}});A.set({[p]:{Instance:w}});const X=function(B){if(B.preventDefault(),B.touches&&B.touches.length>1)w.pinchEffect({eventType:"start",event:B}),v(document).addEvent({eventType:"touchmove",eventID:"CropperEffectMove",options:{passive:!1},callback:T=>{T.preventDefault(),w.pinchEffect({eventType:"move",event:T})}}).addEvent({eventType:"touchend",eventID:"CropperEffectEnd",options:{passive:!1},callback:$});else{w.dragEffect(H({eventType:"start"},v.getCursor(B)));let{type:T}=B;v(document).addEvent({eventType:T=="touchstart"?"touchmove":"mousemove",eventID:"CropperEffectMove",options:{passive:!1},callback:_=>{z("move",_)}}).addEvent({eventType:T=="touchstart"?"touchend":"mouseup",eventID:"CropperEffectEnd",options:{passive:!1},callback:_=>{z("end",_),$(_)}})}},z=function(B,T){T.preventDefault(),w.dragEffect(H({eventType:B},v.getCursor(T)))},$=function(B){B.preventDefault(),v(document).removeEvent(["CropperEffectMove","CropperEffectEnd"])};v(h).removeEvent(["CropperMouseWheel","CropperTouchStart","CropperMouseDown"]).addEvent({eventID:"CropperMouseWheel",eventType:"wheel",callback:B=>{B.preventDefault();let T=Number(B.wheelDelta*.04),_=w.scale.current+T;_=Math.max(_,w.scale.min),_=Math.min(_,w.scale.max),s(_)},options:{passive:!1}}).addEvent({eventType:"touchstart",eventID:"CropperTouchStart",callback:X,options:{passive:!1}}).addEvent({eventType:"mousedown",eventID:"CropperMouseDown",callback:X,options:{passive:!1}}),setTimeout(()=>{N.fn.corner.stop()},1e3)})},[t.id]),O(()=>{var m;let c=(m=A.get(p))==null?void 0:m.Instance;c&&c.updateScale(y)},[y]),O(()=>{var m;let c=(m=A.get(p))==null?void 0:m.Instance;c&&c.updateFilter({grayScale:S,tone:x,rotate:n})},[S,x,n]),o(W.Comps.Body,{borderRadius:0,height:"viewHeight",width:"viewWidth",children:f(k,{className:[U("Wrap"),U("Use_"+a)].join(" "),gap:0,height:1,position:"relative",overflow:"hidden",borderRadius:"inherit",children:[o(P,{flexSizing:0,overflow:"hidden",position:"relative",backgroundColor:"black",flexCenter:!0,freeCSS:{zIndex:1},children:o("canvas",{style:{width:"100%",height:"100%"},width:2400,height:2400,className:U("Canvas"),id:"Canvas-"+p})}),f(I.Separate,{borderTop:!0,flexSizing:"none",backgroundColor:"layer.1",padding:1,verticalAlign:"unset",UnderBreakPointStyles:{flexType:"col"},children:[o(Z.SettingRegion,{DefaultOptions:u,val_scale:y,set_scale:s,val_tone:x,set_tone:b,val_grayScale:S,set_grayScale:C,val_rotate:n,set_rotate:g}),f(I.Right,{flexSizing:"none",children:[o(D.Button.Border.R,{isRounded:!0,onClick:()=>{e()},children:"\u9589\u3058\u308B"}),o(D.Button.Prime.R,{isRounded:!0,boxShadow:"3.remark",onClick:()=>L(void 0,null,function*(){var h;let c=(h=A.get(p))==null?void 0:h.Instance;if(!c)return;N.fn.mini.active("CropperExportation");let m=yield c.export();setTimeout(()=>{N.fn.mini.stop("CropperExportation"),i(m)},3e3)}),children:f(I.Center,{gap:"1/2",children:[o(N.White.R,{loaderID:"CropperExportation"}),"\u6C7A\u5B9A"]})})]})]})]})})},SettingRegion:d=>{let t=["","\u6696\u8272","\u5BD2\u8272","\u30BB\u30D4\u30A2","\u30B7\u30A2\u30F3","\u30DE\u30BC\u30F3\u30BF","\u30A4\u30A8\u30ED\u30FC","\u30AA\u30EA\u30B8\u30CA\u30EB1","\u30AA\u30EA\u30B8\u30CA\u30EB2","\u30AA\u30EA\u30B8\u30CA\u30EB3","\u30AA\u30EA\u30B8\u30CA\u30EB4"],l=i=>t[i]||"\u306A\u3057";return f(I.Left,{verticalAlign:"unset",flexWrap:!0,children:[f(k,{gap:"1/3",children:[o(F.Supplement,{children:"Rotate"}),f(I.Left,{flexChilds:"even",gap:"1/6",children:[o(D.Button.Border.S,{isRounded:!0,borderTopRightRadius:0,borderBottomRightRadius:0,onClick:()=>{let i=d.val_rotate-90;i<0&&(i+=360),d.set_rotate(i)},children:f(I.Center,{gap:"1/4",children:["90\xB0",o(M,{icon:ee})]})}),o(D.Button.Border.S,{isRounded:!0,borderTopLeftRadius:0,borderBottomLeftRadius:0,onClick:()=>{d.set_rotate((d.val_rotate+90)%360)},children:f(I.Center,{gap:"1/4",children:[o(M,{icon:te}),"90\xB0"]})})]})]}),f(k,{gap:"1/3",freeCSS:{minWidth:12*6},children:[o(F.Supplement,{children:"Zoom"}),f(D.Button.Border.S,{flexCenter:!0,isRounded:!0,flexSizing:0,onClick:i=>{let e="CropperZoomEdit";Y.open({tipsID:e,gravityPoint:3,event:i,close_option:{parentBlur:!1},freeCSS:{minWidth:12*26},content:o(W.Comps.Body,{children:f(k,{padding:1.5,children:[f(I.Separate,{children:[o(F.Paragraph,{children:f(I.Center,{gap:"1/3",children:[o(M.Search,{fontColor:"5.translucent"}),"Zoom"]})}),o(D.Button.Sub.R,{color:"cloud",ssSphere:2.5,onClick:()=>{Y.close(e)},children:o(M.Times,{})})]}),o(P,{borderBottom:!0,opacity:"low"}),o(q.Slider,{override:"force",value:d.val_scale-100,min:d.DefaultOptions.scale.min-100,max:d.DefaultOptions.scale.max-100,step:25,onUpdateValidValue:({eventType:a,value:r})=>{v.interval.clear("Cropper.UpdateScale"),v.interval.standBy("Cropper.UpdateScale",250,()=>{d.set_scale(r+100)})},legends:{enable:!0,custom:a=>"x"+Math.round(100+a)/100}})]})})})},children:[d.val_scale.rate(1,0),"%"]})]}),f(k,{gap:"1/3",freeCSS:{minWidth:12*6},children:[o(F.Supplement,{children:"GrayScale"}),f(D.Button.Border.S,{flexCenter:!0,isRounded:!0,flexSizing:0,onClick:i=>{let e="CropperGrayScaleEdit";Y.open({tipsID:e,gravityPoint:3,event:i,close_option:{parentBlur:!1},freeCSS:{minWidth:12*26},content:o(W.Comps.Body,{children:f(k,{padding:1.5,children:[f(I.Separate,{children:[o(F.Paragraph,{children:f(I.Center,{gap:"1/3",children:[o(M,{icon:J,fontColor:"5.translucent"}),"Gray Scale"]})}),o(D.Button.Sub.R,{color:"cloud",ssSphere:2.5,onClick:()=>{Y.close(e)},children:o(M.Times,{})})]}),o(P,{borderBottom:!0,opacity:"low"}),o(q.Slider,{value:d.val_grayScale,min:0,max:100,step:10,onUpdateValidValue:({value:a})=>{v.interval.clear("Cropper.GrayScale"),v.interval.standBy("Cropper.GrayScale",250,()=>{d.set_grayScale(a)})},legends:{enable:!0,custom:a=>a+"%"}})]})})})},children:[d.val_grayScale.rate(1,0),"%"]})]}),f(k,{gap:"1/3",freeCSS:{minWidth:12*6},children:[o(F.Supplement,{children:"Tone"}),o(D.Button.Border.S,{flexCenter:!0,isRounded:!0,flexSizing:0,onClick:i=>{let e="CropperToneEdit";Y.open({tipsID:e,gravityPoint:3,event:i,close_option:{parentBlur:!1},freeCSS:{minWidth:12*26,maxWidth:12*24},content:()=>{let a=[];for(let r=1;r<=10;r++)a.push({value:r,label:f(re,{children:[o(P,{ssSphere:1,className:[U("ToneBall"),U("ToneBall_"+r)].join(" ")}),o(P,{textAlign:"left",flexSizing:0,children:l(r)})]})});return o(W.Comps.Body,{children:f(k,{padding:1.5,children:[f(I.Separate,{children:[o(F.Paragraph,{children:f(I.Center,{gap:"1/3",children:[o(M,{icon:Q,fontColor:"5.translucent"}),"Tone"]})}),o(D.Button.Sub.R,{color:"cloud",ssSphere:2.5,onClick:()=>{Y.close(e)},children:o(M.Times,{})})]}),o(P,{borderBottom:!0,opacity:"low"}),o(q.Radio,{icon:!1,value:d.val_tone,gap:"1/2",cellStyles:{isRounded:!0,borderWidth:2,borderColor:"1.thin",padding:["1/3","2/3"],fontSize:"1.mini",gap:"1/3"},options:[{value:0,label:o(P,{flexSizing:0,textAlign:"center",children:"\u306A\u3057"})},...a],onUpdateValidValue:({value:r})=>{d.set_tone(r[0])}})]})})}})},children:f(I.Center,{gap:"1/2",children:[o(P,{boxShadow:"2.remark",ssSphere:1,className:[U("ToneBall"),U("ToneBall_"+d.val_tone)].join(" ")}),l(d.val_tone)]})})]})]})}},G={openDialogNEdit:d=>L(void 0,null,function*(){let t=yield q.Filer.fn.openDialog({accept:"image",multiple:!1});G.openEditor(H({imageFile:t[0]},d))}),openEditor:d=>L(void 0,null,function*(){let t="CropperImage";W.open({sheetID:t,type:"normal.middleCenter",size:"MAX",padding:0,margin:0,freeCSS:{maxWidth:"100vw"},content:o(Z.Core,{val_file:d.imageFile,options:d,finishedCallback:l=>{W.close(t),d.onProcessFinished(l)},abortCallback:()=>{W.close(t)}}),close_option:{escapeKeyDown:!1}})})};export{G as Cropper,G as default};

package/dist/fn/Effect/Fade.js

@@ -1 +1 @@
-import{b as t,c as i,d as c}from"../../chunk-C5N2D3ZX.js";import{jsx as y}from"react/jsx-runtime";import u from"@mingoo/jsmin";import{$$fromRoot as d}from"../../@utils";import{useState as l,useEffect as I}from"react";import f from"../../atoms/Box";const D=m=>{let o=m,{animationDelay:p=100,animationTime:r=300,componentID:s=u.uuid.gen()}=o,e=c(o,["animationDelay","animationTime","componentID"]),[n]=l(s);return I(()=>{setTimeout(()=>{let a=d('[data-component-id="'+n+'"]');a[0]&&a.css({transition:r+"ms"}).await(1).css({opacity:1})},p)},[]),y(f,i(t({},e),{freeCSS:i(t({},e.freeCSS),{opacity:0}),componentID:n}))},S=m=>{let o=m,{animationDelay:p=100,animationTime:r=300,componentID:s=u.uuid.gen()}=o,e=c(o,["animationDelay","animationTime","componentID"]),[n]=l(s);return I(()=>{setTimeout(()=>{let a=d('[data-component-id="'+n+'"]');a[0]&&a.css({transition:r+"ms"}).await(1).css({opacity:1,paddingTop:0})},p)},[]),y(f,i(t({},e),{styles:t({paddingTop:2},e.styles),freeCSS:i(t({},e.freeCSS),{opacity:0}),componentID:n}))};export{D as FadeIn,S as FadeUp};
+import{b as a,c as i,d as s}from"../../chunk-C5N2D3ZX.js";import{jsx as y}from"react/jsx-runtime";import u from"@mingoo/jsmin";import{$$fromRoot as d}from"../../@utils";import{useState as I,useEffect as l}from"react";import f from"../../atoms/Box";const D=m=>{let n=m,{animationDelay:p=100,animationTime:r=300,componentID:c=u.uuid.gen()}=n,e=s(n,["animationDelay","animationTime","componentID"]),[t]=I(c);return l(()=>{setTimeout(()=>{let o=d('[data-component-id="'+t+'"]');o[0]&&o.css({transition:r+"ms"}).await(1).css({opacity:1})},p)},[]),y(f,i(a({},e),{freeCSS:i(a({},e.freeCSS),{opacity:0}),componentID:t}))},S=m=>{let n=m,{animationDelay:p=100,animationTime:r=300,componentID:c=u.uuid.gen()}=n,e=s(n,["animationDelay","animationTime","componentID"]),[t]=I(c);return l(()=>{setTimeout(()=>{let o=d('[data-component-id="'+t+'"]');o[0]&&o.css({transition:r+"ms"}).await(1).css({opacity:1,paddingTop:0})},p)},[]),y(f,i(a({paddingTop:2},e),{freeCSS:i(a({},e.freeCSS),{opacity:0}),componentID:t}))};export{D as FadeIn,S as FadeUp};

package/dist/fn/Input/AutoHeightText.js

@@ -1 +1 @@
-import{b as t,c as r,d as h,e as c}from"../../chunk-C5N2D3ZX.js";import{jsx as v,jsxs as E}from"react/jsx-runtime";import n from"@mingoo/jsmin";import{useEffect as A,useState as p}from"react";import D from"./TextArea";import V from"../../mols/Text";import{BoxWrapper as C}from"./core";import{InputAutoHeightClasses as x}from"../../@styles/componentClasses";const S=e=>{let[a]=p(n.uuid.gen()),[s,T]=p(String(e.value||""));A(()=>{n.scope(()=>c(void 0,null,function*(){let l=n('[data-id="origin_'+a+'"]')[0],o=n('[data-id="shallow_'+a+'"]')[0];if(!l||!o)return;let g=o.getClientRects()[0];if(!g)return;let{width:U,height:z}=g;l.style.height=z+"px"}))},[s]);let _={componentID:e.componentID,dataValue:e.value,eventType:"init",eventID:n.uuid.gen()},[y,I]=p(_),[w,N]=p({ok:!1,notice:[]}),H=!!s.match(/\n$/),u=s||e.placeholder;H&&(u+="d");let f=e,{styles:d,freeCSS:m}=f,i=h(f,["styles","freeCSS"]);return E(C,{val_status:y,set_status:I,val_validate:w,states:e,children:[v(V.Description,{className:[e.className,x("Shallow")].join(" "),id:"shallow_"+a,styles:t({padding:1,fontSize:"inherit",flexSizing:0,minHeight:1,position:"absolute",left:0,right:0,top:0,border:"0.trans",opacity:"trans"},d),freeCSS:r(t({minHeight:16*2,resize:"none"},m),{color:"transparent",zIndex:3,pointerEvents:"none",lineHeight:"1.25",letterSpacing:"1px"}),"data-id":"shallow_"+a,children:u}),v(D,r(t({},i),{styles:t({padding:1,fontSize:"inherit",overflow:"hidden",flexSizing:0},d),wrapStyles:t({flexSizing:0},i.wrapStyles),className:[i.className,x("Origin")].join(" "),freeCSS:r(t({minHeight:16*1,resize:"none"},m),{lineHeight:"1.25",letterSpacing:"1px"}),value:s,"data-id":"origin_"+a,onUpdateValue:l=>{let o=l.value;T(o),i.onUpdateValue&&i.onUpdateValue(l)}}))]})};export{S as AutoHeightText,S as default};
+import{b as t,c as l,e as m}from"../../chunk-C5N2D3ZX.js";import{jsx as h,jsxs as D}from"react/jsx-runtime";import n from"@mingoo/jsmin";import{useEffect as I,useState as s}from"react";import w from"./TextArea";import H from"../../mols/Text";import{ExtractStyles as z}from"../../@utils";import{BoxWrapper as A}from"./core";import{InputAutoHeightClasses as f}from"../../@styles/componentClasses";const g=e=>{let[a]=s(n.uuid.gen()),[o,S]=s(String(e.value||""));I(()=>{n.scope(()=>m(void 0,null,function*(){let i=n('[data-id="origin_'+a+'"]')[0],r=n('[data-id="shallow_'+a+'"]')[0];if(!i||!r)return;let d=r.getClientRects()[0];if(!d)return;let{width:V,height:y}=d;i.style.height=y+"px"}))},[o]);let c={componentID:e.componentID,dataValue:e.value,eventType:"init",eventID:n.uuid.gen()},[x,v]=s(c),[T,C]=s({ok:!1,notice:[]}),_=!!o.match(/\n$/),u=o||e.placeholder;_&&(u+="d");let p=z(e);return D(A,{val_status:x,set_status:v,val_validate:T,states:e,children:[h(H.Description,l(t({className:[e.className,f("Shallow")].join(" "),id:"shallow_"+a,padding:1,fontSize:"inherit",flexSizing:0,minHeight:1,position:"absolute",left:0,right:0,top:0,border:"0.trans",opacity:"trans"},p),{freeCSS:l(t({minHeight:16*2,resize:"none"},p.freeCSS),{color:"transparent",zIndex:3,pointerEvents:"none",lineHeight:"1.25",letterSpacing:"1px"}),"data-id":"shallow_"+a,children:u})),h(w,l(t({padding:1,fontSize:"inherit",overflow:"hidden",flexSizing:0},e),{wrapStyles:t({flexSizing:0},e.wrapStyles),className:[e.className,f("Origin")].join(" "),freeCSS:l(t({minHeight:16*1,resize:"none"},p.freeCSS),{lineHeight:"1.25",letterSpacing:"1px"}),value:o,"data-id":"origin_"+a,onUpdateValue:i=>{let r=i.value;S(r),e.onUpdateValue&&e.onUpdateValue(i)}}))]})};export{g as AutoHeightText,g as default};

package/dist/fn/Input/Chips/Selector.js

@@ -1 +1 @@
-import{e as A}from"../../../chunk-C5N2D3ZX.js";import{Fragment as X,jsx as n,jsxs as O}from"react/jsx-runtime";import{useState as I,useEffect as T,useRef as E}from"react";import w from"@mingoo/jsmin";import{$$fromRoot as J,useStore as P}from"../../../@utils";import U from"../../../atoms/Box";import z from"../../../atoms/FAI";import K from"../../../atoms/Span";import M from"../../../mols/Column";import b from"../../../mols/Row";import W from"../../Button";import B from"../../Sheet";import H from"../../Loader";import V from"../Text";import q from"../Parts";import{InputChipsClasses as G}from"../../../@styles/componentClasses";const Q=e=>{let[S,i]=I("show"),[h,k]=I(""),[u]=I(w.uuid.gen()),[l,g]=I(e.options),[o,C]=I(l[0]||null),[f,x]=I(e.selected),[D,R]=I("init");T(()=>{P.set({[e.selectorID]:{updateOptions:t=>{g(t)},updateSelected:t=>{x(t)}}})},[]);const L=E(!1);T(()=>{L.current?B.reposition(e.selectorID):L.current=!0},[l]);const F=E(!1);T(()=>{F.current?(i("interlude"),C(l[0]||null),e.onDynamicSearch?(w.interval.clear(u+"-dynamicSearch"),w.interval.standBy(u+"-dynamicSearch",400,()=>A(void 0,null,function*(){let{options:t}=yield e.onDynamicSearch(h);g(t),i("show")}))):(w.interval.clear(u+"-staticSearch"),w.interval.standBy(u+"-staticSearch",400,()=>A(void 0,null,function*(){let t=new RegExp(h,"ig"),p=[];[...e.options].forEach(s=>{var c;!!(!h||((c=String(s.label))!=null?c:String(s.value)).match(t))&&p.push(s)}),g(p),i("show")})))):F.current=!0},[h]);const $=E(!1);T(()=>{$.current?e.onUpdated({values:f}):$.current=!0},[f]),T(()=>{w.scope(()=>{if(w.is.nullish(o)||D=="MouseEvent")return;let t=J("#"+u+"-Selector-Cell-Wrap");if(!t[0])return;let p=J('[data-chips-selector-cell="'+u+"-"+JSON.stringify((o==null?void 0:o.value)||"").replace(/\"/ig,"")+'"]');if(!p[0])return;let{top:s,height:v}=t.position(),{top:c,height:d}=p.position();if(s<=c&&c+d<=s+v)return;let r=t[0].scrollTop+(c-s);D=="ArrowDown"?r-=v-d-20:D=="ArrowUp"&&(r-=20),t[0].scrollTop=r})},[o]);let N=[];return S=="interlude"?N=[O(b.Center,{styles:{padding:2,gap:0},children:[n(H.Theme.R,{showInitial:!0}),n(U,{styles:{padding:[0,1],fontSize:"1.mini",fontColor:"4.thin"},children:"\u691C\u7D22\u4E2D..."})]},"interlude")]:N=[l.map((t,p)=>{let{value:s,label:v}=t,c=String(JSON.stringify(s)),d=f.findIndex(m=>JSON.stringify(m.value)==c),r=d!=-1,a=JSON.stringify((o==null?void 0:o.value)||"")==c,y={};return(r||a)&&(y={fontColor:"theme",isSemiBoldFont:!0}),a&&(y.backgroundColor="cloud"),r&&(y.backgroundColor="theme.opa.few"),n(W.Button.Clear.R,{color:"cloud",tabIndex:-1,"data-chips-selector-cell":u+"-"+c.replace(/\"/ig,""),isActive:r||a,isActiveStyles:y,styles:{borderRadius:"3.tone.tertiary",padding:"1/3",textAlign:"left"},onMouseOver:()=>{R("MouseEvent"),C(t)},onClick:()=>{let m=[...f];r?m.splice(d,1):(m=[...m,t],e.limit&&m.length>e.limit&&m.shift()),x(m)},children:n(e.SelectorCellComponent,{isSelected:r,isFocused:a,value:s,label:v})},s+"-"+p)})],O(X,{children:[O(M,{styles:{padding:"2/3",gap:"2/3",borderBottom:!0},children:[O(b.Separate,{children:[n(V.Normal,{value:h,onUpdateValidValue:({value:t})=>{k(t)},id:e.selectorID+"-KeywordInput",styles:{padding:"2/3"},placeholder:"\u691C\u7D22...",leftIcon:n(q.LeftIcon,{styles:{right:"2/3",fontSize:"1.mini",fontColor:"3.blur"},children:n(z.Search,{})}),onKeyDown:t=>{let{key:p,metaKey:s,ctrlKey:v}=t,c=s||v;if(["ArrowDown","ArrowUp"].includes(p)){let d=+(p=="ArrowDown")*2-1;if(c){let r=l[d==1?l.length-1:0];C(r)}else{let r=l.findIndex(a=>JSON.stringify(a.value)==JSON.stringify((o==null?void 0:o.value)||""))+d;l[r]?C(l[r]):C(l[d==1?0:l.length-1]||null)}}else if(p=="Enter"){let d=f.findIndex(y=>JSON.stringify(y.value)==JSON.stringify((o==null?void 0:o.value)||"")),r=d!=-1,a=[...f];if(r)a.splice(d,1);else{let y=l.findIndex(m=>JSON.stringify(m.value)==JSON.stringify((o==null?void 0:o.value)||""));if(y==-1)return;a=[...a,l[y]],e.limit&&a.length>e.limit&&a.shift()}x(a)}R(p)}}),n(W.Button.Border.S,{styles:{marginRight:"1/3",ssSphere:2,backgroundColor:"cloud",borderRadius:"2.tone.secondary"},onClick:()=>{B.close(e.selectorID)},children:n(z.Times,{})})]}),O(b.Separate,{children:[O(b.Left,{styles:{gap:"1/2",verticalAlign:"baseline"},children:[n(K,{styles:{fontColor:"theme"},children:l.length}),n(U,{styles:{fontSize:"1.mini",fontColor:"3.blur"},children:"\u4EF6\u306E\u30D2\u30C3\u30C8"})]}),n(b.Right,{children:!!e.limit&&O(K,{styles:{fontSize:"1.mini",fontColor:"3.blur"},children:[n(K,{styles:{fontSize:"3.paragraph",fontColor:"theme",isSemiBoldFont:!0},children:f.length})," / ",e.limit," \u4EF6"]})})]})]}),n(M,{styles:{gap:"1/4",padding:"1/2",overflow:"auto"},freeCSS:{maxHeight:12*26,maxWidth:12*26},id:u+"-Selector-Cell-Wrap",className:G("SelectorWrapper"),children:N}),e.bottomContent]})},_={openSelector:e=>{let{selectorID:S,options:i,selected:h,limit:k,bottomContent:u,onDynamicSearch:l,SelectorCellComponent:g,onUpdated:o,onClosed:C,parent:f,gravityPoint:x}=e,D=S;g=g||(R=>n(b.Left,{children:R.label})),B.open({parent:f,sheetID:D,type:"custom",gravityPoint:x||22,hold_state:!0,close_option:{aroundClick:!0,escapeKeyDown:!0},styles:{padding:[1,0]},content:n(U,{styles:{borderRadius:"2.tone.secondary",backgroundColor:"layer.1",border:!0,boxShadow:"1.normal",overflow:"hidden"},children:n(Q,{selectorID:S,options:i,limit:k,selected:h,onUpdated:o,SelectorCellComponent:g,bottomContent:u,onDynamicSearch:l},JSON.stringify(h))}),openAfter:()=>{J("#"+e.selectorID+"-KeywordInput").focus()},closeAfter:()=>{C()}})},closeSelector:e=>{B.close(e)},updateOptions:(e,S)=>{let i=P.get(e);i&&i.updateOptions&&i.updateOptions(S)},updateSelected:(e,S)=>{let i=P.get(e);i&&i.updateSelected&&i.updateSelected(S)}};export{_ as Selector,_ as default};
+import{e as A}from"../../../chunk-C5N2D3ZX.js";import{Fragment as X,jsx as n,jsxs as O}from"react/jsx-runtime";import{useState as I,useEffect as T,useRef as E}from"react";import w from"@mingoo/jsmin";import{$$fromRoot as J,useStore as U}from"../../../@utils";import K from"../../../atoms/Box";import F from"../../../atoms/FAI";import L from"../../../atoms/Span";import M from"../../../mols/Column";import b from"../../../mols/Row";import W from"../../Button";import B from"../../Sheet";import H from"../../Loader";import V from"../Text";import q from"../Parts";import{InputChipsClasses as G}from"../../../@styles/componentClasses";const Q=e=>{let[y,i]=I("show"),[h,k]=I(""),[u]=I(w.uuid.gen()),[l,g]=I(e.options),[o,C]=I(l[0]||null),[f,x]=I(e.selected),[D,R]=I("init");T(()=>{U.set({[e.selectorID]:{updateOptions:t=>{g(t)},updateSelected:t=>{x(t)}}})},[]);const P=E(!1);T(()=>{P.current?B.reposition(e.selectorID):P.current=!0},[l]);const $=E(!1);T(()=>{$.current?(i("interlude"),C(l[0]||null),e.onDynamicSearch?(w.interval.clear(u+"-dynamicSearch"),w.interval.standBy(u+"-dynamicSearch",400,()=>A(void 0,null,function*(){let{options:t}=yield e.onDynamicSearch(h);g(t),i("show")}))):(w.interval.clear(u+"-staticSearch"),w.interval.standBy(u+"-staticSearch",400,()=>A(void 0,null,function*(){let t=new RegExp(h,"ig"),p=[];[...e.options].forEach(s=>{var c;!!(!h||((c=String(s.label))!=null?c:String(s.value)).match(t))&&p.push(s)}),g(p),i("show")})))):$.current=!0},[h]);const z=E(!1);T(()=>{z.current?e.onUpdated({values:f}):z.current=!0},[f]),T(()=>{w.scope(()=>{if(w.is.nullish(o)||D=="MouseEvent")return;let t=J("#"+u+"-Selector-Cell-Wrap");if(!t[0])return;let p=J('[data-chips-selector-cell="'+u+"-"+JSON.stringify((o==null?void 0:o.value)||"").replace(/\"/ig,"")+'"]');if(!p[0])return;let{top:s,height:v}=t.position(),{top:c,height:d}=p.position();if(s<=c&&c+d<=s+v)return;let r=t[0].scrollTop+(c-s);D=="ArrowDown"?r-=v-d-20:D=="ArrowUp"&&(r-=20),t[0].scrollTop=r})},[o]);let N=[];return y=="interlude"?N=[O(b.Center,{padding:2,gap:0,children:[n(H.Theme.R,{showInitial:!0}),n(K,{padding:[0,1],fontSize:"1.mini",fontColor:"4.thin",children:"\u691C\u7D22\u4E2D..."})]},"interlude")]:N=[l.map((t,p)=>{let{value:s,label:v}=t,c=String(JSON.stringify(s)),d=f.findIndex(m=>JSON.stringify(m.value)==c),r=d!=-1,a=JSON.stringify((o==null?void 0:o.value)||"")==c,S={};return(r||a)&&(S={fontColor:"theme",isSemiBoldFont:!0}),a&&(S.backgroundColor="cloud"),r&&(S.backgroundColor="theme.opa.few"),n(W.Button.Clear.R,{color:"cloud",tabIndex:-1,"data-chips-selector-cell":u+"-"+c.replace(/\"/ig,""),isActive:r||a,isActiveStyles:S,padding:"1/3",textAlign:"left",onMouseOver:()=>{R("MouseEvent"),C(t)},onClick:()=>{let m=[...f];r?m.splice(d,1):(m=[...m,t],e.limit&&m.length>e.limit&&m.shift()),x(m)},children:n(e.SelectorCellComponent,{isSelected:r,isFocused:a,value:s,label:v})},s+"-"+p)})],O(X,{children:[O(M,{padding:"2/3",gap:"2/3",borderBottom:!0,children:[O(b.Separate,{children:[n(V.Normal,{value:h,onUpdateValidValue:({value:t})=>{k(t)},id:e.selectorID+"-KeywordInput",padding:"2/3",placeholder:"\u691C\u7D22...",leftIcon:n(q.LeftIcon,{right:"2/3",fontSize:"1.mini",fontColor:"3.blur",children:n(F.Search,{})}),onKeyDown:t=>{let{key:p,metaKey:s,ctrlKey:v}=t,c=s||v;if(["ArrowDown","ArrowUp"].includes(p)){let d=+(p=="ArrowDown")*2-1;if(c){let r=l[d==1?l.length-1:0];C(r)}else{let r=l.findIndex(a=>JSON.stringify(a.value)==JSON.stringify((o==null?void 0:o.value)||""))+d;l[r]?C(l[r]):C(l[d==1?0:l.length-1]||null)}}else if(p=="Enter"){let d=f.findIndex(S=>JSON.stringify(S.value)==JSON.stringify((o==null?void 0:o.value)||"")),r=d!=-1,a=[...f];if(r)a.splice(d,1);else{let S=l.findIndex(m=>JSON.stringify(m.value)==JSON.stringify((o==null?void 0:o.value)||""));if(S==-1)return;a=[...a,l[S]],e.limit&&a.length>e.limit&&a.shift()}x(a)}R(p)}}),n(W.Button.Border.S,{marginRight:"1/3",ssSphere:2,backgroundColor:"cloud",borderRadius:"2.tone.secondary",onClick:()=>{B.close(e.selectorID)},children:n(F.Times,{})})]}),O(b.Separate,{children:[O(b.Left,{verticalAlign:"baseline",gap:"1/2",children:[n(L,{fontColor:"theme",children:l.length}),n(K,{fontSize:"1.mini",fontColor:"3.blur",children:"\u4EF6\u306E\u30D2\u30C3\u30C8"})]}),n(b.Right,{children:!!e.limit&&O(L,{fontSize:"1.mini",fontColor:"3.blur",children:[n(L,{fontSize:"3.paragraph",fontColor:"theme",isSemiBoldFont:!0,children:f.length})," / ",e.limit," \u4EF6"]})})]})]}),n(M,{gap:"1/4",padding:"1/2",overflow:"auto",freeCSS:{maxHeight:12*26,maxWidth:12*26},id:u+"-Selector-Cell-Wrap",className:G("SelectorWrapper"),children:N}),e.bottomContent]})},_={openSelector:e=>{let{selectorID:y,options:i,selected:h,limit:k,bottomContent:u,onDynamicSearch:l,SelectorCellComponent:g,onUpdated:o,onClosed:C,parent:f,gravityPoint:x}=e,D=y;g=g||(R=>n(b.Left,{children:R.label})),B.open({parent:f,sheetID:D,type:"custom",gravityPoint:x||22,hold_state:!0,close_option:{aroundClick:!0,escapeKeyDown:!0},padding:[1,0],content:n(K,{borderRadius:"2.tone.secondary",backgroundColor:"layer.1",border:!0,boxShadow:"1.normal",overflow:"hidden",children:n(Q,{selectorID:y,options:i,limit:k,selected:h,onUpdated:o,SelectorCellComponent:g,bottomContent:u,onDynamicSearch:l},JSON.stringify(h))}),openAfter:()=>{J("#"+e.selectorID+"-KeywordInput").focus()},closeAfter:()=>{C()}})},closeSelector:e=>{B.close(e)},updateOptions:(e,y)=>{let i=U.get(e);i&&i.updateOptions&&i.updateOptions(y)},updateSelected:(e,y)=>{let i=U.get(e);i&&i.updateSelected&&i.updateSelected(y)}};export{_ as Selector,_ as default};

package/dist/fn/Input/Chips/index.js

@@ -1 +1 @@
-import{b as s,c as f,d as K}from"../../../chunk-C5N2D3ZX.js";import{jsx as a,jsxs as g}from"react/jsx-runtime";import{useState as b,useEffect as L,useRef as H}from"react";import B from"@mingoo/jsmin";import{$$fromRoot as T}from"../../../@utils";import Q from"../../../atoms/Box";import N from"../../../atoms/FAI";import X from"../../../mols/Row";import U from"../../Button";import Y from"../../Sheet";import{Wrapper as Z,BoxWrapper as j,CommonEffects as ee,DefaultStyles as te}from"../core";import ne from"../Hidden";import W from"./Selector";function le(e){let{value:p,states:u}=e,{required:o}=u,c=[];return o&&!p.length&&c.push({type:"invalid",label:"\u4E00\u3064\u4EE5\u4E0A\u9078\u629E\u3057\u3066\u304F\u3060\u3055\u3044"}),{ok:!c.filter(({type:C})=>C=="invalid").length,notice:c}}const oe=e=>{let _=e,{required:p,form:u,name:o,checkValidationAtFirst:c,onValidate:C,onUpdateValue:O,onUpdateValidValue:G,value:F=[],limit:w,leftIndicator:ie,rightIndicator:re,leftIcon:se,rightIcon:pe,SelectedCellComponent:x,AddButtonComponent:R,SelectorCellComponent:ue,componentID:ce,defaultOptions:de,enableFormSubmit:me,onDynamicSearch:fe,styles:Ce,freeCSS:ye,wrapStyles:Se,selectorGravityPoint:Ie}=_,M=K(_,["required","form","name","checkValidationAtFirst","onValidate","onUpdateValue","onUpdateValidValue","value","limit","leftIndicator","rightIndicator","leftIcon","rightIcon","SelectedCellComponent","AddButtonComponent","SelectorCellComponent","componentID","defaultOptions","enableFormSubmit","onDynamicSearch","styles","freeCSS","wrapStyles","selectorGravityPoint"]);R=R;let[r]=b(B.uuid.gen()),[y,D]=b({componentID:e.componentID||"",dataValue:F.map(t=>t),eventID:B.uuid.gen(),eventType:"init"}),[k,q]=b({ok:!1,notice:[]}),[l,z]=b([...F]);ee({states:e,val_status:y,set_status:D,val_validate:k,set_validate:q,DefaultValidation:le,onUpdateValue:O,onUpdateValidValue:G,ExtraOverrideStates:{formatValue:l,dataValue:l.map(t=>t)},ExtraStoreStates:{searchTimer:null}});const S=t=>{z(t),D(i=>f(s({},i),{dataValue:t.map(d=>d),eventID:B.uuid.gen(),eventType:"update"}))};let A=`[data-chips-input-wrapper="${r}"]`;const I=()=>{W.openSelector({parent:A,gravityPoint:e.selectorGravityPoint,SelectorCellComponent:e.SelectorCellComponent,selectorID:r,options:e.defaultOptions||[],selected:l,limit:e.limit,onDynamicSearch:e.onDynamicSearch,onUpdated:t=>{S(t.values)},onClosed:()=>{T(A).focus()}})};let h=w&&w<=l.length;const E=H(!1);L(()=>{E.current?h&&(Y.close(r),T(`[data-chips-input-wrapper="${r}"]`).focus()):E.current=!0},[l]);let J=l.map(t=>{let{value:i,label:d}=t;x=x;const v=()=>{let n=l.findIndex(P=>P.value==i);if(n==-1)return;let m=[...l];m.splice(n,1),S(m),m.length||setTimeout(()=>{T(`[data-chips-input-wrapper="${r}"]`).focus()},200)};return a(x,{value:i,label:d,removeCallback:v,defaultRemoveButton:a(U.Button.Sub.S,{color:"cloud",styles:{flexSizing:"none",backgroundColor:"cloud",flexCenter:!0,isRounded:!0},freeCSS:{aspectRatio:"1/1"},onClick:n=>{n.stopPropagation(),n.preventDefault(),v()},children:a(N.Times,{})}),openCallback:()=>{I()}},JSON.stringify(i))});return g(j,{val_status:y,set_status:D,val_validate:k,states:e,children:[a(ne,{"data-value":JSON.stringify(y.dataValue.map(t=>t.value)),name:o,form:u,"data-input-type":"chips-"+["single","multi"][+(e.limit!=1)],"data-validation":k.ok,componentID:y.componentID,"data-focusor":r}),g("label",f(s({tabIndex:0,"data-chips-input-wrapper":r,onKeyDown:t=>{let{key:i,ctrlKey:d,metaKey:v,keyCode:n}=t,m=d||v;if(n>=48&&n<=57||n>=65&&n<=90||n>=96&&n<=105){if(h)return;I()}else if(i!="Tab"){if(i=="Backspace"){if(!l.length)return;if(m)S([]);else{let $=[...l];$.pop(),S($)}}}},onClick:()=>{h||I()}},M),{children:[!h&&a(R,{selected:l,openCallback:I}),J]}))]})},ae=e=>{let u=[...e.value||[]].splice(0,e.limit||65535);return a(oe,f(s({SelectedCellComponent:o=>{let{value:c,label:C,removeCallback:O}=o;return g(X.Left,{styles:{ssCardBox:!0,padding:"1/3",gap:0,isRounded:!0,textAlign:"left"},children:[a(Q,{styles:{padding:[0,"1/2"]},children:C}),o.defaultRemoveButton]})},AddButtonComponent:o=>e.limit&&e.limit<=o.selected.length?null:g(U.Button.Sub.R,{color:"cloud",styles:{padding:"1/2"},onClick:()=>{o.openCallback()},children:[a(N.Plus,{}),"\u8FFD\u52A0\u3059\u308B"]})},e),{value:u}))},V=e=>{e=s({},e),e=f(s({},e),{styles:s({gap:1,display:"flex",horizontalAlign:"left",verticalAlign:"center",flexWrap:!0},e.styles)});let p=te.Boxish(e);return a(Z,{componentID:e.componentID,children:ae,states:p})};V.fn=W;export{V as Chips,V as default};
+import{b as p,c as v,d as K}from"../../../chunk-C5N2D3ZX.js";import{jsx as a,jsxs as g}from"react/jsx-runtime";import{useState as b,useEffect as L,useRef as H}from"react";import B from"@mingoo/jsmin";import{$$fromRoot as T}from"../../../@utils";import Q from"../../../atoms/Box";import N from"../../../atoms/FAI";import X from"../../../mols/Row";import U from"../../Button";import Y from"../../Sheet";import{Wrapper as Z,BoxWrapper as j,CommonEffects as ee,DefaultStyles as te}from"../core";import ne from"../Hidden";import W from"./Selector";function oe(e){let{value:s,states:u}=e,{required:l}=u,c=[];return l&&!s.length&&c.push({type:"invalid",label:"\u4E00\u3064\u4EE5\u4E0A\u9078\u629E\u3057\u3066\u304F\u3060\u3055\u3044"}),{ok:!c.filter(({type:f})=>f=="invalid").length,notice:c}}const le=e=>{let _=e,{required:s,form:u,name:l,checkValidationAtFirst:c,onValidate:f,onUpdateValue:O,onUpdateValidValue:G,value:F=[],limit:w,leftIndicator:ie,rightIndicator:re,leftIcon:pe,rightIcon:se,SelectedCellComponent:x,AddButtonComponent:R,SelectorCellComponent:ue,componentID:ce,defaultOptions:de,enableFormSubmit:me,onDynamicSearch:fe,freeCSS:Ce,wrapStyles:ye,selectorGravityPoint:Se}=_,M=K(_,["required","form","name","checkValidationAtFirst","onValidate","onUpdateValue","onUpdateValidValue","value","limit","leftIndicator","rightIndicator","leftIcon","rightIcon","SelectedCellComponent","AddButtonComponent","SelectorCellComponent","componentID","defaultOptions","enableFormSubmit","onDynamicSearch","freeCSS","wrapStyles","selectorGravityPoint"]);R=R;let[r]=b(B.uuid.gen()),[C,D]=b({componentID:e.componentID||"",dataValue:F.map(t=>t),eventID:B.uuid.gen(),eventType:"init"}),[k,q]=b({ok:!1,notice:[]}),[o,z]=b([...F]);ee({states:e,val_status:C,set_status:D,val_validate:k,set_validate:q,DefaultValidation:oe,onUpdateValue:O,onUpdateValidValue:G,ExtraOverrideStates:{formatValue:o,dataValue:o.map(t=>t)},ExtraStoreStates:{searchTimer:null}});const y=t=>{z(t),D(i=>v(p({},i),{dataValue:t.map(d=>d),eventID:B.uuid.gen(),eventType:"update"}))};let A=`[data-chips-input-wrapper="${r}"]`;const S=()=>{W.openSelector({parent:A,gravityPoint:e.selectorGravityPoint,SelectorCellComponent:e.SelectorCellComponent,selectorID:r,options:e.defaultOptions||[],selected:o,limit:e.limit,onDynamicSearch:e.onDynamicSearch,onUpdated:t=>{y(t.values)},onClosed:()=>{T(A).focus()}})};let I=w&&w<=o.length;const E=H(!1);L(()=>{E.current?I&&(Y.close(r),T(`[data-chips-input-wrapper="${r}"]`).focus()):E.current=!0},[o]);let J=o.map(t=>{let{value:i,label:d}=t;x=x;const h=()=>{let n=o.findIndex(P=>P.value==i);if(n==-1)return;let m=[...o];m.splice(n,1),y(m),m.length||setTimeout(()=>{T(`[data-chips-input-wrapper="${r}"]`).focus()},200)};return a(x,{value:i,label:d,removeCallback:h,defaultRemoveButton:a(U.Button.Sub.S,{color:"cloud",flexSizing:"none",backgroundColor:"cloud",flexCenter:!0,isRounded:!0,freeCSS:{aspectRatio:"1/1"},onClick:n=>{n.stopPropagation(),n.preventDefault(),h()},children:a(N.Times,{})}),openCallback:()=>{S()}},JSON.stringify(i))});return g(j,{val_status:C,set_status:D,val_validate:k,states:e,children:[a(ne,{"data-value":JSON.stringify(C.dataValue.map(t=>t.value)),name:l,form:u,"data-input-type":"chips-"+["single","multi"][+(e.limit!=1)],"data-validation":k.ok,componentID:C.componentID,"data-focusor":r}),g("label",v(p({tabIndex:0,"data-chips-input-wrapper":r,onKeyDown:t=>{let{key:i,ctrlKey:d,metaKey:h,keyCode:n}=t,m=d||h;if(n>=48&&n<=57||n>=65&&n<=90||n>=96&&n<=105){if(I)return;S()}else if(i!="Tab"){if(i=="Backspace"){if(!o.length)return;if(m)y([]);else{let $=[...o];$.pop(),y($)}}}},onClick:()=>{I||S()}},M),{children:[!I&&a(R,{selected:o,openCallback:S}),J]}))]})},ae=e=>{let u=[...e.value||[]].splice(0,e.limit||65535);return a(le,v(p({SelectedCellComponent:l=>{let{value:c,label:f,removeCallback:O}=l;return g(X.Left,{ssCardBox:!0,padding:"1/3",gap:0,isRounded:!0,textAlign:"left",children:[a(Q,{padding:[0,"1/2"],children:f}),l.defaultRemoveButton]})},AddButtonComponent:l=>e.limit&&e.limit<=l.selected.length?null:g(U.Button.Sub.R,{color:"cloud",padding:"1/2",onClick:()=>{l.openCallback()},children:[a(N.Plus,{}),"\u8FFD\u52A0\u3059\u308B"]})},e),{value:u}))},V=e=>{e=p({},e),e=p({gap:1,display:"flex",horizontalAlign:"left",verticalAlign:"center",flexWrap:!0},e);let s=te.Boxish(e);return a(Z,{componentID:e.componentID,children:ae,states:s})};V.fn=W;export{V as Chips,V as default};

package/dist/fn/Input/Contenteditable.js

@@ -1 +1 @@
-import{b as e,c as s,d as v}from"../../chunk-C5N2D3ZX.js";import{jsx as u}from"react/jsx-runtime";import{useState as T}from"react";import b from"@mingoo/jsmin";import{Wrapper as w,BoxWrapper as k,SubmitForm as F,CommonEffects as L,DefaultStyles as B}from"./core";function H(t){let{value:a,states:c}=t,{required:p}=c,n=[];return p&&!a&&n.push({type:"invalid",label:"\u5FC5\u9808\u9805\u76EE\u3067\u3059"}),{ok:!n.filter(({type:r})=>r=="invalid").length,notice:n}}const M=t=>{let y=t,{componentID:a,tone:c,required:p,form:n,value:r,enableFormSubmit:D,checkValidationAtFirst:W,onInput:m,onKeyDown:f,onValidate:q,onUpdateValue:S,onUpdateValidValue:g,children:C="",leftIndicator:A,rightIndicator:K,leftIcon:U,rightIcon:$,styles:N,freeCSS:P,wrapStyles:z}=y,R=v(y,["componentID","tone","required","form","value","enableFormSubmit","checkValidationAtFirst","onInput","onKeyDown","onValidate","onUpdateValue","onUpdateValidValue","children","leftIndicator","rightIndicator","leftIcon","rightIcon","styles","freeCSS","wrapStyles"]),V={componentID:a,dataValue:r,eventType:"init",eventID:b.uuid.gen()},[l,d]=T(V),[i,I]=T({ok:!1,notice:[]});return L({states:t,val_status:l,set_status:d,val_validate:i,set_validate:I,onUpdateValue:S,onUpdateValidValue:g,DefaultValidation:H}),u(k,{val_status:l,set_status:d,val_validate:i,states:t,children:u("div",s(e({contentEditable:!0,"data-form":n,"data-name":t.name,"data-input-type":"contenteditable","data-validation":i.ok,"data-value":l.dataValue,"data-component-id":l.componentID,onKeyDown:o=>{f&&f(o),D&&F(o)},onInput:o=>{let E=o.currentTarget,{innerHTML:G,innerText:x}=E;i.ok&&I({ok:!1,notice:[]}),d(_=>s(e({},_),{dataValue:x,eventType:"update",eventID:b.uuid.gen()})),m&&m(o)}},R),{children:C}))})},h=t=>{t=e({},t),t.rightIcon&&(t.styles=e({paddingRight:3},t.styles)),t.leftIcon&&(t.styles=e({paddingLeft:3},t.styles)),t=s(e({},t),{freeCSS:e({whiteSpace:"pre-wrap"},t.freeCSS)});let a=B.Boxish(t);return a.rows=a.rows||5,u(w,{componentID:t.componentID,children:M,states:a})};export{h as Contenteditable,h as default};
+import{b as e,c as r,d as y}from"../../chunk-C5N2D3ZX.js";import{jsx as u}from"react/jsx-runtime";import{useState as T}from"react";import b from"@mingoo/jsmin";import{Wrapper as w,BoxWrapper as k,SubmitForm as F,CommonEffects as L,DefaultStyles as B}from"./core";function H(t){let{value:a,states:c}=t,{required:p}=c,n=[];return p&&!a&&n.push({type:"invalid",label:"\u5FC5\u9808\u9805\u76EE\u3067\u3059"}),{ok:!n.filter(({type:s})=>s=="invalid").length,notice:n}}const M=t=>{let v=t,{componentID:a,tone:c,required:p,form:n,value:s,enableFormSubmit:D,checkValidationAtFirst:W,onInput:m,onKeyDown:f,onValidate:q,onUpdateValue:S,onUpdateValidValue:g,children:C="",leftIndicator:A,rightIndicator:K,leftIcon:U,rightIcon:$,freeCSS:N,wrapStyles:P}=v,R=y(v,["componentID","tone","required","form","value","enableFormSubmit","checkValidationAtFirst","onInput","onKeyDown","onValidate","onUpdateValue","onUpdateValidValue","children","leftIndicator","rightIndicator","leftIcon","rightIcon","freeCSS","wrapStyles"]),V={componentID:a,dataValue:s,eventType:"init",eventID:b.uuid.gen()},[i,d]=T(V),[l,I]=T({ok:!1,notice:[]});return L({states:t,val_status:i,set_status:d,val_validate:l,set_validate:I,onUpdateValue:S,onUpdateValidValue:g,DefaultValidation:H}),u(k,{val_status:i,set_status:d,val_validate:l,states:t,children:u("div",r(e({contentEditable:!0,"data-form":n,"data-name":t.name,"data-input-type":"contenteditable","data-validation":l.ok,"data-value":i.dataValue,"data-component-id":i.componentID,onKeyDown:o=>{f&&f(o),D&&F(o)},onInput:o=>{let E=o.currentTarget,{innerHTML:z,innerText:x}=E;l.ok&&I({ok:!1,notice:[]}),d(_=>r(e({},_),{dataValue:x,eventType:"update",eventID:b.uuid.gen()})),m&&m(o)}},R),{children:C}))})},h=t=>{t=e({},t),t.rightIcon&&(t=e({paddingRight:3},t)),t.leftIcon&&(t=e({paddingLeft:3},t)),t=r(e({},t),{freeCSS:e({whiteSpace:"pre-wrap"},t.freeCSS)});let a=B.Boxish(t);return a.rows=a.rows||5,u(w,{componentID:t.componentID,children:M,states:a})};export{h as Contenteditable,h as default};

package/dist/fn/Input/DigitCharacters.js

@@ -1 +1 @@
-import{b as t,c as m,d as V}from"../../chunk-C5N2D3ZX.js";import{jsx as h,jsxs as Z}from"react/jsx-runtime";import{useState as F}from"react";import I from"@mingoo/jsmin";import{$$fromRoot as K}from"../../@utils";import{Wrapper as O,BoxWrapper as q,SubmitForm as U,CommonEffects as j,DefaultStyles as z}from"./core";import G from"../../atoms/Flex";import J from"./Hidden";import{InputClasses as w}from"../../@styles/componentClasses";function Q(e){let{value:a,states:s}=e,{required:u,numericOnly:l=!1,digits:f}=s,o=[];return u&&!a&&o.push({type:"invalid",label:"\u5FC5\u9808\u9805\u76EE\u3067\u3059"}),a&&(l&&a.match(/\D/)&&o.push({type:"invalid",label:"\u6570\u5B57\u306E\u307F\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"}),a.length!=f&&o.push({type:"warn",label:"\u6700\u5F8C\u307E\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"})),{ok:!o.filter(({type:p})=>p=="invalid"||p=="warn").length,notice:o}}const X=(e,a="")=>{let s=String(a),u=[];for(let l=0;l<e;l++)u[l]=s[l]||"";return{formatValue:u,dataValue:s}},R=(e="")=>{let a=e,s=a.join("");return{formatValue:a,dataValue:s}},Y=e=>{let b=e,{tone:a,required:s,form:u,name:l,className:f="",digits:o,numericOnly:p=!1,enableFormSubmit:k,checkValidationAtFirst:ee,onChange:te,onKeyDown:ae,onValidate:ne,onUpdateValue:A,onUpdateValidValue:N,value:M="",override:ie,styles:re,freeCSS:le,wrapStyles:oe,combineInput:se,componentID:ue,listStyles:S}=b,B=V(b,["tone","required","form","name","className","digits","numericOnly","enableFormSubmit","checkValidationAtFirst","onChange","onKeyDown","onValidate","onUpdateValue","onUpdateValidValue","value","override","styles","freeCSS","wrapStyles","combineInput","componentID","listStyles"]),E=m(t({componentID:e.componentID||""},X(o,M)),{eventType:"init",eventID:I.uuid.gen()}),[i,y]=F(E),[D,H]=F({ok:!1,notice:[]});j({states:e,val_status:i,set_status:y,val_validate:D,set_validate:H,onUpdateValue:A,onUpdateValidValue:N,DefaultValidation:Q});let v=[];for(let n=0;n<o;n++){let L=i.formatValue[n],P={},x=f;e.combineInput&&(x=[f,w("DigitCharacterCell"),w("Combined")].join(" ")),v.push(h("input",{type:"text",inputMode:p?"numeric":e.inputMode||"text",value:L,"data-form-name":u,id:"Digit-"+n+"-"+i.componentID,className:x,style:t(t({},e.style),P),onKeyDown:C=>{let{key:g,code:W}=C;if(g=="Tab")return;C.preventDefault();let d=null;if(g=="Backspace"){let r=i.formatValue;r[n]="",y(c=>m(t(t({},c),R(r)),{eventType:"update",eventID:I.uuid.gen()})),d=n-1}else if(["ArrowLeft","ArrowRight"].includes(g)){let r=+(g=="ArrowRight")*2-1;d=n+r}else k&&U(C),(()=>{let r=W.match(/^(Key(.)|Digit(\d)|Numpad(\d))/);if(!r)return;let c=r[2]||r[3]||r[4];if(p&&!c.match(/\d/)||!c)return;let T=i.formatValue;T[n]=c,y($=>m(t(t({},$),R(T)),{eventType:"update",eventID:I.uuid.gen()})),d=n+1})();I.is.exist(d)&&K("#Digit-"+d+"-"+i.componentID).focus()},onChange:()=>{}},n))}return Z(q,{val_status:i,set_status:y,val_validate:D,states:e,children:[h(J,t({name:l,"data-input-type":"digitCharacters","data-form":u,"data-validation":D.ok,componentID:i.componentID,"data-value":i.dataValue},B)),h(G,m(t({},S),{styles:t({gap:"1/2",flexChilds:"even",flexWrap:!1,flexSizing:"auto"},S),children:v}))]})},_=e=>{e=t({},e),e=m(t({},e),{styles:t({textAlign:"center",width:0},e.styles)}),e.combineInput&&(e=m(t({},e),{styles:t({textAlign:"center",width:0},e.styles),freeCSS:t({minWidth:12*2,marginRight:-1},e.freeCSS),listStyles:t({borderRadius:"2.tone.secondary",border:"unset",gap:0},e.listStyles)}));let a=z.Boxish(e);return h(O,{componentID:e.componentID,children:Y,states:a})};export{_ as DigitCharacters,_ as default};
+import{b as t,c as m,d as T}from"../../chunk-C5N2D3ZX.js";import{jsx as h,jsxs as Z}from"react/jsx-runtime";import{useState as V}from"react";import I from"@mingoo/jsmin";import{$$fromRoot as K}from"../../@utils";import{Wrapper as O,BoxWrapper as q,SubmitForm as U,CommonEffects as j,DefaultStyles as z}from"./core";import G from"../../atoms/Flex";import J from"./Hidden";import{InputClasses as F}from"../../@styles/componentClasses";function Q(e){let{value:a,states:s}=e,{required:u,numericOnly:o=!1,digits:f}=s,l=[];return u&&!a&&l.push({type:"invalid",label:"\u5FC5\u9808\u9805\u76EE\u3067\u3059"}),a&&(o&&a.match(/\D/)&&l.push({type:"invalid",label:"\u6570\u5B57\u306E\u307F\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"}),a.length!=f&&l.push({type:"warn",label:"\u6700\u5F8C\u307E\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"})),{ok:!l.filter(({type:p})=>p=="invalid"||p=="warn").length,notice:l}}const X=(e,a="")=>{let s=String(a),u=[];for(let o=0;o<e;o++)u[o]=s[o]||"";return{formatValue:u,dataValue:s}},w=(e="")=>{let a=e,s=a.join("");return{formatValue:a,dataValue:s}},Y=e=>{let v=e,{tone:a,required:s,form:u,name:o,className:f="",digits:l,numericOnly:p=!1,enableFormSubmit:_,checkValidationAtFirst:ee,onChange:te,onKeyDown:ae,onValidate:ne,onUpdateValue:k,onUpdateValidValue:A,value:N="",override:ie,freeCSS:re,wrapStyles:oe,combineInput:le,componentID:se,listStyles:M}=v,B=T(v,["tone","required","form","name","className","digits","numericOnly","enableFormSubmit","checkValidationAtFirst","onChange","onKeyDown","onValidate","onUpdateValue","onUpdateValidValue","value","override","freeCSS","wrapStyles","combineInput","componentID","listStyles"]),E=m(t({componentID:e.componentID||""},X(l,N)),{eventType:"init",eventID:I.uuid.gen()}),[i,g]=V(E),[D,H]=V({ok:!1,notice:[]});j({states:e,val_status:i,set_status:g,val_validate:D,set_validate:H,onUpdateValue:k,onUpdateValidValue:A,DefaultValidation:Q});let S=[];for(let n=0;n<l;n++){let L=i.formatValue[n],P={},b=f;e.combineInput&&(b=[f,F("DigitCharacterCell"),F("Combined")].join(" ")),S.push(h("input",{type:"text",inputMode:p?"numeric":e.inputMode||"text",value:L,"data-form-name":u,id:"Digit-"+n+"-"+i.componentID,className:b,style:t(t({},e.style),P),onKeyDown:C=>{let{key:y,code:W}=C;if(y=="Tab")return;C.preventDefault();let d=null;if(y=="Backspace"){let r=i.formatValue;r[n]="",g(c=>m(t(t({},c),w(r)),{eventType:"update",eventID:I.uuid.gen()})),d=n-1}else if(["ArrowLeft","ArrowRight"].includes(y)){let r=+(y=="ArrowRight")*2-1;d=n+r}else _&&U(C),(()=>{let r=W.match(/^(Key(.)|Digit(\d)|Numpad(\d))/);if(!r)return;let c=r[2]||r[3]||r[4];if(p&&!c.match(/\d/)||!c)return;let x=i.formatValue;x[n]=c,g($=>m(t(t({},$),w(x)),{eventType:"update",eventID:I.uuid.gen()})),d=n+1})();I.is.exist(d)&&K("#Digit-"+d+"-"+i.componentID).focus()},onChange:()=>{}},n))}return Z(q,{val_status:i,set_status:g,val_validate:D,states:e,children:[h(J,t({name:o,"data-input-type":"digitCharacters","data-form":u,"data-validation":D.ok,componentID:i.componentID,"data-value":i.dataValue},B)),h(G,m(t({gap:"1/2",flexChilds:"even",flexWrap:!1,flexSizing:"auto"},M),{children:S}))]})},R=e=>{e=t({},e),e=t({textAlign:"center",width:0},e),e.combineInput&&(e=m(t({textAlign:"center",width:0},e),{freeCSS:t({minWidth:12*2,marginRight:-1},e.freeCSS),listStyles:t({borderRadius:"2.tone.secondary",border:"unset",gap:0},e.listStyles)}));let a=z.Boxish(e);return h(O,{componentID:e.componentID,children:Y,states:a})};export{R as DigitCharacters,R as default};