amotify 0.2.279 → 0.2.280

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (91) hide show
  1. package/demo/esbuild/designBook.tsx +16 -21
  2. package/demo/esbuild/public/index.css +9366 -1
  3. package/demo/next/package.json +1 -1
  4. package/dist/@declares/property.d.ts +9 -8
  5. package/dist/@styles/componentClasses/index.css +1 -1
  6. package/dist/@styles/componentClasses/index.d.ts +22 -21
  7. package/dist/@styles/componentClasses/index.js +1 -1
  8. package/dist/@styles/index.css +1 -1
  9. package/dist/@styles/index.js +1 -1
  10. package/dist/@styles/style.css +1 -1
  11. package/dist/@styles/style.d.ts +0 -1
  12. package/dist/@styles/style.js +1 -1
  13. package/dist/@utils/GenerateClassName.d.ts +11 -15
  14. package/dist/@utils/GenerateClassName.js +1 -1
  15. package/dist/@utils/LaunchReactApp.js +1 -1
  16. package/dist/@utils/config.js +1 -1
  17. package/dist/@utils/dragEffect.d.ts +57 -0
  18. package/dist/@utils/dragEffect.js +1 -0
  19. package/dist/@utils/index.d.ts +2 -1
  20. package/dist/@utils/index.js +1 -1
  21. package/dist/@utils/useRemote.d.ts +9 -0
  22. package/dist/@utils/useRemote.js +1 -0
  23. package/dist/atoms/Grid.js +2 -2
  24. package/dist/atoms/Img.js +1 -1
  25. package/dist/atoms/Logo.js +2 -2
  26. package/dist/atoms/index.js +1 -1
  27. package/dist/fn/Button.d.ts +1 -1
  28. package/dist/fn/Button.js +1 -1
  29. package/dist/fn/Cropper.js +1 -1
  30. package/dist/fn/DataGrid/index.d.ts +129 -83
  31. package/dist/fn/DataGrid/index.js +1 -1
  32. package/dist/fn/Effect/Fade.js +1 -1
  33. package/dist/fn/Effect/Pudding.js +1 -1
  34. package/dist/fn/Effect/Ripple.js +3 -3
  35. package/dist/fn/Input/Autocomplete.d.ts +3 -3
  36. package/dist/fn/Input/Autocomplete.js +1 -1
  37. package/dist/fn/Input/Color.js +1 -1
  38. package/dist/fn/Input/Contenteditable.js +1 -1
  39. package/dist/fn/Input/DigitCharacters.d.ts +1 -1
  40. package/dist/fn/Input/DigitCharacters.js +1 -1
  41. package/dist/fn/Input/Drum.d.ts +2 -2
  42. package/dist/fn/Input/Drum.js +1 -1
  43. package/dist/fn/Input/Filer.d.ts +4 -4
  44. package/dist/fn/Input/Filer.js +1 -1
  45. package/dist/fn/Input/Label.d.ts +2 -0
  46. package/dist/fn/Input/Label.js +1 -1
  47. package/dist/fn/Input/List.d.ts +5 -5
  48. package/dist/fn/Input/List.js +1 -1
  49. package/dist/fn/Input/Parts.js +1 -1
  50. package/dist/fn/Input/Segmented.js +1 -1
  51. package/dist/fn/Input/Select.d.ts +6 -6
  52. package/dist/fn/Input/Select.js +1 -1
  53. package/dist/fn/Input/Slider.js +1 -1
  54. package/dist/fn/Input/Switch.js +1 -1
  55. package/dist/fn/Input/TextField.js +2 -2
  56. package/dist/fn/Input/Time/Selector.js +1 -1
  57. package/dist/fn/Input/Time/index.js +1 -1
  58. package/dist/fn/Input/core.d.ts +6 -6
  59. package/dist/fn/Input/core.js +1 -1
  60. package/dist/fn/Input/index.d.ts +18 -18
  61. package/dist/fn/Input/index.js +1 -1
  62. package/dist/fn/Loader/corner.js +1 -1
  63. package/dist/fn/PageNotFound.js +1 -1
  64. package/dist/fn/Plate.js +1 -1
  65. package/dist/fn/RootViewController.js +1 -1
  66. package/dist/fn/Sheet.js +1 -1
  67. package/dist/fn/SwipeView.js +1 -1
  68. package/dist/fn/TabBar.js +1 -1
  69. package/dist/fn/Table/Data.d.ts +3 -3
  70. package/dist/fn/Table/Data.js +1 -1
  71. package/dist/fn/Table/Normal.js +1 -1
  72. package/dist/fn/Table/Wrapper.js +1 -1
  73. package/dist/fn/Table/index.d.ts +2 -2
  74. package/dist/fn/Table/index.js +1 -1
  75. package/dist/fn/Tooltips.js +1 -1
  76. package/dist/index.d.ts +49 -6
  77. package/dist/mols/List.js +1 -1
  78. package/dist/mols/Literal.js +1 -1
  79. package/dist/mols/MarkerPen.d.ts +10 -0
  80. package/dist/mols/MarkerPen.js +1 -0
  81. package/dist/mols/index.d.ts +1 -0
  82. package/dist/mols/index.js +1 -1
  83. package/dist/orgs/index.d.ts +1 -1
  84. package/dist/orgs/index.js +1 -0
  85. package/dist/temps/index.d.ts +1 -1
  86. package/dist/temps/index.js +1 -0
  87. package/package.json +7 -7
  88. package/dist/@utils/useRefresh.d.ts +0 -8
  89. package/dist/@utils/useRefresh.js +0 -1
  90. package/dist/fn/Table/Drag.d.ts +0 -18
  91. package/dist/fn/Table/Drag.js +0 -1
@@ -1,4 +1,3 @@
1
1
  import './@app.scss';
2
2
  export * from './componentClasses';
3
3
  import './parts.scss';
