amotify 0.2.15 → 0.2.17
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/demo/esbuild/app.tsx +2 -2
- package/demo/esbuild/public/index.css +1 -1
- package/demo/esbuild/public/index.js +81 -81
- package/dist/{@declaration → @declares}/property.d.ts +2 -2
- package/dist/@styles/componentClasses/index.css +1 -1
- package/dist/@styles/componentClasses/index.js +1 -1
- package/dist/@styles/index.css +1 -1
- package/dist/@styles/index.js +1 -1
- package/dist/@styles/style.css +1 -1
- package/dist/@styles/style.js +1 -1
- package/dist/@styles/var.css +1 -1
- package/dist/@utils/GenerateClassName.js +1 -1
- package/dist/@utils/LaunchReactApp.d.ts +1 -1
- package/dist/@utils/color.d.ts +1 -1
- package/dist/@utils/config.d.ts +1 -1
- package/dist/@utils/index.d.ts +1 -1
- package/dist/@utils/index.js +1 -1
- package/dist/atoms/Box.d.ts +1 -1
- package/dist/atoms/FAI.d.ts +1 -1
- package/dist/atoms/Flex.d.ts +1 -1
- package/dist/atoms/Img.d.ts +1 -1
- package/dist/atoms/Logo.d.ts +1 -1
- package/dist/atoms/P.d.ts +1 -1
- package/dist/atoms/Span.d.ts +1 -1
- package/dist/fn/Button.d.ts +1 -1
- package/dist/fn/Button.js +1 -1
- package/dist/fn/Cropper.js +1 -1
- package/dist/fn/Effect/Pudding.d.ts +1 -1
- package/dist/fn/Effect/Ripple.d.ts +1 -1
- package/dist/fn/Input/Checker.d.ts +1 -1
- package/dist/fn/Input/Chips/Selector.d.ts +1 -1
- package/dist/fn/Input/Chips/Selector.js +1 -1
- package/dist/fn/Input/Chips/index.d.ts +1 -1
- package/dist/fn/Input/Contenteditable.d.ts +1 -1
- package/dist/fn/Input/DigitCharacters.d.ts +1 -1
- package/dist/fn/Input/Filer.d.ts +1 -1
- package/dist/fn/Input/List.d.ts +1 -1
- package/dist/fn/Input/Parts.d.ts +1 -1
- package/dist/fn/Input/Plain.d.ts +1 -1
- package/dist/fn/Input/RichSelect.d.ts +1 -1
- package/dist/fn/Input/Segmented.js +1 -1
- package/dist/fn/Input/Select.d.ts +1 -1
- package/dist/fn/Input/Slider.d.ts +1 -1
- package/dist/fn/Input/Switch.d.ts +1 -1
- package/dist/fn/Input/Text.d.ts +1 -1
- package/dist/fn/Input/TextArea.d.ts +1 -1
- package/dist/fn/Input/Time/index.d.ts +1 -1
- package/dist/fn/Input/core.d.ts +1 -1
- package/dist/fn/Input/core.js +1 -1
- package/dist/fn/Input/index.d.ts +1 -1
- package/dist/fn/Loader/index.d.ts +1 -1
- package/dist/fn/Loader/mini.js +1 -1
- package/dist/fn/PageViewController.d.ts +1 -1
- package/dist/fn/RootViewController.d.ts +1 -1
- package/dist/fn/Sheet.d.ts +1 -1
- package/dist/fn/Snackbar.d.ts +1 -1
- package/dist/fn/Snackbar.js +1 -1
- package/dist/fn/SwipeView.d.ts +1 -1
- package/dist/fn/TabBar.d.ts +1 -1
- package/dist/fn/Table/Data.d.ts +1 -1
- package/dist/fn/Table/Data.js +1 -1
- package/dist/fn/Table/Drag.js +1 -1
- package/dist/fn/Table/Parts.d.ts +1 -1
- package/dist/fn/Table/cellStyling.d.ts +1 -1
- package/dist/fn/Table/index.d.ts +1 -1
- package/dist/fn/Tooltips.d.ts +1 -1
- package/dist/mols/Accordion.d.ts +1 -1
- package/dist/mols/LinkifyText.d.ts +1 -1
- package/dist/mols/List.d.ts +1 -1
- package/dist/mols/Row.d.ts +1 -1
- package/dist/mols/Text.d.ts +1 -1
- package/dist/temps/designBook.js +20 -20
- package/package.json +4 -4
- /package/dist/{@declaration → @declares}/index.d.ts +0 -0
- /package/dist/{@declaration → @declares}/index.js +0 -0
- /package/dist/{@declaration → @declares}/module.d.ts +0 -0
- /package/dist/{@declaration → @declares}/module.js +0 -0
- /package/dist/{@declaration → @declares}/property.js +0 -0
package/dist/@styles/style.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
var r={Img:"_Img_1egfu_1",ShowExpand_true:"_ShowExpand_true_1egfu_11"};var a={Size_S:"_Size_S_10jdu_1",Size_R:"_Size_R_10jdu_6",Size_L:"_Size_L_10jdu_11",Size_2L:"_Size_2L_10jdu_16",Size_3L:"_Size_3L_10jdu_21",Icon:"_Icon_10jdu_27",Title:"_Title_10jdu_31",ComunIcon:"_ComunIcon_10jdu_38",ComunTitle:"_ComunTitle_10jdu_42",MingooIcon:"_MingooIcon_10jdu_46",P:"_P_10jdu_46",P_0:"_P_0_10jdu_50",P_1:"_P_1_10jdu_53",P_2:"_P_2_10jdu_56",P_3:"_P_3_10jdu_59",P_4:"_P_4_10jdu_62",P_5:"_P_5_10jdu_65",P_6:"_P_6_10jdu_68",P_7:"_P_7_10jdu_71",P_8:"_P_8_10jdu_74",P_9:"_P_9_10jdu_77",P_10:"_P_10_10jdu_81",P_11:"_P_11_10jdu_85",P_12:"_P_12_10jdu_89"};var t={Placeholder:"_Placeholder_rl2bi_14",Body:"_Body_rl2bi_14",PlaceholderEffect:"_PlaceholderEffect_rl2bi_1",Color_white:"_Color_white_rl2bi_25"};var _={Wrap:"_Wrap_13krz_1",Open_true:"_Open_true_13krz_1",Open_false:"_Open_false_13krz_4"};var l={Wrapper:"_Wrapper_1s842_1",Cell:"_Cell_1s842_9",FadeIn:"_FadeIn_1s842_13",FadeOut:"_FadeOut_1s842_17"};var e={FixScroll:"_FixScroll_encrj_1",Float:"_Float_encrj_8",Wrapper:"_Wrapper_encrj_16",Wrap:"_Wrap_encrj_16",TapSensor:"_TapSensor_encrj_30",TapContent:"_TapContent_encrj_40",Hide:"_Hide_encrj_47",Open:"_Open_encrj_50",isNewSheet_true:"_isNewSheet_true_encrj_50",Content:"_Content_encrj_50",isNewSheet_false:"_isNewSheet_false_encrj_54",BB:"_BB_encrj_54",Tcate_normal:"_Tcate_normal_encrj_57",BaseBody:"_BaseBody_encrj_61",Tcate_drawer:"_Tcate_drawer_encrj_76",Tpos_left:"_Tpos_left_encrj_76",Tpos_right:"_Tpos_right_encrj_91",Tpos_bottom:"_Tpos_bottom_encrj_106",DragBar:"_DragBar_encrj_113",Tcate_custom:"_Tcate_custom_encrj_121",CustomSheet:"_CustomSheet_encrj_129",GPT:"_GPT_encrj_132",Col_1:"_Col_1_encrj_132",Row_1:"_Row_1_encrj_132",Row_4:"_Row_4_encrj_132",Col_4:"_Col_4_encrj_132",Row_2:"_Row_2_encrj_135",Row_5:"_Row_5_encrj_135",Col_2:"_Col_2_encrj_138",Col_5:"_Col_5_encrj_138",GPT_3:"_GPT_3_encrj_144",GPT_18:"_GPT_18_encrj_144",GPT_8:"_GPT_8_encrj_147",GPT_23:"_GPT_23_encrj_147",GPT_11:"_GPT_11_encrj_150",GPT_14:"_GPT_14_encrj_150",GPT_12:"_GPT_12_encrj_153",GPT_15:"_GPT_15_encrj_153",Col_3:"_Col_3_encrj_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
|
|
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_encrj_1",Float:"_Float_encrj_8",Wrapper:"_Wrapper_encrj_16",Wrap:"_Wrap_encrj_16",TapSensor:"_TapSensor_encrj_30",TapContent:"_TapContent_encrj_40",Hide:"_Hide_encrj_47",Open:"_Open_encrj_50",isNewSheet_true:"_isNewSheet_true_encrj_50",Content:"_Content_encrj_50",isNewSheet_false:"_isNewSheet_false_encrj_54",BB:"_BB_encrj_54",Tcate_normal:"_Tcate_normal_encrj_57",BaseBody:"_BaseBody_encrj_61",Tcate_drawer:"_Tcate_drawer_encrj_76",Tpos_left:"_Tpos_left_encrj_76",Tpos_right:"_Tpos_right_encrj_91",Tpos_bottom:"_Tpos_bottom_encrj_106",DragBar:"_DragBar_encrj_113",Tcate_custom:"_Tcate_custom_encrj_121",CustomSheet:"_CustomSheet_encrj_129",GPT:"_GPT_encrj_132",Col_1:"_Col_1_encrj_132",Row_1:"_Row_1_encrj_132",Row_4:"_Row_4_encrj_132",Col_4:"_Col_4_encrj_132",Row_2:"_Row_2_encrj_135",Row_5:"_Row_5_encrj_135",Col_2:"_Col_2_encrj_138",Col_5:"_Col_5_encrj_138",GPT_3:"_GPT_3_encrj_144",GPT_18:"_GPT_18_encrj_144",GPT_8:"_GPT_8_encrj_147",GPT_23:"_GPT_23_encrj_147",GPT_11:"_GPT_11_encrj_150",GPT_14:"_GPT_14_encrj_150",GPT_12:"_GPT_12_encrj_153",GPT_15:"_GPT_15_encrj_153",Col_3:"_Col_3_encrj_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 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 p={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 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 Rr=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=>p[o],Kr=o=>b[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,Rr 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/@styles/var.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--cH_comun: 237;--cS_comun: 76%;--cL_comun: 58%;--color_comun-hsl: 237, 76%, 58%;--cH_leaf: 159;--cS_leaf: 78%;--cL_leaf: 38%;--color_leaf-hsl: 159, 78%, 38%;--cH_heart: 2;--cS_heart: 81%;--cL_heart: 63%;--color_heart-hsl: 2, 81%, 63%;--cH_droplet: 215;--cS_droplet: 82%;--cL_droplet: 51%;--color_droplet-hsl: 215, 82%, 51%;--cH_brick: 351;--cS_brick: 80%;--cL_brick: 39%;--color_brick-hsl: 351, 80%, 39%;--cH_flower: 350;--cS_flower: 78%;--cL_flower: 75%;--color_flower-hsl: 350, 78%, 75%;--cH_lip: 340;--cS_lip: 69%;--cL_lip: 49%;--color_lip-hsl: 340, 69%, 49%;--cH_wine: 317;--cS_wine: 41%;--cL_wine: 30%;--color_wine-hsl: 317, 41%, 30%;--cH_theater: 301;--cS_theater: 88%;--cL_theater: 49%;--color_theater-hsl: 301, 88%, 49%;--cH_bat: 272;--cS_bat: 81%;--cL_bat: 21%;--color_bat-hsl: 272, 81%, 21%;--cH_poizon: 268;--cS_poizon: 58%;--cL_poizon: 50%;--color_poizon-hsl: 268, 58%, 50%;--cH_eggplant: 264;--cS_eggplant: 100%;--cL_eggplant: 62%;--color_eggplant-hsl: 264, 100%, 62%;--cH_ufo: 253;--cS_ufo: 81%;--cL_ufo: 58%;--color_ufo-hsl: 253, 81%, 58%;--cH_alien: 252;--cS_alien: 92%;--cL_alien: 57%;--color_alien-hsl: 252, 92%, 57%;--cH_tombstone: 251;--cS_tombstone: 14%;--cL_tombstone: 70%;--color_tombstone-hsl: 251, 14%, 70%;--cH_ninja: 242;--cS_ninja: 100%;--cL_ninja: 68%;--color_ninja-hsl: 242, 100%, 68%;--cH_moon: 240;--cS_moon: 16%;--cL_moon: 24%;--color_moon-hsl: 240, 16%, 24%;--cH_rain: 240;--cS_rain: 32%;--cL_rain: 54%;--color_rain-hsl: 240, 32%, 54%;--cH_unicorn: 238;--cS_unicorn: 70%;--cL_unicorn: 74%;--color_unicorn-hsl: 238, 70%, 74%;--cH_axe: 226;--cS_axe: 22%;--cL_axe: 35%;--color_axe-hsl: 226, 22%, 35%;--cH_gem: 221;--cS_gem: 85%;--cL_gem: 43%;--color_gem-hsl: 221, 85%, 43%;--cH_soap: 217;--cS_soap: 85%;--cL_soap: 32%;--color_soap-hsl: 217, 85%, 32%;--cH_drizzle: 213;--cS_drizzle: 33%;--cL_drizzle: 68%;--color_drizzle-hsl: 213, 33%, 68%;--cH_building: 204;--cS_building: 3%;--cL_building: 72%;--color_building-hsl: 204, 3%, 72%;--cH_fish: 194;--cS_fish: 97%;--cL_fish: 34%;--color_fish-hsl: 194, 97%, 34%;--cH_icicles: 191;--cS_icicles: 61%;--cL_icicles: 58%;--color_icicles-hsl: 191, 61%, 58%;--cH_water: 187;--cS_water: 30%;--cL_water: 54%;--color_water-hsl: 187, 30%, 54%;--cH_tree1: 186;--cS_tree1: 85%;--cL_tree1: 23%;--color_tree1-hsl: 186, 85%, 23%;--cH_tree2: 185;--cS_tree2: 97%;--cL_tree2: 34%;--color_tree2-hsl: 185, 97%, 34%;--cH_tree3: 183;--cS_tree3: 86%;--cL_tree3: 19%;--color_tree3-hsl: 183, 86%, 19%;--cH_battery: 170;--cS_battery: 90%;--cL_battery: 39%;--color_battery-hsl: 170, 90%, 39%;--cH_seedle: 145;--cS_seedle: 94%;--cL_seedle: 40%;--color_seedle-hsl: 145, 94%, 40%;--cH_greenTea: 144;--cS_greenTea: 43%;--cL_greenTea: 41%;--color_greenTea-hsl: 144, 43%, 41%;--cH_oak: 101;--cS_oak: 24%;--cL_oak: 66%;--color_oak-hsl: 101, 24%, 66%;--cH_salad: 68;--cS_salad: 90%;--cL_salad: 43%;--color_salad-hsl: 68, 90%, 43%;--cH_cloudy: 60;--cS_cloudy: 5%;--cL_cloudy: 79%;--color_cloudy-hsl: 60, 5%, 79%;--cH_lemon: 53;--cS_lemon: 78%;--cL_lemon: 70%;--color_lemon-hsl: 53, 78%, 70%;--cH_angel: 47;--cS_angel: 100%;--cL_angel: 50%;--color_angel-hsl: 47, 100%, 50%;--cH_parasol: 42;--cS_parasol: 86%;--cL_parasol: 70%;--color_parasol-hsl: 42, 86%, 70%;--cH_pizza: 40;--cS_pizza: 92%;--cL_pizza: 52%;--color_pizza-hsl: 40, 92%, 52%;--cH_thunder: 40;--cS_thunder: 70%;--cL_thunder: 57%;--color_thunder-hsl: 40, 70%, 57%;--cH_latte: 33;--cS_latte: 51%;--cL_latte: 73%;--color_latte-hsl: 33, 51%, 73%;--cH_island: 27;--cS_island: 91%;--cL_island: 55%;--color_island-hsl: 27, 91%, 55%;--cH_shovel: 19;--cS_shovel: 29%;--cL_shovel: 37%;--color_shovel-hsl: 19, 29%, 37%;--cH_coffee: 18;--cS_coffee: 33%;--cL_coffee: 24%;--color_coffee-hsl: 18, 33%, 24%;--cH_carrot: 14;--cS_carrot: 84%;--cL_carrot: 59%;--color_carrot-hsl: 14, 84%, 59%;--cH_cactus: 8;--cS_cactus: 17%;--cL_cactus: 62%;--color_cactus-hsl: 8, 17%, 62%;--cH_volcano: 6;--cS_volcano: 84%;--cL_volcano: 48%;--color_volcano-hsl: 6, 84%, 48%;--cH_choco: 2;--cS_choco: 55%;--cL_choco: 57%;--color_choco-hsl: 2, 55%, 57%;--cH_industry: 0;--cS_industry: 0%;--cL_industry: 50%;--color_industry-hsl: 0, 0%, 50%;--cH_gun: 0;--cS_gun: 0%;--cL_gun: 37%;--color_gun-hsl: 0, 0%, 37%;--cH_galaxy: 0;--cS_galaxy: 0%;--cL_galaxy: 5%;--color_galaxy-hsl: 0, 0%, 5%;--cH_line: 120;--cS_line: 100%;--cL_line: 37%;--color_line-hsl: 120, 100%, 37%;--cH_twitter: 203;--cS_twitter: 89%;--cL_twitter: 52%;--color_twitter-hsl: 203, 89%, 52%;--cH_amazon: 36;--cS_amazon: 100%;--cL_amazon: 50%;--color_amazon-hsl: 36, 100%, 50%;--cH_facebook: 220;--cS_facebook: 46%;--cL_facebook: 48%;--color_facebook-hsl: 220, 46%, 48%;--cH_android: 101;--cS_android: 47%;--cL_android: 55%;--color_android-hsl: 101, 47%, 55%;--cH_slackBlue: 194;--cS_slackBlue: 86%;--cL_slackBlue: 58%;--color_slackBlue-hsl: 194, 86%, 58%;--cH_slackGreen: 155;--cS_slackGreen: 60%;--cL_slackGreen: 45%;--color_slackGreen-hsl: 155, 60%, 45%;--cH_slackRed: 341;--cS_slackRed: 76%;--cL_slackRed: 50%;--color_slackRed-hsl: 341, 76%, 50%;--cH_slackYellow: 42;--cS_slackYellow: 83%;--cL_slackYellow: 55%;--color_slackYellow-hsl: 42, 83%, 55%;--cH_slackBase: 299;--cS_slackBase: 56%;--cL_slackBase: 19%;--color_slackBase-hsl: 299, 56%, 19%;--cH_googleBlue: 217;--cS_googleBlue: 89%;--cL_googleBlue: 61%;--color_googleBlue-hsl: 217, 89%, 61%;--cH_googleGreen: 151;--cS_googleGreen: 83%;--cL_googleGreen: 34%;--color_googleGreen-hsl: 151, 83%, 34%;--cH_googleYellow: 44;--cS_googleYellow: 100%;--cL_googleYellow: 48%;--color_googleYellow-hsl: 44, 100%, 48%;--cH_googleRed: 5;--cS_googleRed: 69%;--cL_googleRed: 54%;--color_googleRed-hsl: 5, 69%, 54%;--cH: 0;--cS: 0%;--cL: 0%;--color-theme-hsl: 0, 0%, 0%;--color-theme-opacity-high: .5;--color-theme-opacity-middle: .25;--color-theme-opacity-low: .15;--color-theme-opacity-few: .085;--color-positive-rgb: 54, 194, 124;--color-negative-rgb: 246, 70, 93;--color-warning-rgb: 248, 150, 0;--color-dark-rgb: 69, 81, 92;--color-positive: rgba(var(--color-positive-rgb), 1);--color-negative: rgba(var(--color-negative-rgb), 1);--color-warning: rgba(var(--color-warning-rgb), 1);--color-dark: rgba(var(--color-dark-rgb), 1);--color-layer1-hsl: var(--cH), 6%, 99%;--color-layer2-hsl: var(--cH), 6%, 96%;--color-layer3-hsl: var(--cH), 6%, 92%;--color-layer4-hsl: var(--cH), 8%, 89%;--color-layer5-hsl: var(--cH), 10%, 85%;--color-layer6-hsl: var(--cH), 10%, 75%;--color-base-rgb: 252, 252, 252;--color-cloud-rgb: 241, 243, 248;--color-mono-positive-rgb: 0, 0, 0;--color-mono-negative-rgb: 255, 255, 255;--font-color-logoTitle: hsl(218, 45%, 22%);--sc: 60, 64, 67;--shadow_style_0: 0px 1px 2px 0px;--shadow_style_1: 0px 2px 4px 0px;--shadow_style_2: 1px 3px 8px 0px;--shadow_style_3: 2px 6px 12px;--shadow_style_4: .4rem 1rem 2rem;--shadow_style_5: 1rem 1.5rem 3rem;--shadow_color_thin: rgba(var(--sc), .05);--shadow_color_normal: rgba(var(--sc), .15);--shadow_color_remark: rgba(var(--sc), .23);--shadow_color_thick: rgba(var(--sc), .32);--shadow_color_most: rgba(var(--sc), .41);--font-color1-rgb: 0, 0, 0;--font-color2-rgb: 51, 51, 51;--font-color3-rgb: 118, 125, 137;--font-color4-rgb: 152, 158, 167;--font-color5-rgb: 189, 194, 200;--font-color6-rgb: 210, 210, 220;--font-size0: 10px;--font-size1: 12px;--font-size2: 14px;--font-size3: 16px;--font-size4: 20px;--font-size5: 24px;--font-size6: 32px;--font-size7: 44px;--font-size8: 60px;--border-color-thin: hsl(220, 9%, 92%);--border-color-normal: hsl(220, 9%, 87%);--border-radius1: 4px;--border-radius2: 6px;--border-radius3: 8px;--border-radius4: 12px;--border-radius5: 18px;--border-radius6: 24px;--border-radius7: 30px;--animation-time1: .1s;--animation-time2: .15s;--animation-time3: .25s;--animation-time4: .4s;--animation-style1: cubic-bezier(.35, .46, 0, .99);--animation-style2: cubic-bezier(.1, .85, .1, .85);--safe-area-top: env(safe-area-inset-top);--safe-area-bottom: env(safe-area-inset-bottom);--grid-unit: 12px;--viewHeight: 100vh;--sideNavHeight: 0px;--topNavHeight: 0px;--contentHeight: 0px;--topBase: 0px}@supports (-webkit-touch-callout: none){:root{--viewHeight: -webkit-fill-available}}.bdsTC_comun{--cH: var(--cH_comun);--cS: var(--cS_comun);--cL: var(--cL_comun);--color-theme-hsl: var(--color_comun-hsl)}.bdsTC_leaf{--cH: var(--cH_leaf);--cS: var(--cS_leaf);--cL: var(--cL_leaf);--color-theme-hsl: var(--color_leaf-hsl)}.bdsTC_heart{--cH: var(--cH_heart);--cS: var(--cS_heart);--cL: var(--cL_heart);--color-theme-hsl: var(--color_heart-hsl)}.bdsTC_droplet{--cH: var(--cH_droplet);--cS: var(--cS_droplet);--cL: var(--cL_droplet);--color-theme-hsl: var(--color_droplet-hsl)}.bdsTC_brick{--cH: var(--cH_brick);--cS: var(--cS_brick);--cL: var(--cL_brick);--color-theme-hsl: var(--color_brick-hsl)}.bdsTC_flower{--cH: var(--cH_flower);--cS: var(--cS_flower);--cL: var(--cL_flower);--color-theme-hsl: var(--color_flower-hsl)}.bdsTC_lip{--cH: var(--cH_lip);--cS: var(--cS_lip);--cL: var(--cL_lip);--color-theme-hsl: var(--color_lip-hsl)}.bdsTC_wine{--cH: var(--cH_wine);--cS: var(--cS_wine);--cL: var(--cL_wine);--color-theme-hsl: var(--color_wine-hsl)}.bdsTC_theater{--cH: var(--cH_theater);--cS: var(--cS_theater);--cL: var(--cL_theater);--color-theme-hsl: var(--color_theater-hsl)}.bdsTC_bat{--cH: var(--cH_bat);--cS: var(--cS_bat);--cL: var(--cL_bat);--color-theme-hsl: var(--color_bat-hsl)}.bdsTC_poizon{--cH: var(--cH_poizon);--cS: var(--cS_poizon);--cL: var(--cL_poizon);--color-theme-hsl: var(--color_poizon-hsl)}.bdsTC_eggplant{--cH: var(--cH_eggplant);--cS: var(--cS_eggplant);--cL: var(--cL_eggplant);--color-theme-hsl: var(--color_eggplant-hsl)}.bdsTC_ufo{--cH: var(--cH_ufo);--cS: var(--cS_ufo);--cL: var(--cL_ufo);--color-theme-hsl: var(--color_ufo-hsl)}.bdsTC_alien{--cH: var(--cH_alien);--cS: var(--cS_alien);--cL: var(--cL_alien);--color-theme-hsl: var(--color_alien-hsl)}.bdsTC_tombstone{--cH: var(--cH_tombstone);--cS: var(--cS_tombstone);--cL: var(--cL_tombstone);--color-theme-hsl: var(--color_tombstone-hsl)}.bdsTC_ninja{--cH: var(--cH_ninja);--cS: var(--cS_ninja);--cL: var(--cL_ninja);--color-theme-hsl: var(--color_ninja-hsl)}.bdsTC_moon{--cH: var(--cH_moon);--cS: var(--cS_moon);--cL: var(--cL_moon);--color-theme-hsl: var(--color_moon-hsl)}.bdsTC_rain{--cH: var(--cH_rain);--cS: var(--cS_rain);--cL: var(--cL_rain);--color-theme-hsl: var(--color_rain-hsl)}.bdsTC_unicorn{--cH: var(--cH_unicorn);--cS: var(--cS_unicorn);--cL: var(--cL_unicorn);--color-theme-hsl: var(--color_unicorn-hsl)}.bdsTC_axe{--cH: var(--cH_axe);--cS: var(--cS_axe);--cL: var(--cL_axe);--color-theme-hsl: var(--color_axe-hsl)}.bdsTC_gem{--cH: var(--cH_gem);--cS: var(--cS_gem);--cL: var(--cL_gem);--color-theme-hsl: var(--color_gem-hsl)}.bdsTC_soap{--cH: var(--cH_soap);--cS: var(--cS_soap);--cL: var(--cL_soap);--color-theme-hsl: var(--color_soap-hsl)}.bdsTC_drizzle{--cH: var(--cH_drizzle);--cS: var(--cS_drizzle);--cL: var(--cL_drizzle);--color-theme-hsl: var(--color_drizzle-hsl)}.bdsTC_building{--cH: var(--cH_building);--cS: var(--cS_building);--cL: var(--cL_building);--color-theme-hsl: var(--color_building-hsl)}.bdsTC_fish{--cH: var(--cH_fish);--cS: var(--cS_fish);--cL: var(--cL_fish);--color-theme-hsl: var(--color_fish-hsl)}.bdsTC_icicles{--cH: var(--cH_icicles);--cS: var(--cS_icicles);--cL: var(--cL_icicles);--color-theme-hsl: var(--color_icicles-hsl)}.bdsTC_water{--cH: var(--cH_water);--cS: var(--cS_water);--cL: var(--cL_water);--color-theme-hsl: var(--color_water-hsl)}.bdsTC_tree1{--cH: var(--cH_tree1);--cS: var(--cS_tree1);--cL: var(--cL_tree1);--color-theme-hsl: var(--color_tree1-hsl)}.bdsTC_tree2{--cH: var(--cH_tree2);--cS: var(--cS_tree2);--cL: var(--cL_tree2);--color-theme-hsl: var(--color_tree2-hsl)}.bdsTC_tree3{--cH: var(--cH_tree3);--cS: var(--cS_tree3);--cL: var(--cL_tree3);--color-theme-hsl: var(--color_tree3-hsl)}.bdsTC_battery{--cH: var(--cH_battery);--cS: var(--cS_battery);--cL: var(--cL_battery);--color-theme-hsl: var(--color_battery-hsl)}.bdsTC_seedle{--cH: var(--cH_seedle);--cS: var(--cS_seedle);--cL: var(--cL_seedle);--color-theme-hsl: var(--color_seedle-hsl)}.bdsTC_greenTea{--cH: var(--cH_greenTea);--cS: var(--cS_greenTea);--cL: var(--cL_greenTea);--color-theme-hsl: var(--color_greenTea-hsl)}.bdsTC_oak{--cH: var(--cH_oak);--cS: var(--cS_oak);--cL: var(--cL_oak);--color-theme-hsl: var(--color_oak-hsl)}.bdsTC_salad{--cH: var(--cH_salad);--cS: var(--cS_salad);--cL: var(--cL_salad);--color-theme-hsl: var(--color_salad-hsl)}.bdsTC_cloudy{--cH: var(--cH_cloudy);--cS: var(--cS_cloudy);--cL: var(--cL_cloudy);--color-theme-hsl: var(--color_cloudy-hsl)}.bdsTC_lemon{--cH: var(--cH_lemon);--cS: var(--cS_lemon);--cL: var(--cL_lemon);--color-theme-hsl: var(--color_lemon-hsl)}.bdsTC_angel{--cH: var(--cH_angel);--cS: var(--cS_angel);--cL: var(--cL_angel);--color-theme-hsl: var(--color_angel-hsl)}.bdsTC_parasol{--cH: var(--cH_parasol);--cS: var(--cS_parasol);--cL: var(--cL_parasol);--color-theme-hsl: var(--color_parasol-hsl)}.bdsTC_pizza{--cH: var(--cH_pizza);--cS: var(--cS_pizza);--cL: var(--cL_pizza);--color-theme-hsl: var(--color_pizza-hsl)}.bdsTC_thunder{--cH: var(--cH_thunder);--cS: var(--cS_thunder);--cL: var(--cL_thunder);--color-theme-hsl: var(--color_thunder-hsl)}.bdsTC_latte{--cH: var(--cH_latte);--cS: var(--cS_latte);--cL: var(--cL_latte);--color-theme-hsl: var(--color_latte-hsl)}.bdsTC_island{--cH: var(--cH_island);--cS: var(--cS_island);--cL: var(--cL_island);--color-theme-hsl: var(--color_island-hsl)}.bdsTC_shovel{--cH: var(--cH_shovel);--cS: var(--cS_shovel);--cL: var(--cL_shovel);--color-theme-hsl: var(--color_shovel-hsl)}.bdsTC_coffee{--cH: var(--cH_coffee);--cS: var(--cS_coffee);--cL: var(--cL_coffee);--color-theme-hsl: var(--color_coffee-hsl)}.bdsTC_carrot{--cH: var(--cH_carrot);--cS: var(--cS_carrot);--cL: var(--cL_carrot);--color-theme-hsl: var(--color_carrot-hsl)}.bdsTC_cactus{--cH: var(--cH_cactus);--cS: var(--cS_cactus);--cL: var(--cL_cactus);--color-theme-hsl: var(--color_cactus-hsl)}.bdsTC_volcano{--cH: var(--cH_volcano);--cS: var(--cS_volcano);--cL: var(--cL_volcano);--color-theme-hsl: var(--color_volcano-hsl)}.bdsTC_choco{--cH: var(--cH_choco);--cS: var(--cS_choco);--cL: var(--cL_choco);--color-theme-hsl: var(--color_choco-hsl)}.bdsTC_industry{--cH: var(--cH_industry);--cS: var(--cS_industry);--cL: var(--cL_industry);--color-theme-hsl: var(--color_industry-hsl)}.bdsTC_gun{--cH: var(--cH_gun);--cS: var(--cS_gun);--cL: var(--cL_gun);--color-theme-hsl: var(--color_gun-hsl)}.bdsTC_galaxy{--cH: var(--cH_galaxy);--cS: var(--cS_galaxy);--cL: var(--cL_galaxy);--color-theme-hsl: var(--color_galaxy-hsl)}.bdsTC_line{--cH: var(--cH_line);--cS: var(--cS_line);--cL: var(--cL_line);--color-theme-hsl: var(--color_line-hsl)}.bdsTC_twitter{--cH: var(--cH_twitter);--cS: var(--cS_twitter);--cL: var(--cL_twitter);--color-theme-hsl: var(--color_twitter-hsl)}.bdsTC_amazon{--cH: var(--cH_amazon);--cS: var(--cS_amazon);--cL: var(--cL_amazon);--color-theme-hsl: var(--color_amazon-hsl)}.bdsTC_facebook{--cH: var(--cH_facebook);--cS: var(--cS_facebook);--cL: var(--cL_facebook);--color-theme-hsl: var(--color_facebook-hsl)}.bdsTC_android{--cH: var(--cH_android);--cS: var(--cS_android);--cL: var(--cL_android);--color-theme-hsl: var(--color_android-hsl)}.bdsTC_slackBlue{--cH: var(--cH_slackBlue);--cS: var(--cS_slackBlue);--cL: var(--cL_slackBlue);--color-theme-hsl: var(--color_slackBlue-hsl)}.bdsTC_slackGreen{--cH: var(--cH_slackGreen);--cS: var(--cS_slackGreen);--cL: var(--cL_slackGreen);--color-theme-hsl: var(--color_slackGreen-hsl)}.bdsTC_slackRed{--cH: var(--cH_slackRed);--cS: var(--cS_slackRed);--cL: var(--cL_slackRed);--color-theme-hsl: var(--color_slackRed-hsl)}.bdsTC_slackYellow{--cH: var(--cH_slackYellow);--cS: var(--cS_slackYellow);--cL: var(--cL_slackYellow);--color-theme-hsl: var(--color_slackYellow-hsl)}.bdsTC_slackBase{--cH: var(--cH_slackBase);--cS: var(--cS_slackBase);--cL: var(--cL_slackBase);--color-theme-hsl: var(--color_slackBase-hsl)}.bdsTC_googleBlue{--cH: var(--cH_googleBlue);--cS: var(--cS_googleBlue);--cL: var(--cL_googleBlue);--color-theme-hsl: var(--color_googleBlue-hsl)}.bdsTC_googleGreen{--cH: var(--cH_googleGreen);--cS: var(--cS_googleGreen);--cL: var(--cL_googleGreen);--color-theme-hsl: var(--color_googleGreen-hsl)}.bdsTC_googleYellow{--cH: var(--cH_googleYellow);--cS: var(--cS_googleYellow);--cL: var(--cL_googleYellow);--color-theme-hsl: var(--color_googleYellow-hsl)}.bdsTC_googleRed{--cH: var(--cH_googleRed);--cS: var(--cS_googleRed);--cL: var(--cL_googleRed);--color-theme-hsl: var(--color_googleRed-hsl)}.bdsTNflat{--border-color-thin: hsl(220, 9%, 94%);--border-color-normal: hsl(220, 9%, 90%)}.bdsDM_dark{--color-theme-opacity-high: .45;--color-theme-opacity-middle: .3;--color-theme-opacity-low: .2;--color-theme-opacity-few: .1;--color-dark-rgb: 46, 51, 54;--color-cloud-rgb: 43, 44, 45;--color-base-rgb: 27, 28, 28;--color-mono-positive-rgb: 255, 255, 255;--color-mono-negative-rgb: 0, 0, 0;--font-color1-rgb: 250, 251, 252;--font-color2-rgb: 205, 210, 220;--font-color3-rgb: 165, 170, 180;--font-color4-rgb: 135, 140, 150;--font-color5-rgb: 95, 100, 110;--font-color6-rgb: 65, 70, 80;--font-color-logoTitle: rgb(210, 220, 240);--sc: 1, 2, 3;--border-color-thin: hsl(180, 5%, 25%);--border-color-normal: hsl(180, 5%, 38%);--color-layer1-hsl: var(--cH), 5%, 10%;--color-layer2-hsl: var(--cH), 5%, 13.3%;--color-layer3-hsl: var(--cH), 5%, 16.6%;--color-layer4-hsl: var(--cH), 5%, 20%;--color-layer5-hsl: var(--cH), 5%, 25%;--color-layer6-hsl: var(--cH), 5%, 30%}.bdsDM_dim{--color-theme-opacity-high: .45;--color-theme-opacity-middle: .3;--color-theme-opacity-low: .2;--color-theme-opacity-few: .1;--color-dark-rgb: 46, 51, 54;--color-cloud-rgb: 43, 44, 45;--color-base-rgb: 27, 28, 28;--color-mono-positive-rgb: 255, 255, 255;--color-mono-negative-rgb: 0, 0, 0;--font-color1-rgb: 250, 251, 252;--font-color2-rgb: 205, 210, 220;--font-color3-rgb: 165, 170, 180;--font-color4-rgb: 135, 140, 150;--font-color5-rgb: 95, 100, 110;--font-color6-rgb: 65, 70, 80;--font-color-logoTitle: rgb(210, 220, 240);--sc: 1, 2, 3;--border-color-thin: hsl(180, 5%, 25%);--border-color-normal: hsl(180, 5%, 38%);--color-layer1-hsl: var(--cH), 8%, 20%;--color-layer2-hsl: var(--cH), 8%, 23.3%;--color-layer3-hsl: var(--cH), 8%, 26.6%;--color-layer4-hsl: var(--cH), 8%, 30%;--color-layer5-hsl: var(--cH), 8%, 35%;--color-layer6-hsl: var(--cH), 8%, 40%}@media (prefers-color-scheme: dark){.bdsDM_auto{--color-theme-opacity-high: .45;--color-theme-opacity-middle: .3;--color-theme-opacity-low: .2;--color-theme-opacity-few: .1;--color-dark-rgb: 46, 51, 54;--color-cloud-rgb: 43, 44, 45;--color-base-rgb: 27, 28, 28;--color-mono-positive-rgb: 255, 255, 255;--color-mono-negative-rgb: 0, 0, 0;--font-color1-rgb: 250, 251, 252;--font-color2-rgb: 205, 210, 220;--font-color3-rgb: 165, 170, 180;--font-color4-rgb: 135, 140, 150;--font-color5-rgb: 95, 100, 110;--font-color6-rgb: 65, 70, 80;--font-color-logoTitle: rgb(210, 220, 240);--sc: 1, 2, 3;--border-color-thin: hsl(180, 5%, 25%);--border-color-normal: hsl(180, 5%, 38%);--color-layer1-hsl: var(--cH), 5%, 10%;--color-layer2-hsl: var(--cH), 5%, 13.3%;--color-layer3-hsl: var(--cH), 5%, 16.6%;--color-layer4-hsl: var(--cH), 5%, 20%;--color-layer5-hsl: var(--cH), 5%, 25%;--color-layer6-hsl: var(--cH), 5%, 30%}}
|
|
1
|
+
:root{--cH_comun: 237;--cS_comun: 76%;--cL_comun: 58%;--color_comun-hsl: 237, 76%, 58%;--cH_leaf: 159;--cS_leaf: 78%;--cL_leaf: 38%;--color_leaf-hsl: 159, 78%, 38%;--cH_heart: 2;--cS_heart: 81%;--cL_heart: 63%;--color_heart-hsl: 2, 81%, 63%;--cH_droplet: 215;--cS_droplet: 82%;--cL_droplet: 51%;--color_droplet-hsl: 215, 82%, 51%;--cH_brick: 351;--cS_brick: 80%;--cL_brick: 39%;--color_brick-hsl: 351, 80%, 39%;--cH_flower: 350;--cS_flower: 78%;--cL_flower: 75%;--color_flower-hsl: 350, 78%, 75%;--cH_lip: 340;--cS_lip: 69%;--cL_lip: 49%;--color_lip-hsl: 340, 69%, 49%;--cH_wine: 317;--cS_wine: 41%;--cL_wine: 30%;--color_wine-hsl: 317, 41%, 30%;--cH_theater: 301;--cS_theater: 88%;--cL_theater: 49%;--color_theater-hsl: 301, 88%, 49%;--cH_bat: 272;--cS_bat: 81%;--cL_bat: 21%;--color_bat-hsl: 272, 81%, 21%;--cH_poizon: 268;--cS_poizon: 58%;--cL_poizon: 50%;--color_poizon-hsl: 268, 58%, 50%;--cH_eggplant: 264;--cS_eggplant: 100%;--cL_eggplant: 62%;--color_eggplant-hsl: 264, 100%, 62%;--cH_ufo: 253;--cS_ufo: 81%;--cL_ufo: 58%;--color_ufo-hsl: 253, 81%, 58%;--cH_alien: 252;--cS_alien: 92%;--cL_alien: 57%;--color_alien-hsl: 252, 92%, 57%;--cH_tombstone: 251;--cS_tombstone: 14%;--cL_tombstone: 70%;--color_tombstone-hsl: 251, 14%, 70%;--cH_ninja: 242;--cS_ninja: 100%;--cL_ninja: 68%;--color_ninja-hsl: 242, 100%, 68%;--cH_moon: 240;--cS_moon: 16%;--cL_moon: 24%;--color_moon-hsl: 240, 16%, 24%;--cH_rain: 240;--cS_rain: 32%;--cL_rain: 54%;--color_rain-hsl: 240, 32%, 54%;--cH_unicorn: 238;--cS_unicorn: 70%;--cL_unicorn: 74%;--color_unicorn-hsl: 238, 70%, 74%;--cH_axe: 226;--cS_axe: 22%;--cL_axe: 35%;--color_axe-hsl: 226, 22%, 35%;--cH_gem: 221;--cS_gem: 85%;--cL_gem: 43%;--color_gem-hsl: 221, 85%, 43%;--cH_soap: 217;--cS_soap: 85%;--cL_soap: 32%;--color_soap-hsl: 217, 85%, 32%;--cH_drizzle: 213;--cS_drizzle: 33%;--cL_drizzle: 68%;--color_drizzle-hsl: 213, 33%, 68%;--cH_building: 204;--cS_building: 3%;--cL_building: 72%;--color_building-hsl: 204, 3%, 72%;--cH_fish: 194;--cS_fish: 97%;--cL_fish: 34%;--color_fish-hsl: 194, 97%, 34%;--cH_icicles: 191;--cS_icicles: 61%;--cL_icicles: 58%;--color_icicles-hsl: 191, 61%, 58%;--cH_water: 187;--cS_water: 30%;--cL_water: 54%;--color_water-hsl: 187, 30%, 54%;--cH_tree1: 186;--cS_tree1: 85%;--cL_tree1: 23%;--color_tree1-hsl: 186, 85%, 23%;--cH_tree2: 185;--cS_tree2: 97%;--cL_tree2: 34%;--color_tree2-hsl: 185, 97%, 34%;--cH_tree3: 183;--cS_tree3: 86%;--cL_tree3: 19%;--color_tree3-hsl: 183, 86%, 19%;--cH_battery: 170;--cS_battery: 90%;--cL_battery: 39%;--color_battery-hsl: 170, 90%, 39%;--cH_seedle: 145;--cS_seedle: 94%;--cL_seedle: 40%;--color_seedle-hsl: 145, 94%, 40%;--cH_greenTea: 144;--cS_greenTea: 43%;--cL_greenTea: 41%;--color_greenTea-hsl: 144, 43%, 41%;--cH_oak: 101;--cS_oak: 24%;--cL_oak: 66%;--color_oak-hsl: 101, 24%, 66%;--cH_salad: 68;--cS_salad: 90%;--cL_salad: 43%;--color_salad-hsl: 68, 90%, 43%;--cH_cloudy: 60;--cS_cloudy: 5%;--cL_cloudy: 79%;--color_cloudy-hsl: 60, 5%, 79%;--cH_lemon: 53;--cS_lemon: 78%;--cL_lemon: 70%;--color_lemon-hsl: 53, 78%, 70%;--cH_angel: 47;--cS_angel: 100%;--cL_angel: 50%;--color_angel-hsl: 47, 100%, 50%;--cH_parasol: 42;--cS_parasol: 86%;--cL_parasol: 70%;--color_parasol-hsl: 42, 86%, 70%;--cH_pizza: 40;--cS_pizza: 92%;--cL_pizza: 52%;--color_pizza-hsl: 40, 92%, 52%;--cH_thunder: 40;--cS_thunder: 70%;--cL_thunder: 57%;--color_thunder-hsl: 40, 70%, 57%;--cH_latte: 33;--cS_latte: 51%;--cL_latte: 73%;--color_latte-hsl: 33, 51%, 73%;--cH_island: 27;--cS_island: 91%;--cL_island: 55%;--color_island-hsl: 27, 91%, 55%;--cH_shovel: 19;--cS_shovel: 29%;--cL_shovel: 37%;--color_shovel-hsl: 19, 29%, 37%;--cH_coffee: 18;--cS_coffee: 33%;--cL_coffee: 24%;--color_coffee-hsl: 18, 33%, 24%;--cH_carrot: 14;--cS_carrot: 84%;--cL_carrot: 59%;--color_carrot-hsl: 14, 84%, 59%;--cH_cactus: 8;--cS_cactus: 17%;--cL_cactus: 62%;--color_cactus-hsl: 8, 17%, 62%;--cH_volcano: 6;--cS_volcano: 84%;--cL_volcano: 48%;--color_volcano-hsl: 6, 84%, 48%;--cH_choco: 2;--cS_choco: 55%;--cL_choco: 57%;--color_choco-hsl: 2, 55%, 57%;--cH_industry: 0;--cS_industry: 0%;--cL_industry: 50%;--color_industry-hsl: 0, 0%, 50%;--cH_gun: 0;--cS_gun: 0%;--cL_gun: 37%;--color_gun-hsl: 0, 0%, 37%;--cH_galaxy: 0;--cS_galaxy: 0%;--cL_galaxy: 5%;--color_galaxy-hsl: 0, 0%, 5%;--cH_line: 120;--cS_line: 100%;--cL_line: 37%;--color_line-hsl: 120, 100%, 37%;--cH_twitter: 203;--cS_twitter: 89%;--cL_twitter: 52%;--color_twitter-hsl: 203, 89%, 52%;--cH_amazon: 36;--cS_amazon: 100%;--cL_amazon: 50%;--color_amazon-hsl: 36, 100%, 50%;--cH_facebook: 220;--cS_facebook: 46%;--cL_facebook: 48%;--color_facebook-hsl: 220, 46%, 48%;--cH_android: 101;--cS_android: 47%;--cL_android: 55%;--color_android-hsl: 101, 47%, 55%;--cH_slackBlue: 194;--cS_slackBlue: 86%;--cL_slackBlue: 58%;--color_slackBlue-hsl: 194, 86%, 58%;--cH_slackGreen: 155;--cS_slackGreen: 60%;--cL_slackGreen: 45%;--color_slackGreen-hsl: 155, 60%, 45%;--cH_slackRed: 341;--cS_slackRed: 76%;--cL_slackRed: 50%;--color_slackRed-hsl: 341, 76%, 50%;--cH_slackYellow: 42;--cS_slackYellow: 83%;--cL_slackYellow: 55%;--color_slackYellow-hsl: 42, 83%, 55%;--cH_slackBase: 299;--cS_slackBase: 56%;--cL_slackBase: 19%;--color_slackBase-hsl: 299, 56%, 19%;--cH_googleBlue: 217;--cS_googleBlue: 89%;--cL_googleBlue: 61%;--color_googleBlue-hsl: 217, 89%, 61%;--cH_googleGreen: 151;--cS_googleGreen: 83%;--cL_googleGreen: 34%;--color_googleGreen-hsl: 151, 83%, 34%;--cH_googleYellow: 44;--cS_googleYellow: 100%;--cL_googleYellow: 48%;--color_googleYellow-hsl: 44, 100%, 48%;--cH_googleRed: 5;--cS_googleRed: 69%;--cL_googleRed: 54%;--color_googleRed-hsl: 5, 69%, 54%;--cH: 0;--cS: 0%;--cL: 0%;--color-theme-hsl: 0, 0%, 0%;--color-theme-opacity-high: .5;--color-theme-opacity-middle: .25;--color-theme-opacity-low: .15;--color-theme-opacity-few: .085;--color-positive-rgb: 54, 194, 124;--color-negative-rgb: 246, 70, 93;--color-warning-rgb: 248, 150, 0;--color-dark-rgb: 69, 81, 92;--color-positive: rgba(var(--color-positive-rgb), 1);--color-negative: rgba(var(--color-negative-rgb), 1);--color-warning: rgba(var(--color-warning-rgb), 1);--color-dark: rgba(var(--color-dark-rgb), 1);--color-layer1-hsl: var(--cH), 6%, 99%;--color-layer2-hsl: var(--cH), 6%, 96%;--color-layer3-hsl: var(--cH), 6%, 92%;--color-layer4-hsl: var(--cH), 5%, 89%;--color-layer5-hsl: var(--cH), 4%, 85%;--color-layer6-hsl: var(--cH), 3%, 75%;--color-base-rgb: 252, 252, 252;--color-cloud-rgb: 241, 243, 248;--color-mono-positive-rgb: 0, 0, 0;--color-mono-negative-rgb: 255, 255, 255;--font-color-logoTitle: hsl(218, 45%, 22%);--sc: 60, 64, 67;--shadow_style_0: 0px 1px 2px 0px;--shadow_style_1: 0px 2px 4px 0px;--shadow_style_2: 1px 3px 8px 0px;--shadow_style_3: 2px 6px 12px;--shadow_style_4: .4rem 1rem 2rem;--shadow_style_5: 1rem 1.5rem 3rem;--shadow_color_min: rgba(var(--sc), .05);--shadow_color_normal: rgba(var(--sc), .15);--shadow_color_remark: rgba(var(--sc), .28);--shadow_color_max: rgba(var(--sc), .41);--font-color1-rgb: 0, 0, 0;--font-color2-rgb: 51, 51, 51;--font-color3-rgb: 118, 125, 137;--font-color4-rgb: 152, 158, 167;--font-color5-rgb: 189, 194, 200;--font-color6-rgb: 210, 210, 220;--font-size0: 10px;--font-size1: 12px;--font-size2: 14px;--font-size3: 16px;--font-size4: 20px;--font-size5: 24px;--font-size6: 32px;--font-size7: 44px;--font-size8: 60px;--border-color-thin: hsl(220, 9%, 92%);--border-color-normal: hsl(220, 9%, 87%);--border-radius1: 4px;--border-radius2: 6px;--border-radius3: 8px;--border-radius4: 12px;--border-radius5: 18px;--border-radius6: 24px;--border-radius7: 30px;--animation-time1: .1s;--animation-time2: .15s;--animation-time3: .25s;--animation-time4: .4s;--animation-style1: cubic-bezier(.35, .46, 0, .99);--animation-style2: cubic-bezier(.1, .85, .1, .85);--safe-area-top: env(safe-area-inset-top);--safe-area-bottom: env(safe-area-inset-bottom);--grid-unit: 12px;--viewHeight: 100vh;--sideNavHeight: 0px;--topNavHeight: 0px;--contentHeight: 0px;--topBase: 0px}@supports (-webkit-touch-callout: none){:root{--viewHeight: -webkit-fill-available}}.bdsTC_comun{--cH: var(--cH_comun);--cS: var(--cS_comun);--cL: var(--cL_comun);--color-theme-hsl: var(--color_comun-hsl)}.bdsTC_leaf{--cH: var(--cH_leaf);--cS: var(--cS_leaf);--cL: var(--cL_leaf);--color-theme-hsl: var(--color_leaf-hsl)}.bdsTC_heart{--cH: var(--cH_heart);--cS: var(--cS_heart);--cL: var(--cL_heart);--color-theme-hsl: var(--color_heart-hsl)}.bdsTC_droplet{--cH: var(--cH_droplet);--cS: var(--cS_droplet);--cL: var(--cL_droplet);--color-theme-hsl: var(--color_droplet-hsl)}.bdsTC_brick{--cH: var(--cH_brick);--cS: var(--cS_brick);--cL: var(--cL_brick);--color-theme-hsl: var(--color_brick-hsl)}.bdsTC_flower{--cH: var(--cH_flower);--cS: var(--cS_flower);--cL: var(--cL_flower);--color-theme-hsl: var(--color_flower-hsl)}.bdsTC_lip{--cH: var(--cH_lip);--cS: var(--cS_lip);--cL: var(--cL_lip);--color-theme-hsl: var(--color_lip-hsl)}.bdsTC_wine{--cH: var(--cH_wine);--cS: var(--cS_wine);--cL: var(--cL_wine);--color-theme-hsl: var(--color_wine-hsl)}.bdsTC_theater{--cH: var(--cH_theater);--cS: var(--cS_theater);--cL: var(--cL_theater);--color-theme-hsl: var(--color_theater-hsl)}.bdsTC_bat{--cH: var(--cH_bat);--cS: var(--cS_bat);--cL: var(--cL_bat);--color-theme-hsl: var(--color_bat-hsl)}.bdsTC_poizon{--cH: var(--cH_poizon);--cS: var(--cS_poizon);--cL: var(--cL_poizon);--color-theme-hsl: var(--color_poizon-hsl)}.bdsTC_eggplant{--cH: var(--cH_eggplant);--cS: var(--cS_eggplant);--cL: var(--cL_eggplant);--color-theme-hsl: var(--color_eggplant-hsl)}.bdsTC_ufo{--cH: var(--cH_ufo);--cS: var(--cS_ufo);--cL: var(--cL_ufo);--color-theme-hsl: var(--color_ufo-hsl)}.bdsTC_alien{--cH: var(--cH_alien);--cS: var(--cS_alien);--cL: var(--cL_alien);--color-theme-hsl: var(--color_alien-hsl)}.bdsTC_tombstone{--cH: var(--cH_tombstone);--cS: var(--cS_tombstone);--cL: var(--cL_tombstone);--color-theme-hsl: var(--color_tombstone-hsl)}.bdsTC_ninja{--cH: var(--cH_ninja);--cS: var(--cS_ninja);--cL: var(--cL_ninja);--color-theme-hsl: var(--color_ninja-hsl)}.bdsTC_moon{--cH: var(--cH_moon);--cS: var(--cS_moon);--cL: var(--cL_moon);--color-theme-hsl: var(--color_moon-hsl)}.bdsTC_rain{--cH: var(--cH_rain);--cS: var(--cS_rain);--cL: var(--cL_rain);--color-theme-hsl: var(--color_rain-hsl)}.bdsTC_unicorn{--cH: var(--cH_unicorn);--cS: var(--cS_unicorn);--cL: var(--cL_unicorn);--color-theme-hsl: var(--color_unicorn-hsl)}.bdsTC_axe{--cH: var(--cH_axe);--cS: var(--cS_axe);--cL: var(--cL_axe);--color-theme-hsl: var(--color_axe-hsl)}.bdsTC_gem{--cH: var(--cH_gem);--cS: var(--cS_gem);--cL: var(--cL_gem);--color-theme-hsl: var(--color_gem-hsl)}.bdsTC_soap{--cH: var(--cH_soap);--cS: var(--cS_soap);--cL: var(--cL_soap);--color-theme-hsl: var(--color_soap-hsl)}.bdsTC_drizzle{--cH: var(--cH_drizzle);--cS: var(--cS_drizzle);--cL: var(--cL_drizzle);--color-theme-hsl: var(--color_drizzle-hsl)}.bdsTC_building{--cH: var(--cH_building);--cS: var(--cS_building);--cL: var(--cL_building);--color-theme-hsl: var(--color_building-hsl)}.bdsTC_fish{--cH: var(--cH_fish);--cS: var(--cS_fish);--cL: var(--cL_fish);--color-theme-hsl: var(--color_fish-hsl)}.bdsTC_icicles{--cH: var(--cH_icicles);--cS: var(--cS_icicles);--cL: var(--cL_icicles);--color-theme-hsl: var(--color_icicles-hsl)}.bdsTC_water{--cH: var(--cH_water);--cS: var(--cS_water);--cL: var(--cL_water);--color-theme-hsl: var(--color_water-hsl)}.bdsTC_tree1{--cH: var(--cH_tree1);--cS: var(--cS_tree1);--cL: var(--cL_tree1);--color-theme-hsl: var(--color_tree1-hsl)}.bdsTC_tree2{--cH: var(--cH_tree2);--cS: var(--cS_tree2);--cL: var(--cL_tree2);--color-theme-hsl: var(--color_tree2-hsl)}.bdsTC_tree3{--cH: var(--cH_tree3);--cS: var(--cS_tree3);--cL: var(--cL_tree3);--color-theme-hsl: var(--color_tree3-hsl)}.bdsTC_battery{--cH: var(--cH_battery);--cS: var(--cS_battery);--cL: var(--cL_battery);--color-theme-hsl: var(--color_battery-hsl)}.bdsTC_seedle{--cH: var(--cH_seedle);--cS: var(--cS_seedle);--cL: var(--cL_seedle);--color-theme-hsl: var(--color_seedle-hsl)}.bdsTC_greenTea{--cH: var(--cH_greenTea);--cS: var(--cS_greenTea);--cL: var(--cL_greenTea);--color-theme-hsl: var(--color_greenTea-hsl)}.bdsTC_oak{--cH: var(--cH_oak);--cS: var(--cS_oak);--cL: var(--cL_oak);--color-theme-hsl: var(--color_oak-hsl)}.bdsTC_salad{--cH: var(--cH_salad);--cS: var(--cS_salad);--cL: var(--cL_salad);--color-theme-hsl: var(--color_salad-hsl)}.bdsTC_cloudy{--cH: var(--cH_cloudy);--cS: var(--cS_cloudy);--cL: var(--cL_cloudy);--color-theme-hsl: var(--color_cloudy-hsl)}.bdsTC_lemon{--cH: var(--cH_lemon);--cS: var(--cS_lemon);--cL: var(--cL_lemon);--color-theme-hsl: var(--color_lemon-hsl)}.bdsTC_angel{--cH: var(--cH_angel);--cS: var(--cS_angel);--cL: var(--cL_angel);--color-theme-hsl: var(--color_angel-hsl)}.bdsTC_parasol{--cH: var(--cH_parasol);--cS: var(--cS_parasol);--cL: var(--cL_parasol);--color-theme-hsl: var(--color_parasol-hsl)}.bdsTC_pizza{--cH: var(--cH_pizza);--cS: var(--cS_pizza);--cL: var(--cL_pizza);--color-theme-hsl: var(--color_pizza-hsl)}.bdsTC_thunder{--cH: var(--cH_thunder);--cS: var(--cS_thunder);--cL: var(--cL_thunder);--color-theme-hsl: var(--color_thunder-hsl)}.bdsTC_latte{--cH: var(--cH_latte);--cS: var(--cS_latte);--cL: var(--cL_latte);--color-theme-hsl: var(--color_latte-hsl)}.bdsTC_island{--cH: var(--cH_island);--cS: var(--cS_island);--cL: var(--cL_island);--color-theme-hsl: var(--color_island-hsl)}.bdsTC_shovel{--cH: var(--cH_shovel);--cS: var(--cS_shovel);--cL: var(--cL_shovel);--color-theme-hsl: var(--color_shovel-hsl)}.bdsTC_coffee{--cH: var(--cH_coffee);--cS: var(--cS_coffee);--cL: var(--cL_coffee);--color-theme-hsl: var(--color_coffee-hsl)}.bdsTC_carrot{--cH: var(--cH_carrot);--cS: var(--cS_carrot);--cL: var(--cL_carrot);--color-theme-hsl: var(--color_carrot-hsl)}.bdsTC_cactus{--cH: var(--cH_cactus);--cS: var(--cS_cactus);--cL: var(--cL_cactus);--color-theme-hsl: var(--color_cactus-hsl)}.bdsTC_volcano{--cH: var(--cH_volcano);--cS: var(--cS_volcano);--cL: var(--cL_volcano);--color-theme-hsl: var(--color_volcano-hsl)}.bdsTC_choco{--cH: var(--cH_choco);--cS: var(--cS_choco);--cL: var(--cL_choco);--color-theme-hsl: var(--color_choco-hsl)}.bdsTC_industry{--cH: var(--cH_industry);--cS: var(--cS_industry);--cL: var(--cL_industry);--color-theme-hsl: var(--color_industry-hsl)}.bdsTC_gun{--cH: var(--cH_gun);--cS: var(--cS_gun);--cL: var(--cL_gun);--color-theme-hsl: var(--color_gun-hsl)}.bdsTC_galaxy{--cH: var(--cH_galaxy);--cS: var(--cS_galaxy);--cL: var(--cL_galaxy);--color-theme-hsl: var(--color_galaxy-hsl)}.bdsTC_line{--cH: var(--cH_line);--cS: var(--cS_line);--cL: var(--cL_line);--color-theme-hsl: var(--color_line-hsl)}.bdsTC_twitter{--cH: var(--cH_twitter);--cS: var(--cS_twitter);--cL: var(--cL_twitter);--color-theme-hsl: var(--color_twitter-hsl)}.bdsTC_amazon{--cH: var(--cH_amazon);--cS: var(--cS_amazon);--cL: var(--cL_amazon);--color-theme-hsl: var(--color_amazon-hsl)}.bdsTC_facebook{--cH: var(--cH_facebook);--cS: var(--cS_facebook);--cL: var(--cL_facebook);--color-theme-hsl: var(--color_facebook-hsl)}.bdsTC_android{--cH: var(--cH_android);--cS: var(--cS_android);--cL: var(--cL_android);--color-theme-hsl: var(--color_android-hsl)}.bdsTC_slackBlue{--cH: var(--cH_slackBlue);--cS: var(--cS_slackBlue);--cL: var(--cL_slackBlue);--color-theme-hsl: var(--color_slackBlue-hsl)}.bdsTC_slackGreen{--cH: var(--cH_slackGreen);--cS: var(--cS_slackGreen);--cL: var(--cL_slackGreen);--color-theme-hsl: var(--color_slackGreen-hsl)}.bdsTC_slackRed{--cH: var(--cH_slackRed);--cS: var(--cS_slackRed);--cL: var(--cL_slackRed);--color-theme-hsl: var(--color_slackRed-hsl)}.bdsTC_slackYellow{--cH: var(--cH_slackYellow);--cS: var(--cS_slackYellow);--cL: var(--cL_slackYellow);--color-theme-hsl: var(--color_slackYellow-hsl)}.bdsTC_slackBase{--cH: var(--cH_slackBase);--cS: var(--cS_slackBase);--cL: var(--cL_slackBase);--color-theme-hsl: var(--color_slackBase-hsl)}.bdsTC_googleBlue{--cH: var(--cH_googleBlue);--cS: var(--cS_googleBlue);--cL: var(--cL_googleBlue);--color-theme-hsl: var(--color_googleBlue-hsl)}.bdsTC_googleGreen{--cH: var(--cH_googleGreen);--cS: var(--cS_googleGreen);--cL: var(--cL_googleGreen);--color-theme-hsl: var(--color_googleGreen-hsl)}.bdsTC_googleYellow{--cH: var(--cH_googleYellow);--cS: var(--cS_googleYellow);--cL: var(--cL_googleYellow);--color-theme-hsl: var(--color_googleYellow-hsl)}.bdsTC_googleRed{--cH: var(--cH_googleRed);--cS: var(--cS_googleRed);--cL: var(--cL_googleRed);--color-theme-hsl: var(--color_googleRed-hsl)}.bdsTNflat{--border-color-thin: hsl(220, 9%, 94%);--border-color-normal: hsl(220, 9%, 90%)}.bdsDM_dark{--color-theme-opacity-high: .45;--color-theme-opacity-middle: .3;--color-theme-opacity-low: .2;--color-theme-opacity-few: .1;--color-dark-rgb: 46, 51, 54;--color-cloud-rgb: 43, 44, 45;--color-base-rgb: 27, 28, 28;--color-mono-positive-rgb: 255, 255, 255;--color-mono-negative-rgb: 0, 0, 0;--font-color1-rgb: 250, 251, 252;--font-color2-rgb: 205, 210, 220;--font-color3-rgb: 165, 170, 180;--font-color4-rgb: 135, 140, 150;--font-color5-rgb: 95, 100, 110;--font-color6-rgb: 65, 70, 80;--font-color-logoTitle: rgb(210, 220, 240);--sc: 0, 0, 0;--shadow_color_min: rgba(var(--sc), .2);--shadow_color_normal: rgba(var(--sc), .3);--shadow_color_remark: rgba(var(--sc), .5);--shadow_color_max: rgba(var(--sc), .75);--border-color-thin: hsl(180, 5%, 25%);--border-color-normal: hsl(180, 5%, 38%);--color-layer1-hsl: var(--cH), 5%, 13%;--color-layer2-hsl: var(--cH), 5%, 16.3%;--color-layer3-hsl: var(--cH), 5%, 19.6%;--color-layer4-hsl: var(--cH), 5%, 23%;--color-layer5-hsl: var(--cH), 5%, 28%;--color-layer6-hsl: var(--cH), 5%, 33%}.bdsDM_dim{--color-theme-opacity-high: .45;--color-theme-opacity-middle: .3;--color-theme-opacity-low: .2;--color-theme-opacity-few: .1;--color-dark-rgb: 46, 51, 54;--color-cloud-rgb: 43, 44, 45;--color-base-rgb: 27, 28, 28;--color-mono-positive-rgb: 255, 255, 255;--color-mono-negative-rgb: 0, 0, 0;--font-color1-rgb: 250, 251, 252;--font-color2-rgb: 205, 210, 220;--font-color3-rgb: 165, 170, 180;--font-color4-rgb: 135, 140, 150;--font-color5-rgb: 95, 100, 110;--font-color6-rgb: 65, 70, 80;--font-color-logoTitle: rgb(210, 220, 240);--sc: 0, 0, 0;--shadow_color_min: rgba(var(--sc), .2);--shadow_color_normal: rgba(var(--sc), .3);--shadow_color_remark: rgba(var(--sc), .5);--shadow_color_max: rgba(var(--sc), .75);--border-color-thin: hsl(180, 5%, 25%);--border-color-normal: hsl(180, 5%, 38%);--color-layer1-hsl: var(--cH), 8%, 20%;--color-layer2-hsl: var(--cH), 8%, 23.3%;--color-layer3-hsl: var(--cH), 8%, 26.6%;--color-layer4-hsl: var(--cH), 8%, 30%;--color-layer5-hsl: var(--cH), 8%, 35%;--color-layer6-hsl: var(--cH), 8%, 40%}@media (prefers-color-scheme: dark){.bdsDM_auto{--color-theme-opacity-high: .45;--color-theme-opacity-middle: .3;--color-theme-opacity-low: .2;--color-theme-opacity-few: .1;--color-dark-rgb: 46, 51, 54;--color-cloud-rgb: 43, 44, 45;--color-base-rgb: 27, 28, 28;--color-mono-positive-rgb: 255, 255, 255;--color-mono-negative-rgb: 0, 0, 0;--font-color1-rgb: 250, 251, 252;--font-color2-rgb: 205, 210, 220;--font-color3-rgb: 165, 170, 180;--font-color4-rgb: 135, 140, 150;--font-color5-rgb: 95, 100, 110;--font-color6-rgb: 65, 70, 80;--font-color-logoTitle: rgb(210, 220, 240);--sc: 0, 0, 0;--shadow_color_min: rgba(var(--sc), .2);--shadow_color_normal: rgba(var(--sc), .3);--shadow_color_remark: rgba(var(--sc), .5);--shadow_color_max: rgba(var(--sc), .75);--border-color-thin: hsl(180, 5%, 25%);--border-color-normal: hsl(180, 5%, 38%);--color-layer1-hsl: var(--cH), 5%, 13%;--color-layer2-hsl: var(--cH), 5%, 16.3%;--color-layer3-hsl: var(--cH), 5%, 19.6%;--color-layer4-hsl: var(--cH), 5%, 23%;--color-layer5-hsl: var(--cH), 5%, 28%;--color-layer6-hsl: var(--cH), 5%, 33%}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{b as s,c as h,d as J}from"../chunk-C5N2D3ZX.js";import
|
|
1
|
+
import{b as s,c as h,d as J}from"../chunk-C5N2D3ZX.js";import i from"@mingoo/jsmin";import{Config as V}from".";const r={toConcreteBorderRadius:l=>{let T=V.get().roundness|0;return l=="1.tone.primary"?l=[0,2,3,4,5,5][T]:l=="2.tone.secondary"?l=[0,1,2,3,4,5][T]:l=="3.tone.tertiary"&&(l=[0,"1/3","2/3",1,2,3][T]),l},ev:l=>i.is.nullish(l),ClassNames:(l,T)=>{var Re,Te,we,Pe,Ne,ke,Le;let e=[],Be=T,{gap:n,display:C,position:g,overflow:f,fontColor:w,fontSize:x,fontWeight:o,backgroundColor:p,textAlign:_,textDecoration:m,boxShadow:U,margin:d,marginTop:t,marginRight:S,marginBottom:a,marginLeft:B,padding:R,paddingTop:N,paddingRight:k,paddingBottom:L,paddingLeft:z,top:Y,right:Z,bottom:ee,left:re,border:E,borderTop:b,borderRight:c,borderBottom:v,borderLeft:y,borderWidth:te,borderColor:se,borderStyle:oe,borderRadius:F,borderTopLeftRadius:W,borderTopRightRadius:A,borderBottomLeftRadius:H,borderBottomRightRadius:j,flexSizing:ie,flexWrap:ae,flexType:le,flexChilds:ne,flexGrid:pe,horizontalAlign:de,verticalAlign:he,transition:ue,gridCenter:ge,gridCols:fe,maxHeight:me,minHeight:Se,maxWidth:be,minWidth:ce,width:ve,height:ye,unitHeight:Ce,unitWidth:xe,opacity:_e}=Be,ze=J(Be,["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"]);{if(r.ev(C)||e.push("dsp"+C),f){let u=i.flatArray(f);e.push("ovfl-x-"+u[0]),e.push("ovfl-y-"+(u[1]||u[0]))}r.ev(g)||e.push("ps"+g),r.ev(_)||e.push("txtalg"+_),r.ev(_)||e.push("txtdeco"+m),r.ev(w)||e.push("ftcl"+((Re=String(w))==null?void 0:Re.replace(/\./g,"_"))),r.ev(x)||e.push("ftsz"+((Te=String(x))==null?void 0:Te.replace(/\..*/,""))),r.ev(o)||e.push("ftwt"+(o==null?void 0:o.replace(/\..*/,""))),r.ev(p)||e.push("bgc"+((we=String(p))==null?void 0:we.replace(/\./g,"_"))),r.ev(U)||e.push("bs"+U);let $,I,D,G;i.is.exist(d)&&(i.is.array(d)?d.length==2?[$,I,D,G]=[...d,...d]:d.length==4&&([$,I,D,G]=d):$=I=D=G=d,t=t!=null?t:$,S=S!=null?S:I,a=a!=null?a:D,B=B!=null?B:G),r.ev(t)||e.push("mrgt"+t),r.ev(S)||e.push("mrgr"+S),r.ev(a)||e.push("mrgb"+a),r.ev(B)||e.push("mrgl"+B);let M,O,q,X;i.is.exist(R)&&(i.is.array(R)?R.length==2?[M,O,q,X]=[...R,...R]:R.length==4&&([M,O,q,X]=R):M=O=q=X=R,N=N!=null?N:M,k=k!=null?k:O,L=L!=null?L:q,z=z!=null?z:X),r.ev(N)||e.push("pdt"+N),r.ev(k)||e.push("pdr"+k),r.ev(L)||e.push("pdb"+L),r.ev(z)||e.push("pdl"+z),r.ev(Y)||e.push("pstt"+Y),r.ev(Z)||e.push("pstr"+Z),r.ev(ee)||e.push("pstb"+ee),r.ev(re)||e.push("pstl"+re);{i.is.exist(E)&&(b=b!=null?b:E,c=c!=null?c:E,v=v!=null?v:E,y=y!=null?y:E),i.is.boolean(b)&&(b=["unset","2.normal"][Number(b)]),i.is.boolean(c)&&(c=["unset","2.normal"][Number(c)]),i.is.boolean(v)&&(v=["unset","2.normal"][Number(v)]),i.is.boolean(y)&&(y=["unset","2.normal"][Number(y)]),r.ev(b)||e.push("b_t_ss"+((Pe=String(b))==null?void 0:Pe.replace(/\..*/,""))),r.ev(c)||e.push("b_r_ss"+((Ne=String(c))==null?void 0:Ne.replace(/\..*/,""))),r.ev(v)||e.push("b_b_ss"+((ke=String(v))==null?void 0:ke.replace(/\..*/,""))),r.ev(y)||e.push("b_l_ss"+((Le=String(y))==null?void 0:Le.replace(/\..*/,""))),i.is.exist(te)&&e.push("b_wth"+String(te)),i.is.exist(se)&&e.push("b_cl"+String(se)),i.is.exist(oe)&&e.push("b_st"+String(oe));{let u,P,K,Q;i.is.exist(F)&&(i.is.array(F)?F.length==4&&([u,P,Q,K]=F):u=P=K=Q=F,W=W!=null?W:u,A=A!=null?A:P,H=H!=null?H:K,j=j!=null?j:Q)}r.ev(W)||e.push("br_tl"+r.toConcreteBorderRadius(W)),r.ev(A)||e.push("br_tr"+r.toConcreteBorderRadius(A)),r.ev(H)||e.push("br_bl"+r.toConcreteBorderRadius(H)),r.ev(j)||e.push("br_br"+r.toConcreteBorderRadius(j))}if(r.ev(_e)||e.push("op"+_e),i.is.exist(n)){let u,P;i.is.array(n)?(u=n[0],P=n[1]):u=P=n,e.push("gapRow"+u,"gapCol"+P)}r.ev(ie)||e.push("flsz"+ie),r.ev(ae)||e.push("flwrp"+ae),r.ev(le)||e.push("fltyp"+le),r.ev(ne)||e.push("flchld"+ne),r.ev(pe)||e.push("flgrid"+pe),r.ev(he)||e.push("flvrt"+he),r.ev(de)||e.push("flhrz"+de),r.ev(ge)||e.push("grcnt"+ge),r.ev(fe)||e.push("grcol"+fe),r.ev(ye)||e.push("hgt"+ye),r.ev(ve)||e.push("wdt"+ve),r.ev(Ce)||e.push("unthgt"+Ce),r.ev(xe)||e.push("untwdt"+xe),r.ev(ue)||e.push("trnst"+ue),r.ev(me)||e.push("maxh"+me),r.ev(Se)||e.push("minh"+Se),r.ev(be)||e.push("maxw"+be),r.ev(ce)||e.push("minw"+ce)}return{others:ze,className:e.length?l+e.join(" "+l):""}}},We=l=>{let S=s({},l),{gradients:e,ssCardBox:n,ssSphere:C,ssSquare:g,ssPushable:f,ssAbsoluteCovered:w,ssTextEllipsis:x,flexCenter:o,flexNewLine:p,isLightFont:_,isBoldFont:m,isSemiBoldFont:U,isRounded:d}=S,t=J(S,["gradients","ssCardBox","ssSphere","ssSquare","ssPushable","ssAbsoluteCovered","ssTextEllipsis","flexCenter","flexNewLine","isLightFont","isBoldFont","isSemiBoldFont","isRounded"]);if(e){let{deg:a,colors:B}=e;t=h(s({},t),{freeCSS:h(s({},t.freeCSS),{background:`linear-gradient(${a}deg,${B.join(",")})`})})}if(n){n===!0&&(n="border");let a={backgroundColor:"layer.1",borderRadius:"1.tone.primary",boxShadow:"0.min",freeCSS:{zIndex:1}};n=="border"?a.border=!0:n=="layer"?a.backgroundColor="layer.1":n=="cloud"?a.backgroundColor="cloud":n=="shadow"&&(a.boxShadow="0.normal"),V.get().darkMode=="dim"&&(a.boxShadow="1.normal"),V.get().darkMode=="dark"&&(a.boxShadow="1.remark"),t=h(s(s({},a),t),{freeCSS:s(s({},a.freeCSS),t.freeCSS),UnderBreakPointStyles:s(s({},a.UnderBreakPointStyles),t.UnderBreakPointStyles)})}return C&&(o=o!=null?o:!0,t=s({padding:0,unitWidth:C,unitHeight:C,borderRadius:"sphere",flexSizing:"none"},t)),g&&(o=o!=null?o:!0,t=s({padding:0,unitWidth:g,unitHeight:g,flexSizing:"none"},t)),f&&(t=h(s({transition:"middle"},t),{className:[t.className,"ssPushable"].join(" ")})),w&&(t=s({position:"absolute",top:0,left:0,right:0,bottom:0},t)),x&&(t=h(s({overflow:"hidden"},t),{freeCSS:s({whiteSpace:"nowrap",textOverflow:"ellipsis"},t.freeCSS)})),p&&(t=s({width:1,flexSizing:"none"},t)),o&&(t=s({display:"flex",horizontalAlign:"center",verticalAlign:"center"},t)),_&&(t=h(s({},t),{fontWeight:"1.light"})),U&&(t=h(s({},t),{fontWeight:"3.semiBold"})),m&&(t=h(s({},t),{fontWeight:"4.bold"})),d&&(i.is.number(d)?t=h(s({},t),{freeCSS:h(s({},t.freeCSS),{borderRadius:d*12})}):t=h(s({},t),{borderRadius:"sphere"})),t},Fe=l=>{let _=We(l),{componentID:e,UnderBreakPointStyles:n={},className:C="",freeCSS:g={},ssEffectsOnActive:f,ssLastChildLossBorder:w}=_,x=J(_,["componentID","UnderBreakPointStyles","className","freeCSS","ssEffectsOnActive","ssLastChildLossBorder"]),o=[C];if(w&&o.push("ssLastChildLossBorder_"+w),f){f=i.flatArray(f);for(let m of f)o.push("eff_"+m,"eff_"+m.split(".")[0])}{let m=r.ClassNames("amotf_",x);o.push(m.className),x=m.others}n&&o.push(r.ClassNames("amotf_bp",n).className);let p=s({},x);return g&&(p.style=s(s({},g),p.style)),(e||p["data-component-id"])&&(p["data-component-id"]=p["data-component-id"]||e),o.length&&(p.className=o.join(" ").trim().replace(/%/ig,"P").replace(/\d+px/ig,"PIX").replace(/\s+/ig," ").replace(/\//ig,"_").replace(/\./ig,"-")),p};export{Fe as GenerateClassName,We as ReadStyleSet};
|
package/dist/@utils/color.d.ts
CHANGED
package/dist/@utils/config.d.ts
CHANGED
package/dist/@utils/index.d.ts
CHANGED
package/dist/@utils/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export*from"../@
|
|
1
|
+
export*from"../@declares";export*from"./config";export*from"./useStore";export*from"./useRecycle";export*from"./useRouterEffect";export*from"./collectForm";export*from"./pageRouter";export*from"./color";export*from"./GenerateClassName";export*from"./LaunchReactApp";export*from"./getElement";
|
package/dist/atoms/Box.d.ts
CHANGED
package/dist/atoms/FAI.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { TagProperty } from '../@
|
|
2
|
+
import { TagProperty } from '../@declares';
|
|
3
3
|
import { IconDefinition } from "@fortawesome/fontawesome-common-types";
|
|
4
4
|
import { FontAwesomeIconProps } from '@fortawesome/react-fontawesome';
|
|
5
5
|
import { IconProp } from '@fortawesome/fontawesome-svg-core';
|
package/dist/atoms/Flex.d.ts
CHANGED
package/dist/atoms/Img.d.ts
CHANGED
package/dist/atoms/Logo.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { TagProperty, ReactElement } from '../@
|
|
2
|
+
import { TagProperty, ReactElement } from '../@declares';
|
|
3
3
|
declare namespace Logo {
|
|
4
4
|
type ComponentInput = TagProperty.BasicElement & {
|
|
5
5
|
size?: 'S' | 'R' | 'L' | '2L' | '3L';
|
package/dist/atoms/P.d.ts
CHANGED
package/dist/atoms/Span.d.ts
CHANGED
package/dist/fn/Button.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { TagProperty, ThemeColor, ReactElement } from '../@
|
|
2
|
+
import { TagProperty, ThemeColor, ReactElement } from '../@declares';
|
|
3
3
|
import { KeyValueDict } from '@mingoo/jsmin';
|
|
4
4
|
declare namespace Button {
|
|
5
5
|
type Methods = Seed & {};
|
package/dist/fn/Button.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{b as o,c as i,d as B,e as g}from"../chunk-C5N2D3ZX.js";import{jsx as d}from"react/jsx-runtime";import x from"@mingoo/jsmin";import{pageRouter as v,ReadStyleSet as N,collectForm as I,GenerateClassName as E}from"../@utils";import{ButtonClasses as c}from"../@styles/componentClasses";const P={Size:(r,t,n,l)=>{let e={fontSize:"inherit"};return n=n||"R",["Plain","Link"].includes(t)?{}:(n=="XS"?e=i(o({},e),{padding:["1/3","2/3"],fontSize:"0.xs",borderRadius:"3.tone.tertiary"}):n=="S"?e=i(o({},e),{padding:["1/2","3/4"],fontSize:"1.mini",borderRadius:"3.tone.tertiary"}):n=="R"?(e.padding=["3/4",1],t=="Prime"&&(e.padding=["3/4",2])):n=="L"&&(e.padding=[1,3],e.fontSize="3.paragraph",e.isSemiBoldFont=!0),e=o({borderRadius:"2.tone.secondary",transition:"middle",position:"relative",textAlign:"center"},e),e)},Tone:(r,t,n,l)=>{let e={display:"inlineBlock",fontWeight:"inherit",fontColor:"inherit",border:"unset"};return t=="Plain"||(t=="Link"?(e.fontColor="theme",e.textAlign="left",e.backgroundColor="trans"):t=="Normal"?e=i(o({},e),{backgroundColor:"trans"}):t=="Border"?e=i(o({},e),{backgroundColor:"layer.1",border:"2.normal",borderStyle:"solid",boxShadow:"0.
|
|
1
|
+
import{b as o,c as i,d as B,e as g}from"../chunk-C5N2D3ZX.js";import{jsx as d}from"react/jsx-runtime";import x from"@mingoo/jsmin";import{pageRouter as v,ReadStyleSet as N,collectForm as I,GenerateClassName as E}from"../@utils";import{ButtonClasses as c}from"../@styles/componentClasses";const P={Size:(r,t,n,l)=>{let e={fontSize:"inherit"};return n=n||"R",["Plain","Link"].includes(t)?{}:(n=="XS"?e=i(o({},e),{padding:["1/3","2/3"],fontSize:"0.xs",borderRadius:"3.tone.tertiary"}):n=="S"?e=i(o({},e),{padding:["1/2","3/4"],fontSize:"1.mini",borderRadius:"3.tone.tertiary"}):n=="R"?(e.padding=["3/4",1],t=="Prime"&&(e.padding=["3/4",2])):n=="L"&&(e.padding=[1,3],e.fontSize="3.paragraph",e.isSemiBoldFont=!0),e=o({borderRadius:"2.tone.secondary",transition:"middle",position:"relative",textAlign:"center"},e),e)},Tone:(r,t,n,l)=>{let e={display:"inlineBlock",fontWeight:"inherit",fontColor:"inherit",border:"unset"};return t=="Plain"||(t=="Link"?(e.fontColor="theme",e.textAlign="left",e.backgroundColor="trans"):t=="Normal"?e=i(o({},e),{backgroundColor:"trans"}):t=="Border"?e=i(o({},e),{backgroundColor:"layer.1",border:"2.normal",borderStyle:"solid",boxShadow:"0.min"}):t=="Prime"?(e=i(o({},e),{isSemiBoldFont:!0,fontColor:"white",backgroundColor:l,boxShadow:"0.normal",ssEffectsOnActive:["shrink","push","ripple.white"]}),l=="white"&&(e=i(o({},e),{fontColor:"theme",ssEffectsOnActive:["shrink","push","ripple.cloud"]}))):t=="Sub"?e=i(o({},e),{fontColor:l,ssEffectsOnActive:["shrink","ripple.cloud"]}):t=="Clear"?e=i(o({},e),{fontColor:l,backgroundColor:"trans",ssEffectsOnActive:["shrink","ripple.cloud"]}):t=="FillToBorder"?e=i(o({},e),{boxShadow:"0.normal",border:"2.normal",borderWidth:2,borderColor:l,fontColor:l,backgroundColor:l}):t=="BorderToFill"&&(e=i(o({},e),{fontColor:l,boxShadow:"0.normal",border:"2.normal",borderWidth:2,borderColor:l,backgroundColor:l})),l=="cloud"&&(e.fontColor="3.blur"),t!="Link"&&(e=o({position:"relative",ssEffectsOnActive:["shrink","push"]},e))),e}},m=r=>{let t=N(o({isLocked:!1,isActive:!1,isActiveStyles:{},isActiveClassName:"",tabIndex:0,className:"",color:"theme","aria-label":x.uuid.gen()},r)),n=t.seed;{let{isLocked:S=!1,isActive:f=!1,isActiveStyles:b={},isActiveClassName:T="",tone:a="border",color:s="theme",className:u=""}=t;t=o(o(o({},P.Size(r.seed,r.tone,r.size,s)),P.Tone(r.seed,r.tone,r.size,s)),t),t.className=[u,c("Wrap"),c("isNeutral_"+!f),c("isLocked_"+S),c("Tone_"+a),c("Color_"+s),c("Tone_"+a+"_Color_"+s)].join(" "),f&&(t=o(o({className:[t.className,T].join(" ")},t),b)),t=E(t)}if(n=="Button"){let l=t,{isLocked:S,isActive:f,isActiveClassName:b,isActiveStyles:T,submitOption:a,onClick:s}=l,u=B(l,["isLocked","isActive","isActiveClassName","isActiveStyles","submitOption","onClick"]);return a&&(a=o({acceptInvalidForm:!1,submitDelegationKey:"auxEnter"},a),u=i(o({},u),{"data-form-submit-button":a.formName,"data-sdfike":x.flatArray(a.submitDelegationKey).join(",")})),d("button",o({onClick:C=>g(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)})},u))}else if(n=="Label"){let e=t,{isLocked:S,isActive:f,isActiveClassName:b,isActiveStyles:T}=e,a=B(e,["isLocked","isActive","isActiveClassName","isActiveStyles"]);return d("label",o({},a))}else if(n=="Anchor"){let A=t,{isLocked:S,isActive:f,isActiveClassName:b,isActiveStyles:T,href:a="",newTab:s,sync:u,shiftQueryParams:C}=A,y=B(A,["isLocked","isActive","isActiveClassName","isActiveStyles","href","newTab","sync","shiftQueryParams"]);return d("button",o({onClick:L=>{let z=L.ctrlKey||L.metaKey,R=s||!!z,h=a;C&&(h+=location.search),u?v.pushSync(h):v.push(h,!!R)}},y))}return null},p=(r,t)=>({XS:n=>d(m,i(o({},n),{seed:r,tone:t,size:"S"})),S:n=>d(m,i(o({},n),{seed:r,tone:t,size:"S"})),R:n=>d(m,i(o({},n),{seed:r,tone:t,size:"R"})),L:n=>d(m,i(o({},n),{seed:r,tone:t,size:"L"}))}),k=r=>({Plain:t=>d(m,i(o({},t),{seed:r,tone:"Plain",size:"R"})),Link:t=>d(m,i(o({},t),{seed:r,tone:"Link",size:"R"})),Normal:p(r,"Normal"),Border:p(r,"Border"),Prime:p(r,"Prime"),Sub:p(r,"Sub"),Clear:p(r,"Clear"),FillToBorder:p(r,"FillToBorder"),BorderToFill:p(r,"BorderToFill")}),F={Button:k("Button"),Label:k("Label"),Anchor:k("Anchor")};export{F as Button,F as default};
|
package/dist/fn/Cropper.js
CHANGED
|
@@ -1 +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 L 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 U}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:s}=a,c=h/s;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 n=(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/s,rotate:r.picture.rotate,grayScale:r.picture.grayScale,tone:r.picture.tone},this.pst={frame:{x:n,y:d,w:o,h:i,aspect:g},outImage:{x:0,y:0,w:0,h:0},imageX:h/2,imageY:s/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,s=a.x-l,c=a.y-t,o=this.scale.current*this.Picture.revisedAspect/100,i=s/o*h.x,n=c/o*h.y;e=="move"?this.drawImage(this.pst.imageX+i,this.pst.imageY+n):e=="end"&&this.drawImage(this.pst.imageX+=i,this.pst.imageY+=n)}}pinchEffect(r){let{eventType:e,event:l}=r,{x:t,y:a}=b.getCursor(l.touches[0]),{x:h,y:s}=b.getCursor(l.touches[1]),c=h-t,o=s-a;if(e=="start")this.pinchEffectInfo.origin={x:c,y:o,scale:this.scale.current};else if(e=="move"){let{origin:i}=this.pinchEffectInfo,n=Math.sqrt(Math.pow(i.x,2)+Math.pow(i.y,2)),g=Math.sqrt(Math.pow(c,2)+Math.pow(o,2))/n,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),s=h.width,c=h.height;(l==90||l==270)&&(s=h.height,c=h.width),t.width=s,t.height=c,r&&(a.filter="grayscale("+r+"%)"),l&&(a.translate(s/2,c/2),a.rotate(l*Math.PI/180),[90,270].includes(l)?a.translate(-c/2,-s/2):a.translate(-s/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<s;v++){var n=(u*s+v)*4;if(r){let w=.3*i[n]+.59*i[n+1]+.11*i[n+2];for(var d=0;d<3;d++){let D=i[n+d];i[n+d]=D+(w-D)*r}}i[n]*=x,i[n+1]*=S,i[n+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,s=e||this.pst.imageY;{let c=this.scale.current/100,o=this.Picture.revisedAspect*c,i=this.pst.centerX-h*o,n=this.pst.centerY-s*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;n<S&&(v=n-S),n>m&&(v=n-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),n=Math.min(Math.max(n,S),m)}this.pst.outImage={x:i,y:n,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,n,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,s=(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,n=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,s,o,c-s,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});n[g]=k}return n})}}const G={Core:f=>{let{val_file:r,options:e,finishedCallback:l,abortCallback:t}=f,{use:a,develops:h=[]}=e,[s]=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),[n,d]=z(c.rotate),[g,C]=z(c.grayScale),[x,S]=z(c.tone);return H(()=>{M.set({[s]:{}}),B(void 0,null,function*(){L.fn.corner.active();let{target:m}=yield r.read();if(!m)return;let u=m.result,v=j("#Canvas-"+s)[0];if(!v)return;let w=new ee({set_scale:i,val_file:r,develops:h,use:a,scale:c.scale,componentID:s,canvas:v,picture:{image:yield b.ImageLoader(u),grayScale:c.grayScale,tone:c.tone,rotate:c.rotate}});M.set({[s]:{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(()=>{L.fn.corner.stop()},1e3)})},[r.id]),H(()=>{var u;let m=(u=M.get(s))==null?void 0:u.Instance;m&&m.updateScale(o)},[o]),H(()=>{var u;let m=(u=M.get(s))==null?void 0:u.Instance;m&&m.updateFilter({grayScale:g,tone:x,rotate:n})},[g,x,n]),p(A.Comps.Body,{children:y(O,{className:[U("Wrap"),U("Use_"+a)].join(" "),flexWrap:!1,position:"relative",overflow:"hidden",borderRadius:"inherit",boxShadow:"3.remark",UnderBreakPointStyles:{flexType:"col"},children:[p(E,{flexGrid:3,UnderBreakPointStyles:{width:1,padding:2},children:p(E,{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:U("Canvas"),id:"Canvas-"+s})})}),y(T,{gap:0,flexGrid:2,boxShadow:"3.remark",UnderBreakPointStyles:{width:1,maxWidth:"unset"},freeCSS:{maxWidth:12*28},children:[y(T,{gap:1,flexSizing:0,overflow:"auto",padding:1.5,UnderBreakPointStyles:{flexSizing:"none"},children:[p(E,{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:n,set_rotate:d})]}),y(O,{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,{flexSizing:0,onClick:()=>B(void 0,null,function*(){var v;let m=(v=M.get(s))==null?void 0:v.Instance;if(!m)return;L.fn.mini.active("CropperExportation");let u=yield m.export();setTimeout(()=>{L.fn.mini.stop("CropperExportation"),l(u)},3e3)}),children:y(q.Center,{gap:"1/2",children:[p(L.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:[U("ToneBall"),U("ToneBall_"+e)].join(" ")}),p(E,{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,{gap:"1/3",children:[y(E,{children:[p(P.Rotate,{fontSize:"3.paragraph",fontColor:"4.thin"})," Rotate"]}),y(q.Separate,{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,{gap:"1/3",children:[y(E,{children:[p(P.Search,{fontSize:"3.paragraph",fontColor:"4.thin"})," Zoom"]}),p(E,{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,{gap:"1/3",children:[y(E,{children:[p(P,{icon:K,fontSize:"3.paragraph",fontColor:"4.thin"})," Gray Scale"]}),p(E,{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,{gap:"1/3",children:[y(E,{children:[p(P,{icon:Z,fontSize:"3.paragraph",fontColor:"4.thin"})," Tone"]}),p(E,{paddingLeft:2,children:p(W.Radio,{value:f.val_tone,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",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};
|
|
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:s}=a,c=h/s;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 n=(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/s,rotate:r.picture.rotate,grayScale:r.picture.grayScale,tone:r.picture.tone},this.pst={frame:{x:n,y:d,w:o,h:i,aspect:g},outImage:{x:0,y:0,w:0,h:0},imageX:h/2,imageY:s/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,s=a.x-l,c=a.y-t,o=this.scale.current*this.Picture.revisedAspect/100,i=s/o*h.x,n=c/o*h.y;e=="move"?this.drawImage(this.pst.imageX+i,this.pst.imageY+n):e=="end"&&this.drawImage(this.pst.imageX+=i,this.pst.imageY+=n)}}pinchEffect(r){let{eventType:e,event:l}=r,{x:t,y:a}=b.getCursor(l.touches[0]),{x:h,y:s}=b.getCursor(l.touches[1]),c=h-t,o=s-a;if(e=="start")this.pinchEffectInfo.origin={x:c,y:o,scale:this.scale.current};else if(e=="move"){let{origin:i}=this.pinchEffectInfo,n=Math.sqrt(Math.pow(i.x,2)+Math.pow(i.y,2)),g=Math.sqrt(Math.pow(c,2)+Math.pow(o,2))/n,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),s=h.width,c=h.height;(l==90||l==270)&&(s=h.height,c=h.width),t.width=s,t.height=c,r&&(a.filter="grayscale("+r+"%)"),l&&(a.translate(s/2,c/2),a.rotate(l*Math.PI/180),[90,270].includes(l)?a.translate(-c/2,-s/2):a.translate(-s/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<s;v++){var n=(u*s+v)*4;if(r){let w=.3*i[n]+.59*i[n+1]+.11*i[n+2];for(var d=0;d<3;d++){let D=i[n+d];i[n+d]=D+(w-D)*r}}i[n]*=x,i[n+1]*=S,i[n+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,s=e||this.pst.imageY;{let c=this.scale.current/100,o=this.Picture.revisedAspect*c,i=this.pst.centerX-h*o,n=this.pst.centerY-s*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;n<S&&(v=n-S),n>m&&(v=n-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),n=Math.min(Math.max(n,S),m)}this.pst.outImage={x:i,y:n,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,n,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,s=(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,n=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,s,o,c-s,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});n[g]=k}return n})}}const G={Core:f=>{let{val_file:r,options:e,finishedCallback:l,abortCallback:t}=f,{use:a,develops:h=[]}=e,[s]=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),[n,d]=z(c.rotate),[g,C]=z(c.grayScale),[x,S]=z(c.tone);return H(()=>{M.set({[s]:{}}),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-"+s)[0];if(!v)return;let w=new ee({set_scale:i,val_file:r,develops:h,use:a,scale:c.scale,componentID:s,canvas:v,picture:{image:yield b.ImageLoader(u),grayScale:c.grayScale,tone:c.tone,rotate:c.rotate}});M.set({[s]:{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(s))==null?void 0:u.Instance;m&&m.updateScale(o)},[o]),H(()=>{var u;let m=(u=M.get(s))==null?void 0:u.Instance;m&&m.updateFilter({grayScale:g,tone:x,rotate:n})},[g,x,n]),p(A.Comps.Body,{children:y(O,{className:[L("Wrap"),L("Use_"+a)].join(" "),flexWrap:!1,position:"relative",overflow:"hidden",borderRadius:"inherit",boxShadow:"3.remark",UnderBreakPointStyles:{flexType:"col"},children:[p(E,{flexGrid:3,UnderBreakPointStyles:{width:1,padding:2},children:p(E,{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-"+s})})}),y(T,{gap:0,flexGrid:2,boxShadow:"3.remark",UnderBreakPointStyles:{width:1,maxWidth:"unset"},freeCSS:{maxWidth:12*28},children:[y(T,{gap:1,flexSizing:0,overflow:"auto",padding:1.5,UnderBreakPointStyles:{flexSizing:"none"},children:[p(E,{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:n,set_rotate:d})]}),y(O,{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,{flexSizing:0,onClick:()=>B(void 0,null,function*(){var v;let m=(v=M.get(s))==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,{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,{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,{gap:"1/3",children:[y(E,{children:[p(P.Rotate,{fontSize:"3.paragraph",fontColor:"4.thin"})," Rotate"]}),y(q.Separate,{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,{gap:"1/3",children:[y(E,{children:[p(P.Search,{fontSize:"3.paragraph",fontColor:"4.thin"})," Zoom"]}),p(E,{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,{gap:"1/3",children:[y(E,{children:[p(P,{icon:K,fontSize:"3.paragraph",fontColor:"4.thin"})," Gray Scale"]}),p(E,{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,{gap:"1/3",children:[y(E,{children:[p(P,{icon:Z,fontSize:"3.paragraph",fontColor:"4.thin"})," Tone"]}),p(E,{paddingLeft:2,children:p(W.Radio,{value:f.val_tone,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",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};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{b as E,c as J,d as W,e as
|
|
1
|
+
import{b as E,c as J,d as W,e as U}from"../../../chunk-C5N2D3ZX.js";import{Fragment as j,jsx as n,jsxs as O}from"react/jsx-runtime";import{useState as v,useEffect as R,useRef as K}from"react";import w from"@mingoo/jsmin";import{$$fromRoot as L,useStore as P}from"../../../@utils";import $ from"../../../atoms/Box";import _ from"../../../atoms/FAI";import z from"../../../atoms/Span";import H from"../../../mols/Column";import b from"../../../mols/Row";import V from"../../Button";import k from"../../Sheet";import G from"../../Loader";import Q from"../Text";import X from"../Parts";import{InputChipsClasses as Y}from"../../../@styles/componentClasses";const Z=e=>{let[h,i]=v("show"),[y,N]=v(""),[u]=v(w.uuid.gen()),[l,g]=v(e.options),[o,C]=v(l[0]||null),[S,x]=v(e.selected),[D,T]=v("init");R(()=>{P.set({[e.selectorID]:{updateOptions:t=>{g(t)},updateSelected:t=>{x(t)}}})},[]);const B=K(!1);R(()=>{B.current?k.reposition(e.selectorID):B.current=!0},[l]);const F=K(!1);R(()=>{F.current?(i("interlude"),C(l[0]||null),e.onDynamicSearch?(w.interval.clear(u+"-dynamicSearch"),w.interval.standBy(u+"-dynamicSearch",400,()=>U(void 0,null,function*(){let{options:t}=yield e.onDynamicSearch(y);g(t),i("show")}))):(w.interval.clear(u+"-staticSearch"),w.interval.standBy(u+"-staticSearch",400,()=>U(void 0,null,function*(){let t=new RegExp(y,"ig"),p=[];[...e.options].forEach(s=>{var c;!!(!y||((c=String(s.label))!=null?c:String(s.value)).match(t))&&p.push(s)}),g(p),i("show")})))):F.current=!0},[y]);const M=K(!1);R(()=>{M.current?e.onUpdated({values:S}):M.current=!0},[S]),R(()=>{w.scope(()=>{if(w.is.nullish(o)||D=="MouseEvent")return;let t=L("#"+u+"-Selector-Cell-Wrap");if(!t[0])return;let p=L('[data-chips-selector-cell="'+u+"-"+JSON.stringify((o==null?void 0:o.value)||"").replace(/\"/ig,"")+'"]');if(!p[0])return;let{top:s,height:I}=t.position(),{top:c,height:d}=p.position();if(s<=c&&c+d<=s+I)return;let r=t[0].scrollTop+(c-s);D=="ArrowDown"?r-=I-d-20:D=="ArrowUp"&&(r-=20),t[0].scrollTop=r})},[o]);let A=[];return h=="interlude"?A=[O(b.Center,{padding:2,gap:0,children:[n(G.Theme.R,{showInitial:!0}),n($,{padding:[0,1],fontSize:"1.mini",fontColor:"4.thin",children:"\u691C\u7D22\u4E2D..."})]},"interlude")]:A=[l.map((t,p)=>{let{value:s,label:I}=t,c=String(JSON.stringify(s)),d=S.findIndex(f=>JSON.stringify(f.value)==c),r=d!=-1,a=JSON.stringify((o==null?void 0:o.value)||"")==c,m={};return(r||a)&&(m={fontColor:"theme",isSemiBoldFont:!0}),a&&(m.backgroundColor="cloud"),r&&(m.backgroundColor="theme.opa.few"),n(V.Button.Clear.R,J(E({borderRadius:"3.tone.tertiary",color:"cloud",padding:"1/3",tabIndex:-1,textAlign:"left","data-chips-selector-cell":u+"-"+c.replace(/\"/ig,""),isActive:r||a,isActiveStyles:m},m),{onMouseOver:()=>{T("MouseEvent"),C(t)},onClick:()=>{let f=[...S];r?f.splice(d,1):(f=[...f,t],e.limit&&f.length>e.limit&&f.shift()),x(f)},children:n(e.SelectorCellComponent,{isSelected:r,isFocused:a,value:s,label:I})}),s+"-"+p)})],O(j,{children:[O(H,{padding:"2/3",gap:"2/3",borderBottom:!0,children:[O(b.Separate,{children:[n(Q.Normal,{value:y,onUpdateValidValue:({value:t})=>{N(t)},id:e.selectorID+"-KeywordInput",padding:"2/3",placeholder:"\u691C\u7D22...",leftIcon:n(X.LeftIcon,{right:"2/3",fontSize:"1.mini",fontColor:"3.blur",children:n(_.Search,{})}),onKeyDown:t=>{let{key:p,metaKey:s,ctrlKey:I}=t,c=s||I;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=S.findIndex(m=>JSON.stringify(m.value)==JSON.stringify((o==null?void 0:o.value)||"")),r=d!=-1,a=[...S];if(r)a.splice(d,1);else{let m=l.findIndex(f=>JSON.stringify(f.value)==JSON.stringify((o==null?void 0:o.value)||""));if(m==-1)return;a=[...a,l[m]],e.limit&&a.length>e.limit&&a.shift()}x(a)}T(p)}}),n(V.Button.Border.S,{marginRight:"1/3",ssSphere:2,backgroundColor:"cloud",borderRadius:"2.tone.secondary",onClick:()=>{k.close(e.selectorID)},children:n(_.Times,{})})]}),O(b.Separate,{children:[O(b.Left,{gap:"1/2",verticalAlign:"baseline",children:[n(z,{fontColor:"theme",children:l.length}),n($,{fontSize:"1.mini",fontColor:"3.blur",children:"\u4EF6\u306E\u30D2\u30C3\u30C8"})]}),n(b.Right,{children:!!e.limit&&O(z,{fontColor:"3.blur",fontSize:"1.mini",children:[n(z,{fontSize:"3.paragraph",fontColor:"theme",isSemiBoldFont:!0,children:S.length})," / ",e.limit," \u4EF6"]})})]})]}),n(H,{gap:"1/4",padding:"1/2",overflow:"auto",freeCSS:{maxHeight:12*26,maxWidth:12*26},id:u+"-Selector-Cell-Wrap",className:Y("SelectorWrapper"),children:A}),e.bottomContent]})},q={openSelector:e=>{let T=e,{selectorID:h,options:i,selected:y,limit:N,bottomContent:u,onDynamicSearch:l,SelectorCellComponent:g,onUpdated:o,onClosed:C,parent:S}=T,x=W(T,["selectorID","options","selected","limit","bottomContent","onDynamicSearch","SelectorCellComponent","onUpdated","onClosed","parent"]),D=h;g=g||(B=>n(b.Left,{children:B.label})),k.open(J(E({parent:S,sheetID:D,type:"custom",gravityPoint:22,padding:[1,0],hold_state:!0,close_option:{aroundClick:!0,escapeKeyDown:!0}},x),{content:n($,{borderRadius:"2.tone.secondary",backgroundColor:"layer.1",border:!0,boxShadow:"1.normal",overflow:"hidden",children:n(Z,{selectorID:h,options:i,limit:N,selected:y,onUpdated:o,SelectorCellComponent:g,bottomContent:u,onDynamicSearch:l},JSON.stringify(y))}),openAfter:()=>{L("#"+e.selectorID+"-KeywordInput").focus()},closeAfter:()=>{C()}}))},closeSelector:e=>{k.close(e)},updateOptions:(e,h)=>{let i=P.get(e);i&&i.updateOptions&&i.updateOptions(h)},updateSelected:(e,h)=>{let i=P.get(e);i&&i.updateSelected&&i.updateSelected(h)}};export{q as Selector,q as default};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { ReactElement } from '../../@
|
|
2
|
+
import { ReactElement } from '../../@declares';
|
|
3
3
|
import { InputTypes } from '.';
|
|
4
4
|
declare namespace Contenteditable {
|
|
5
5
|
type Input = InputTypes.CoreInput & React.TextareaHTMLAttributes<HTMLDivElement> & {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { TagProperty } from '../../@
|
|
2
|
+
import { TagProperty } from '../../@declares';
|
|
3
3
|
import { InputTypes } from '.';
|
|
4
4
|
declare namespace DigitCharacters {
|
|
5
5
|
type Input = InputTypes.CoreInput & React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement> & {
|
package/dist/fn/Input/Filer.d.ts
CHANGED
package/dist/fn/Input/List.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { TagProperty, ReactElement } from '../../@
|
|
2
|
+
import { TagProperty, ReactElement } from '../../@declares';
|
|
3
3
|
import { InputTypes } from '.';
|
|
4
4
|
declare namespace List {
|
|
5
5
|
type Tone = 'border' | 'cloud' | 'vivid' | 'normal' | 'plain';
|
package/dist/fn/Input/Parts.d.ts
CHANGED
package/dist/fn/Input/Plain.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { TagProperty, ReactElement } from '../../@
|
|
2
|
+
import { TagProperty, ReactElement } from '../../@declares';
|
|
3
3
|
import { KeyValueDict } from '@mingoo/jsmin';
|
|
4
4
|
import { InputTypes } from '.';
|
|
5
5
|
declare namespace RichSelect {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{b as o,c as l,d as S}from"../../chunk-C5N2D3ZX.js";import{jsx as t}from"react/jsx-runtime";import R from"@mingoo/jsmin";import{useState as d}from"react";import x from"./List";import{InputSegmentedClasses as s}from"../../@styles/componentClasses";const r=e=>{let h=e,{tone:E,appearance:u,value:n,options:y,onUpdateValue:f,onUpdateValidValue:c,freeCSS:p,cellStyles:b,cellClassName:g,cellCheckedClassName:k,cellCheckedStyles:B}=h,I=S(h,["tone","appearance","value","options","onUpdateValue","onUpdateValidValue","freeCSS","cellStyles","cellClassName","cellCheckedClassName","cellCheckedStyles"]),[v]=d(R.uuid.gen()),[i,L]=d(n),[w,C]=d(i);return i!=n&&(L(n),C(n)),t(x.Radio,l(o({defaultActiveStyling:!1,flexWrap:!1,borderRadius:"2.tone.secondary",position:"relative",options:y,value:w,componentID:v,icon:!1},I),{freeCSS:o({whiteSpace:"nowrap"},p),cellStyles:o({flexCenter:!0,ssPushable:!0,boxShadow:"none"},b),cellClassName:[g,s("Label"),s("Tone_"+u)].join(" "),cellCheckedStyles:o({isSemiBoldFont:!0},B),cellCheckedClassName:[k,s("Checked")].join(" "),tone:"custom",onUpdateValue:f,onUpdateValidValue:m=>{c&&c(m),u=="BottomLine"&&C(m.value[0])}}))},a={Auto:e=>(e=o({},e),e=l(o({padding:"1/3",gap:"1/3",ssCardBox:!0},e),{cellStyles:o({borderRadius:"inherit",position:"relative"},e.cellStyles),cellCheckedStyles:o({backgroundColor:"theme",fontColor:"white"},e.cellCheckedStyles)}),t(r,o({appearance:e.tone||"Auto"},e))),Normal:e=>(e=o({},e),e=l(o({border:!0,borderColor:"theme",overflow:"hidden",gap:0,ssLastChildLossBorder:"right",fontColor:"3.blur"},e),{cellStyles:o({borderRadius:0,borderRight:!0,borderColor:"theme"},e.cellStyles),cellCheckedStyles:o({backgroundColor:"theme",fontColor:"white"},e.cellCheckedStyles)}),e.tone="ThemeBorder",t(r,o({appearance:"Border"},e))),Cloud:e=>(e=o({},e),e=l(o({padding:"1/3",gap:"1/3",backgroundColor:"cloud"},e),{cellStyles:o({borderRadius:"inherit",position:"relative"},e.cellStyles),cellCheckedStyles:o({backgroundColor:"theme",fontColor:"white"},e.cellCheckedStyles)}),t(r,o({appearance:e.tone||"Cloud"},e))),Cloud2:e=>(e=o({},e),e.tone="WhiteCloud",t(a.Cloud,l(o({fontColor:"3.blur"},e),{cellCheckedStyles:o({fontColor:"1.clear"},e.cellCheckedStyles)}))),Cloud3:e=>(e=o({},e),e.tone="ThemeCloud",t(a.Cloud,l(o({backgroundColor:"theme.opa.few",fontColor:"theme"},e),{cellStyles:o({},e.cellStyles)}))),Border:e=>(e=o({},e),e=l(o({backgroundColor:"layer.1",border:"2.normal",overflow:"hidden",gap:0,ssLastChildLossBorder:"right",boxShadow:"0.
|
|
1
|
+
import{b as o,c as l,d as S}from"../../chunk-C5N2D3ZX.js";import{jsx as t}from"react/jsx-runtime";import R from"@mingoo/jsmin";import{useState as d}from"react";import x from"./List";import{InputSegmentedClasses as s}from"../../@styles/componentClasses";const r=e=>{let h=e,{tone:E,appearance:u,value:n,options:y,onUpdateValue:f,onUpdateValidValue:c,freeCSS:p,cellStyles:b,cellClassName:g,cellCheckedClassName:k,cellCheckedStyles:B}=h,I=S(h,["tone","appearance","value","options","onUpdateValue","onUpdateValidValue","freeCSS","cellStyles","cellClassName","cellCheckedClassName","cellCheckedStyles"]),[v]=d(R.uuid.gen()),[i,L]=d(n),[w,C]=d(i);return i!=n&&(L(n),C(n)),t(x.Radio,l(o({defaultActiveStyling:!1,flexWrap:!1,borderRadius:"2.tone.secondary",position:"relative",options:y,value:w,componentID:v,icon:!1},I),{freeCSS:o({whiteSpace:"nowrap"},p),cellStyles:o({flexCenter:!0,ssPushable:!0,boxShadow:"none"},b),cellClassName:[g,s("Label"),s("Tone_"+u)].join(" "),cellCheckedStyles:o({isSemiBoldFont:!0},B),cellCheckedClassName:[k,s("Checked")].join(" "),tone:"custom",onUpdateValue:f,onUpdateValidValue:m=>{c&&c(m),u=="BottomLine"&&C(m.value[0])}}))},a={Auto:e=>(e=o({},e),e=l(o({padding:"1/3",gap:"1/3",ssCardBox:!0},e),{cellStyles:o({borderRadius:"inherit",position:"relative"},e.cellStyles),cellCheckedStyles:o({backgroundColor:"theme",fontColor:"white"},e.cellCheckedStyles)}),t(r,o({appearance:e.tone||"Auto"},e))),Normal:e=>(e=o({},e),e=l(o({border:!0,borderColor:"theme",overflow:"hidden",gap:0,ssLastChildLossBorder:"right",fontColor:"3.blur"},e),{cellStyles:o({borderRadius:0,borderRight:!0,borderColor:"theme"},e.cellStyles),cellCheckedStyles:o({backgroundColor:"theme",fontColor:"white"},e.cellCheckedStyles)}),e.tone="ThemeBorder",t(r,o({appearance:"Border"},e))),Cloud:e=>(e=o({},e),e=l(o({padding:"1/3",gap:"1/3",backgroundColor:"cloud"},e),{cellStyles:o({borderRadius:"inherit",position:"relative"},e.cellStyles),cellCheckedStyles:o({backgroundColor:"theme",fontColor:"white"},e.cellCheckedStyles)}),t(r,o({appearance:e.tone||"Cloud"},e))),Cloud2:e=>(e=o({},e),e.tone="WhiteCloud",t(a.Cloud,l(o({fontColor:"3.blur"},e),{cellCheckedStyles:o({fontColor:"1.clear"},e.cellCheckedStyles)}))),Cloud3:e=>(e=o({},e),e.tone="ThemeCloud",t(a.Cloud,l(o({backgroundColor:"theme.opa.few",fontColor:"theme"},e),{cellStyles:o({},e.cellStyles)}))),Border:e=>(e=o({},e),e=l(o({backgroundColor:"layer.1",border:"2.normal",overflow:"hidden",gap:0,ssLastChildLossBorder:"right",boxShadow:"0.min"},e),{cellStyles:o({borderRadius:0,borderRight:"2.normal"},e.cellStyles),cellCheckedStyles:o({backgroundColor:"theme.opa.few",fontColor:"theme"},e.cellCheckedStyles)}),t(r,o({appearance:e.tone||"Border"},e))),Border2:e=>(e=o({},e),e=l(o({border:!0,borderColor:"theme",overflow:"hidden",gap:0,ssLastChildLossBorder:"right",boxShadow:"0.min",fontColor:"3.blur"},e),{cellStyles:o({borderRadius:0,borderRight:!0,borderColor:"theme"},e.cellStyles),cellCheckedStyles:o({backgroundColor:"theme",fontColor:"white"},e.cellCheckedStyles)}),e.tone="ThemeBorder",t(r,o({appearance:"Border"},e))),BottomLine:e=>(e=o({},e),e=l(o({gap:0,fontColor:"3.blur"},e),{cellStyles:o({ssEffectsOnActive:"ripple.theme",borderRadius:0,padding:1},e.cellStyles),cellCheckedStyles:o({fontColor:"theme"},e.cellCheckedStyles)}),t(r,o({appearance:"BottomLine"},e)))};export{a as Segmented,a as default};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { TagProperty, ReactElement } from '../../@
|
|
2
|
+
import { TagProperty, ReactElement } from '../../@declares';
|
|
3
3
|
import { KeyValueDict } from '@mingoo/jsmin';
|
|
4
4
|
import { InputTypes } from '.';
|
|
5
5
|
declare namespace Select {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { ReactElement, ThemeColor } from '../../@
|
|
2
|
+
import { ReactElement, ThemeColor } from '../../@declares';
|
|
3
3
|
import { InputTypes } from '.';
|
|
4
4
|
declare namespace Slider {
|
|
5
5
|
type Input = InputTypes.CoreInput & React.DOMAttributes<HTMLInputElement> & {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { ThemeColor, ReactElement } from '../../@
|
|
2
|
+
import { ThemeColor, ReactElement } from '../../@declares';
|
|
3
3
|
import { InputTypes } from '.';
|
|
4
4
|
declare namespace Switch {
|
|
5
5
|
type Input = InputTypes.UniInput & React.DOMAttributes<HTMLInputElement> & {
|