4
- export {};
@@ -1 +1 @@
1
- var r={Img:"_Img_1egfu_1",ShowExpand_true:"_ShowExpand_true_1egfu_11"};var a={};var t={Size_S:"_Size_S_10jdu_1",Size_R:"_Size_R_10jdu_6",Size_L:"_Size_L_10jdu_11",Size_2L:"_Size_2L_10jdu_16",Size_3L:"_Size_3L_10jdu_21",Icon:"_Icon_10jdu_27",Title:"_Title_10jdu_31",ComunIcon:"_ComunIcon_10jdu_38",ComunTitle:"_ComunTitle_10jdu_42",MingooIcon:"_MingooIcon_10jdu_46",P:"_P_10jdu_46",P_0:"_P_0_10jdu_50",P_1:"_P_1_10jdu_53",P_2:"_P_2_10jdu_56",P_3:"_P_3_10jdu_59",P_4:"_P_4_10jdu_62",P_5:"_P_5_10jdu_65",P_6:"_P_6_10jdu_68",P_7:"_P_7_10jdu_71",P_8:"_P_8_10jdu_74",P_9:"_P_9_10jdu_77",P_10:"_P_10_10jdu_81",P_11:"_P_11_10jdu_85",P_12:"_P_12_10jdu_89"};var _={Placeholder:"_Placeholder_rl2bi_14",Body:"_Body_rl2bi_14",PlaceholderEffect:"_PlaceholderEffect_rl2bi_1",Color_white:"_Color_white_rl2bi_25"};var l={Wrap:"_Wrap_13krz_1",Open_true:"_Open_true_13krz_1",Open_false:"_Open_false_13krz_4"};var e={Wrapper:"_Wrapper_gyvqf_1",Cell:"_Cell_gyvqf_9",FadeIn:"_FadeIn_gyvqf_13",FadeOut:"_FadeOut_gyvqf_17"};var c={Wrap:"_Wrap_1d9qv_2",Content:"_Content_1d9qv_6",BackgroundWrapper:"_BackgroundWrapper_1d9qv_10",BB:"_BB_1d9qv_17",TapSensor:"_TapSensor_1d9qv_20",BaseBody:"_BaseBody_1d9qv_27",isMainSheet_false:"_isMainSheet_false_1d9qv_30",isMainSheet_true:"_isMainSheet_true_1d9qv_33",Open:"_Open_1d9qv_36",Hide:"_Hide_1d9qv_42",Tcate_normal:"_Tcate_normal_1d9qv_48",Tcate_drawer:"_Tcate_drawer_1d9qv_65",Tpos_left:"_Tpos_left_1d9qv_65",Tpos_right:"_Tpos_right_1d9qv_79",Tpos_bottom:"_Tpos_bottom_1d9qv_93",DragBar:"_DragBar_1d9qv_99",Tcate_custom:"_Tcate_custom_1d9qv_107",CustomSheet:"_CustomSheet_1d9qv_114",GPT:"_GPT_1d9qv_117",Col_1:"_Col_1_1d9qv_117",Row_1:"_Row_1_1d9qv_117",Row_4:"_Row_4_1d9qv_117",Col_4:"_Col_4_1d9qv_117",Row_2:"_Row_2_1d9qv_120",Row_5:"_Row_5_1d9qv_120",Col_2:"_Col_2_1d9qv_123",Col_5:"_Col_5_1d9qv_123",GPT_3:"_GPT_3_1d9qv_129",GPT_18:"_GPT_18_1d9qv_129",GPT_8:"_GPT_8_1d9qv_132",GPT_23:"_GPT_23_1d9qv_132",GPT_11:"_GPT_11_1d9qv_135",GPT_14:"_GPT_14_1d9qv_135",GPT_12:"_GPT_12_1d9qv_138",GPT_15:"_GPT_15_1d9qv_138",Col_3:"_Col_3_1d9qv_148",TapContent:"_TapContent_1d9qv_164"};var i={Wrapper:"_Wrapper_rdngf_1",CornerLoader:"_CornerLoader_rdngf_6",Wrap:"_Wrap_rdngf_1",isActive:"_isActive_rdngf_31",ldAnm:"_ldAnm_rdngf_1",Ld1:"_Ld1_rdngf_37",Ld2:"_Ld2_rdngf_40",Ld3:"_Ld3_rdngf_43",Ld4:"_Ld4_rdngf_46",MiniLoader:"_MiniLoader_rdngf_64",Active_false:"_Active_false_rdngf_67",Hide:"_Hide_rdngf_70",Active:"_Active_rdngf_67",Core:"_Core_rdngf_80",spin:"_spin_rdngf_1",SVG1:"_SVG1_rdngf_88",loader:"_loader_rdngf_1",loading:"_loading_rdngf_1",SVG2:"_SVG2_rdngf_95"};var n={RootViewController:"_RootViewController_1uslg_2",Content:"_Content_1uslg_5",TopNav:"_TopNav_1uslg_14",FooterNav:"_FooterNav_1uslg_17",Body:"_Body_1uslg_20",SideNav:"_SideNav_1uslg_20",SwipeView:"_SwipeView_1uslg_27",Rail:"_Rail_1uslg_27",ShowOther_true:"_ShowOther_true_1uslg_27",Child:"_Child_1uslg_27",Display:"_Display_1uslg_35",LoopAdjusting:"_LoopAdjusting_1uslg_39"};var s={Wrap:"_Wrap_1rtvv_1",RowClickable_true:"_RowClickable_true_1rtvv_4",Row:"_Row_1rtvv_4",BodyRow:"_BodyRow_1rtvv_4",DataNotFound:"_DataNotFound_1rtvv_4",Cell:"_Cell_1rtvv_7",Table:"_Table_1rtvv_13",TableType_drag:"_TableType_drag_1rtvv_24",DraggerOrigin:"_DraggerOrigin_1rtvv_28",DragableButton:"_DragableButton_1rtvv_34",TableType_data:"_TableType_data_1rtvv_43",Console:"_Console_1rtvv_43",TableBase:"_TableBase_1rtvv_50",HeadRow:"_HeadRow_1rtvv_60",FilterRegion:"_FilterRegion_1rtvv_66",Filtering_true:"_Filtering_true_1rtvv_69"};var d={RippleElement:"_RippleElement_17vcx_1",Color_cloud:"_Color_cloud_17vcx_7",RippleWrap:"_RippleWrap_17vcx_7",Wave:"_Wave_17vcx_7",Color_theme:"_Color_theme_17vcx_10",PuddingEffect:"_PuddingEffect_17vcx_39",pdAnm:"_pdAnm_17vcx_1"};var m={Wrap:"_Wrap_8x4zl_1",Use_profile:"_Use_profile_8x4zl_4",Use_head:"_Use_head_8x4zl_7",Canvas:"_Canvas_8x4zl_11",Preview:"_Preview_8x4zl_17",ToneBall:"_ToneBall_8x4zl_21",ToneBall_1:"_ToneBall_1_8x4zl_25",ToneBall_2:"_ToneBall_2_8x4zl_28",ToneBall_3:"_ToneBall_3_8x4zl_31",ToneBall_4:"_ToneBall_4_8x4zl_34",ToneBall_5:"_ToneBall_5_8x4zl_37",ToneBall_6:"_ToneBall_6_8x4zl_40",ToneBall_7:"_ToneBall_7_8x4zl_43",ToneBall_8:"_ToneBall_8_8x4zl_46",ToneBall_9:"_ToneBall_9_8x4zl_49",ToneBall_10:"_ToneBall_10_8x4zl_52"};var b={Wrap:"_Wrap_11ave_1",isLocked_true:"_isLocked_true_11ave_16",Tone_sub_Color_theme:"_Tone_sub_Color_theme_11ave_21",Tone_clear_Color_theme:"_Tone_clear_Color_theme_11ave_21",Tone_sub_Color_posi:"_Tone_sub_Color_posi_11ave_24",Tone_clear_Color_posi:"_Tone_clear_Color_posi_11ave_24",Tone_sub_Color_nega:"_Tone_sub_Color_nega_11ave_27",Tone_clear_Color_nega:"_Tone_clear_Color_nega_11ave_27",Tone_sub_Color_warn:"_Tone_sub_Color_warn_11ave_30",Tone_clear_Color_warn:"_Tone_clear_Color_warn_11ave_30",Tone_sub_Color_white:"_Tone_sub_Color_white_11ave_33",Tone_clear_Color_white:"_Tone_clear_Color_white_11ave_33",Tone_sub_Color_cloud:"_Tone_sub_Color_cloud_11ave_36",Tone_clear_Color_cloud:"_Tone_clear_Color_cloud_11ave_36",Tone_sub_Color_layer:"_Tone_sub_Color_layer_11ave_39",Tone_clear_Color_layer:"_Tone_clear_Color_layer_11ave_39",isNeutral_true:"_isNeutral_true_11ave_43",Tone_clear:"_Tone_clear_11ave_21",Tone_borderToFill:"_Tone_borderToFill_11ave_46",Tone_fillToBorder:"_Tone_fillToBorder_11ave_49",Tone_fillToBorder_Color_white:"_Tone_fillToBorder_Color_white_11ave_52",Tone_fillToBorder_Color_cloud:"_Tone_fillToBorder_Color_cloud_11ave_52",Tone_link:"_Tone_link_11ave_55",Tone_normal_Color_plain:"_Tone_normal_Color_plain_11ave_62",Tone_normal_Color_theme:"_Tone_normal_Color_theme_11ave_66",Tone_normal_Color_posi:"_Tone_normal_Color_posi_11ave_70",Tone_normal_Color_nega:"_Tone_normal_Color_nega_11ave_74",Tone_normal_Color_warn:"_Tone_normal_Color_warn_11ave_78",Tone_border:"_Tone_border_11ave_46",Tone_prime:"_Tone_prime_11ave_85",Tone_borderToFill_Color_white:"_Tone_borderToFill_Color_white_11ave_120",Tone_borderToFill_Color_cloud:"_Tone_borderToFill_Color_cloud_11ave_120"};var g={CustomScrollBar:"_CustomScrollBar_15t6q_1",Wrapper:"_Wrapper_15t6q_15",Input:"_Input_15t6q_54",DigitCharacterCell:"_DigitCharacterCell_15t6q_85",Combined:"_Combined_15t6q_85",ShowCell:"_ShowCell_15t6q_1"};var h={Input:"_Input_1g1ty_1",List:"_List_1g1ty_1",AddButton:"_AddButton_1g1ty_1",FileName:"_FileName_1g1ty_5",Draggable:"_Draggable_1g1ty_18",AddIcon:"_AddIcon_1g1ty_21",IconAnimation:"_IconAnimation_1g1ty_1"};var v={CellBase:"_CellBase_xuhga_1",HideInput_true:"_HideInput_true_xuhga_1",Input:"_Input_xuhga_1",Label:"_Label_xuhga_5"};var f={Core:"_Core_1wqxd_1",Selector:"_Selector_1wqxd_5",SearchInput:"_SearchInput_1wqxd_9",isActive:"_isActive_1wqxd_12"};var p={Input:"_Input_1lndc_1",Label:"_Label_1lndc_7"};var u={Wrap:"_Wrap_1jwam_1",Bar:"_Bar_1jwam_1",Range:"_Range_1jwam_4",Field:"_Field_1jwam_4",Child:"_Child_1jwam_7",Legend:"_Legend_1jwam_10",Edge:"_Edge_1jwam_25",EdgeChild:"_EdgeChild_1jwam_25"};var w={ClockBase:"_ClockBase_1bc8v_1",ClockUiBase:"_ClockUiBase_1bc8v_1",ClockUi:"_ClockUi_1bc8v_1",Needle:"_Needle_1bc8v_5",hour:"_hour_1bc8v_12",minute:"_minute_1bc8v_17"};var k={Label:"_Label_1kvwn_1",Tone_plain:"_Tone_plain_1kvwn_6",Checked:"_Checked_1kvwn_6",Tone_cloud:"_Tone_cloud_1kvwn_9",Tone_cloudmono:"_Tone_cloudmono_1kvwn_12",Tone_cloudtheme:"_Tone_cloudtheme_1kvwn_15",Tone_bordervivid:"_Tone_bordervivid_1kvwn_21",Tone_bottomline:"_Tone_bottomline_1kvwn_27"};var xr=o=>r[o],yr=o=>a[o],Tr=o=>t[o],Cr=o=>_[o],Hr=o=>l[o],qr=o=>e[o],zr=o=>c[o],Lr=o=>i[o],Sr=o=>n[o],Br=o=>s[o],Wr=o=>d[o],Nr=o=>m[o],Rr=o=>b[o],jr=o=>g[o],Pr=o=>h[o],Ir=o=>v[o],Gr=o=>f[o],Ar=o=>p[o],Fr=o=>u[o],Yr=o=>w[o],Mr=o=>k[o];export{Hr as AccordionClasses,Rr as ButtonClasses,Nr as CropperClasses,Wr as EffectClasses,yr as GridClasses,xr as ImgClasses,Gr as InputAutocompleteClasses,jr as InputClasses,Pr as InputFilerClasses,Ir as InputListClasses,Mr as InputSegmentedClasses,Fr as InputSliderClasses,Ar as InputSwitchClasses,Yr as InputTimeClasses,Sr as LayoutClasses,Lr as LoaderClasses,Tr as LogoClasses,Cr as PlaceholderClasses,zr as SheetClasses,qr as SnackbarClasses,Br as TableClasses};
1
+ var r={preventScroll:"_preventScroll_z564v_1",isDragging:"_isDragging_z564v_6",Clone:"_Clone_z564v_10",isHovering:"_isHovering_z564v_19",DropSign:"_DropSign_z564v_23",activeOn_landing:"_activeOn_landing_z564v_23",activeOn_dragging:"_activeOn_dragging_z564v_26",active:"_active_z564v_23",DropArea:"_DropArea_z564v_34",Origin:"_Origin_z564v_37",isDroppable:"_isDroppable_z564v_43",isLanding:"_isLanding_z564v_46",Marker_top:"_Marker_top_z564v_63",Marker_bottom:"_Marker_bottom_z564v_63",Marker_left:"_Marker_left_z564v_71",Marker_right:"_Marker_right_z564v_71"};var a={Img:"_Img_1egfu_1",ShowExpand_true:"_ShowExpand_true_1egfu_11"};var t={};var _={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 l={Placeholder:"_Placeholder_rl2bi_14",Body:"_Body_rl2bi_14",PlaceholderEffect:"_PlaceholderEffect_rl2bi_1",Color_white:"_Color_white_rl2bi_25"};var e={Wrap:"_Wrap_13krz_1",Open_true:"_Open_true_13krz_1",Open_false:"_Open_false_13krz_4"};var c={Wrapper:"_Wrapper_gyvqf_1",Cell:"_Cell_gyvqf_9",FadeIn:"_FadeIn_gyvqf_13",FadeOut:"_FadeOut_gyvqf_17"};var i={Wrap:"_Wrap_1d9qv_2",Content:"_Content_1d9qv_6",BackgroundWrapper:"_BackgroundWrapper_1d9qv_10",BB:"_BB_1d9qv_17",TapSensor:"_TapSensor_1d9qv_20",BaseBody:"_BaseBody_1d9qv_27",isMainSheet_false:"_isMainSheet_false_1d9qv_30",isMainSheet_true:"_isMainSheet_true_1d9qv_33",Open:"_Open_1d9qv_36",Hide:"_Hide_1d9qv_42",Tcate_normal:"_Tcate_normal_1d9qv_48",Tcate_drawer:"_Tcate_drawer_1d9qv_65",Tpos_left:"_Tpos_left_1d9qv_65",Tpos_right:"_Tpos_right_1d9qv_79",Tpos_bottom:"_Tpos_bottom_1d9qv_93",DragBar:"_DragBar_1d9qv_99",Tcate_custom:"_Tcate_custom_1d9qv_107",CustomSheet:"_CustomSheet_1d9qv_114",GPT:"_GPT_1d9qv_117",Col_1:"_Col_1_1d9qv_117",Row_1:"_Row_1_1d9qv_117",Row_4:"_Row_4_1d9qv_117",Col_4:"_Col_4_1d9qv_117",Row_2:"_Row_2_1d9qv_120",Row_5:"_Row_5_1d9qv_120",Col_2:"_Col_2_1d9qv_123",Col_5:"_Col_5_1d9qv_123",GPT_3:"_GPT_3_1d9qv_129",GPT_18:"_GPT_18_1d9qv_129",GPT_8:"_GPT_8_1d9qv_132",GPT_23:"_GPT_23_1d9qv_132",GPT_11:"_GPT_11_1d9qv_135",GPT_14:"_GPT_14_1d9qv_135",GPT_12:"_GPT_12_1d9qv_138",GPT_15:"_GPT_15_1d9qv_138",Col_3:"_Col_3_1d9qv_148",TapContent:"_TapContent_1d9qv_164"};var n={Wrapper:"_Wrapper_rdngf_1",CornerLoader:"_CornerLoader_rdngf_6",Wrap:"_Wrap_rdngf_1",isActive:"_isActive_rdngf_31",ldAnm:"_ldAnm_rdngf_1",Ld1:"_Ld1_rdngf_37",Ld2:"_Ld2_rdngf_40",Ld3:"_Ld3_rdngf_43",Ld4:"_Ld4_rdngf_46",MiniLoader:"_MiniLoader_rdngf_64",Active_false:"_Active_false_rdngf_67",Hide:"_Hide_rdngf_70",Active:"_Active_rdngf_67",Core:"_Core_rdngf_80",spin:"_spin_rdngf_1",SVG1:"_SVG1_rdngf_88",loader:"_loader_rdngf_1",loading:"_loading_rdngf_1",SVG2:"_SVG2_rdngf_95"};var s={RootViewController:"_RootViewController_1uslg_2",Content:"_Content_1uslg_5",TopNav:"_TopNav_1uslg_14",FooterNav:"_FooterNav_1uslg_17",Body:"_Body_1uslg_20",SideNav:"_SideNav_1uslg_20",SwipeView:"_SwipeView_1uslg_27",Rail:"_Rail_1uslg_27",ShowOther_true:"_ShowOther_true_1uslg_27",Child:"_Child_1uslg_27",Display:"_Display_1uslg_35",LoopAdjusting:"_LoopAdjusting_1uslg_39"};var d={DataGrid:"_DataGrid_v6148_1",Wrap:"_Wrap_v6148_8",RowClickable_true:"_RowClickable_true_v6148_11",Row:"_Row_v6148_11",BodyRow:"_BodyRow_v6148_11",DataNotFound:"_DataNotFound_v6148_11",Cell:"_Cell_v6148_14",Table:"_Table_v6148_20",TableType_data:"_TableType_data_v6148_31",TableBase:"_TableBase_v6148_31",HeadRow:"_HeadRow_v6148_37",FilterRegion:"_FilterRegion_v6148_43",Filtering_true:"_Filtering_true_v6148_46"};var m={RippleElement:"_RippleElement_17vcx_1",Color_cloud:"_Color_cloud_17vcx_7",RippleWrap:"_RippleWrap_17vcx_7",Wave:"_Wave_17vcx_7",Color_theme:"_Color_theme_17vcx_10",PuddingEffect:"_PuddingEffect_17vcx_39",pdAnm:"_pdAnm_17vcx_1"};var b={Wrap:"_Wrap_8x4zl_1",Use_profile:"_Use_profile_8x4zl_4",Use_head:"_Use_head_8x4zl_7",Canvas:"_Canvas_8x4zl_11",Preview:"_Preview_8x4zl_17",ToneBall:"_ToneBall_8x4zl_21",ToneBall_1:"_ToneBall_1_8x4zl_25",ToneBall_2:"_ToneBall_2_8x4zl_28",ToneBall_3:"_ToneBall_3_8x4zl_31",ToneBall_4:"_ToneBall_4_8x4zl_34",ToneBall_5:"_ToneBall_5_8x4zl_37",ToneBall_6:"_ToneBall_6_8x4zl_40",ToneBall_7:"_ToneBall_7_8x4zl_43",ToneBall_8:"_ToneBall_8_8x4zl_46",ToneBall_9:"_ToneBall_9_8x4zl_49",ToneBall_10:"_ToneBall_10_8x4zl_52"};var g={Wrap:"_Wrap_11ave_1",isLocked_true:"_isLocked_true_11ave_16",Tone_sub_Color_theme:"_Tone_sub_Color_theme_11ave_21",Tone_clear_Color_theme:"_Tone_clear_Color_theme_11ave_21",Tone_sub_Color_posi:"_Tone_sub_Color_posi_11ave_24",Tone_clear_Color_posi:"_Tone_clear_Color_posi_11ave_24",Tone_sub_Color_nega:"_Tone_sub_Color_nega_11ave_27",Tone_clear_Color_nega:"_Tone_clear_Color_nega_11ave_27",Tone_sub_Color_warn:"_Tone_sub_Color_warn_11ave_30",Tone_clear_Color_warn:"_Tone_clear_Color_warn_11ave_30",Tone_sub_Color_white:"_Tone_sub_Color_white_11ave_33",Tone_clear_Color_white:"_Tone_clear_Color_white_11ave_33",Tone_sub_Color_cloud:"_Tone_sub_Color_cloud_11ave_36",Tone_clear_Color_cloud:"_Tone_clear_Color_cloud_11ave_36",Tone_sub_Color_layer:"_Tone_sub_Color_layer_11ave_39",Tone_clear_Color_layer:"_Tone_clear_Color_layer_11ave_39",isNeutral_true:"_isNeutral_true_11ave_43",Tone_clear:"_Tone_clear_11ave_21",Tone_borderToFill:"_Tone_borderToFill_11ave_46",Tone_fillToBorder:"_Tone_fillToBorder_11ave_49",Tone_fillToBorder_Color_white:"_Tone_fillToBorder_Color_white_11ave_52",Tone_fillToBorder_Color_cloud:"_Tone_fillToBorder_Color_cloud_11ave_52",Tone_link:"_Tone_link_11ave_55",Tone_normal_Color_plain:"_Tone_normal_Color_plain_11ave_62",Tone_normal_Color_theme:"_Tone_normal_Color_theme_11ave_66",Tone_normal_Color_posi:"_Tone_normal_Color_posi_11ave_70",Tone_normal_Color_nega:"_Tone_normal_Color_nega_11ave_74",Tone_normal_Color_warn:"_Tone_normal_Color_warn_11ave_78",Tone_border:"_Tone_border_11ave_46",Tone_prime:"_Tone_prime_11ave_85",Tone_borderToFill_Color_white:"_Tone_borderToFill_Color_white_11ave_120",Tone_borderToFill_Color_cloud:"_Tone_borderToFill_Color_cloud_11ave_120"};var h={CustomScrollBar:"_CustomScrollBar_i829p_1",Wrapper:"_Wrapper_i829p_15",Input:"_Input_i829p_54",DigitCharacterCell:"_DigitCharacterCell_i829p_86",Combined:"_Combined_i829p_86",ShowCell:"_ShowCell_i829p_1"};var f={Input:"_Input_1g1ty_1",List:"_List_1g1ty_1",AddButton:"_AddButton_1g1ty_1",FileName:"_FileName_1g1ty_5",Draggable:"_Draggable_1g1ty_18",AddIcon:"_AddIcon_1g1ty_21",IconAnimation:"_IconAnimation_1g1ty_1"};var p={CellBase:"_CellBase_xuhga_1",HideInput_true:"_HideInput_true_xuhga_1",Input:"_Input_xuhga_1",Label:"_Label_xuhga_5"};var v={Core:"_Core_1wqxd_1",Selector:"_Selector_1wqxd_5",SearchInput:"_SearchInput_1wqxd_9",isActive:"_isActive_1wqxd_12"};var u={Input:"_Input_1lndc_1",Label:"_Label_1lndc_7"};var w={Wrap:"_Wrap_1jwam_1",Bar:"_Bar_1jwam_1",Range:"_Range_1jwam_4",Field:"_Field_1jwam_4",Child:"_Child_1jwam_7",Legend:"_Legend_1jwam_10",Edge:"_Edge_1jwam_25",EdgeChild:"_EdgeChild_1jwam_25"};var k={ClockBase:"_ClockBase_1bc8v_1",ClockUiBase:"_ClockUiBase_1bc8v_1",ClockUi:"_ClockUi_1bc8v_1",Needle:"_Needle_1bc8v_5",hour:"_hour_1bc8v_12",minute:"_minute_1bc8v_17"};var x={Label:"_Label_1kvwn_1",Tone_plain:"_Tone_plain_1kvwn_6",Checked:"_Checked_1kvwn_6",Tone_cloud:"_Tone_cloud_1kvwn_9",Tone_cloudmono:"_Tone_cloudmono_1kvwn_12",Tone_cloudtheme:"_Tone_cloudtheme_1kvwn_15",Tone_bordervivid:"_Tone_bordervivid_1kvwn_21",Tone_bottomline:"_Tone_bottomline_1kvwn_27"};var qr=o=>r[o],Lr=o=>a[o],Sr=o=>t[o],Br=o=>_[o],Wr=o=>l[o],Nr=o=>e[o],Rr=o=>c[o],jr=o=>i[o],Pr=o=>n[o],Ar=o=>s[o],Ir=o=>d[o],Gr=o=>m[o],Mr=o=>b[o],Fr=o=>g[o],Yr=o=>h[o],Dr=o=>f[o],Or=o=>p[o],Er=o=>v[o],Ur=o=>u[o],Vr=o=>w[o],Kr=o=>k[o],Xr=o=>x[o];export{Nr as AccordionClasses,Fr as ButtonClasses,Mr as CropperClasses,qr as DragEffectClasses,Gr as EffectClasses,Sr as GridClasses,Lr as ImgClasses,Er as InputAutocompleteClasses,Yr as InputClasses,Dr as InputFilerClasses,Or as InputListClasses,Xr as InputSegmentedClasses,Vr as InputSliderClasses,Ur as InputSwitchClasses,Kr as InputTimeClasses,Ar as LayoutClasses,Pr as LoaderClasses,Br as LogoClasses,Wr as PlaceholderClasses,jr as SheetClasses,Rr as SnackbarClasses,Ir as TableClasses};
@@ -1,16 +1,12 @@
1
1
  import { StyleProps } from '../@declares';
2
- declare namespace StyleConverter {
3
- type ReadStyleSet<T = any> = {
4
- (p: T): T;
5
- };
6
- type GenerateHTMLProps = {
7
- <T = any>(p: T): T;
8
- };
9
- type ExtractStyles = {
10
- (p: any): StyleProps.States;
11
- };
12
- }
13
- export declare const ReadStyleSet: StyleConverter.ReadStyleSet;
14
- export declare const GenerateHTMLProps: StyleConverter.GenerateHTMLProps;
15
- export declare const ExtractStyles: StyleConverter.ExtractStyles;
16
- export {};
2
+ export type ReadStyleSet<T = any> = {
3
+ (p: T): T;
4
+ };
5
+ export declare const ReadStyleSet: ReadStyleSet;
6
+ export type GenerateHTMLProps = {
7
+ <T = any>(p: T): T;
8
+ };
9
+ export declare const GenerateHTMLProps: GenerateHTMLProps;
10
+ export declare const ExtractStyles: {
11
+ <T = StyleProps.BasicElement>(props: T): [StyleProps.States, T];
12
+ };
@@ -1 +1 @@
1
- import{b as d,c as Ee,d as Ne}from"../chunk-C5N2D3ZX.js";import a from"jmini";import{Config as ze}from".";const e={toConcreteBorderRadius:n=>{let W=ze.get().roundness|0;return n=="1.tone.primary"?n=[0,2,3,4,5,5][W]:n=="2.tone.secondary"?n=[0,1,2,3,4,5][W]:n=="3.tone.tertiary"&&(n=[0,"1/3","2/3",1,2,3][W]),n},ev:n=>a.isExist(n),ClassNames:(n,W)=>{var U,Be,Re,N,Ce,_e,Le,Te,we,Pe;let i=[],{gap:l,display:R,position:C,overflow:k,fontColor:F,fontSize:G,fontWeight:j,fontHeight:q,backgroundColor:p,textAlign:A,textDecoration:O,boxShadow:M,margin:h,marginTop:f,marginRight:x,marginBottom:o,marginLeft:r,padding:u,paddingTop:c,paddingRight:s,paddingBottom:y,paddingLeft:_,top:J,right:K,bottom:Q,left:Y,border:E,borderTop:v,borderRight:m,borderBottom:b,borderLeft:S,borderWidth:Z,borderColor:ee,borderStyle:te,borderRadius:H,borderTopLeftRadius:L,borderTopRightRadius:T,borderBottomLeftRadius:w,borderBottomRightRadius:P,flexSizing:ie,flexWrap:re,flexType:oe,flexChilds:se,flexGrid:de,horizontalAlign:ae,verticalAlign:ne,transition:le,gridCenter:pe,gridCols:ge,maxHeight:he,minHeight:fe,maxWidth:ue,minWidth:ve,width:me,height:be,unitHeight:Se,unitWidth:xe,opacity:ce}=W;{if(e.ev(R)&&i.push("dsp"+R),k){let B=a.Arrayify(k);i.push("ovfl-x-"+B[0]),i.push("ovfl-y-"+(B[1]||B[0]))}e.ev(C)&&i.push("ps"+C),e.ev(A)&&i.push("txtalg"+A),e.ev(A)&&i.push("txtdeco"+O),e.ev(F)&&i.push("ftcl"+((U=String(F))==null?void 0:U.replace(/\./g,"_"))),e.ev(G)&&i.push("ftsz"+((Be=String(G))==null?void 0:Be.replace(/\..*/,""))),e.ev(j)&&i.push("ftwgt"+((Re=String(j))==null?void 0:Re.replace(/\..*/,""))),e.ev(q)&&i.push("fthgt"+((N=String(q))==null?void 0:N.replace(/\./g,"_"))),e.ev(p)&&i.push("bgc"+((Ce=String(p))==null?void 0:Ce.replace(/\./g,"_"))),e.ev(M)&&i.push("bs"+M);let D,$,I,V;a.isExist(h)&&(a.isArray(h)?h.length==2?[D,$,I,V]=[...h,...h]:h.length==4&&([D,$,I,V]=h):D=$=I=V=h,f=f!=null?f:D,x=x!=null?x:$,o=o!=null?o:I,r=r!=null?r:V),e.ev(f)&&i.push("mrgt"+f),e.ev(x)&&i.push("mrgr"+x),e.ev(o)&&i.push("mrgb"+o),e.ev(r)&&i.push("mrgl"+r);let X,t,We,ye;a.isExist(u)&&(a.isArray(u)?u.length==2?[X,t,We,ye]=[...u,...u]:u.length==4&&([X,t,We,ye]=u):X=t=We=ye=u,c=c!=null?c:X,s=s!=null?s:t,y=y!=null?y:We,_=_!=null?_:ye),e.ev(c)&&i.push("pdt"+c),e.ev(s)&&i.push("pdr"+s),e.ev(y)&&i.push("pdb"+y),e.ev(_)&&i.push("pdl"+_),e.ev(J)&&i.push("pstt"+J),e.ev(K)&&i.push("pstr"+K),e.ev(Q)&&i.push("pstb"+Q),e.ev(Y)&&i.push("pstl"+Y);{a.isExist(E)&&(v=v!=null?v:E,m=m!=null?m:E,b=b!=null?b:E,S=S!=null?S:E),a.isBoolean(v)&&(v=["unset","2.normal"][Number(v)]),a.isBoolean(m)&&(m=["unset","2.normal"][Number(m)]),a.isBoolean(b)&&(b=["unset","2.normal"][Number(b)]),a.isBoolean(S)&&(S=["unset","2.normal"][Number(S)]),e.ev(v)&&i.push("b_t_ss"+((_e=String(v))==null?void 0:_e.replace(/\./g,"_"))),e.ev(m)&&i.push("b_r_ss"+((Le=String(m))==null?void 0:Le.replace(/\./g,"_"))),e.ev(b)&&i.push("b_b_ss"+((Te=String(b))==null?void 0:Te.replace(/\./g,"_"))),e.ev(S)&&i.push("b_l_ss"+((we=String(S))==null?void 0:we.replace(/\./g,"_"))),a.isExist(Z)&&i.push("b_wth"+String(Z)),a.isExist(ee)&&i.push("b_cl"+((Pe=String(ee))==null?void 0:Pe.replace(/\./g,"_"))),a.isExist(te)&&i.push("b_st"+String(te));{let B,g,z,Ae;a.isExist(H)&&(a.isArray(H)?H.length==4&&([B,g,Ae,z]=H):B=g=z=Ae=H,L=L!=null?L:B,T=T!=null?T:g,w=w!=null?w:z,P=P!=null?P:Ae)}e.ev(L)&&i.push("br_tl"+e.toConcreteBorderRadius(L)),e.ev(T)&&i.push("br_tr"+e.toConcreteBorderRadius(T)),e.ev(w)&&i.push("br_bl"+e.toConcreteBorderRadius(w)),e.ev(P)&&i.push("br_br"+e.toConcreteBorderRadius(P))}if(e.ev(ce)&&i.push("op"+ce),a.isExist(l)){let B,g;a.isArray(l)?(B=l[0],g=l[1]):B=g=l,i.push("gapRow"+B,"gapCol"+g)}e.ev(ie)&&i.push("flsz"+ie),e.ev(re)&&i.push("flwrp"+re),e.ev(oe)&&i.push("fltyp"+oe),e.ev(se)&&i.push("flchld"+se),e.ev(de)&&i.push("flgrid"+de),e.ev(ne)&&i.push("flvrt"+ne),e.ev(ae)&&i.push("flhrz"+ae),e.ev(pe)&&i.push("grcnt"+pe),e.ev(ge)&&i.push("grcol"+ge),e.ev(be)&&i.push("hgt"+be),e.ev(me)&&i.push("wdt"+me),e.ev(Se)&&i.push("unthgt"+Se),e.ev(xe)&&i.push("untwdt"+xe),e.ev(le)&&i.push("trnst"+le),e.ev(he)&&i.push("maxh"+he),e.ev(fe)&&i.push("minh"+fe),e.ev(ue)&&i.push("maxw"+ue),e.ev(ve)&&i.push("minw"+ve)}return i.length?n+i.join(" "+n):""}},Ge=n=>{let u=d({},n),{gradients:i,ssCardBox:l,ssSphere:R,ssSquare:C,ssPushable:k,ssAbsoluteCovered:F,ssHiddenOnBreak:G,ssTextEllipsis:j,ssNowrapText:q,flexCenter:p,flexNewLine:A,isLightFont:O,isBoldFont:M,isSemiBoldFont:h,isRounded:f,isSquare:x,freeCSS:c={}}=u,o=Ne(c,[]),r=Ne(u,["gradients","ssCardBox","ssSphere","ssSquare","ssPushable","ssAbsoluteCovered","ssHiddenOnBreak","ssTextEllipsis","ssNowrapText","flexCenter","flexNewLine","isLightFont","isBoldFont","isSemiBoldFont","isRounded","isSquare","freeCSS"]);if(o=o||{},r=r||{},i){let{deg:s,colors:y}=i;o=Ee(d({},o),{background:`linear-gradient(${s}deg,${y.join(",")})`})}if(l){l===!0&&(l="border");let s={backgroundColor:"layer.1",borderRadius:"1.tone.primary",boxShadow:"0.min"};l=="border"?s.border=!0:l=="plain"?(s.backgroundColor="layer.1",s.boxShadow="none"):l=="cloud"?s.backgroundColor="cloud":l=="shadow"&&(s.boxShadow="0.normal"),ze.get().darkMode=="dim"&&(s.boxShadow="1.normal"),ze.get().darkMode=="dark"&&(s.boxShadow="1.remark"),o=d(d({},s.freeCSS),o),r=d(d({},s),r)}return R&&(p=p!=null?p:!0,r=d({padding:0,unitWidth:R,unitHeight:R,borderRadius:"sphere",flexSizing:"none"},r)),C&&(p=p!=null?p:!0,r=d({padding:0,unitWidth:C,unitHeight:C,flexSizing:"none"},r)),G&&(r=Ee(d({},r),{UnderBreakPointStyles:d({display:"none"},r.UnderBreakPointStyles)})),k&&(r=d({transition:"middle"},r),r=Ee(d({},r),{className:[r.className,"ssPushable"].join(" ")})),F&&(r=d({position:"absolute",top:0,left:0,right:0,bottom:0},r)),j&&(r=d({overflow:"hidden"},r),o=d({whiteSpace:"nowrap",textOverflow:"ellipsis"},o)),q&&(o=d({whiteSpace:"nowrap"},o)),A&&(r=d({width:1,flexSizing:"none"},r)),p&&(r=d({display:"flex",horizontalAlign:"center",verticalAlign:"center"},r)),O&&(r.fontWeight="1.light"),h&&(r.fontWeight="3.semiBold"),M&&(r.fontWeight="4.bold"),f&&(r.borderRadius="sphere",a.isNumber(f)&&(o.borderRadius=f*12)),x&&(o.aspectRatio="1"),Ee(d({},r),{freeCSS:o})},Ue=n=>{let Ae=Ge(n),{componentId:i,gap:l,display:R,position:C,overflow:k,fontColor:F,fontSize:G,fontWeight:j,fontHeight:q,backgroundColor:p,textAlign:A,textDecoration:O,boxShadow:M,margin:h,marginTop:f,marginRight:x,marginBottom:o,marginLeft:r,padding:u,paddingTop:c,paddingRight:s,paddingBottom:y,paddingLeft:_,top:J,right:K,bottom:Q,left:Y,border:E,borderTop:v,borderRight:m,borderBottom:b,borderLeft:S,borderWidth:Z,borderColor:ee,borderStyle:te,borderRadius:H,borderTopLeftRadius:L,borderTopRightRadius:T,borderBottomLeftRadius:w,borderBottomRightRadius:P,flexSizing:ie,flexWrap:re,flexType:oe,flexChilds:se,flexGrid:de,horizontalAlign:ae,verticalAlign:ne,transition:le,gridCenter:pe,gridCols:ge,maxHeight:he,minHeight:fe,maxWidth:ue,minWidth:ve,width:me,height:be,unitHeight:Se,unitWidth:xe,opacity:ce,ssLastChildLossBorder:U,ssAbsoluteCovered:Be,ssCardBox:Re,ssEffectsOnActive:N,ssPushable:Ce,ssSphere:_e,ssSquare:Le,ssTextEllipsis:Te,isBoldFont:we,isLightFont:Pe,isSemiBoldFont:D,isRounded:$,flexCenter:I,flexNewLine:V,gradients:X,UnderBreakPointStyles:t={},className:We="",freeCSS:ye={}}=Ae,B=Ne(Ae,["componentId","gap","display","position","overflow","fontColor","fontSize","fontWeight","fontHeight","backgroundColor","textAlign","textDecoration","boxShadow","margin","marginTop","marginRight","marginBottom","marginLeft","padding","paddingTop","paddingRight","paddingBottom","paddingLeft","top","right","bottom","left","border","borderTop","borderRight","borderBottom","borderLeft","borderWidth","borderColor","borderStyle","borderRadius","borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius","flexSizing","flexWrap","flexType","flexChilds","flexGrid","horizontalAlign","verticalAlign","transition","gridCenter","gridCols","maxHeight","minHeight","maxWidth","minWidth","width","height","unitHeight","unitWidth","opacity","ssLastChildLossBorder","ssAbsoluteCovered","ssCardBox","ssEffectsOnActive","ssPushable","ssSphere","ssSquare","ssTextEllipsis","isBoldFont","isLightFont","isSemiBoldFont","isRounded","flexCenter","flexNewLine","gradients","UnderBreakPointStyles","className","freeCSS"]),g=d({},B),z=[We];if(U&&z.push("ssLastChildLossBorder_"+U),N){N=a.Arrayify(N);for(let He of N){let[Fe,ke]=He.split(".");g["data-effect-"+Fe]="1",ke&&(g["data-effect-tone"]=ke)}}{let He=e.ClassNames("amotf_",{gap:l,display:R,position:C,overflow:k,fontColor:F,fontSize:G,fontWeight:j,fontHeight:q,backgroundColor:p,textAlign:A,textDecoration:O,boxShadow:M,margin:h,marginTop:f,marginRight:x,marginBottom:o,marginLeft:r,padding:u,paddingTop:c,paddingRight:s,paddingBottom:y,paddingLeft:_,top:J,right:K,bottom:Q,left:Y,border:E,borderTop:v,borderRight:m,borderBottom:b,borderLeft:S,borderWidth:Z,borderColor:ee,borderStyle:te,borderRadius:H,borderTopLeftRadius:L,borderTopRightRadius:T,borderBottomLeftRadius:w,borderBottomRightRadius:P,flexSizing:ie,flexWrap:re,flexType:oe,flexChilds:se,flexGrid:de,horizontalAlign:ae,verticalAlign:ne,transition:le,gridCenter:pe,gridCols:ge,maxHeight:he,minHeight:fe,maxWidth:ue,minWidth:ve,width:me,height:be,unitHeight:Se,unitWidth:xe,opacity:ce});z.push(He)}return t&&z.push(e.ClassNames("amotf_bp",t)),ye&&(g.style=d(d({},ye),g.style)),(i||g["data-component-id"])&&(g["data-component-id"]=g["data-component-id"]||i),z.length&&z.join("")&&(g.className=z.join(" ").trim().replace(/%/ig,"P").replace(/\d+px/ig,"PIX").replace(/\s+/ig," ").replace(/\//ig,"_").replace(/\./ig,"-")),g},De=n=>{let{gap:W,display:i,position:l,overflow:R,fontColor:C,fontSize:k,fontWeight:F,fontHeight:G,backgroundColor:j,textAlign:q,textDecoration:p,boxShadow:A,margin:O,marginTop:M,marginRight:h,marginBottom:f,marginLeft:x,padding:o,paddingTop:r,paddingRight:u,paddingBottom:c,paddingLeft:s,top:y,right:_,bottom:J,left:K,border:Q,borderTop:Y,borderRight:E,borderBottom:v,borderLeft:m,borderWidth:b,borderColor:S,borderStyle:Z,borderRadius:ee,borderTopLeftRadius:te,borderTopRightRadius:H,borderBottomLeftRadius:L,borderBottomRightRadius:T,flexSizing:w,flexWrap:P,flexType:ie,flexChilds:re,flexGrid:oe,horizontalAlign:se,verticalAlign:de,transition:ae,gridCenter:ne,gridCols:le,maxHeight:pe,minHeight:ge,maxWidth:he,minWidth:fe,width:ue,height:ve,unitHeight:me,unitWidth:be,opacity:Se,ssLastChildLossBorder:xe,ssAbsoluteCovered:ce,ssCardBox:U,ssEffectsOnActive:Be,ssPushable:Re,ssSphere:N,ssSquare:Ce,ssTextEllipsis:_e,isBoldFont:Le,isLightFont:Te,isSemiBoldFont:we,isRounded:Pe,flexCenter:D,flexNewLine:$,gradients:I,UnderBreakPointStyles:V={},freeCSS:X={}}=n,t={};return e.ev(W)&&(t.gap=W),e.ev(i)&&(t.display=i),e.ev(l)&&(t.position=l),e.ev(R)&&(t.overflow=R),e.ev(C)&&(t.fontColor=C),e.ev(k)&&(t.fontSize=k),e.ev(F)&&(t.fontWeight=F),e.ev(G)&&(t.fontHeight=G),e.ev(j)&&(t.backgroundColor=j),e.ev(q)&&(t.textAlign=q),e.ev(p)&&(t.textDecoration=p),e.ev(A)&&(t.boxShadow=A),e.ev(O)&&(t.margin=O),e.ev(M)&&(t.marginTop=M),e.ev(h)&&(t.marginRight=h),e.ev(f)&&(t.marginBottom=f),e.ev(x)&&(t.marginLeft=x),e.ev(o)&&(t.padding=o),e.ev(r)&&(t.paddingTop=r),e.ev(u)&&(t.paddingRight=u),e.ev(c)&&(t.paddingBottom=c),e.ev(s)&&(t.paddingLeft=s),e.ev(y)&&(t.top=y),e.ev(_)&&(t.right=_),e.ev(J)&&(t.bottom=J),e.ev(K)&&(t.left=K),e.ev(Q)&&(t.border=Q),e.ev(Y)&&(t.borderTop=Y),e.ev(E)&&(t.borderRight=E),e.ev(v)&&(t.borderBottom=v),e.ev(m)&&(t.borderLeft=m),e.ev(b)&&(t.borderWidth=b),e.ev(S)&&(t.borderColor=S),e.ev(Z)&&(t.borderStyle=Z),e.ev(ee)&&(t.borderRadius=ee),e.ev(te)&&(t.borderTopLeftRadius=te),e.ev(H)&&(t.borderTopRightRadius=H),e.ev(L)&&(t.borderBottomLeftRadius=L),e.ev(T)&&(t.borderBottomRightRadius=T),e.ev(w)&&(t.flexSizing=w),e.ev(P)&&(t.flexWrap=P),e.ev(ie)&&(t.flexType=ie),e.ev(re)&&(t.flexChilds=re),e.ev(oe)&&(t.flexGrid=oe),e.ev(se)&&(t.horizontalAlign=se),e.ev(de)&&(t.verticalAlign=de),e.ev(ae)&&(t.transition=ae),e.ev(ne)&&(t.gridCenter=ne),e.ev(le)&&(t.gridCols=le),e.ev(pe)&&(t.maxHeight=pe),e.ev(ge)&&(t.minHeight=ge),e.ev(he)&&(t.maxWidth=he),e.ev(fe)&&(t.minWidth=fe),e.ev(ue)&&(t.width=ue),e.ev(ve)&&(t.height=ve),e.ev(me)&&(t.unitHeight=me),e.ev(be)&&(t.unitWidth=be),e.ev(Se)&&(t.opacity=Se),e.ev(xe)&&(t.ssLastChildLossBorder=xe),e.ev(ce)&&(t.ssAbsoluteCovered=ce),e.ev(U)&&(t.ssCardBox=U),e.ev(Be)&&(t.ssEffectsOnActive=Be),e.ev(Re)&&(t.ssPushable=Re),e.ev(N)&&(t.ssSphere=N),e.ev(Ce)&&(t.ssSquare=Ce),e.ev(_e)&&(t.ssTextEllipsis=_e),e.ev(Le)&&(t.isBoldFont=Le),e.ev(Te)&&(t.isLightFont=Te),e.ev(we)&&(t.isSemiBoldFont=we),e.ev(Pe)&&(t.isRounded=Pe),e.ev(D)&&(t.flexCenter=D),e.ev($)&&(t.flexNewLine=$),e.ev(I)&&(t.gradients=I),e.ev(X)&&(t.freeCSS=X),e.ev(V)&&(t.UnderBreakPointStyles=V),t};export{De as ExtractStyles,Ue as GenerateHTMLProps,Ge as ReadStyleSet};
1
+ import{b as r,c as He,d as ze}from"../chunk-C5N2D3ZX.js";import a from"jmini";import{Config as Fe}from".";const t={toConcreteBorderRadius:d=>{let L=Fe.get().roundness|0;return d=="1.tone.primary"?d=[0,2,3,4,5,5][L]:d=="2.tone.secondary"?d=[0,1,2,3,4,5][L]:d=="3.tone.tertiary"&&(d=[0,"1/3","2/3",1,2,3][L]),d},ev:d=>a.isExist(d),ClassNames:(d,L)=>{var U,Te,we,E,Pe,Le,We,Ae,Ne,Ee;let e=[],{gap:n,display:B,position:R,overflow:z,fontColor:F,fontSize:O,fontWeight:G,fontHeight:I,backgroundColor:W,textAlign:l,textDecoration:M,boxShadow:j,margin:g,marginTop:x,marginRight:h,marginBottom:y,marginLeft:s,padding:i,paddingTop:u,paddingRight:o,paddingBottom:v,paddingLeft:C,top:Y,right:ee,bottom:te,left:ie,border:A,borderTop:m,borderRight:b,borderBottom:c,borderLeft:S,borderWidth:se,borderColor:re,borderStyle:oe,borderRadius:N,borderTopLeftRadius:_,borderTopRightRadius:T,borderBottomLeftRadius:w,borderBottomRightRadius:P,flexSizing:ae,flexWrap:de,flexType:ne,flexChilds:le,flexGrid:pe,horizontalAlign:ge,verticalAlign:he,transition:fe,gridCenter:ue,gridCols:me,maxHeight:be,minHeight:ce,maxWidth:Se,minWidth:xe,width:ye,height:ve,unitHeight:Be,unitWidth:Re,opacity:Ce}=L;{if(t.ev(B)&&e.push("dsp"+B),z){let f=a.Arrayify(z);e.push("ovfl-x-"+f[0]),e.push("ovfl-y-"+(f[1]||f[0]))}t.ev(R)&&e.push("ps"+R),t.ev(l)&&e.push("txtalg"+l),t.ev(l)&&e.push("txtdeco"+M),t.ev(F)&&e.push("ftcl"+((U=String(F))==null?void 0:U.replace(/\./g,"_"))),t.ev(O)&&e.push("ftsz"+((Te=String(O))==null?void 0:Te.replace(/\..*/,""))),t.ev(G)&&e.push("ftwgt"+((we=String(G))==null?void 0:we.replace(/\..*/,""))),t.ev(I)&&e.push("fthgt"+((E=String(I))==null?void 0:E.replace(/\./g,"_"))),t.ev(W)&&e.push("bgc"+((Pe=String(W))==null?void 0:Pe.replace(/\./g,"_"))),t.ev(j)&&e.push("bs"+j);let $,D,Z,V;a.isExist(g)&&(a.isArray(g)?g.length==2?[$,D,Z,V]=[...g,...g]:g.length==4&&([$,D,Z,V]=g):$=D=Z=V=g,x=x!=null?x:$,h=h!=null?h:D,y=y!=null?y:Z,s=s!=null?s:V),t.ev(x)&&e.push("mrgt"+x),t.ev(h)&&e.push("mrgr"+h),t.ev(y)&&e.push("mrgb"+y),t.ev(s)&&e.push("mrgl"+s);let X,J,K,Q;a.isExist(i)&&(a.isArray(i)?i.length==2?[X,J,K,Q]=[...i,...i]:i.length==4&&([X,J,K,Q]=i):X=J=K=Q=i,u=u!=null?u:X,o=o!=null?o:J,v=v!=null?v:K,C=C!=null?C:Q),t.ev(u)&&e.push("pdt"+u),t.ev(o)&&e.push("pdr"+o),t.ev(v)&&e.push("pdb"+v),t.ev(C)&&e.push("pdl"+C),t.ev(Y)&&e.push("pstt"+Y),t.ev(ee)&&e.push("pstr"+ee),t.ev(te)&&e.push("pstb"+te),t.ev(ie)&&e.push("pstl"+ie);{a.isExist(A)&&(m=m!=null?m:A,b=b!=null?b:A,c=c!=null?c:A,S=S!=null?S:A),a.isBoolean(m)&&(m=["unset","2.normal"][Number(m)]),a.isBoolean(b)&&(b=["unset","2.normal"][Number(b)]),a.isBoolean(c)&&(c=["unset","2.normal"][Number(c)]),a.isBoolean(S)&&(S=["unset","2.normal"][Number(S)]),t.ev(m)&&e.push("b_t_ss"+((Le=String(m))==null?void 0:Le.replace(/\./g,"_"))),t.ev(b)&&e.push("b_r_ss"+((We=String(b))==null?void 0:We.replace(/\./g,"_"))),t.ev(c)&&e.push("b_b_ss"+((Ae=String(c))==null?void 0:Ae.replace(/\./g,"_"))),t.ev(S)&&e.push("b_l_ss"+((Ne=String(S))==null?void 0:Ne.replace(/\./g,"_"))),a.isExist(se)&&e.push("b_wth"+String(se)),a.isExist(re)&&e.push("b_cl"+((Ee=String(re))==null?void 0:Ee.replace(/\./g,"_"))),a.isExist(oe)&&e.push("b_st"+String(oe));{let f,p,q,H;a.isExist(N)&&(a.isArray(N)?N.length==4&&([f,p,H,q]=N):f=p=q=H=N,_=_!=null?_:f,T=T!=null?T:p,w=w!=null?w:q,P=P!=null?P:H)}t.ev(_)&&e.push("br_tl"+t.toConcreteBorderRadius(_)),t.ev(T)&&e.push("br_tr"+t.toConcreteBorderRadius(T)),t.ev(w)&&e.push("br_bl"+t.toConcreteBorderRadius(w)),t.ev(P)&&e.push("br_br"+t.toConcreteBorderRadius(P))}if(t.ev(Ce)&&e.push("op"+Ce),a.isExist(n)){let f,p;a.isArray(n)?(f=n[0],p=n[1]):f=p=n,e.push("gapRow"+f,"gapCol"+p)}t.ev(ae)&&e.push("flsz"+ae),t.ev(de)&&e.push("flwrp"+de),t.ev(ne)&&e.push("fltyp"+ne),t.ev(le)&&e.push("flchld"+le),t.ev(pe)&&e.push("flgrid"+pe),t.ev(he)&&e.push("flvrt"+he),t.ev(ge)&&e.push("flhrz"+ge),t.ev(ue)&&e.push("grcnt"+ue),t.ev(me)&&e.push("grcol"+me),t.ev(ve)&&e.push("hgt"+ve),t.ev(ye)&&e.push("wdt"+ye),t.ev(Be)&&e.push("unthgt"+Be),t.ev(Re)&&e.push("untwdt"+Re),t.ev(fe)&&e.push("trnst"+fe),t.ev(be)&&e.push("maxh"+be),t.ev(ce)&&e.push("minh"+ce),t.ev(Se)&&e.push("maxw"+Se),t.ev(xe)&&e.push("minw"+xe)}return e.length?d+e.join(" "+d):""}},qe=d=>{let u=r({},d),{gradients:e,ssCardBox:n,ssSphere:B,ssSquare:R,ssPushable:z,ssAbsoluteCovered:F,ssHiddenOnBreak:O,ssTextEllipsis:G,ssNowrapText:I,ssZIndex:W,flexCenter:l,flexNewLine:M,isLightFont:j,isBoldFont:g,isSemiBoldFont:x,isRounded:h,isSquared:y,xcss:s}=u,i=ze(u,["gradients","ssCardBox","ssSphere","ssSquare","ssPushable","ssAbsoluteCovered","ssHiddenOnBreak","ssTextEllipsis","ssNowrapText","ssZIndex","flexCenter","flexNewLine","isLightFont","isBoldFont","isSemiBoldFont","isRounded","isSquared","xcss"]);if(s=s||{},i=i||{},e){let{deg:o,colors:v}=e;s=He(r({},s),{background:`linear-gradient(${o}deg,${v.join(",")})`})}if(n){n===!0&&(n="border");let o={backgroundColor:"layer.1",borderRadius:"1.tone.primary",boxShadow:"0.min"};n=="border"?o.border=!0:n=="plain"?(o.backgroundColor="layer.1",o.boxShadow="none"):n=="cloud"?o.backgroundColor="cloud":n=="shadow"&&(o.boxShadow="0.normal"),Fe.get().darkMode=="dim"&&(o.boxShadow="1.normal"),Fe.get().darkMode=="dark"&&(o.boxShadow="1.remark"),s=r(r({},o.xcss),s),i=r(r({},o),i)}return B&&(l=l!=null?l:!0,i=r({padding:0,unitWidth:B,unitHeight:B,borderRadius:"sphere",flexSizing:"none"},i)),R&&(l=l!=null?l:!0,i=r({padding:0,unitWidth:R,unitHeight:R,flexSizing:"none"},i)),O&&(i=He(r({},i),{UnderBreakPointStyles:r({display:"none"},i.UnderBreakPointStyles)})),z&&(i=r({transition:"middle",ssEffectsOnActive:"ripple.cloud"},i),i=He(r({},i),{className:[i.className,"ssPushable"].join(" ")})),F&&(i=r({position:"absolute",top:0,left:0,right:0,bottom:0},i)),G&&(i=r({overflow:"hidden"},i),s=r({whiteSpace:"nowrap",textOverflow:"ellipsis"},s)),I&&(s=r({whiteSpace:"nowrap"},s)),W&&(i=r({position:"relative"},i),s=r({zIndex:W},s)),M&&(i=r({width:1,flexSizing:"none"},i)),l&&(i=r({display:"flex",horizontalAlign:"center",verticalAlign:"center"},i)),j&&(i.fontWeight="1.light"),x&&(i.fontWeight="3.semiBold"),g&&(i.fontWeight="4.bold"),h&&(i.borderRadius="sphere",a.isNumber(h)&&(s.borderRadius=h*12)),y&&(s.aspectRatio="1"),He(r({},i),{xcss:s})},Ve=d=>{let Oe=qe(d),{componentId:e,gap:n,display:B,position:R,overflow:z,fontColor:F,fontSize:O,fontWeight:G,fontHeight:I,backgroundColor:W,textAlign:l,textDecoration:M,boxShadow:j,margin:g,marginTop:x,marginRight:h,marginBottom:y,marginLeft:s,padding:i,paddingTop:u,paddingRight:o,paddingBottom:v,paddingLeft:C,top:Y,right:ee,bottom:te,left:ie,border:A,borderTop:m,borderRight:b,borderBottom:c,borderLeft:S,borderWidth:se,borderColor:re,borderStyle:oe,borderRadius:N,borderTopLeftRadius:_,borderTopRightRadius:T,borderBottomLeftRadius:w,borderBottomRightRadius:P,flexSizing:ae,flexWrap:de,flexType:ne,flexChilds:le,flexGrid:pe,horizontalAlign:ge,verticalAlign:he,transition:fe,gridCenter:ue,gridCols:me,maxHeight:be,minHeight:ce,maxWidth:Se,minWidth:xe,width:ye,height:ve,unitHeight:Be,unitWidth:Re,opacity:Ce,ssLastChildLossBorder:U,ssAbsoluteCovered:Te,ssCardBox:we,ssEffectsOnActive:E,ssPushable:Pe,ssHiddenOnBreak:Le,ssNowrapText:We,ssZIndex:Ae,ssSphere:Ne,ssSquare:Ee,ssTextEllipsis:$,isBoldFont:D,isLightFont:Z,isSemiBoldFont:V,isRounded:X,isSquared:J,flexCenter:K,flexNewLine:Q,gradients:f,UnderBreakPointStyles:p={},className:q="",xcss:H={}}=Oe,Ie=ze(Oe,["componentId","gap","display","position","overflow","fontColor","fontSize","fontWeight","fontHeight","backgroundColor","textAlign","textDecoration","boxShadow","margin","marginTop","marginRight","marginBottom","marginLeft","padding","paddingTop","paddingRight","paddingBottom","paddingLeft","top","right","bottom","left","border","borderTop","borderRight","borderBottom","borderLeft","borderWidth","borderColor","borderStyle","borderRadius","borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius","flexSizing","flexWrap","flexType","flexChilds","flexGrid","horizontalAlign","verticalAlign","transition","gridCenter","gridCols","maxHeight","minHeight","maxWidth","minWidth","width","height","unitHeight","unitWidth","opacity","ssLastChildLossBorder","ssAbsoluteCovered","ssCardBox","ssEffectsOnActive","ssPushable","ssHiddenOnBreak","ssNowrapText","ssZIndex","ssSphere","ssSquare","ssTextEllipsis","isBoldFont","isLightFont","isSemiBoldFont","isRounded","isSquared","flexCenter","flexNewLine","gradients","UnderBreakPointStyles","className","xcss"]),k=r({},Ie),_e=[q];if(U&&_e.push("ssLastChildLossBorder_"+U),E){E=a.Arrayify(E);for(let ke of E){let[je,Ge]=ke.split(".");k["data-effect-"+je]="1",Ge&&(k["data-effect-tone"]=Ge)}}{let ke=t.ClassNames("amotf_",{gap:n,display:B,position:R,overflow:z,fontColor:F,fontSize:O,fontWeight:G,fontHeight:I,backgroundColor:W,textAlign:l,textDecoration:M,boxShadow:j,margin:g,marginTop:x,marginRight:h,marginBottom:y,marginLeft:s,padding:i,paddingTop:u,paddingRight:o,paddingBottom:v,paddingLeft:C,top:Y,right:ee,bottom:te,left:ie,border:A,borderTop:m,borderRight:b,borderBottom:c,borderLeft:S,borderWidth:se,borderColor:re,borderStyle:oe,borderRadius:N,borderTopLeftRadius:_,borderTopRightRadius:T,borderBottomLeftRadius:w,borderBottomRightRadius:P,flexSizing:ae,flexWrap:de,flexType:ne,flexChilds:le,flexGrid:pe,horizontalAlign:ge,verticalAlign:he,transition:fe,gridCenter:ue,gridCols:me,maxHeight:be,minHeight:ce,maxWidth:Se,minWidth:xe,width:ye,height:ve,unitHeight:Be,unitWidth:Re,opacity:Ce});_e.push(ke)}return p&&_e.push(t.ClassNames("amotf_bp",p)),H&&(k.style=r(r({},H),k.style)),(e||k["data-component-id"])&&(k["data-component-id"]=k["data-component-id"]||e),_e.length&&_e.join("")&&(k.className=_e.join(" ").trim().replace(/%/ig,"P").replace(/\d+px/ig,"PIX").replace(/\s+/ig," ").replace(/\//ig,"_").replace(/\./ig,"-")),k},Xe=d=>{let q=d,{gap:L,display:e,position:n,overflow:B,fontColor:R,fontSize:z,fontWeight:F,fontHeight:O,backgroundColor:G,textAlign:I,textDecoration:W,boxShadow:l,margin:M,marginTop:j,marginRight:g,marginBottom:x,marginLeft:h,padding:y,paddingTop:s,paddingRight:i,paddingBottom:u,paddingLeft:o,top:v,right:C,bottom:Y,left:ee,border:te,borderTop:ie,borderRight:A,borderBottom:m,borderLeft:b,borderWidth:c,borderColor:S,borderStyle:se,borderRadius:re,borderTopLeftRadius:oe,borderTopRightRadius:N,borderBottomLeftRadius:_,borderBottomRightRadius:T,flexSizing:w,flexWrap:P,flexType:ae,flexChilds:de,flexGrid:ne,horizontalAlign:le,verticalAlign:pe,transition:ge,gridCenter:he,gridCols:fe,maxHeight:ue,minHeight:me,maxWidth:be,minWidth:ce,width:Se,height:xe,unitHeight:ye,unitWidth:ve,opacity:Be,ssLastChildLossBorder:Re,ssAbsoluteCovered:Ce,ssCardBox:U,ssNowrapText:Te,ssZIndex:we,ssHiddenOnBreak:E,ssEffectsOnActive:Pe,ssPushable:Le,ssSphere:We,ssSquare:Ae,ssTextEllipsis:Ne,isBoldFont:Ee,isLightFont:$,isSemiBoldFont:D,isRounded:Z,flexCenter:V,flexNewLine:X,gradients:J,UnderBreakPointStyles:K={},xcss:Q={}}=q,f=ze(q,["gap","display","position","overflow","fontColor","fontSize","fontWeight","fontHeight","backgroundColor","textAlign","textDecoration","boxShadow","margin","marginTop","marginRight","marginBottom","marginLeft","padding","paddingTop","paddingRight","paddingBottom","paddingLeft","top","right","bottom","left","border","borderTop","borderRight","borderBottom","borderLeft","borderWidth","borderColor","borderStyle","borderRadius","borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius","flexSizing","flexWrap","flexType","flexChilds","flexGrid","horizontalAlign","verticalAlign","transition","gridCenter","gridCols","maxHeight","minHeight","maxWidth","minWidth","width","height","unitHeight","unitWidth","opacity","ssLastChildLossBorder","ssAbsoluteCovered","ssCardBox","ssNowrapText","ssZIndex","ssHiddenOnBreak","ssEffectsOnActive","ssPushable","ssSphere","ssSquare","ssTextEllipsis","isBoldFont","isLightFont","isSemiBoldFont","isRounded","flexCenter","flexNewLine","gradients","UnderBreakPointStyles","xcss"]),p={gap:L,display:e,position:n,overflow:B,fontColor:R,fontSize:z,fontWeight:F,fontHeight:O,backgroundColor:G,textAlign:I,textDecoration:W,boxShadow:l,margin:M,marginTop:j,marginRight:g,marginBottom:x,marginLeft:h,padding:y,paddingTop:s,paddingRight:i,paddingBottom:u,paddingLeft:o,top:v,right:C,bottom:Y,left:ee,border:te,borderTop:ie,borderRight:A,borderBottom:m,borderLeft:b,borderWidth:c,borderColor:S,borderStyle:se,borderRadius:re,borderTopLeftRadius:oe,borderTopRightRadius:N,borderBottomLeftRadius:_,borderBottomRightRadius:T,flexSizing:w,flexWrap:P,flexType:ae,flexChilds:de,flexGrid:ne,horizontalAlign:le,verticalAlign:pe,transition:ge,gridCenter:he,gridCols:fe,maxHeight:ue,minHeight:me,maxWidth:be,minWidth:ce,width:Se,height:xe,unitHeight:ye,unitWidth:ve,opacity:Be,ssLastChildLossBorder:Re,ssAbsoluteCovered:Ce,ssCardBox:U,ssNowrapText:Te,ssZIndex:we,ssHiddenOnBreak:E,ssEffectsOnActive:Pe,ssPushable:Le,ssSphere:We,ssSquare:Ae,ssTextEllipsis:Ne,isBoldFont:Ee,isLightFont:$,isSemiBoldFont:D,isRounded:Z,flexCenter:V,flexNewLine:X,gradients:J,UnderBreakPointStyles:K,xcss:Q};for(const H in p)a.isNullish(p[H])&&delete p[H];return[p,f]};export{Xe as ExtractStyles,Ve as GenerateHTMLProps,qe as ReadStyleSet};
@@ -1 +1 @@
1
- import"../chunk-C5N2D3ZX.js";import{Fragment as u,jsx as e,jsxs as i}from"react/jsx-runtime";import{Config as o}from".";import s from"./useRefresh";import{Box as c}from"../atoms";import{Sheet as m,Snackbar as l,Loader as f,Effect as r}from"../fn";const p=t=>{var a;let n=s.catch("LaunchReactApp_"+o.get().sessionUID);return i(u,{children:[e("style",{children:t.inlineCSS}),i("amotify-app",{id:"appRoot_"+o.get().sessionUID,children:[e(r.Pudding.Wrapper,{}),e(r.Ripple.Wrapper,{}),e(f.Wrapper,{}),e(l.Wrapper,{}),e(m.Wrapper,{}),e(c,{className:["AMOTIFY_be","AMOTIFY_be_root",(a=t.isRootPage)==null||a?"AMOTIFY_be_origin":"",t.originClassName||""].join(" "),children:t.children},n||"")]})]})};export{p as LaunchReactApp,p as default};
1
+ import"../chunk-C5N2D3ZX.js";import{Fragment as u,jsx as e,jsxs as i}from"react/jsx-runtime";import{Config as o}from".";import s from"./useRemote";import{Box as c}from"../atoms";import{Sheet as m,Snackbar as l,Loader as f,Effect as r}from"../fn";const p=t=>{var a;let n=s.catch("LaunchReactApp_"+o.get().sessionUID);return i(u,{children:[e("style",{children:t.inlineCSS}),i("amotify-app",{id:"appRoot_"+o.get().sessionUID,children:[e(r.Pudding.Wrapper,{}),e(r.Ripple.Wrapper,{}),e(f.Wrapper,{}),e(l.Wrapper,{}),e(m.Wrapper,{}),e(c,{className:["AMOTIFY_be","AMOTIFY_be_root",(a=t.isRootPage)==null||a?"AMOTIFY_be_origin":"",t.originClassName||""].join(" "),children:t.children},n||"")]})]})};export{p as LaunchReactApp,p as default};
@@ -1 +1 @@
1
- import{b as s,c as h}from"../chunk-C5N2D3ZX.js";import i,{UUID as l}from"jmini";import{useRefresh as f,ColorObjects as b,SetThemeColorTag as g}from".";let n={sessionUID:l(),appRoot:null,darkMode:"light",themeColor:"comun",roundness:2,isSystemDarkmode:()=>window.matchMedia("(prefers-color-scheme: dark)").matches==!0,deviceIs:"",browserIs:"",isPhone:!1,isTouchDevice:!1,isIOS:!1,screen:{breakpoint:834,phonepoint:690,viewHeight:0,viewWidth:0,isBreakpoint:(e=834)=>window.innerWidth<=e,isPhonepoint:(e=690)=>window.innerWidth<=e}};const o={get:()=>n,set:e=>{n=s(s({},n),e)},update:{themeColor:e=>{if(b.find(d=>d.key==e)||(e="comun"),e==o.get().themeColor)return;o.set(h(s({},o.get()),{themeColor:e}));let t=i(document.body);t.removeClass(t.findClass(/^bdsTC/)).addClass("bdsTC_"+e).callback(()=>{g()}),o.restart()},darkMode:e=>{if(i.isOneOf(e,"light","dark","dim","auto")||(e="light"),e==o.get().darkMode)return;let t=e=="auto"?o.get().isSystemDarkmode()?"dark":"light":e;o.set(h(s({},o.get()),{darkMode:t}));let d=i(document.body);d.removeClass(d.findClass(/^bdsDM/)).addClass("bdsDM_"+t),o.restart()},roundness:e=>{e>=0&&e<=5||(e=2),e!=o.get().roundness&&(o.set(h(s({},o.get()),{roundness:e})),o.restart(l()))},screen:e=>{o.get().screen=s(s({},o.get().screen),e)}},launch:e=>{const t=window.navigator.userAgent.toLowerCase(),d=t.indexOf("windows nt")!==-1?"windows":t.indexOf("android")!==-1?"android":t.indexOf("iphone")!==-1?"iPhone":t.indexOf("ipad")>-1?"iPad":t.indexOf("mac os x")!==-1?"macOSX":"undefined",u=t.indexOf("msie")!==-1||t.indexOf("trident")!==-1?"ie":t.indexOf("edge")!==-1?"edge":t.indexOf("chrome")!==-1?"chrome":t.indexOf("safari")!==-1?"safari":t.indexOf("firefox")!==-1?"firefox":t.indexOf("opera")!==-1||t.indexOf("opr")!==-1?"opera":"undefined";n.appRoot=e.appRoot||document.body,n.appRoot instanceof HTMLElement&&(n.appRoot.tabIndex=0),i.isExist(e.roundness)&&o.update.roundness(e.roundness),i.isExist(e.themeColor)&&o.update.themeColor(e.themeColor),i.isExist(e.darkMode)&&o.update.darkMode(e.darkMode),n.deviceIs=d,n.browserIs=u,n.isPhone=i.isOneOf(d,"android","iPhone"),n.isTouchDevice=window.ontouchstart!==void 0&&0<navigator.maxTouchPoints,n.isIOS=i.isOneOf(d,"iPhone","iPad"),n.isTouchDevice=window.ontouchstart!==void 0&&0<navigator.maxTouchPoints,n.isIOS=i.isOneOf(d,"iPhone","iPad"),n.screen={breakpoint:834,phonepoint:690,viewHeight:window.innerHeight,viewWidth:window.innerWidth,isBreakpoint:(r=834)=>window.innerWidth<=r,isPhonepoint:(r=690)=>window.innerWidth<=r},i(document.body).addClass(["AMOTIFY_be_body","usrDevice_"+o.get().deviceIs,"bdsDM_"+o.get().darkMode,"bdsTC_"+o.get().themeColor]),i(window).addEvent({eventType:"load",eventID:"windowLoad",callback:()=>{let r=document.body.style,a=i(document.body),m=Number(a.getStyleProperty("--topNavHeight").removeLetters()||0),c=Number(a.getStyleProperty("--footerNavHeight").removeLetters()||0),w=window.innerHeight-m-c;r.setProperty("--viewHeight",window.innerHeight+"px"),r.setProperty("--contentHeight",w+"px")}}).addEvent({eventType:"resize",eventID:"getDeviceInfo",callback:()=>{o.update.screen({viewHeight:window.innerHeight,viewWidth:window.innerWidth});let r=i(document.body),a=window.innerHeight,m=Number(r.getStyleProperty("--topNavHeight").removeLetters()),c=Number(r.getStyleProperty("--footerNavHeight").removeLetters()),p=a-m-c;r.setStyleProperty("--viewHeight",a+"px").setStyleProperty("--sideNavHeight",p+"px").setStyleProperty("--contentHeight",p+"px")}}),g()},restart:e=>{f.release("LaunchReactApp_"+o.get().sessionUID,e)}};export{o as Config,o as default};
1
+ import{b as s,c as h}from"../chunk-C5N2D3ZX.js";import i,{UUID as p}from"jmini";import{useRemote as f,ColorObjects as b,SetThemeColorTag as u}from".";let n={sessionUID:p(),appRoot:null,darkMode:"light",themeColor:"comun",roundness:2,isSystemDarkmode:()=>window.matchMedia("(prefers-color-scheme: dark)").matches==!0,deviceIs:"",browserIs:"",isPhone:!1,isTouchDevice:!1,isIOS:!1,screen:{breakpoint:834,phonepoint:690,viewHeight:0,viewWidth:0,isBreakpoint:(e=834)=>window.innerWidth<=e,isPhonepoint:(e=690)=>window.innerWidth<=e}};const o={get:()=>n,set:e=>{n=s(s({},n),e)},update:{themeColor:e=>{if(b.find(d=>d.key==e)||(e="comun"),e==o.get().themeColor)return;o.set(h(s({},o.get()),{themeColor:e}));let t=i(document.body);t.removeClass("",...t.findClass(/^bdsTC/)).addClass("bdsTC_"+e).callback(()=>{u()}),o.restart()},darkMode:e=>{if(i.isOneOf(e,"light","dark","dim","auto")||(e="light"),e==o.get().darkMode)return;let t=e=="auto"?o.get().isSystemDarkmode()?"dark":"light":e;o.set(h(s({},o.get()),{darkMode:t}));let d=i(document.body);d.removeClass("",...d.findClass(/^bdsDM/)).addClass("bdsDM_"+t),o.restart()},roundness:e=>{e>=0&&e<=5||(e=2),e!=o.get().roundness&&(o.set(h(s({},o.get()),{roundness:e})),o.restart(p()))},screen:e=>{o.get().screen=s(s({},o.get().screen),e)}},launch:e=>{const t=window.navigator.userAgent.toLowerCase(),d=t.indexOf("windows nt")!==-1?"windows":t.indexOf("android")!==-1?"android":t.indexOf("iphone")!==-1?"iPhone":t.indexOf("ipad")>-1?"iPad":t.indexOf("mac os x")!==-1?"macOSX":"undefined",l=t.indexOf("msie")!==-1||t.indexOf("trident")!==-1?"ie":t.indexOf("edge")!==-1?"edge":t.indexOf("chrome")!==-1?"chrome":t.indexOf("safari")!==-1?"safari":t.indexOf("firefox")!==-1?"firefox":t.indexOf("opera")!==-1||t.indexOf("opr")!==-1?"opera":"undefined";n.appRoot=e.appRoot||document.body,n.appRoot instanceof HTMLElement&&(n.appRoot.tabIndex=0),i.isExist(e.roundness)&&o.update.roundness(e.roundness),i.isExist(e.themeColor)&&o.update.themeColor(e.themeColor),i.isExist(e.darkMode)&&o.update.darkMode(e.darkMode),n.deviceIs=d,n.browserIs=l,n.isPhone=i.isOneOf(d,"android","iPhone"),n.isTouchDevice=window.ontouchstart!==void 0&&0<navigator.maxTouchPoints,n.isIOS=i.isOneOf(d,"iPhone","iPad"),n.isTouchDevice=window.ontouchstart!==void 0&&0<navigator.maxTouchPoints,n.isIOS=i.isOneOf(d,"iPhone","iPad"),n.screen={breakpoint:834,phonepoint:690,viewHeight:window.innerHeight,viewWidth:window.innerWidth,isBreakpoint:(r=834)=>window.innerWidth<=r,isPhonepoint:(r=690)=>window.innerWidth<=r},i(document.body).addClass("AMOTIFY_be_body","usrDevice_"+o.get().deviceIs,"bdsDM_"+o.get().darkMode,"bdsTC_"+o.get().themeColor),i(window).onEvent("load",()=>{let r=document.body.style,a=i(document.body),m=Number(a.getStyleProperty("--topNavHeight").removeLetters()||0),c=Number(a.getStyleProperty("--footerNavHeight").removeLetters()||0),w=window.innerHeight-m-c;r.setProperty("--viewHeight",window.innerHeight+"px"),r.setProperty("--contentHeight",w+"px")},{eventID:"windowLoad"}).onEvent("resize",()=>{o.update.screen({viewHeight:window.innerHeight,viewWidth:window.innerWidth});let r=i(document.body),a=window.innerHeight,m=Number(r.getStyleProperty("--topNavHeight").removeLetters()),c=Number(r.getStyleProperty("--footerNavHeight").removeLetters()),g=a-m-c;r.setStyleProperty("--viewHeight",a+"px").setStyleProperty("--sideNavHeight",g+"px").setStyleProperty("--contentHeight",g+"px")},{eventID:"getDeviceInfo"}),u()},restart:e=>{f.bridge("LaunchReactApp_"+o.get().sessionUID,e)}};export{o as Config,o as default};
@@ -0,0 +1,57 @@
1
+ /// <reference types="react" />
2
+ declare namespace DragEffect {
3
+ type Entity = {
4
+ type: '' | 'parent' | 'child';
5
+ prevUID: string;
6
+ parentUID: string;
7
+ childUID: string;
8
+ } | null;
9
+ }
10
+ declare const DragEffect: {
11
+ Start: (type: string, opt: {
12
+ startEvent: React.PointerEvent;
13
+ dragElement: HTMLElement;
14
+ originId: string;
15
+ horizontal?: boolean;
16
+ vertical?: boolean;
17
+ autoScroll?: boolean;
18
+ allowPrevDataOnDropend?: boolean;
19
+ }, callback: (p: {
20
+ idx: number;
21
+ id: string;
22
+ groupId: string;
23
+ end: boolean;
24
+ }) => void) => void;
25
+ AutoScroll: (event: MouseEvent | TouchEvent) => void;
26
+ styles: (cls: string) => string;
27
+ DropArea: <P extends {}>(p: {
28
+ component: React.ComponentType<P>;
29
+ dragInfo: {
30
+ type: string;
31
+ id?: string;
32
+ idx?: number;
33
+ group?: string;
34
+ /**
35
+ * default bottom
36
+ */
37
+ marker?: 'top' | 'bottom' | 'left' | 'right' | false;
38
+ /**
39
+ * default false
40
+ */
41
+ disabled?: boolean;
42
+ };
43
+ className?: string;
44
+ children?: React.ReactNode;
45
+ } & P) => import("react/jsx-runtime").JSX.Element;
46
+ DropSign: <P_1 extends {}>(p: {
47
+ component: React.ComponentType<P_1>;
48
+ dragInfo: {
49
+ type: string;
50
+ id?: string;
51
+ activeOn?: 'always' | 'landing' | 'dragging';
52
+ };
53
+ className?: string | undefined;
54
+ children?: React.ReactNode;
55
+ } & P_1) => import("react/jsx-runtime").JSX.Element;
56
+ };
57
+ export { DragEffect };
@@ -0,0 +1 @@
1
+ import{b as v,c as h,d as P}from"../chunk-C5N2D3ZX.js";import{jsx as I}from"react/jsx-runtime";import e from"jmini";import{Config as O}from".";import{DragEffectClasses as r}from"../@styles/componentClasses";const A={Start:(n,t,a)=>{var x,b,w,N;t.horizontal=(x=t.horizontal)!=null?x:!0,t.vertical=(b=t.vertical)!=null?b:!0,t.autoScroll=(w=t.autoScroll)!=null?w:!0,t.allowPrevDataOnDropend=(N=t.allowPrevDataOnDropend)!=null?N:!0;let o=t.dragElement.cloneNode(!0),l=e(o),i=e.getCursor(t.startEvent),s=e.getScreenSize();l.addClass(r("Clone")).css({top:i.y-s.scrollY+8,left:i.x-s.scrollX+8}),e("html").addClass(r("preventScroll")),e(["."+r("DropArea"),`[data-drag-type="${n}"]`].join("")).addClass(r("isDroppable")),e(["."+r("DropArea"),`[data-drag-type="${n}"]`,`[data-drag-id="${t.originId}"]`].join("")).addClass(r("Origin")),e(["."+r("activeOn_dragging"),`[data-drag-type="${n}"]`].join("")).addClass(r("active")),e(O.get().appRoot).append(o).addClass(r("isDragging")).await(10).callback(()=>{l.addClass(r("isHovering"))});let d="-1";const c=g=>{g.preventDefault(),g.stopPropagation();let p=e.getCursor(g),u=e.getScreenSize(),C=p.x-u.scrollX,y=p.y-u.scrollY,f=document.elementFromPoint(C,y),S=p.y-u.scrollY+8,E=p.x-u.scrollX+8;l.css(v(v({},t.horizontal&&{left:E}),t.vertical&&{top:S})),A.AutoScroll(g);let m=e(f).parent(`[data-drag-type=${n}]`);if(!m[0]&&!t.allowPrevDataOnDropend||(e("."+r("DropArea")).removeClass(r("isLanding")),e(["."+r("activeOn_landing"),`[data-drag-type="${n}"]`].join("")).removeClass(r("active")),!m[0]))return;let{dragId:D,dragIdx:R,dragGroup:$}=m[0].dataset;if(m.addClass(r("isLanding")),e(["."+r("activeOn_landing"),`[data-drag-type="${n}"]`,`[data-drag-id="${D}"]`].join("")).addClass(r("active")),d!=String(D))return d=String(D),e.interval.once(()=>{a({idx:Number(R||0),id:String(D||""),groupId:String($||""),end:!1})},30,"DragEffect"),!1},T=g=>{e("html").removeClass(r("preventScroll")),e("."+r("DropArea")).removeClass(r("isDroppable"));let p=e.getCursor(g),u=p.x-s.scrollX,C=p.y-s.scrollY,y=document.elementFromPoint(u,C);e(O.get().appRoot).removeClass(r("isDragging")),l.removeClass(r("isHovering")).await(300).remove(),e("."+r("DropArea")).removeClass(r("isLanding"),r("Origin")),e("."+r("DropSign")).removeClass(r("active")),e.interval.abort("AutoScroll"),e(window).removeEvent(["dragEffect.touchmove","dragEffect.pointermove","dragEffect.pointerup"]);let f=e(y).parent(`[data-drag-type=${n}]`)[0];if(!f){if(!t.allowPrevDataOnDropend)return a({idx:-1,id:"",groupId:"",end:!0});if(!d){e.interval.once(()=>{a({idx:-1,id:"",groupId:"",end:!0})},30,"DragEffect");return}}let{dragId:S,dragIdx:E,dragGroup:m}=(f==null?void 0:f.dataset)||{};e.interval.once(()=>{a({idx:Number(E||0),id:String(S||d||""),groupId:String(m||""),end:!0})},50,"DragEffect")};e(window).onEvent("touchmove",g=>(g.preventDefault(),g.stopPropagation(),!1),{eventID:"dragEffect.touchmove",passive:!1}).onEvent("pointermove",c,{eventID:"dragEffect.pointermove",passive:!1}).onEvent("pointerup",T,{eventID:"dragEffect.pointerup"})},AutoScroll:n=>{e.interval.abort("AutoScroll");let t=e("html")[0],a=e.getScreenSize(),o=e.getCursor(n),l=(o.y-a.scrollY)/a.height,i=(o.x-a.scrollX)/a.width,s=a.height/100/2,d=null,c=null;e.scope(()=>{l<=.1&&(d=s*-1),l>=.9&&(d=s)}),e.scope(()=>{i<=.1&&(c=s*-1),i>=.9&&(c=s)}),!(e.isNullish(d)&&e.isNullish(c))&&e.interval.start(()=>{c&&(t.scrollLeft+=c),d&&(t.scrollTop+=d)},10,"AutoScroll")},styles:r,DropArea:function(n){var i;let l=n,{component:t,dragInfo:a}=l,o=P(l,["component","dragInfo"]);return a.disabled?I(t,v({},o)):I(t,h(v({transition:"short",position:"relative"},o),{"data-drag-type":a.type,"data-drag-group":a.group||null,"data-drag-id":a.id||null,"data-drag-idx":a.idx||0,className:[r("DropArea"),r("Marker_"+((i=a.marker)!=null?i:"bottom")),(o==null?void 0:o.className)||""].join(" ")}))},DropSign:function(n){let s=n,{component:t,dragInfo:{type:a,id:o,activeOn:l="landing"}}=s,i=P(s,["component","dragInfo"]);return I(t,h(v({transition:"short"},i),{"data-drag-type":a,"data-drag-id":o||null,className:[l!="always"&&r("DropSign"),r("activeOn_"+l),(i==null?void 0:i.className)||""].join(" ")}))}};export{A as DragEffect};
@@ -1,9 +1,10 @@
1
1
  export * from '../@declares';
2
2
  export * from './config';
3
- export * from './useRefresh';
3
+ export * from './useRemote';
4
4
  export * from './useRouterEffect';
5
5
  export * from './pageRouter';
6
6
  export * from './color';
7
7
  export * from './GenerateClassName';
8
+ export * from './dragEffect';
8
9
  export * from './LaunchReactApp';
9
10
  export * from './getElement';
@@ -1 +1 @@
1
- export*from"../@declares";export*from"./config";export*from"./useRefresh";export*from"./useRouterEffect";export*from"./pageRouter";export*from"./color";export*from"./GenerateClassName";export*from"./LaunchReactApp";export*from"./getElement";
1
+ export*from"../@declares";export*from"./config";export*from"./useRemote";export*from"./useRouterEffect";export*from"./pageRouter";export*from"./color";export*from"./GenerateClassName";export*from"./dragEffect";export*from"./LaunchReactApp";export*from"./getElement";
@@ -0,0 +1,9 @@
1
+ import { Records } from 'jmini';
2
+ declare namespace useRemote {
3
+ type Methods = {
4
+ bridge<K = Records>(key: string, message?: K): void;
5
+ catch<T = any>(key: string): T | undefined;
6
+ };
7
+ }
8
+ declare const useRemote: useRemote.Methods;
9
+ export { useRemote, useRemote as default };
@@ -0,0 +1 @@
1
+ import"../chunk-C5N2D3ZX.js";import{UUID as o,useStore as e}from"jmini";import{useState as u,useEffect as K}from"react";const g={bridge:(s,t)=>{var l;let f=((l=e.get("RefreshKeys_"+s))==null?void 0:l.keys)||[];if(f&&f.length)for(let y of f){let n=e.get("RefreshKey_"+y);n&&n(t)}},catch:s=>{let[t]=u(o()),[f,l]=u(o()),[y,n]=u(null),i="RefreshKey_"+t;return K(()=>{var d;e.set({[i]:r=>{l(o()),n(r||null)}});let a=((d=e.get("RefreshKeys_"+s))==null?void 0:d.keys)||[];return a=[...a,t],e.update({["RefreshKeys_"+s]:{keys:a}}),()=>{var c;e.delete(i);let r=((c=e.get("RefreshKeys_"+s))==null?void 0:c.keys)||[],h=r.indexOf(t);h!==-1&&(r.splice(h,1),e.update({["RefreshKeys_"+s]:{keys:r}}))}},[]),y}};export{g as default,g as useRemote};
@@ -1,2 +1,2 @@
1
- import{b as o,c as u,d as h}from"../chunk-C5N2D3ZX.js";import{jsx as f}from"react/jsx-runtime";import g,{UUID as C}from"jmini";import L from"./Box";import{GridClasses as T}from"../@styles/componentClasses";import{useEffect as x,useState as $}from"react";const G=t=>f(L,o({display:"grid"},t)),i=G;i.Layout=t=>{let n=t,{gridTemplateColumns:S,gridTemplateRows:c,gridChildTemplates:r=[]}=n,y=h(n,["gridTemplateColumns","gridTemplateRows","gridChildTemplates"]),[d]=$(C(12));return x(()=>{let l="inlinestyle-"+d,a=document.createElement("style");return a.textContent="",r.forEach(([s,p],m)=>{let e=[`[data-grid-layout-id='${d}'] > *:nth-child(${r.length}n + ${m+1}) {`];r.length==m+1&&(e=[`[data-grid-layout-id='${d}'] > *:nth-child(${r.length}n) {`]),s&&e.push(` grid-column:${s};`),p&&e.push(` grid-row:${p};`),e.push("}",""),a.textContent+=e.join(`
2
- `)}),a.id=l,g("head").append(a),()=>{g("#"+l).remove()}},[]),f(i,u(o({},y),{"data-grid-layout-id":d,className:[t.className,T("GridLayout")].join(" "),freeCSS:o({gridTemplateColumns:S,gridTemplateRows:c},t.freeCSS)}))};export{i as Grid,i as default};
1
+ import{b as o,c as u,d as h}from"../chunk-C5N2D3ZX.js";import{jsx as c}from"react/jsx-runtime";import g,{UUID as S}from"jmini";import x from"./Box";import{GridClasses as L}from"../@styles/componentClasses";import{useEffect as T,useState as $}from"react";const G=t=>c(x,o({display:"grid"},t)),i=G;i.Layout=t=>{let n=t,{gridTemplateColumns:f,gridTemplateRows:y,gridChildTemplates:d=[]}=n,C=h(n,["gridTemplateColumns","gridTemplateRows","gridChildTemplates"]),[a]=$(S(12));return T(()=>{let s="inlinestyle-"+a,r=document.createElement("style");return r.textContent="",d.forEach(([l,p],m)=>{let e=[`[data-grid-layout-id='${a}'] > *:nth-child(${d.length}n + ${m+1}) {`];d.length==m+1&&(e=[`[data-grid-layout-id='${a}'] > *:nth-child(${d.length}n) {`]),l&&e.push(` grid-column:${l};`),p&&e.push(` grid-row:${p};`),e.push("}",""),r.textContent+=e.join(`
2
+ `)}),r.id=s,g("head").append(r),()=>{g("#"+s).remove()}},[]),c(i,u(o({},C),{"data-grid-layout-id":a,className:[t.className,L("GridLayout")].join(" "),xcss:o({gridTemplateColumns:f,gridTemplateRows:y},t.xcss)}))};export{i as Grid,i as default};
package/dist/atoms/Img.js CHANGED
@@ -1 +1 @@
1
- import{b as e,c as s,d as i}from"../chunk-C5N2D3ZX.js";import{jsx as I}from"react/jsx-runtime";import c from"./Box";import{Sheet as f}from"../fn";import{ImgClasses as m}from"../@styles/componentClasses";const p=l=>{let a=l,{src:n="",alt:g="",showExpand:t}=a,o=i(a,["src","alt","showExpand"]);return I(c,s(e({htmlTag:"img",src:n,alt:g},o),{className:[m("Img"),m("ShowExpand_"+!!t),o.className].join(" "),onPointerDown:r=>{o.onPointerDown&&o.onPointerDown(r),t&&r.stopPropagation()},onClick:r=>{o.onClick&&o.onClick(r),t&&(r.stopPropagation(),f.image({},t!=!0?t:n))},freeCSS:e({cursor:t?"zoom-in":"inherit"},o.freeCSS)}))};export{p as Img,p as default};
1
+ import{b as n,c as a,d as i}from"../chunk-C5N2D3ZX.js";import{jsx as h}from"react/jsx-runtime";import g from"./Box";import{Sheet as I}from"../fn";import{ImgClasses as m}from"../@styles/componentClasses";const p=l=>{let e=l,{src:s="",alt:c="",showExpand:t}=e,o=i(e,["src","alt","showExpand"]);return h(g,a(n({htmlTag:"img",src:s,alt:c},o),{className:[m("Img"),m("ShowExpand_"+!!t),o.className].join(" "),onPointerDown:r=>{o.onPointerDown&&o.onPointerDown(r),t&&r.stopPropagation()},onClick:r=>{o.onClick&&o.onClick(r),t&&(r.stopPropagation(),I.image({},t!=!0?t:s))},xcss:n({cursor:t?"zoom-in":"inherit"},o.xcss)}))};export{p as Img,p as default};
@@ -1,4 +1,4 @@
1
- import{b as l,c,d as m}from"../chunk-C5N2D3ZX.js";import{Fragment as A,jsx as e,jsxs as I}from"react/jsx-runtime";import h from"jmini";import{Flex as L,Img as C}from".";import{LogoClasses as a}from"../@styles/componentClasses";const T={ComunIcon:()=>e("svg",{viewBox:"0,0,1200,1200",className:a("ComunIcon"),children:I("g",{children:[e("path",{d:`
1
+ import{b as l,c,d as m}from"../chunk-C5N2D3ZX.js";import{Fragment as A,jsx as e,jsxs as I}from"react/jsx-runtime";import T from"jmini";import{Flex as L,Img as C}from".";import{LogoClasses as a}from"../@styles/componentClasses";const S={ComunIcon:()=>e("svg",{viewBox:"0,0,1200,1200",className:a("ComunIcon"),children:I("g",{children:[e("path",{d:`
2
2
  M
3
3
  100,600
4
4
  A 500,500 0 0,0 600,1100
@@ -48,4 +48,4 @@ import{b as l,c,d as m}from"../chunk-C5N2D3ZX.js";import{Fragment as A,jsx as e,
48
48
  L600,600
49
49
  L600,300
50
50
  Z
51
- `,className:[a("P"),a("P_"+t)].join(" "),style:{fill:"#ea6093"}})]});return I("svg",{viewBox:"0,0,1200,1200",className:a("MingooIcon"),children:[o(0),o(1),o(2),o(3),o(4),o(5),o(6),o(7),o(8)]})}},u={Icon:o=>e(r.Icon,c(l({},o),{children:e(T.MingooIcon,{})})),Title:o=>e(r.Title,c(l({className:a("ComunTitle"),height:"auto"},o),{freeCSS:l({letterSpacing:"3px"},o.freeCSS),children:"mingoo"})),LogoH:o=>{let n=o,{size:t,color:g}=n,i=m(n,["size","color"]);return I(L,c(l({gap:"1/2",flexCenter:!0},i),{children:[e(u.Icon,{size:t,color:g}),e(u.Title,{size:t,color:g})]}))},LogoV:o=>{let n=o,{size:t,color:g}=n,i=m(n,["size","color"]);return I(L,c(l({flexType:"col",gap:"1/2"},i),{children:[e(u.Icon,{margin:"auto",size:t,color:g}),e(u.Title,{size:t,color:g})]}))}},p={Icon:o=>e(r.Icon,c(l({},o),{children:e(T.ComunIcon,{})})),Title:o=>e(r.Title,c(l({className:a("ComunTitle"),height:"auto"},o),{freeCSS:l({letterSpacing:"3px"},o.freeCSS),children:"comun"})),LogoH:o=>{let n=o,{size:t,color:g}=n,i=m(n,["size","color"]);return I(L,c(l({gap:"1/2",flexCenter:!0},i),{children:[e(p.Icon,{size:t,color:g}),e(p.Title,{size:t,color:g})]}))},LogoV:o=>{let n=o,{size:t,color:g}=n,i=m(n,["size","color"]);return I(L,c(l({flexType:"col",gap:"1/2"},i),{children:[e(p.Icon,{margin:"auto",size:t,color:g}),e(p.Title,{size:t,color:g})]}))}};let s="https://cdn.amotify.com/";const r={Icon:o=>{let f=o,{size:t="R",color:g="normal",className:i="",children:n}=f,S=m(f,["size","color","className","children"]);return e(L,c(l({className:[i,a("Icon"),a("Size_"+t)].join(" "),verticalAlign:"center"},S),{children:h.isFunction(n)?e(n,{}):n}))},Title:o=>{let f=o,{size:t="R",color:g="normal",className:i="",children:n}=f,S=m(f,["size","color","className","children"]);return e(L,c(l({className:[i,a("Title"),a("Size_"+t)].join(" "),verticalAlign:"center",fontColor:g=="white"?"white":"logo"},S),{children:h.isFunction(n)?e(n,{}):n}))},Brands:{MingooIcon:u.Icon,MingooTitle:u.Title,MingooLogoH:u.LogoH,MingooLogoV:u.LogoV,ComunIcon:p.Icon,ComunTitle:p.Title,ComunLogoH:p.LogoH,ComunLogoV:p.LogoV,Google:o=>e(r.Icon,c(l({},o),{children:e(C,{src:s+"@env/@logos/brands/Google_Icon.svg",alt:""})})),Facebook:o=>e(r.Icon,c(l({},o),{children:e(C,{src:s+"@env/@logos/brands/FaceBook_Icon.svg",alt:""})})),Twitter:o=>e(r.Icon,c(l({},o),{children:e(C,{src:s+"@env/@logos/brands/Twitter_Icon.svg",alt:""})})),LINE:o=>e(r.Icon,c(l({},o),{children:e(C,{src:s+"@env/@logos/brands/Line_Icon.svg",alt:""})}))},Images:{mingooIcon:s+"@env/@logos/mingoo/icon.png",mingooIconClear:s+"@env/@logos/mingoo/iconClear.png",comunIcon:s+"@env/@logos/comun/icon.png",comunIconClear:s+"@env/@logos/comun/iconClear.png",defaultIcon:o=>s+"@env/@icon/"+(o||"image")+".png"}};export{r as Logo,r as default};
51
+ `,className:[a("P"),a("P_"+t)].join(" "),style:{fill:"#ea6093"}})]});return I("svg",{viewBox:"0,0,1200,1200",className:a("MingooIcon"),children:[o(0),o(1),o(2),o(3),o(4),o(5),o(6),o(7),o(8)]})}},u={Icon:o=>e(s.Icon,c(l({},o),{children:e(S.MingooIcon,{})})),Title:o=>e(s.Title,c(l({className:a("ComunTitle"),height:"auto"},o),{xcss:l({letterSpacing:"3px"},o.xcss),children:"mingoo"})),LogoH:o=>{let n=o,{size:t,color:g}=n,i=m(n,["size","color"]);return I(L,c(l({gap:"1/2",flexCenter:!0},i),{children:[e(u.Icon,{size:t,color:g}),e(u.Title,{size:t,color:g})]}))},LogoV:o=>{let n=o,{size:t,color:g}=n,i=m(n,["size","color"]);return I(L,c(l({flexType:"col",gap:"1/2"},i),{children:[e(u.Icon,{margin:"auto",size:t,color:g}),e(u.Title,{size:t,color:g})]}))}},p={Icon:o=>e(s.Icon,c(l({},o),{children:e(S.ComunIcon,{})})),Title:o=>e(s.Title,c(l({className:a("ComunTitle"),height:"auto"},o),{xcss:l({letterSpacing:"3px"},o.xcss),children:"comun"})),LogoH:o=>{let n=o,{size:t,color:g}=n,i=m(n,["size","color"]);return I(L,c(l({gap:"1/2",flexCenter:!0},i),{children:[e(p.Icon,{size:t,color:g}),e(p.Title,{size:t,color:g})]}))},LogoV:o=>{let n=o,{size:t,color:g}=n,i=m(n,["size","color"]);return I(L,c(l({flexType:"col",gap:"1/2"},i),{children:[e(p.Icon,{margin:"auto",size:t,color:g}),e(p.Title,{size:t,color:g})]}))}};let r="https://cdn.amotify.com/";const s={Icon:o=>{let f=o,{size:t="R",color:g="normal",className:i="",children:n}=f,h=m(f,["size","color","className","children"]);return e(L,c(l({className:[i,a("Icon"),a("Size_"+t)].join(" "),verticalAlign:"center"},h),{children:T.isFunction(n)?e(n,{}):n}))},Title:o=>{let f=o,{size:t="R",color:g="normal",className:i="",children:n}=f,h=m(f,["size","color","className","children"]);return e(L,c(l({className:[i,a("Title"),a("Size_"+t)].join(" "),verticalAlign:"center",fontColor:g=="white"?"white":"logo"},h),{children:T.isFunction(n)?e(n,{}):n}))},Brands:{MingooIcon:u.Icon,MingooTitle:u.Title,MingooLogoH:u.LogoH,MingooLogoV:u.LogoV,ComunIcon:p.Icon,ComunTitle:p.Title,ComunLogoH:p.LogoH,ComunLogoV:p.LogoV,Google:o=>e(s.Icon,c(l({},o),{children:e(C,{src:r+"@env/@logos/brands/Google_Icon.svg",alt:""})})),Facebook:o=>e(s.Icon,c(l({},o),{children:e(C,{src:r+"@env/@logos/brands/FaceBook_Icon.svg",alt:""})})),Twitter:o=>e(s.Icon,c(l({},o),{children:e(C,{src:r+"@env/@logos/brands/Twitter_Icon.svg",alt:""})})),LINE:o=>e(s.Icon,c(l({},o),{children:e(C,{src:r+"@env/@logos/brands/Line_Icon.svg",alt:""})}))},Images:{mingooIcon:r+"@env/@logos/mingoo/icon.png",mingooIconClear:r+"@env/@logos/mingoo/iconClear.png",comunIcon:r+"@env/@logos/comun/icon.png",comunIconClear:r+"@env/@logos/comun/iconClear.png",defaultIcon:o=>r+"@env/@icon/"+(o||"image")+".png"}};export{s as Logo,s as default};
@@ -1 +1 @@
1
- import{b as t,c as r}from"../chunk-C5N2D3ZX.js";import{jsx as o}from"react/jsx-runtime";export*from"./Box";import l from"react";import n from"./Box";const x=e=>o(n,r(t({},e),{htmlTag:"span"})),m=e=>o(n,r(t({},e),{htmlTag:"p"})),p=e=>o(n,r(t({flexType:"row",flexWrap:!0,display:"flex"},e),{freeCSS:t({wordBreak:"break-word"},e.freeCSS)})),c=e=>o(n,t({width:1,flexSizing:"none"},e)),f=e=>o(n,t({flexSizing:0},e)),u=e=>o(p,t({flexType:"col",gap:1},e)),s=l.memo(e=>e.children,(e,a)=>e.forceRender?!e.forceRender(e.params,a.params):!1);export*from"./FAI";export*from"./Img";export*from"./Logo";export*from"./Placeholder";export*from"./Card";export*from"./Grid";export{s as CacheRender,u as Column,p as Flex,c as FlexBr,f as FlexMargin,m as P,x as Span};
1
+ import{b as t,c as p}from"../chunk-C5N2D3ZX.js";import{jsx as o}from"react/jsx-runtime";export*from"./Box";import x from"react";import n from"./Box";const l=e=>o(n,p(t({},e),{htmlTag:"span"})),c=e=>o(n,p(t({},e),{htmlTag:"p"})),r=e=>o(n,p(t({flexType:"row",flexWrap:!0,display:"flex"},e),{xcss:t({wordBreak:"break-word"},e.xcss)})),m=e=>o(n,t({width:1,flexSizing:"none"},e)),f=e=>o(n,t({flexSizing:0},e)),s=e=>o(r,t({flexType:"col",gap:1},e)),u=x.memo(e=>e.children,(e,a)=>e.forceRender?!e.forceRender(e.params,a.params):!1);export*from"./FAI";export*from"./Img";export*from"./Logo";export*from"./Placeholder";export*from"./Card";export*from"./Grid";export{u as CacheRender,s as Column,r as Flex,m as FlexBr,f as FlexMargin,c as P,l as Span};
@@ -18,7 +18,7 @@ declare namespace ButtonTypes {
18
18
  'aria-label'?: string;
19
19
  isLocked?: boolean;
20
20
  isActive?: boolean;
21
- isActiveStyles?: StyleProps.PropsNFreeCSS;
21
+ isActiveStyles?: StyleProps.StyleProps;
22
22
  isActiveClassName?: string;
23
23
  };
24
24
  namespace SizeMethods {
package/dist/fn/Button.js CHANGED
@@ -1 +1 @@
1
- import{b as s,c as a,d as M,e as F}from"../chunk-C5N2D3ZX.js";import{jsx as u}from"react/jsx-runtime";import k,{useStore as P,UUID as H}from"jmini";import{pageRouter as E,ReadStyleSet as V}from"../@utils";import{Input as O}from".";import{Box as A}from"../atoms";import{ButtonClasses as h}from"../@styles/componentClasses";const w={Size:(i,t,o,n)=>{let e={fontSize:"inherit"};return o=o||"R",t=="plain"?{}:(t=="link"?o=="xsmall"?e.fontSize="0.xs":o=="small"?e.fontSize="1.mini":o=="regular"||o=="large"&&(e.fontSize="3.paragraph"):e=s({borderRadius:"2.tone.secondary",transition:"middle",position:"relative",textAlign:"center"},e),o=="xsmall"?e=a(s({},e),{padding:["1/3","2/3"],fontSize:"0.xs",borderRadius:"3.tone.tertiary"}):o=="small"?e=a(s({},e),{padding:["1/2","3/4"],fontSize:"1.mini",borderRadius:"2.tone.secondary"}):o=="regular"?e.padding=["3/4",1]:o=="large"&&(e.padding=[1,2],e.fontSize="3.paragraph",e.isSemiBoldFont=!0),e)},Tone:(i,t,o,n)=>{let e={display:"inlineBlock",fontWeight:"inherit",fontColor:"inherit",border:"unset"};return t=="plain"||(t=="link"?(e.fontColor="theme",e.textAlign="left",e.backgroundColor="trans"):t=="normal"?e=a(s({},e),{backgroundColor:"trans"}):t=="border"?e=a(s({},e),{backgroundColor:"layer.1",border:"2.normal",borderStyle:"solid",boxShadow:"0.min"}):t=="prime"?(e=a(s({},e),{isSemiBoldFont:!0,fontColor:"white",backgroundColor:n,boxShadow:"0.normal",ssEffectsOnActive:["shrink","push","ripple.white"]}),n=="white"&&(e=a(s({},e),{fontColor:"theme",ssEffectsOnActive:["shrink","push","ripple.cloud"]}))):t=="sub"?e=a(s({},e),{fontColor:n,ssEffectsOnActive:["shrink","ripple.cloud"]}):t=="clear"?e=a(s({},e),{fontColor:n,backgroundColor:"trans",ssEffectsOnActive:["shrink","ripple.cloud"]}):t=="fillToBorder"?e=a(s({},e),{boxShadow:"0.normal",border:"2.normal",borderWidth:2,borderColor:n,fontColor:n,backgroundColor:n}):t=="borderToFill"&&(e=a(s({},e),{fontColor:n,boxShadow:"0.normal",border:"2.normal",borderWidth:2,borderColor:n,backgroundColor:n})),n=="cloud"&&(e.fontColor="2.normal"),t!="link"&&(e=s({position:"relative",ssEffectsOnActive:["shrink","push"]},e))),e}},K=i=>{var e;let t=V(s({isLocked:!1,isActive:!1,isActiveStyles:{},isActiveClassName:"",tabIndex:0,className:"",color:"theme",tone:"border","aria-label":H()},i)),o=t.seed;{let{isLocked:m=!1,isActive:f=!1,isActiveStyles:B={},isActiveClassName:I="",tone:r="border",size:l="regular",color:p="theme",className:d=""}=t;t=s(s(s({},w.Size(i.seed,r,l,p)),w.Tone(i.seed,r,l,p)),t),t.className=[d,h("Wrap"),h("isNeutral_"+!f),h("isLocked_"+m),h("Tone_"+r),h("Color_"+p),h("Tone_"+r+"_Color_"+p)].join(" "),f&&(t=s(s({className:[t.className,I].join(" ")},t),B))}if(o=="button"){let n=t,{isLocked:m,isActive:f,isActiveClassName:B,isActiveStyles:I,submitOption:r,onFormSubmit:l,onClick:p}=n,d=M(n,["isLocked","isActive","isActiveClassName","isActiveStyles","submitOption","onFormSubmit","onClick"]);return l!=null&&l[1]&&(d=a(s({},d),{"data-form-submit-button":l[0],"data-sdfike":k.Arrayify(((e=l[2])==null?void 0:e.submitableKey)||"auxEnter").join(",")})),r&&(r=s({acceptInvalidForm:!1,submitDelegationKey:"auxEnter"},r),d=a(s({},d),{"data-form-submit-button":r.formName,"data-sdfike":k.Arrayify(r.submitDelegationKey).join(",")})),u(A,a(s({htmlTag:"button",fontHeight:"inherit"},d),{onClick:g=>{m||(p&&p(g),k.scope(()=>F(void 0,null,function*(){if(!(l!=null&&l[1]))return;l[2]=s({validOnly:!0,submitableKey:"auxEnter",releaseOnFinish:!0},l==null?void 0:l[2]);let[c,C,S]=l,b="prevent-form-submit-"+c,T=P.get(b),x=()=>P.delete(b);const z=()=>(P.set({[b]:!0}),{release:x});if(T)return S.validOnly?void 0:C({body:{},isValid:!1,serialLock:z});z();let v=yield O.CollectForm(c);if(!v.isValid&&S.validOnly){x();return}yield C({body:v.data,isValid:v.isValid,serialLock:z}),S.releaseOnFinish&&x()})),k.scope(()=>F(void 0,null,function*(){if(!r)return;let c=yield O.CollectForm(r.formName);!c.isValid&&!r.acceptInvalidForm||r.callback(c.data,c.isValid)})))}}))}else if(o=="label"){let L=t,{isLocked:m,isActive:f,isActiveClassName:B,isActiveStyles:I,onClick:r}=L,l=M(L,["isLocked","isActive","isActiveClassName","isActiveStyles","onClick"]);return u(A,a(s({htmlTag:"label"},l),{onClick:p=>{m||r&&r(p)}}))}else if(o=="anchor"){let R=t,{isLocked:m,isActive:f,isActiveClassName:B,isActiveStyles:I,onClick:r,href:l="",newTab:p,sync:d,shiftQueryParams:g}=R,c=M(R,["isLocked","isActive","isActiveClassName","isActiveStyles","onClick","href","newTab","sync","shiftQueryParams"]);return u(A,a(s({htmlTag:"button"},c),{onClick:C=>{if(m)return;if(r)return r(C);let S=C.ctrlKey||C.metaKey,b=p||!!S,T=l;if(g&&(T+=location.search),d){E.pushSync(T);return}E.push(T,!!b)}}))}return null},y=function(i,t){const o=e=>u(K,s({seed:i,tone:t,size:"regular"},e)),n=o;return n.Plain=e=>u(o,s({size:"plain",tone:t},e)),n.XS=e=>u(o,s({size:"xsmall",tone:t},e)),n.S=e=>u(o,s({size:"small",tone:t},e)),n.R=e=>u(o,s({size:"regular",tone:t},e)),n.L=e=>u(o,s({size:"large",tone:t},e)),n},N=function(i){const o=n=>u(K,s({seed:i,tone:"prime",size:"regular"},n));return o.Plain=y(i,"plain"),o.Link=y(i,"link"),o.Normal=y(i,"normal"),o.Border=y(i,"border"),o.Prime=y(i,"prime"),o.Sub=y(i,"sub"),o.Clear=y(i,"clear"),o.FillToBorder=y(i,"fillToBorder"),o.BorderToFill=y(i,"borderToFill"),o},W=N("button"),_=N("label"),X=N("anchor");export{X as Anchor,W as Button,_ as Label};
1
+ import{b as s,c as a,d as M,e as P}from"../chunk-C5N2D3ZX.js";import{jsx as u}from"react/jsx-runtime";import k,{useStore as F,UUID as H}from"jmini";import{pageRouter as E,ReadStyleSet as V}from"../@utils";import{Input as O}from".";import{Box as A}from"../atoms";import{ButtonClasses as h}from"../@styles/componentClasses";const w={Size:(i,t,o,n)=>{let e={fontSize:"inherit"};return o=o||"R",t=="plain"?{}:(t=="link"?o=="xsmall"?e.fontSize="0.xs":o=="small"?e.fontSize="1.mini":o=="regular"||o=="large"&&(e.fontSize="3.paragraph"):e=s({borderRadius:"2.tone.secondary",transition:"middle",position:"relative",textAlign:"center"},e),o=="xsmall"?e=a(s({},e),{padding:["1/3","2/3"],fontSize:"0.xs",borderRadius:"3.tone.tertiary"}):o=="small"?e=a(s({},e),{padding:["1/2","3/4"],fontSize:"1.mini",borderRadius:"2.tone.secondary"}):o=="regular"?e.padding=["3/4",1]:o=="large"&&(e.padding=[1,2],e.fontSize="3.paragraph",e.isSemiBoldFont=!0),e)},Tone:(i,t,o,n)=>{let e={display:"inlineBlock",fontWeight:"inherit",fontColor:"inherit",border:"unset"};return t=="plain"||(t=="link"?(e.fontColor="theme",e.textAlign="left",e.backgroundColor="trans"):t=="normal"?e=a(s({},e),{backgroundColor:"trans"}):t=="border"?e=a(s({},e),{backgroundColor:"layer.1",border:"2.normal",borderStyle:"solid",boxShadow:"0.min"}):t=="prime"?(e=a(s({},e),{isSemiBoldFont:!0,fontColor:"white",backgroundColor:n,boxShadow:"0.normal",ssEffectsOnActive:["shrink","push","ripple.white"]}),n=="white"&&(e=a(s({},e),{fontColor:"theme",ssEffectsOnActive:["shrink","push","ripple.cloud"]}))):t=="sub"?e=a(s({},e),{fontColor:n,ssEffectsOnActive:["shrink","ripple.cloud"]}):t=="clear"?e=a(s({},e),{fontColor:n,backgroundColor:"trans",ssEffectsOnActive:["shrink","ripple.cloud"]}):t=="fillToBorder"?e=a(s({},e),{boxShadow:"0.normal",border:"2.normal",borderWidth:2,borderColor:n,fontColor:n,backgroundColor:n}):t=="borderToFill"&&(e=a(s({},e),{fontColor:n,boxShadow:"0.normal",border:"2.normal",borderWidth:2,borderColor:n,backgroundColor:n})),n=="cloud"&&(e.fontColor="2.normal"),t!="link"&&(e=s({position:"relative",ssEffectsOnActive:["shrink","push"]},e))),e}},K=i=>{var e;let t=V(s({isLocked:!1,isActive:!1,isActiveStyles:{},isActiveClassName:"",tabIndex:0,className:"",color:"theme",tone:"border","aria-label":H()},i)),o=t.seed;{let{isLocked:m=!1,isActive:f=!1,isActiveStyles:B={},isActiveClassName:I="",tone:r="border",size:l="regular",color:p="theme",className:d=""}=t;t=s(s(s({},w.Size(i.seed,r,l,p)),w.Tone(i.seed,r,l,p)),t),t.className=[d,h("Wrap"),h("isNeutral_"+!f),h("isLocked_"+m),h("Tone_"+r),h("Color_"+p),h("Tone_"+r+"_Color_"+p)].join(" "),f&&(t=s(s({className:[t.className,I].join(" ")},t),B))}if(o=="button"){let n=t,{isLocked:m,isActive:f,isActiveClassName:B,isActiveStyles:I,submitOption:r,onFormSubmit:l,onClick:p}=n,d=M(n,["isLocked","isActive","isActiveClassName","isActiveStyles","submitOption","onFormSubmit","onClick"]);return l!=null&&l[1]&&(d=a(s({},d),{"data-form-submit-button":l[0],"data-sdfike":k.Arrayify(((e=l[2])==null?void 0:e.submitableKey)||"auxEnter").join(",")})),r&&(r=s({acceptInvalidForm:!1,submitDelegationKey:"auxEnter"},r),d=a(s({},d),{"data-form-submit-button":r.formName,"data-sdfike":k.Arrayify(r.submitDelegationKey).join(",")})),u(A,a(s({htmlTag:"button",fontHeight:"inherit"},d),{onClick:g=>{m||(p&&p(g),k.scope(()=>P(void 0,null,function*(){if(!(l!=null&&l[1]))return;l[2]=s({validOnly:!0,submitableKey:"auxEnter",releaseOnFinish:!0},l==null?void 0:l[2]);let[c,C,S]=l,b="prevent-form-submit-"+c,T=F.get(b),x=()=>F.delete(b);const z=()=>(F.set({[b]:!0}),{release:x});if(T)return S.validOnly?void 0:C({body:{},isValid:!1,serialLock:z});z();let v=yield O.CollectForm(c);if(!v.isValid&&S.validOnly){x();return}yield C({body:v.data,isValid:v.isValid,serialLock:z}),S.releaseOnFinish&&x()})),k.scope(()=>P(void 0,null,function*(){if(!r)return;let c=yield O.CollectForm(r.formName);!c.isValid&&!r.acceptInvalidForm||r.callback(c.data,c.isValid)})))}}))}else if(o=="label"){let L=t,{isLocked:m,isActive:f,isActiveClassName:B,isActiveStyles:I,onClick:r}=L,l=M(L,["isLocked","isActive","isActiveClassName","isActiveStyles","onClick"]);return u(A,a(s({htmlTag:"label"},l),{onClick:p=>{m||r&&r(p)}}))}else if(o=="anchor"){let R=t,{isLocked:m,isActive:f,isActiveClassName:B,isActiveStyles:I,onClick:r,href:l="",newTab:p,sync:d,shiftQueryParams:g}=R,c=M(R,["isLocked","isActive","isActiveClassName","isActiveStyles","onClick","href","newTab","sync","shiftQueryParams"]);return u(A,a(s({htmlTag:"button"},c),{onClick:C=>{if(m)return;if(r)return r(C);let S=C.ctrlKey||C.metaKey,b=p||!!S,T=l;if(g&&(T+=location.search),d){E.pushSync(T);return}E.push(T,!!b)}}))}return null},y=function(i,t){const o=e=>u(K,s({seed:i,tone:t,size:"regular"},e)),n=o;return n.Plain=e=>u(o,s({size:"plain",tone:t},e)),n.XS=e=>u(o,s({size:"xsmall",tone:t},e)),n.S=e=>u(o,s({size:"small",tone:t},e)),n.R=e=>u(o,s({size:"regular",tone:t},e)),n.L=e=>u(o,s({size:"large",tone:t},e)),n},N=function(i){const o=n=>u(K,s({seed:i,tone:"prime",size:"regular"},n));return o.Plain=y(i,"plain"),o.Link=y(i,"link"),o.Normal=y(i,"normal"),o.Border=y(i,"border"),o.Prime=y(i,"prime"),o.Sub=y(i,"sub"),o.Clear=y(i,"clear"),o.FillToBorder=y(i,"fillToBorder"),o.BorderToFill=y(i,"borderToFill"),o},W=N("button"),_=N("label"),X=N("anchor");export{X as Anchor,W as Button,_ as Label};
@@ -1 +1 @@
1
- import{b as K,c as ne,e as V}from"../chunk-C5N2D3ZX.js";import{Fragment as Ce,jsx as o,jsxs as m}from"react/jsx-runtime";import v,{Filer as he,UUID as pe,useStore as q}from"jmini";import{$$fromRoot as le}from"../@utils";import{useState as z,useEffect as ee}from"react";import{Box as X,FAI as H,Column as J,FlexMargin as me}from"../atoms";import{Row as B,Literal as w}from"../mols";import{Button as k}from"./Button";import N from"./Sheet";import te from"./Loader";import ae from"./Input";import{faPalette as ue}from"@fortawesome/free-solid-svg-icons/faPalette";import{faBarsStaggered as fe}from"@fortawesome/free-solid-svg-icons/faBarsStaggered";import{faRotateLeft as de}from"@fortawesome/free-solid-svg-icons/faRotateLeft";import{faRotateRight as ge}from"@fortawesome/free-solid-svg-icons/faRotateRight";import{CropperClasses as O}from"../@styles/componentClasses";import j from"./Tooltips";class ve{constructor(e){this.set_scale=e.set_scale,this.val_file=e.val_file,this.develops=e.develops;{let[h,l]=v.isArray(e.use)&&e.use||e.use.split(":").map(r=>Number(r)),p=h/l;this.usage={w:h,h:l,aspect:p}}this.componentId=e.componentId;let c=e.canvas,t=e.picture.image;this.Canvas={elm:c,ctx:c.getContext("2d")};let{width:a,height:i}=t,n=a/i;this.Picture={elm:t,originDataUrl:t.src,aspect:n,revisedAspect:1,rotate:e.picture.rotate,grayScale:e.picture.grayScale,tone:e.picture.tone},this.scale={current:e.scale.default,default:e.scale.default,min:e.scale.min,max:e.scale.max},this.usage.aspect<this.Picture.aspect?this.scale.min=100/n*this.usage.aspect:this.scale.min=100*n/this.usage.aspect,this.pst={frame:{x:0,y:0,w:0,h:0,aspect:1},outImage:{x:0,y:0,w:0,h:0},imageX:a/2,imageY:i/2,centerX:0,centerY:0},this.dragEffectInfo={origin:{x:0,y:0},frameExpandRate:{x:0,y:0}},this.pinchEffectInfo={origin:{x:0,y:0,scale:this.scale.current}},this.frameSizing(),this.modifyImage()}frameSizing(){let e=this.Canvas.elm,c=this.Picture.elm,t=0,a=0;{if(this.usage.aspect==1){let s=e.width*.6666666666666666,C=e.height*(2/3);a=t=Math.min(s,C)}else this.usage.aspect>1?(t=e.width*.9,a=t/this.usage.aspect):(a=e.height*.9,t=a*this.usage.aspect);let r=.85;a>e.height*r&&(a=e.height*r,t=a*this.usage.aspect),t>e.width*r&&(t=e.width*r,a=t/this.usage.aspect)}let{width:i,height:n}=c,h=(e.width-t)/2,l=(e.height-a)/2,p=t/a;this.pst={frame:{x:h,y:l,w:t,h:a,aspect:p},outImage:{x:0,y:0,w:0,h:0},imageX:i/2,imageY:n/2,centerX:e.width/2,centerY:e.height/2}}dragEffect(e){let{eventType:c,x:t,y:a}=e;if(c=="start"){let i=this.Canvas.elm.position();this.dragEffectInfo={origin:{x:t,y:a},frameExpandRate:{x:this.Canvas.elm.width/i.width,y:this.Canvas.elm.height/i.height}}}else{let{origin:i,frameExpandRate:n}=this.dragEffectInfo,h=i.x-t,l=i.y-a,p=this.scale.current*this.Picture.revisedAspect/100,r=h/p*n.x,s=l/p*n.y;c=="move"?this.drawImage(this.pst.imageX+r,this.pst.imageY+s):c=="end"&&this.drawImage(this.pst.imageX+=r,this.pst.imageY+=s)}}pinchEffect(e){let{eventType:c,event:t}=e,{x:a,y:i}=v.getCursor(t.touches[0]),{x:n,y:h}=v.getCursor(t.touches[1]),l=n-a,p=h-i;if(c=="start")this.pinchEffectInfo.origin={x:l,y:p,scale:this.scale.current};else if(c=="move"){let{origin:r}=this.pinchEffectInfo,s=Math.sqrt(Math.pow(r.x,2)+Math.pow(r.y,2)),S=Math.sqrt(Math.pow(l,2)+Math.pow(p,2))/s,d=Number(r.scale*S);this.set_scale(d)}}updateScale(e){let c=e;c=Math.max(c,this.scale.min),c=Math.min(c,this.scale.max),this.scale.current=c,this.drawImage()}updateFilter(e){this.Picture.grayScale=e.grayScale,this.Picture.tone=e.tone,this.Picture.rotate=e.rotate,this.modifyImage()}modifyImage(){return V(this,null,function*(){let{grayScale:e,tone:c,rotate:t}=this.Picture;const a=document.createElement("canvas");let i=a.getContext("2d"),n=yield v.ImageLoader(this.Picture.originDataUrl),h=n.width,l=n.height;(t==90||t==270)&&(h=n.height,l=n.width),a.width=h,a.height=l,e&&(i.filter="grayscale("+e+"%)"),t&&(i.translate(h/2,l/2),i.rotate(t*Math.PI/180),v.isOneOf(t,90,270)?i.translate(-l/2,-h/2):i.translate(-h/2,-l/2)),i.drawImage(n,0,0,n.width,n.height);let p=i.getImageData(0,0,a.width,a.height),r=p.data;{e/=100;let d=[[255,255,255],[255,200,100],[170,170,255],[240,200,145],[128,255,255],[255,128,255],[255,255,128],[128,158,169],[128,112,162],[50,192,87],[246,100,140]][c],y=d[0]/255,g=d[1]/255,R=d[2]/255;for(let x=0;x<l;x++)for(let b=0;b<h;b++){var s=(x*h+b)*4;if(e){let D=.3*r[s]+.59*r[s+1]+.11*r[s+2];for(var C=0;C<3;C++){let E=r[s+C];r[s+C]=E+(D-E)*e}}r[s]*=y,r[s+1]*=g,r[s+2]*=R}}i.putImageData(p,0,0);let S=a.toDataURL("image/jpeg");{let d=yield v.ImageLoader(S),{width:y,height:g}=d,R=y/g;this.Picture=ne(K({},this.Picture),{elm:d,aspect:R,revisedAspect:this.pst.frame.aspect>R?this.pst.frame.w/y:this.pst.frame.h/g})}this.drawImage()})}drawImage(e,c){let{Canvas:{ctx:t,elm:a},pst:{frame:i}}=this;t.clearRect(0,0,this.Canvas.elm.width,this.Canvas.elm.height);let n=e||this.pst.imageX,h=c||this.pst.imageY;{let l=this.scale.current/100,p=this.Picture.revisedAspect*l,r=this.pst.centerX-n*p,s=this.pst.centerY-h*p,C=this.Picture.elm.width*p,S=this.Picture.elm.height*p,d=0,y=0;this.usage.aspect<this.Picture.aspect?(d=C,y=d/this.usage.aspect):(y=S,d=y*this.usage.aspect);{let g=this.pst.frame.x-(C-d)/2,R=this.pst.frame.x+this.pst.frame.w-(C+d)/2,x=this.pst.frame.y-(S-y)/2,b=this.pst.frame.y+this.pst.frame.h-(S+y)/2,D=0;r<R&&(D=r-R),r>g&&(D=r-g);let E=0;s<b&&(E=s-b),s>x&&(E=s-x),this.dragEffectInfo.origin.x+=D/2/this.dragEffectInfo.frameExpandRate.x,this.dragEffectInfo.origin.y+=E/2/this.dragEffectInfo.frameExpandRate.y,r=Math.min(Math.max(r,R),g),s=Math.min(Math.max(s,b),x)}this.pst.outImage={x:r,y:s,w:C,h:S};{let g=1;t.lineWidth=g,t.strokeStyle="#ffffff66",t.strokeRect(r+(C-d)/2-g,s+(S-y)/2-g,d+g*2,y+g*2)}t.drawImage(this.Picture.elm,0,0,this.Picture.elm.width,this.Picture.elm.height,r,s,C,S)}{if(this.usage.aspect==1){t.fillStyle="rgba( 20,24,20,.5 )",t.beginPath();let l=a.width/3*2,p=a.height/3*2,r=Math.min(l,p),s=Math.max(l,p);t.arc(a.width/2,a.height/2,s*1.41,0,Math.PI*2,!0),t.arc(a.width/2,a.height/2,r/2,0,Math.PI*2,!1),t.closePath(),t.fill()}else t.fillStyle="rgba( 20,24,20,.5 )";{let p=v(document.body).getStyleProperty("--color-theme-hsl"),r=2;t.lineWidth=r,t.strokeStyle=`hsla( ${p},1 )`,t.strokeRect(i.x-r,i.y-r,i.w+r*2,i.h+r*2)}}}export(){return V(this,null,function*(){let{Canvas:e,develops:c,Picture:t,pst:{outImage:a,frame:i}}=this,n=a.w/t.elm.width,h=a.h/t.elm.height,l=(i.x-a.x)/n,p=i.w/n,r=(i.y-a.y)/h,s=i.h/h,C=Array.from({length:c.length}),S="image/jpeg";for(let d=0;d<c.length;d++){let{size:y,maxSize:g}=c[d];g=g||{S:1024*20,R:1024*100,L:1024*350}[y];let R={S:140,R:600,L:1200}[y],x=document.createElement("canvas");x.width=p,x.height=s;let b=document.createElement("canvas");b.width=R,b.height=R/this.usage.aspect;let D=x.getContext("2d");if(!D)return;let E=b.getContext("2d");if(!E)return;D.clearRect(0,0,x.width,x.height),D.drawImage(this.Picture.elm,l,r,p,s,0,0,p,s),E.fillStyle="black",E.drawImage(x,0,0,x.width,x.height,0,0,b.width,b.height);let $=b.toDataURL(S),A=yield $.toBlob(S);if(!A)return;if(A.size>=g){let ie=g/A.size;if($=b.toDataURL(S,ie*.92),A=yield $.toBlob(S),!A)return}let re=new File([A],this.val_file.name,{type:S});C[d]=re}return C})}}const se={Core:u=>{let{val_file:e,options:c,finishedCallback:t,abortCallback:a}=u,{use:i,develops:n=[]}=c,[h]=z(pe());const l={scale:{default:120,min:50,max:300},rotate:0,grayScale:0,tone:0};let p=2048*2048,r=1024,[s,C]=z("init"),[S,d]=z(""),[y,g]=z(l.scale.default),[R,x]=z(l.rotate),[b,D]=z(l.grayScale),[E,$]=z(l.tone),[A,re]=z(-1),[ie,ce]=z(-1);return ee(()=>{let f="CropperResize";return v(window).addEvent({eventType:"resize",eventID:f,callback:()=>{v.interval.once(()=>{var G;let I=le("#Canvas-"+h)[0];if(!I)return;let P=(G=q.get(h))==null?void 0:G.Instance;if(!P)return;let W=I.position(),U=W.width/W.height,Y=r,F=Y/U;if(Y*F>p){let Z=Y*F/p;Y=Math.floor(Y/Math.sqrt(Z)),F=Math.floor(F/Math.sqrt(Z))}I.width=r,I.height=F;let{width:L,height:Q}=I;P.pst.centerX=L/2,P.pst.centerY=Q/2,P.frameSizing(),P.modifyImage()},250,"CropperResize")}}),()=>{v(window).removeEvent(f)}},[]),ee(()=>{q.set({[h]:{}}),V(void 0,null,function*(){try{let f=le("#Canvas-"+h)[0];if(!f)return;let I=f.position(),P=I.width/I.height,W=r,U=W/P;if(W*U>p){let _=W*U/p;W=Math.floor(W/Math.sqrt(_)),U=Math.floor(U/Math.sqrt(_))}f.width=W,f.height=U;let Y=he(e),F=yield v.ImageLoader(yield Y.toObjectURL());re(F.width),ce(F.height);let L=new ve({set_scale:g,val_file:e,develops:n,use:i,scale:l.scale,componentId:h,canvas:f,picture:{image:F,grayScale:l.grayScale,tone:l.tone,rotate:l.rotate}});q.set({[h]:{Instance:L}});const Q=function(_){if(_.preventDefault(),_.touches&&_.touches.length>1)L.pinchEffect({eventType:"start",event:_}),v(document).addEvent({eventType:"touchmove",eventID:"CropperEffectMove",options:{passive:!1},callback:M=>{M.preventDefault(),L.pinchEffect({eventType:"move",event:M})}}).addEvent({eventType:"touchend",eventID:"CropperEffectEnd",options:{passive:!1},callback:Z});else{L.dragEffect(K({eventType:"start"},v.getCursor(_)));let{type:M}=_;v(document).addEvent({eventType:M=="touchstart"?"touchmove":"mousemove",eventID:"CropperEffectMove",options:{passive:!1},callback:T=>{G("move",T)}}).addEvent({eventType:M=="touchstart"?"touchend":"mouseup",eventID:"CropperEffectEnd",options:{passive:!1},callback:T=>{G("end",T),Z(T)}})}},G=function(_,M){M.preventDefault(),L.dragEffect(K({eventType:_},v.getCursor(M)))},Z=function(_){_.preventDefault(),v(document).removeEvent(["CropperEffectMove","CropperEffectEnd"])};v(f).removeEvent(["CropperMouseWheel","CropperTouchStart","CropperMouseDown"]).addEvent({eventID:"CropperMouseWheel",eventType:"wheel",callback:_=>{_.preventDefault();let M=Number(_.wheelDelta*.04),T=L.scale.current+M;T=Math.max(T,L.scale.min),T=Math.min(T,L.scale.max),g(T)},options:{passive:!1}}).addEvent({eventType:"touchstart",eventID:"CropperTouchStart",callback:Q,options:{passive:!1}}).addEvent({eventType:"mousedown",eventID:"CropperMouseDown",callback:Q,options:{passive:!1}}),yield v.pending(1e3),C("ok")}catch(f){C("error"),d((f==null?void 0:f.message)||v.Stringify(f)),console.error(f)}})},[e.id]),ee(()=>{var I;let f=(I=q.get(h))==null?void 0:I.Instance;f&&f.updateScale(y)},[y]),ee(()=>{var I;let f=(I=q.get(h))==null?void 0:I.Instance;f&&f.updateFilter({grayScale:b,tone:E,rotate:R})},[b,E,R]),o(N.Body,{borderRadius:0,height:"viewHeight",width:"viewWidth",children:m(J,{className:[O("Wrap"),O("Use_"+i)].join(" "),gap:0,height:1,position:"relative",overflow:"hidden",borderRadius:"inherit",children:[m(X,{position:"absolute",top:"50%",left:"50%",flexCenter:!0,freeCSS:{zIndex:2,transform:"translate( -50%,-50% )",pointerEvents:"none"},children:[s=="init"&&o(te.Theme.XL,{showInitial:!0}),s=="error"&&m(w.Supplement,{fontColor:"nega",children:["\u753B\u50CF\u306E\u8AAD\u307F\u8FBC\u307F\u306B\u5931\u6557\u3057\u307E\u3057\u305F",o(w.Description,{children:S})]})]}),m(X,{flexSizing:0,overflow:"hidden",position:"relative",flexCenter:!0,paddingBottom:6,freeCSS:{zIndex:1,backgroundColor:"#000f0f"},children:[o("canvas",{style:{width:"100%",height:"100%"},width:r,height:r,className:O("Canvas"),id:"Canvas-"+h}),o(w.Supplement,{position:"absolute",bottom:1,left:1,right:1,ssCardBox:"plain",boxShadow:"0.max",padding:1,backgroundColor:"layer.0.opa.few",freeCSS:{backdropFilter:"blur(6px)"},children:m(J,{gap:"1/2",children:[m(B.Left,{gap:"1/2",flexWrap:!0,fontColor:"white",fontSize:"0.xs",fontHeight:1.2,children:[m(w,{children:["[",e.type,"]"]}),o(w,{children:e.name}),m(w,{children:[A,"px x ",ie,"px"]}),m(w,{children:["[",e.size.rank(),"B]"]})]}),m(B.Left,{gap:"1/2",verticalAlign:"unset",flexWrap:!0,children:[o(se.SettingRegion,{DefaultOptions:l,val_scale:y,set_scale:g,val_tone:E,set_tone:$,val_grayScale:b,set_grayScale:D,val_rotate:R,set_rotate:x}),o(me,{}),o(k.Border.S,{onClick:()=>{a()},children:"\u9589\u3058\u308B"}),o(k.Prime.S,{boxShadow:"3.remark",onClick:()=>V(void 0,null,function*(){var P;let f=(P=q.get(h))==null?void 0:P.Instance;if(!f)return;te.fn.mini.active("CropperExportation");let I=yield f.export();setTimeout(()=>{te.fn.mini.stop("CropperExportation"),t(I)},1e3)}),children:m(B.Center,{gap:"1/2",children:[o(te.White.R,{loaderID:"CropperExportation"}),"\u6C7A\u5B9A"]})})]})]})})]})]})})},SettingRegion:u=>{let e=["","\u6696\u8272","\u5BD2\u8272","\u30BB\u30D4\u30A2","\u30B7\u30A2\u30F3","\u30DE\u30BC\u30F3\u30BF","\u30A4\u30A8\u30ED\u30FC","\u30AA\u30EA\u30B8\u30CA\u30EB1","\u30AA\u30EA\u30B8\u30CA\u30EB2","\u30AA\u30EA\u30B8\u30CA\u30EB3","\u30AA\u30EA\u30B8\u30CA\u30EB4"],c=t=>e[t]||"\u306A\u3057";return m(Ce,{children:[m(B.Center,{gap:"1/6",children:[m(k.Border.S,{flexCenter:!0,gap:"1/4",border:"unset",borderTopRightRadius:0,borderBottomRightRadius:0,onClick:()=>{let t=u.val_rotate-90;t<0&&(t+=360),u.set_rotate(t)},children:[o(w,{children:"90\xB0"}),o(H,{icon:de,fontColor:"4.thin"})]}),m(k.Border.S,{flexCenter:!0,gap:"1/4",border:"unset",borderTopLeftRadius:0,borderBottomLeftRadius:0,onClick:()=>{u.set_rotate((u.val_rotate+90)%360)},children:[o(H,{icon:ge,fontColor:"4.thin"}),o(w,{children:"90\xB0"})]})]}),m(k.Border.S,{flexCenter:!0,gap:"1/2",border:"unset",onClick:t=>{let a="CropperZoomEdit";j.open({tipsID:a,gravityPoint:3,event:t,closeAtParentBlur:!1,freeCSS:{minWidth:12*26},content:o(N.Body,{children:m(J,{padding:1.5,children:[m(B.Separate,{children:[o(w.Paragraph,{children:m(B.Center,{gap:"1/2",children:[o(H.Search,{fontColor:"5.translucent"}),"Zoom"]})}),o(k.Sub,{color:"cloud",ssSphere:2.5,onClick:()=>{j.close(a)},children:o(H.X,{})})]}),o(X,{borderBottom:!0,opacity:"low"}),o(ae.Slider,{override:"force",value:u.val_scale-u.DefaultOptions.scale.min,min:u.DefaultOptions.scale.min-100,max:u.DefaultOptions.scale.max-100,step:25,onUpdateValidValue:(i,n)=>{v.interval.once(()=>{u.set_scale(i+100)},250,"Cropper.UpdateScale")},onLegendRender:i=>"x"+Math.round(100+i)/100})]})})})},children:[o(w.Supplement,{fontSize:"0.xs",fontColor:"4.thin",children:"Zoom"}),m(w,{unitWidth:4,children:[u.val_scale.rate(1,0),"%"]})]}),m(k.Border.S,{flexCenter:!0,gap:"1/2",border:"unset",onClick:t=>{let a="CropperGrayScaleEdit";j.open({tipsID:a,gravityPoint:3,event:t,closeAtParentBlur:!1,freeCSS:{minWidth:12*26},content:o(N.Body,{children:m(J,{padding:1.5,children:[m(B.Separate,{children:[o(w.Paragraph,{children:m(B.Center,{gap:"1/2",children:[o(H,{icon:ue,fontColor:"5.translucent"}),"Gray Scale"]})}),o(k.Sub,{color:"cloud",ssSphere:2.5,onClick:()=>{j.close(a)},children:o(H.X,{})})]}),o(X,{borderBottom:!0,opacity:"low"}),o(ae.Slider,{value:u.val_grayScale,min:0,max:100,step:10,onUpdateValidValue:i=>{v.interval.once(()=>{u.set_grayScale(i)},250,"Cropper.GrayScale")},onLegendRender:i=>i+"%"})]})})})},children:[o(w.Supplement,{fontSize:"0.xs",fontColor:"4.thin",children:"GrayScale"}),m(w,{children:[u.val_grayScale.rate(1,0),"%"]})]}),m(k.Border.S,{flexCenter:!0,gap:"1/2",border:"unset",onClick:t=>{let a="CropperToneEdit";j.open({tipsID:a,gravityPoint:3,event:t,closeAtParentBlur:!1,freeCSS:{minWidth:12*26,maxWidth:12*24},content:()=>{let i=[];for(let n=1;n<=10;n++)i.push({value:n,label:m(B.Left,{gap:"1/3",children:[o(X,{ssSphere:1,className:[O("ToneBall"),O("ToneBall_"+n)].join(" ")}),o(X,{textAlign:"left",flexSizing:0,children:c(n)})]})});return o(N.Body,{children:m(J,{padding:1.5,children:[m(B.Separate,{children:[o(w.Paragraph,{children:m(B.Center,{gap:"1/2",children:[o(H,{icon:fe,fontColor:"5.translucent"}),"Tone"]})}),o(k.Sub,{color:"cloud",ssSphere:2.5,onClick:()=>{j.close(a)},children:o(H.X,{})})]}),o(X,{borderBottom:!0,opacity:"low"}),o(ae.Radio.Normal,{value:u.val_tone,gap:"1/2",cellStyles:{fontColor:"3.blur"},options:[{value:0,label:o(X,{flexSizing:0,textAlign:"center",children:"\u306A\u3057"})},...i],onUpdateValidValue:n=>{u.set_tone(n)}})]})})}})},children:[o(w.Supplement,{fontSize:"0.xs",fontColor:"4.thin",children:"Tone"}),o(X,{boxShadow:"2.remark",ssSphere:1,className:[O("ToneBall"),O("ToneBall_"+u.val_tone)].join(" ")}),c(u.val_tone)]})]})}},oe={openDialogNEdit:u=>{ae.Filer.fn.openDialog({accept:"image",multiple:!1,onChange:e=>{oe.openEditor(K({imageFile:e[0]},u))}})},openEditor:u=>V(void 0,null,function*(){let e="CropperImage";N.open("middleCenter",{sheetID:e,size:"MAX",padding:0,margin:0,freeCSS:{maxWidth:"100%"},content:o(se.Core,{val_file:u.imageFile,options:u,finishedCallback:c=>{N.close(e),u.onProcessFinished(c)},abortCallback:()=>{N.close(e)}}),closeAtEscapeKeyDown:!1})})};export{oe as Cropper,oe as default};
1
+ import{b as K,c as ne,e as V}from"../chunk-C5N2D3ZX.js";import{Fragment as Ce,jsx as o,jsxs as p}from"react/jsx-runtime";import v,{Filer as he,UUID as me,useStore as q}from"jmini";import{$$fromRoot as le}from"../@utils";import{useState as X,useEffect as ee}from"react";import{Box as A,FAI as H,Column as J,FlexMargin as pe}from"../atoms";import{Row as B,Literal as w}from"../mols";import{Button as W}from"./Button";import N from"./Sheet";import te from"./Loader";import ae from"./Input";import{faPalette as ue}from"@fortawesome/free-solid-svg-icons/faPalette";import{faBarsStaggered as fe}from"@fortawesome/free-solid-svg-icons/faBarsStaggered";import{faRotateLeft as ge}from"@fortawesome/free-solid-svg-icons/faRotateLeft";import{faRotateRight as de}from"@fortawesome/free-solid-svg-icons/faRotateRight";import{CropperClasses as O}from"../@styles/componentClasses";import j from"./Tooltips";class ve{constructor(e){this.set_scale=e.set_scale,this.val_file=e.val_file,this.develops=e.develops;{let[h,l]=v.isArray(e.use)&&e.use||e.use.split(":").map(r=>Number(r)),m=h/l;this.usage={w:h,h:l,aspect:m}}this.componentId=e.componentId;let c=e.canvas,t=e.picture.image;this.Canvas={elm:c,ctx:c.getContext("2d")};let{width:a,height:i}=t,n=a/i;this.Picture={elm:t,originDataUrl:t.src,aspect:n,revisedAspect:1,rotate:e.picture.rotate,grayScale:e.picture.grayScale,tone:e.picture.tone},this.scale={current:e.scale.default,default:e.scale.default,min:e.scale.min,max:e.scale.max},this.usage.aspect<this.Picture.aspect?this.scale.min=100/n*this.usage.aspect:this.scale.min=100*n/this.usage.aspect,this.pst={frame:{x:0,y:0,w:0,h:0,aspect:1},outImage:{x:0,y:0,w:0,h:0},imageX:a/2,imageY:i/2,centerX:0,centerY:0},this.dragEffectInfo={origin:{x:0,y:0},frameExpandRate:{x:0,y:0}},this.pinchEffectInfo={origin:{x:0,y:0,scale:this.scale.current}},this.frameSizing(),this.modifyImage()}frameSizing(){let e=this.Canvas.elm,c=this.Picture.elm,t=0,a=0;{if(this.usage.aspect==1){let s=e.width*.6666666666666666,C=e.height*(2/3);a=t=Math.min(s,C)}else this.usage.aspect>1?(t=e.width*.9,a=t/this.usage.aspect):(a=e.height*.9,t=a*this.usage.aspect);let r=.85;a>e.height*r&&(a=e.height*r,t=a*this.usage.aspect),t>e.width*r&&(t=e.width*r,a=t/this.usage.aspect)}let{width:i,height:n}=c,h=(e.width-t)/2,l=(e.height-a)/2,m=t/a;this.pst={frame:{x:h,y:l,w:t,h:a,aspect:m},outImage:{x:0,y:0,w:0,h:0},imageX:i/2,imageY:n/2,centerX:e.width/2,centerY:e.height/2}}dragEffect(e){let{eventType:c,x:t,y:a}=e;if(c=="start"){let i=this.Canvas.elm.position();this.dragEffectInfo={origin:{x:t,y:a},frameExpandRate:{x:this.Canvas.elm.width/i.width,y:this.Canvas.elm.height/i.height}}}else{let{origin:i,frameExpandRate:n}=this.dragEffectInfo,h=i.x-t,l=i.y-a,m=this.scale.current*this.Picture.revisedAspect/100,r=h/m*n.x,s=l/m*n.y;c=="move"?this.drawImage(this.pst.imageX+r,this.pst.imageY+s):c=="end"&&this.drawImage(this.pst.imageX+=r,this.pst.imageY+=s)}}pinchEffect(e){let{eventType:c,event:t}=e,{x:a,y:i}=v.getCursor(t.touches[0]),{x:n,y:h}=v.getCursor(t.touches[1]),l=n-a,m=h-i;if(c=="start")this.pinchEffectInfo.origin={x:l,y:m,scale:this.scale.current};else if(c=="move"){let{origin:r}=this.pinchEffectInfo,s=Math.sqrt(Math.pow(r.x,2)+Math.pow(r.y,2)),S=Math.sqrt(Math.pow(l,2)+Math.pow(m,2))/s,g=Number(r.scale*S);this.set_scale(g)}}updateScale(e){let c=e;c=Math.max(c,this.scale.min),c=Math.min(c,this.scale.max),this.scale.current=c,this.drawImage()}updateFilter(e){this.Picture.grayScale=e.grayScale,this.Picture.tone=e.tone,this.Picture.rotate=e.rotate,this.modifyImage()}modifyImage(){return V(this,null,function*(){let{grayScale:e,tone:c,rotate:t}=this.Picture;const a=document.createElement("canvas");let i=a.getContext("2d"),n=yield v.ImageLoader(this.Picture.originDataUrl),h=n.width,l=n.height;(t==90||t==270)&&(h=n.height,l=n.width),a.width=h,a.height=l,e&&(i.filter="grayscale("+e+"%)"),t&&(i.translate(h/2,l/2),i.rotate(t*Math.PI/180),v.isOneOf(t,90,270)?i.translate(-l/2,-h/2):i.translate(-h/2,-l/2)),i.drawImage(n,0,0,n.width,n.height);let m=i.getImageData(0,0,a.width,a.height),r=m.data;{e/=100;let g=[[255,255,255],[255,200,100],[170,170,255],[240,200,145],[128,255,255],[255,128,255],[255,255,128],[128,158,169],[128,112,162],[50,192,87],[246,100,140]][c],x=g[0]/255,d=g[1]/255,R=g[2]/255;for(let b=0;b<l;b++)for(let y=0;y<h;y++){var s=(b*h+y)*4;if(e){let D=.3*r[s]+.59*r[s+1]+.11*r[s+2];for(var C=0;C<3;C++){let E=r[s+C];r[s+C]=E+(D-E)*e}}r[s]*=x,r[s+1]*=d,r[s+2]*=R}}i.putImageData(m,0,0);let S=a.toDataURL("image/jpeg");{let g=yield v.ImageLoader(S),{width:x,height:d}=g,R=x/d;this.Picture=ne(K({},this.Picture),{elm:g,aspect:R,revisedAspect:this.pst.frame.aspect>R?this.pst.frame.w/x:this.pst.frame.h/d})}this.drawImage()})}drawImage(e,c){let{Canvas:{ctx:t,elm:a},pst:{frame:i}}=this;t.clearRect(0,0,this.Canvas.elm.width,this.Canvas.elm.height);let n=e||this.pst.imageX,h=c||this.pst.imageY;{let l=this.scale.current/100,m=this.Picture.revisedAspect*l,r=this.pst.centerX-n*m,s=this.pst.centerY-h*m,C=this.Picture.elm.width*m,S=this.Picture.elm.height*m,g=0,x=0;this.usage.aspect<this.Picture.aspect?(g=C,x=g/this.usage.aspect):(x=S,g=x*this.usage.aspect);{let d=this.pst.frame.x-(C-g)/2,R=this.pst.frame.x+this.pst.frame.w-(C+g)/2,b=this.pst.frame.y-(S-x)/2,y=this.pst.frame.y+this.pst.frame.h-(S+x)/2,D=0;r<R&&(D=r-R),r>d&&(D=r-d);let E=0;s<y&&(E=s-y),s>b&&(E=s-b),this.dragEffectInfo.origin.x+=D/2/this.dragEffectInfo.frameExpandRate.x,this.dragEffectInfo.origin.y+=E/2/this.dragEffectInfo.frameExpandRate.y,r=Math.min(Math.max(r,R),d),s=Math.min(Math.max(s,y),b)}this.pst.outImage={x:r,y:s,w:C,h:S};{let d=1;t.lineWidth=d,t.strokeStyle="#ffffff66",t.strokeRect(r+(C-g)/2-d,s+(S-x)/2-d,g+d*2,x+d*2)}t.drawImage(this.Picture.elm,0,0,this.Picture.elm.width,this.Picture.elm.height,r,s,C,S)}{if(this.usage.aspect==1){t.fillStyle="rgba( 20,24,20,.5 )",t.beginPath();let l=a.width/3*2,m=a.height/3*2,r=Math.min(l,m),s=Math.max(l,m);t.arc(a.width/2,a.height/2,s*1.41,0,Math.PI*2,!0),t.arc(a.width/2,a.height/2,r/2,0,Math.PI*2,!1),t.closePath(),t.fill()}else t.fillStyle="rgba( 20,24,20,.5 )";{let m=v(document.body).getStyleProperty("--color-theme-hsl"),r=2;t.lineWidth=r,t.strokeStyle=`hsla( ${m},1 )`,t.strokeRect(i.x-r,i.y-r,i.w+r*2,i.h+r*2)}}}export(){return V(this,null,function*(){let{Canvas:e,develops:c,Picture:t,pst:{outImage:a,frame:i}}=this,n=a.w/t.elm.width,h=a.h/t.elm.height,l=(i.x-a.x)/n,m=i.w/n,r=(i.y-a.y)/h,s=i.h/h,C=Array.from({length:c.length}),S="image/jpeg";for(let g=0;g<c.length;g++){let{size:x,maxSize:d}=c[g];d=d||{S:1024*20,R:1024*100,L:1024*350}[x];let R={S:140,R:600,L:1200}[x],b=document.createElement("canvas");b.width=m,b.height=s;let y=document.createElement("canvas");y.width=R,y.height=R/this.usage.aspect;let D=b.getContext("2d");if(!D)return;let E=y.getContext("2d");if(!E)return;D.clearRect(0,0,b.width,b.height),D.drawImage(this.Picture.elm,l,r,m,s,0,0,m,s),E.fillStyle="black",E.drawImage(b,0,0,b.width,b.height,0,0,y.width,y.height);let Z=y.toDataURL(S),z=yield Z.toBlob(S);if(!z)return;if(z.size>=d){let ie=d/z.size;if(Z=y.toDataURL(S,ie*.92),z=yield Z.toBlob(S),!z)return}let re=new File([z],this.val_file.name,{type:S});C[g]=re}return C})}}const se={Core:u=>{let{val_file:e,options:c,finishedCallback:t,abortCallback:a}=u,{use:i,develops:n=[]}=c,[h]=X(me());const l={scale:{default:120,min:50,max:300},rotate:0,grayScale:0,tone:0};let m=2048*2048,r=1024,[s,C]=X("init"),[S,g]=X(""),[x,d]=X(l.scale.default),[R,b]=X(l.rotate),[y,D]=X(l.grayScale),[E,Z]=X(l.tone),[z,re]=X(-1),[ie,ce]=X(-1);return ee(()=>{let f="CropperResize";return v(window).onEvent("resize",()=>{v.interval.once(()=>{var $;let I=le("#Canvas-"+h)[0];if(!I)return;let P=($=q.get(h))==null?void 0:$.Instance;if(!P)return;let F=I.position(),U=F.width/F.height,Y=r,k=Y/U;if(Y*k>m){let G=Y*k/m;Y=Math.floor(Y/Math.sqrt(G)),k=Math.floor(k/Math.sqrt(G))}I.width=r,I.height=k;let{width:L,height:Q}=I;P.pst.centerX=L/2,P.pst.centerY=Q/2,P.frameSizing(),P.modifyImage()},250,"CropperResize")},{eventID:f}),()=>{v(window).removeEvent(f)}},[]),ee(()=>{q.set({[h]:{}}),V(void 0,null,function*(){try{let f=le("#Canvas-"+h)[0];if(!f)return;let I=f.position(),P=I.width/I.height,F=r,U=F/P;if(F*U>m){let _=F*U/m;F=Math.floor(F/Math.sqrt(_)),U=Math.floor(U/Math.sqrt(_))}f.width=F,f.height=U;let Y=he(e),k=yield v.ImageLoader(yield Y.toObjectURL());re(k.width),ce(k.height);let L=new ve({set_scale:d,val_file:e,develops:n,use:i,scale:l.scale,componentId:h,canvas:f,picture:{image:k,grayScale:l.grayScale,tone:l.tone,rotate:l.rotate}});q.set({[h]:{Instance:L}});const Q=function(_){if(_.preventDefault(),_.touches&&_.touches.length>1)L.pinchEffect({eventType:"start",event:_}),v(document).onEvent("touchmove",M=>{M.preventDefault(),L.pinchEffect({eventType:"move",event:M})},{eventID:"CropperEffectMove",passive:!1}).onEvent("touchend",G,{eventID:"CropperEffectEnd",passive:!1});else{L.dragEffect(K({eventType:"start"},v.getCursor(_)));let{type:M}=_;v(document).onEvent(M=="touchstart"?"touchmove":"mousemove",T=>{$("move",T)},{eventID:"CropperEffectMove",passive:!1}).onEvent(M=="touchstart"?"touchend":"mouseup",T=>{$("end",T),G(T)},{eventID:"CropperEffectEnd",passive:!1})}},$=function(_,M){M.preventDefault(),L.dragEffect(K({eventType:_},v.getCursor(M)))},G=function(_){_.preventDefault(),v(document).removeEvent(["CropperEffectMove","CropperEffectEnd"])};v(f).removeEvent(["CropperMouseWheel","CropperTouchStart","CropperMouseDown"]).onEvent("wheel",_=>{_.preventDefault();let M=Number(_.wheelDelta*.04),T=L.scale.current+M;T=Math.max(T,L.scale.min),T=Math.min(T,L.scale.max),d(T)},{eventID:"CropperMouseWheel",passive:!1}).onEvent("touchstart",Q,{eventID:"CropperTouchStart",passive:!1}).onEvent("mousedown",Q,{eventID:"CropperMouseDown",passive:!1}),yield v.pending(1e3),C("ok")}catch(f){C("error"),g((f==null?void 0:f.message)||v.Stringify(f)),console.error(f)}})},[e.id]),ee(()=>{var I;let f=(I=q.get(h))==null?void 0:I.Instance;f&&f.updateScale(x)},[x]),ee(()=>{var I;let f=(I=q.get(h))==null?void 0:I.Instance;f&&f.updateFilter({grayScale:y,tone:E,rotate:R})},[y,E,R]),o(N.Body,{borderRadius:0,height:"viewHeight",width:"viewWidth",children:p(J,{className:[O("Wrap"),O("Use_"+i)].join(" "),gap:0,height:1,position:"relative",overflow:"hidden",borderRadius:"inherit",children:[p(A,{position:"absolute",ssZIndex:2,top:"50%",left:"50%",flexCenter:!0,xcss:{transform:"translate( -50%,-50% )",pointerEvents:"none"},children:[s=="init"&&o(te.Theme.XL,{showInitial:!0}),s=="error"&&p(w.Supplement,{fontColor:"nega",children:["\u753B\u50CF\u306E\u8AAD\u307F\u8FBC\u307F\u306B\u5931\u6557\u3057\u307E\u3057\u305F",o(w.Description,{children:S})]})]}),p(A,{flexSizing:0,overflow:"hidden",ssZIndex:1,flexCenter:!0,paddingBottom:6,xcss:{backgroundColor:"#000f0f"},children:[o("canvas",{style:{width:"100%",height:"100%"},width:r,height:r,className:O("Canvas"),id:"Canvas-"+h}),o(w.Supplement,{position:"absolute",bottom:1,left:1,right:1,ssCardBox:"plain",boxShadow:"0.max",padding:1,backgroundColor:"layer.0.opa.few",xcss:{backdropFilter:"blur(6px)"},children:p(J,{gap:"1/2",children:[p(B.Left,{gap:"1/2",flexWrap:!0,fontColor:"white",fontSize:"0.xs",fontHeight:1.2,children:[p(w,{children:["[",e.type,"]"]}),o(w,{children:e.name}),p(w,{children:[z,"px x ",ie,"px"]}),p(w,{children:["[",e.size.rank(),"B]"]})]}),p(B.Left,{gap:"1/2",verticalAlign:"unset",flexWrap:!0,children:[o(se.SettingRegion,{DefaultOptions:l,val_scale:x,set_scale:d,val_tone:E,set_tone:Z,val_grayScale:y,set_grayScale:D,val_rotate:R,set_rotate:b}),o(pe,{}),o(W.Border.S,{onClick:()=>{a()},children:"\u9589\u3058\u308B"}),o(W.Prime.S,{boxShadow:"3.remark",onClick:()=>V(void 0,null,function*(){var P;let f=(P=q.get(h))==null?void 0:P.Instance;if(!f)return;te.fn.mini.active("CropperExportation");let I=yield f.export();setTimeout(()=>{te.fn.mini.stop("CropperExportation"),t(I)},1e3)}),children:p(B.Center,{gap:"1/2",children:[o(te.White.R,{loaderID:"CropperExportation"}),"\u6C7A\u5B9A"]})})]})]})})]})]})})},SettingRegion:u=>{let e=["","\u6696\u8272","\u5BD2\u8272","\u30BB\u30D4\u30A2","\u30B7\u30A2\u30F3","\u30DE\u30BC\u30F3\u30BF","\u30A4\u30A8\u30ED\u30FC","\u30AA\u30EA\u30B8\u30CA\u30EB1","\u30AA\u30EA\u30B8\u30CA\u30EB2","\u30AA\u30EA\u30B8\u30CA\u30EB3","\u30AA\u30EA\u30B8\u30CA\u30EB4"],c=t=>e[t]||"\u306A\u3057";return p(Ce,{children:[p(B.Center,{gap:"1/6",children:[p(W.Border.S,{flexCenter:!0,gap:"1/4",border:"unset",borderTopRightRadius:0,borderBottomRightRadius:0,onClick:()=>{let t=u.val_rotate-90;t<0&&(t+=360),u.set_rotate(t)},children:[o(w,{children:"90\xB0"}),o(H,{icon:ge,fontColor:"4.thin"})]}),p(W.Border.S,{flexCenter:!0,gap:"1/4",border:"unset",borderTopLeftRadius:0,borderBottomLeftRadius:0,onClick:()=>{u.set_rotate((u.val_rotate+90)%360)},children:[o(H,{icon:de,fontColor:"4.thin"}),o(w,{children:"90\xB0"})]})]}),p(W.Border.S,{flexCenter:!0,gap:"1/2",border:"unset",onClick:t=>{let a="CropperZoomEdit";j.open({tipsID:a,gravityPoint:3,event:t,closeAtParentBlur:!1,xcss:{minWidth:12*26},content:o(N.Body,{children:p(J,{padding:1.5,children:[p(B.Separate,{children:[o(w.Paragraph,{children:p(B.Center,{gap:"1/2",children:[o(H.Search,{fontColor:"5.translucent"}),"Zoom"]})}),o(W.Sub,{color:"cloud",ssSphere:2.5,onClick:()=>{j.close(a)},children:o(H.X,{})})]}),o(A,{borderBottom:!0,opacity:"low"}),o(ae.Slider,{override:"force",value:u.val_scale-u.DefaultOptions.scale.min,min:u.DefaultOptions.scale.min-100,max:u.DefaultOptions.scale.max-100,step:25,onUpdateValidValue:(i,n)=>{v.interval.once(()=>{u.set_scale(i+100)},250,"Cropper.UpdateScale")},onLegendRender:i=>"x"+Math.round(100+i)/100})]})})})},children:[o(w.Supplement,{fontSize:"0.xs",fontColor:"4.thin",children:"Zoom"}),p(w,{unitWidth:4,children:[u.val_scale.rate(1,0),"%"]})]}),p(W.Border.S,{flexCenter:!0,gap:"1/2",border:"unset",onClick:t=>{let a="CropperGrayScaleEdit";j.open({tipsID:a,gravityPoint:3,event:t,closeAtParentBlur:!1,xcss:{minWidth:12*26},content:o(N.Body,{children:p(J,{padding:1.5,children:[p(B.Separate,{children:[o(w.Paragraph,{children:p(B.Center,{gap:"1/2",children:[o(H,{icon:ue,fontColor:"5.translucent"}),"Gray Scale"]})}),o(W.Sub,{color:"cloud",ssSphere:2.5,onClick:()=>{j.close(a)},children:o(H.X,{})})]}),o(A,{borderBottom:!0,opacity:"low"}),o(ae.Slider,{value:u.val_grayScale,min:0,max:100,step:10,onUpdateValidValue:i=>{v.interval.once(()=>{u.set_grayScale(i)},250,"Cropper.GrayScale")},onLegendRender:i=>i+"%"})]})})})},children:[o(w.Supplement,{fontSize:"0.xs",fontColor:"4.thin",children:"GrayScale"}),p(w,{children:[u.val_grayScale.rate(1,0),"%"]})]}),p(W.Border.S,{flexCenter:!0,gap:"1/2",border:"unset",onClick:t=>{let a="CropperToneEdit";j.open({tipsID:a,gravityPoint:3,event:t,closeAtParentBlur:!1,xcss:{minWidth:12*26,maxWidth:12*24},content:()=>{let i=[];for(let n=1;n<=10;n++)i.push({value:n,label:p(B.Left,{gap:"1/3",children:[o(A,{ssSphere:1,className:[O("ToneBall"),O("ToneBall_"+n)].join(" ")}),o(A,{textAlign:"left",flexSizing:0,children:c(n)})]})});return o(N.Body,{children:p(J,{padding:1.5,children:[p(B.Separate,{children:[o(w.Paragraph,{children:p(B.Center,{gap:"1/2",children:[o(H,{icon:fe,fontColor:"5.translucent"}),"Tone"]})}),o(W.Sub,{color:"cloud",ssSphere:2.5,onClick:()=>{j.close(a)},children:o(H.X,{})})]}),o(A,{borderBottom:!0,opacity:"low"}),o(ae.Radio.Normal,{value:u.val_tone,gap:"1/2",cellStyles:{fontColor:"3.blur"},options:[{value:0,label:o(A,{flexSizing:0,textAlign:"center",children:"\u306A\u3057"})},...i],onUpdateValidValue:n=>{u.set_tone(n)}})]})})}})},children:[o(w.Supplement,{fontSize:"0.xs",fontColor:"4.thin",children:"Tone"}),o(A,{boxShadow:"2.remark",ssSphere:1,className:[O("ToneBall"),O("ToneBall_"+u.val_tone)].join(" ")}),c(u.val_tone)]})]})}},oe={openDialogNEdit:u=>{ae.Filer.fn.openDialog({accept:"image",multiple:!1,onChange:e=>{oe.openEditor(K({imageFile:e[0]},u))}})},openEditor:u=>V(void 0,null,function*(){let e="CropperImage";N.open("middleCenter",{sheetID:e,size:"MAX",padding:0,margin:0,xcss:{maxWidth:"100%"},content:o(se.Core,{val_file:u.imageFile,options:u,finishedCallback:c=>{N.close(e),u.onProcessFinished(c)},abortCallback:()=>{N.close(e)}}),closeAtEscapeKeyDown:!1})})};export{oe as Cropper,oe as default};