amotify 0.2.277 → 0.2.279
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/demo/esbuild/designBook.tsx +7 -60
- package/demo/next/package.json +1 -1
- package/dist/@declares/index.d.ts +9 -2
- package/dist/@declares/property.d.ts +2 -1
- package/dist/@styles/componentClasses/index.css +1 -1
- package/dist/@styles/componentClasses/index.js +1 -1
- package/dist/@styles/index.css +1 -1
- package/dist/@styles/index.js +1 -1
- package/dist/@styles/style.css +1 -1
- package/dist/@styles/style.js +1 -1
- package/dist/@utils/GenerateClassName.d.ts +2 -2
- package/dist/@utils/GenerateClassName.js +1 -1
- package/dist/@utils/config.d.ts +7 -7
- package/dist/@utils/config.js +1 -1
- package/dist/atoms/Box.d.ts +2 -2
- package/dist/atoms/Box.js +1 -1
- package/dist/atoms/FAI.d.ts +2 -2
- package/dist/atoms/FAI.js +1 -1
- package/dist/atoms/Grid.js +2 -2
- package/dist/atoms/Img.d.ts +2 -2
- package/dist/atoms/Img.js +1 -1
- package/dist/atoms/Logo.d.ts +3 -3
- package/dist/atoms/Logo.js +2 -2
- package/dist/fn/Button.d.ts +3 -3
- package/dist/fn/Button.js +1 -1
- package/dist/fn/DataGrid/index.d.ts +142 -0
- package/dist/fn/DataGrid/index.js +1 -0
- package/dist/fn/Input/Autocomplete.d.ts +2 -2
- package/dist/fn/Input/Autocomplete.js +1 -1
- package/dist/fn/Input/DigitCharacters.d.ts +2 -2
- package/dist/fn/Input/DigitCharacters.js +1 -1
- package/dist/fn/Input/Drum.js +1 -1
- package/dist/fn/Input/Filer.d.ts +2 -2
- package/dist/fn/Input/Filer.js +1 -1
- package/dist/fn/Input/Label.d.ts +2 -2
- package/dist/fn/Input/Label.js +1 -1
- package/dist/fn/Input/List.d.ts +7 -7
- package/dist/fn/Input/List.js +1 -1
- package/dist/fn/Input/Parts.d.ts +2 -2
- package/dist/fn/Input/Parts.js +1 -1
- package/dist/fn/Input/Plain.d.ts +2 -2
- package/dist/fn/Input/Plain.js +1 -1
- package/dist/fn/Input/Segmented.js +1 -1
- package/dist/fn/Input/Select.d.ts +4 -4
- package/dist/fn/Input/Select.js +1 -1
- package/dist/fn/Input/Slider.js +1 -1
- package/dist/fn/Input/Switch.d.ts +6 -6
- package/dist/fn/Input/Switch.js +1 -1
- package/dist/fn/Input/TextField.js +2 -2
- package/dist/fn/Input/Time/Selector.d.ts +1 -1
- package/dist/fn/Input/Time/Selector.js +1 -1
- package/dist/fn/Input/core.js +1 -1
- package/dist/fn/Input/index.d.ts +3 -3
- package/dist/fn/Input/index.js +1 -1
- package/dist/fn/Loader/corner.js +1 -1
- package/dist/fn/Loader/index.d.ts +2 -2
- package/dist/fn/Loader/index.js +1 -1
- package/dist/fn/Loader/mini.js +1 -1
- package/dist/fn/RootViewController.d.ts +2 -2
- package/dist/fn/RootViewController.js +1 -1
- package/dist/fn/Sheet.d.ts +3 -3
- package/dist/fn/Sheet.js +1 -1
- package/dist/fn/SwipeView.d.ts +2 -2
- package/dist/fn/SwipeView.js +1 -1
- package/dist/fn/TabBar.d.ts +2 -2
- package/dist/fn/TabBar.js +1 -1
- package/dist/fn/Table/Data.d.ts +3 -9
- package/dist/fn/Table/Data.js +1 -1
- package/dist/fn/Table/Drag.js +1 -1
- package/dist/fn/Table/Parts.d.ts +6 -6
- package/dist/fn/Table/Parts.js +1 -1
- package/dist/fn/Table/Wrapper.js +1 -1
- package/dist/fn/Table/cellStyling.d.ts +3 -3
- package/dist/fn/Table/cellStyling.js +1 -1
- package/dist/fn/Table/index.d.ts +5 -7
- package/dist/fn/Table/index.js +1 -1
- package/dist/fn/Tips.js +1 -1
- package/dist/fn/Tooltips.d.ts +10 -4
- package/dist/fn/Tooltips.js +1 -1
- package/dist/fn/index.d.ts +1 -0
- package/dist/fn/index.js +1 -1
- package/dist/index.d.ts +4 -1
- package/dist/mols/List.d.ts +2 -2
- package/dist/mols/List.js +1 -1
- package/dist/mols/Literal.d.ts +2 -2
- package/dist/mols/Literal.js +1 -1
- package/dist/mols/Row.d.ts +2 -2
- package/package.json +2 -2
package/dist/@styles/style.js
CHANGED
|
@@ -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:"
|
|
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,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { StyleProps } from '../@declares';
|
|
2
2
|
declare namespace StyleConverter {
|
|
3
3
|
type ReadStyleSet<T = any> = {
|
|
4
4
|
(p: T): T;
|
|
@@ -7,7 +7,7 @@ declare namespace StyleConverter {
|
|
|
7
7
|
<T = any>(p: T): T;
|
|
8
8
|
};
|
|
9
9
|
type ExtractStyles = {
|
|
10
|
-
(p: any):
|
|
10
|
+
(p: any): StyleProps.States;
|
|
11
11
|
};
|
|
12
12
|
}
|
|
13
13
|
export declare const ReadStyleSet: StyleConverter.ReadStyleSet;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{b as a,c as He,d as Ne}from"../chunk-C5N2D3ZX.js";import d from"jmini";import{Config as ke}from".";const e={toConcreteBorderRadius:n=>{let A=ke.get().roundness|0;return n=="1.tone.primary"?n=[0,2,3,4,5,5][A]:n=="2.tone.secondary"?n=[0,1,2,3,4,5][A]:n=="3.tone.tertiary"&&(n=[0,"1/3","2/3",1,2,3][A]),n},ev:n=>d.isExist(n),ClassNames:(n,A)=>{var U,Be,Re,N,Ce,Te,_e,Le,we,We;let i=[],{gap:l,display:B,position:R,overflow:F,fontColor:P,fontSize:G,fontWeight:j,fontHeight:g,backgroundColor:q,textAlign:E,textDecoration:O,boxShadow:M,margin:p,marginTop:S,marginRight:o,marginBottom:r,marginLeft:y,padding:f,paddingTop:s,paddingRight:x,paddingBottom:C,paddingLeft:T,top:J,right:K,bottom:Q,left:Y,border:H,borderTop:u,borderRight:v,borderBottom:m,borderLeft:b,borderWidth:Z,borderColor:ee,borderStyle:te,borderRadius:z,borderTopLeftRadius:_,borderTopRightRadius:L,borderBottomLeftRadius:w,borderBottomRightRadius:W,flexSizing:ie,flexWrap:re,flexType:oe,flexChilds:se,flexGrid:ae,horizontalAlign:de,verticalAlign:ne,transition:le,gridCenter:ge,gridCols:pe,maxHeight:he,minHeight:fe,maxWidth:ue,minWidth:ve,width:me,height:be,unitHeight:Se,unitWidth:xe,opacity:ce}=A;{if(e.ev(B)&&i.push("dsp"+B),F){let c=d.Arrayify(F);i.push("ovfl-x-"+c[0]),i.push("ovfl-y-"+(c[1]||c[0]))}e.ev(R)&&i.push("ps"+R),e.ev(E)&&i.push("txtalg"+E),e.ev(E)&&i.push("txtdeco"+O),e.ev(P)&&i.push("ftcl"+((U=String(P))==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(g)&&i.push("fthgt"+((N=String(g))==null?void 0:N.replace(/\./g,"_"))),e.ev(q)&&i.push("bgc"+((Ce=String(q))==null?void 0:Ce.replace(/\./g,"_"))),e.ev(M)&&i.push("bs"+M);let D,$,I,V;d.isExist(p)&&(d.isArray(p)?p.length==2?[D,$,I,V]=[...p,...p]:p.length==4&&([D,$,I,V]=p):D=$=I=V=p,S=S!=null?S:D,o=o!=null?o:$,r=r!=null?r:I,y=y!=null?y:V),e.ev(S)&&i.push("mrgt"+S),e.ev(o)&&i.push("mrgr"+o),e.ev(r)&&i.push("mrgb"+r),e.ev(y)&&i.push("mrgl"+y);let X,t,Ae,ye;d.isExist(f)&&(d.isArray(f)?f.length==2?[X,t,Ae,ye]=[...f,...f]:f.length==4&&([X,t,Ae,ye]=f):X=t=Ae=ye=f,s=s!=null?s:X,x=x!=null?x:t,C=C!=null?C:Ae,T=T!=null?T:ye),e.ev(s)&&i.push("pdt"+s),e.ev(x)&&i.push("pdr"+x),e.ev(C)&&i.push("pdb"+C),e.ev(T)&&i.push("pdl"+T),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);{d.isExist(H)&&(u=u!=null?u:H,v=v!=null?v:H,m=m!=null?m:H,b=b!=null?b:H),d.isBoolean(u)&&(u=["unset","2.normal"][Number(u)]),d.isBoolean(v)&&(v=["unset","2.normal"][Number(v)]),d.isBoolean(m)&&(m=["unset","2.normal"][Number(m)]),d.isBoolean(b)&&(b=["unset","2.normal"][Number(b)]),e.ev(u)&&i.push("b_t_ss"+((Te=String(u))==null?void 0:Te.replace(/\./g,"_"))),e.ev(v)&&i.push("b_r_ss"+((_e=String(v))==null?void 0:_e.replace(/\./g,"_"))),e.ev(m)&&i.push("b_b_ss"+((Le=String(m))==null?void 0:Le.replace(/\./g,"_"))),e.ev(b)&&i.push("b_l_ss"+((we=String(b))==null?void 0:we.replace(/\./g,"_"))),d.isExist(Z)&&i.push("b_wth"+String(Z)),d.isExist(ee)&&i.push("b_cl"+((We=String(ee))==null?void 0:We.replace(/\./g,"_"))),d.isExist(te)&&i.push("b_st"+String(te));{let c,h,k,Ee;d.isExist(z)&&(d.isArray(z)?z.length==4&&([c,h,Ee,k]=z):c=h=k=Ee=z,_=_!=null?_:c,L=L!=null?L:h,w=w!=null?w:k,W=W!=null?W:Ee)}e.ev(_)&&i.push("br_tl"+e.toConcreteBorderRadius(_)),e.ev(L)&&i.push("br_tr"+e.toConcreteBorderRadius(L)),e.ev(w)&&i.push("br_bl"+e.toConcreteBorderRadius(w)),e.ev(W)&&i.push("br_br"+e.toConcreteBorderRadius(W))}if(e.ev(ce)&&i.push("op"+ce),d.isExist(l)){let c,h;d.isArray(l)?(c=l[0],h=l[1]):c=h=l,i.push("gapRow"+c,"gapCol"+h)}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(ae)&&i.push("flgrid"+ae),e.ev(ne)&&i.push("flvrt"+ne),e.ev(de)&&i.push("flhrz"+de),e.ev(ge)&&i.push("grcnt"+ge),e.ev(pe)&&i.push("grcol"+pe),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 y=a({},n),{gradients:i,ssCardBox:l,ssSphere:B,ssSquare:R,ssPushable:F,ssAbsoluteCovered:P,ssHiddenOnBreak:G,ssTextEllipsis:j,flexCenter:g,flexNewLine:q,isLightFont:E,isBoldFont:O,isSemiBoldFont:M,isRounded:p,isSquare:S,freeCSS:f={}}=y,o=Ne(f,[]),r=Ne(y,["gradients","ssCardBox","ssSphere","ssSquare","ssPushable","ssAbsoluteCovered","ssHiddenOnBreak","ssTextEllipsis","flexCenter","flexNewLine","isLightFont","isBoldFont","isSemiBoldFont","isRounded","isSquare","freeCSS"]);if(o=o||{},r=r||{},i){let{deg:s,colors:x}=i;o=He(a({},o),{background:`linear-gradient(${s}deg,${x.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"),ke.get().darkMode=="dim"&&(s.boxShadow="1.normal"),ke.get().darkMode=="dark"&&(s.boxShadow="1.remark"),o=a(a({},s.freeCSS),o),r=a(a({},s),r)}return B&&(g=g!=null?g:!0,r=a({padding:0,unitWidth:B,unitHeight:B,borderRadius:"sphere",flexSizing:"none"},r)),R&&(g=g!=null?g:!0,r=a({padding:0,unitWidth:R,unitHeight:R,flexSizing:"none"},r)),G&&(r=He(a({},r),{UnderBreakPointStyles:a({display:"none"},r.UnderBreakPointStyles)})),F&&(r=a({transition:"middle"},r),r=He(a({},r),{className:[r.className,"ssPushable"].join(" ")})),P&&(r=a({position:"absolute",top:0,left:0,right:0,bottom:0},r)),j&&(r=a({overflow:"hidden"},r),o=a({whiteSpace:"nowrap",textOverflow:"ellipsis"},o)),q&&(r=a({width:1,flexSizing:"none"},r)),g&&(r=a({display:"flex",horizontalAlign:"center",verticalAlign:"center"},r)),E&&(r.fontWeight="1.light"),M&&(r.fontWeight="3.semiBold"),O&&(r.fontWeight="4.bold"),p&&(r.borderRadius="sphere",d.isNumber(p)&&(o.borderRadius=p*12)),S&&(o.aspectRatio="1"),He(a({},r),{freeCSS:o})},Ue=n=>{let Ee=Ge(n),{componentId:i,gap:l,display:B,position:R,overflow:F,fontColor:P,fontSize:G,fontWeight:j,fontHeight:g,backgroundColor:q,textAlign:E,textDecoration:O,boxShadow:M,margin:p,marginTop:S,marginRight:o,marginBottom:r,marginLeft:y,padding:f,paddingTop:s,paddingRight:x,paddingBottom:C,paddingLeft:T,top:J,right:K,bottom:Q,left:Y,border:H,borderTop:u,borderRight:v,borderBottom:m,borderLeft:b,borderWidth:Z,borderColor:ee,borderStyle:te,borderRadius:z,borderTopLeftRadius:_,borderTopRightRadius:L,borderBottomLeftRadius:w,borderBottomRightRadius:W,flexSizing:ie,flexWrap:re,flexType:oe,flexChilds:se,flexGrid:ae,horizontalAlign:de,verticalAlign:ne,transition:le,gridCenter:ge,gridCols:pe,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:Te,ssSquare:_e,ssTextEllipsis:Le,isBoldFont:we,isLightFont:We,isSemiBoldFont:D,isRounded:$,flexCenter:I,flexNewLine:V,gradients:X,UnderBreakPointStyles:t={},className:Ae="",freeCSS:ye={}}=Ee,c=Ne(Ee,["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"]),h=a({},c),k=[Ae];if(U&&k.push("ssLastChildLossBorder_"+U),N){N=d.Arrayify(N);for(let ze of N){let[Pe,Fe]=ze.split(".");h["data-effect-"+Pe]="1",Fe&&(h["data-effect-tone"]=Fe)}}{let ze=e.ClassNames("amotf_",{gap:l,display:B,position:R,overflow:F,fontColor:P,fontSize:G,fontWeight:j,fontHeight:g,backgroundColor:q,textAlign:E,textDecoration:O,boxShadow:M,margin:p,marginTop:S,marginRight:o,marginBottom:r,marginLeft:y,padding:f,paddingTop:s,paddingRight:x,paddingBottom:C,paddingLeft:T,top:J,right:K,bottom:Q,left:Y,border:H,borderTop:u,borderRight:v,borderBottom:m,borderLeft:b,borderWidth:Z,borderColor:ee,borderStyle:te,borderRadius:z,borderTopLeftRadius:_,borderTopRightRadius:L,borderBottomLeftRadius:w,borderBottomRightRadius:W,flexSizing:ie,flexWrap:re,flexType:oe,flexChilds:se,flexGrid:ae,horizontalAlign:de,verticalAlign:ne,transition:le,gridCenter:ge,gridCols:pe,maxHeight:he,minHeight:fe,maxWidth:ue,minWidth:ve,width:me,height:be,unitHeight:Se,unitWidth:xe,opacity:ce});k.push(ze)}return t&&k.push(e.ClassNames("amotf_bp",t)),ye&&(h.style=a(a({},ye),h.style)),(i||h["data-component-id"])&&(h["data-component-id"]=h["data-component-id"]||i),k.length&&k.join("")&&(h.className=k.join(" ").trim().replace(/%/ig,"P").replace(/\d+px/ig,"PIX").replace(/\s+/ig," ").replace(/\//ig,"_").replace(/\./ig,"-")),h},De=n=>{let{gap:A,display:i,position:l,overflow:B,fontColor:R,fontSize:F,fontWeight:P,fontHeight:G,backgroundColor:j,textAlign:g,textDecoration:q,boxShadow:E,margin:O,marginTop:M,marginRight:p,marginBottom:S,marginLeft:o,padding:r,paddingTop:y,paddingRight:f,paddingBottom:s,paddingLeft:x,top:C,right:T,bottom:J,left:K,border:Q,borderTop:Y,borderRight:H,borderBottom:u,borderLeft:v,borderWidth:m,borderColor:b,borderStyle:Z,borderRadius:ee,borderTopLeftRadius:te,borderTopRightRadius:z,borderBottomLeftRadius:_,borderBottomRightRadius:L,flexSizing:w,flexWrap:W,flexType:ie,flexChilds:re,flexGrid:oe,horizontalAlign:se,verticalAlign:ae,transition:de,gridCenter:ne,gridCols:le,maxHeight:ge,minHeight:pe,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:Te,isBoldFont:_e,isLightFont:Le,isSemiBoldFont:we,isRounded:We,flexCenter:D,flexNewLine:$,gradients:I,UnderBreakPointStyles:V={},freeCSS:X={}}=n,t={};return e.ev(A)&&(t.gap=A),e.ev(i)&&(t.display=i),e.ev(l)&&(t.position=l),e.ev(B)&&(t.overflow=B),e.ev(R)&&(t.fontColor=R),e.ev(F)&&(t.fontSize=F),e.ev(P)&&(t.fontWeight=P),e.ev(G)&&(t.fontHeight=G),e.ev(j)&&(t.backgroundColor=j),e.ev(g)&&(t.textAlign=g),e.ev(q)&&(t.textDecoration=q),e.ev(E)&&(t.boxShadow=E),e.ev(O)&&(t.margin=O),e.ev(M)&&(t.marginTop=M),e.ev(p)&&(t.marginRight=p),e.ev(S)&&(t.marginBottom=S),e.ev(o)&&(t.marginLeft=o),e.ev(r)&&(t.padding=r),e.ev(y)&&(t.paddingTop=y),e.ev(f)&&(t.paddingRight=f),e.ev(s)&&(t.paddingBottom=s),e.ev(x)&&(t.paddingLeft=x),e.ev(C)&&(t.top=C),e.ev(T)&&(t.right=T),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(H)&&(t.borderRight=H),e.ev(u)&&(t.borderBottom=u),e.ev(v)&&(t.borderLeft=v),e.ev(m)&&(t.borderWidth=m),e.ev(b)&&(t.borderColor=b),e.ev(Z)&&(t.borderStyle=Z),e.ev(ee)&&(t.borderRadius=ee),e.ev(te)&&(t.borderTopLeftRadius=te),e.ev(z)&&(t.borderTopRightRadius=z),e.ev(_)&&(t.borderBottomLeftRadius=_),e.ev(L)&&(t.borderBottomRightRadius=L),e.ev(w)&&(t.flexSizing=w),e.ev(W)&&(t.flexWrap=W),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(ae)&&(t.verticalAlign=ae),e.ev(de)&&(t.transition=de),e.ev(ne)&&(t.gridCenter=ne),e.ev(le)&&(t.gridCols=le),e.ev(ge)&&(t.maxHeight=ge),e.ev(pe)&&(t.minHeight=pe),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(Te)&&(t.ssTextEllipsis=Te),e.ev(_e)&&(t.isBoldFont=_e),e.ev(Le)&&(t.isLightFont=Le),e.ev(we)&&(t.isSemiBoldFont=we),e.ev(We)&&(t.isRounded=We),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 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};
|
package/dist/@utils/config.d.ts
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { Darkmode, Themecolor, Roundness, Device, Browser } from '../@declares';
|
|
2
2
|
type config = {
|
|
3
3
|
sessionUID: string;
|
|
4
4
|
appRoot: HTMLElement | ShadowRoot;
|
|
5
|
-
themeColor:
|
|
6
|
-
darkMode:
|
|
5
|
+
themeColor: Themecolor;
|
|
6
|
+
darkMode: Darkmode;
|
|
7
7
|
roundness: Roundness;
|
|
8
8
|
isSystemDarkmode(): boolean;
|
|
9
9
|
deviceIs: Device;
|
|
@@ -25,8 +25,8 @@ declare namespace Config {
|
|
|
25
25
|
get(): config;
|
|
26
26
|
set(value: config): void;
|
|
27
27
|
update: {
|
|
28
|
-
themeColor(value:
|
|
29
|
-
darkMode(value:
|
|
28
|
+
themeColor(value: Themecolor): void;
|
|
29
|
+
darkMode(value: Darkmode): void;
|
|
30
30
|
roundness(value: Roundness): void;
|
|
31
31
|
screen(value: {
|
|
32
32
|
breakpoint?: number;
|
|
@@ -38,8 +38,8 @@ declare namespace Config {
|
|
|
38
38
|
launch(p: {
|
|
39
39
|
appRoot?: HTMLElement | ShadowRoot;
|
|
40
40
|
roundness?: Roundness;
|
|
41
|
-
themeColor?:
|
|
42
|
-
darkMode?:
|
|
41
|
+
themeColor?: Themecolor;
|
|
42
|
+
darkMode?: Darkmode;
|
|
43
43
|
}): void;
|
|
44
44
|
restart(message?: string): void;
|
|
45
45
|
};
|
package/dist/@utils/config.js
CHANGED
|
@@ -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),
|
|
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};
|
package/dist/atoms/Box.d.ts
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import {
|
|
2
|
+
import { StyleProps, ReactElement } from '../@declares';
|
|
3
3
|
declare namespace Box {
|
|
4
4
|
type Input<HTMLComponent extends React.ElementType> = {
|
|
5
5
|
htmlTag?: HTMLComponent;
|
|
6
6
|
children?: ReactElement;
|
|
7
|
-
} &
|
|
7
|
+
} & StyleProps.BasicElement & Omit<React.ComponentPropsWithRef<HTMLComponent>, 'htmlTag'> & React.HTMLAttributes<any>;
|
|
8
8
|
type DefaultInput = Input<'div'>;
|
|
9
9
|
type Component = {
|
|
10
10
|
<T extends React.ElementType = 'div'>(p: Input<T>): React.JSX.Element;
|
package/dist/atoms/Box.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{b as o,c as p,d as
|
|
1
|
+
import{b as o,c as p,d as m}from"../chunk-C5N2D3ZX.js";import{jsx as c}from"react/jsx-runtime";import{GenerateHTMLProps as s}from"../@utils";const a=e=>{let{ref:l}=e,n=s(e),{htmlTag:r}=n,T=m(n,["htmlTag"]);const t=r||"div";return t?c(t,p(o({},T),{ref:l})):null};export{a as Box,a as default};
|
package/dist/atoms/FAI.d.ts
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import {
|
|
2
|
+
import { StyleProps } from '../@declares';
|
|
3
3
|
import { IconDefinition } from "@fortawesome/fontawesome-common-types";
|
|
4
4
|
import { FontAwesomeIconProps } from '@fortawesome/react-fontawesome';
|
|
5
5
|
import { IconProp } from '@fortawesome/fontawesome-svg-core';
|
|
6
6
|
declare namespace FAI {
|
|
7
7
|
type ComponentInput = {
|
|
8
8
|
icon: IconProp | IconDefinition | any;
|
|
9
|
-
} &
|
|
9
|
+
} & StyleProps.BasicElement & Omit<FontAwesomeIconProps, 'icon'>;
|
|
10
10
|
type Shortcuts = {
|
|
11
11
|
[key in ShortCutNames]: React.FC<Omit<ComponentInput, 'icon'>>;
|
|
12
12
|
};
|
package/dist/atoms/FAI.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{b as r,c as i,d as f}from"../chunk-C5N2D3ZX.js";import{jsx as e}from"react/jsx-runtime";import{GenerateHTMLProps as l}from"../@utils";import{FontAwesomeIcon as s}from"@fortawesome/react-fontawesome";import{faTimes as h}from"@fortawesome/free-solid-svg-icons/faTimes";import{faAngleRight as C}from"@fortawesome/free-solid-svg-icons/faAngleRight";import{faAngleLeft as
|
|
1
|
+
import{b as r,c as i,d as f}from"../chunk-C5N2D3ZX.js";import{jsx as e}from"react/jsx-runtime";import{GenerateHTMLProps as l}from"../@utils";import{FontAwesomeIcon as s}from"@fortawesome/react-fontawesome";import{faTimes as h}from"@fortawesome/free-solid-svg-icons/faTimes";import{faAngleRight as C}from"@fortawesome/free-solid-svg-icons/faAngleRight";import{faAngleLeft as A}from"@fortawesome/free-solid-svg-icons/faAngleLeft";import{faAngleUp as g}from"@fortawesome/free-solid-svg-icons/faAngleUp";import{faAngleDown as w}from"@fortawesome/free-solid-svg-icons/faAngleDown";import{faChevronLeft as L}from"@fortawesome/free-solid-svg-icons/faChevronLeft";import{faChevronRight as R}from"@fortawesome/free-solid-svg-icons/faChevronRight";import{faChevronUp as u}from"@fortawesome/free-solid-svg-icons/faChevronUp";import{faChevronDown as S}from"@fortawesome/free-solid-svg-icons/faChevronDown";import{faCaretLeft as E}from"@fortawesome/free-solid-svg-icons/faCaretLeft";import{faCaretRight as P}from"@fortawesome/free-solid-svg-icons/faCaretRight";import{faCaretUp as I}from"@fortawesome/free-solid-svg-icons/faCaretUp";import{faCaretDown as D}from"@fortawesome/free-solid-svg-icons/faCaretDown";import{faArrowLeft as k}from"@fortawesome/free-solid-svg-icons/faArrowLeft";import{faArrowRight as y}from"@fortawesome/free-solid-svg-icons/faArrowRight";import{faArrowUp as U}from"@fortawesome/free-solid-svg-icons/faArrowUp";import{faArrowDown as x}from"@fortawesome/free-solid-svg-icons/faArrowDown";import{faRotate as F}from"@fortawesome/free-solid-svg-icons/faRotate";import{faRedo as d}from"@fortawesome/free-solid-svg-icons/faRedo";import{faCheck as v}from"@fortawesome/free-solid-svg-icons/faCheck";import{faQuestion as H}from"@fortawesome/free-solid-svg-icons/faQuestion";import{faExclamation as T}from"@fortawesome/free-solid-svg-icons/faExclamation";import{faExclamationTriangle as B}from"@fortawesome/free-solid-svg-icons/faExclamationTriangle";import{faHome as M}from"@fortawesome/free-solid-svg-icons/faHome";import{faShare as Q}from"@fortawesome/free-solid-svg-icons/faShare";import{faSearch as G}from"@fortawesome/free-solid-svg-icons/faSearch";import{faYenSign as V}from"@fortawesome/free-solid-svg-icons/faYenSign";import{faPen as Y}from"@fortawesome/free-solid-svg-icons/faPen";import{faBars as N}from"@fortawesome/free-solid-svg-icons/faBars";import{faDownload as O}from"@fortawesome/free-solid-svg-icons/faDownload";import{faLink as X}from"@fortawesome/free-solid-svg-icons/faLink";import{faLinkSlash as z}from"@fortawesome/free-solid-svg-icons/faLinkSlash";import{faExternalLinkAlt as b}from"@fortawesome/free-solid-svg-icons/faExternalLinkAlt";import{faGear as q}from"@fortawesome/free-solid-svg-icons/faGear";import{faPlus as J}from"@fortawesome/free-solid-svg-icons/faPlus";import{faMinus as K}from"@fortawesome/free-solid-svg-icons/faMinus";import{faEllipsisH as W}from"@fortawesome/free-solid-svg-icons/faEllipsisH";import{faEllipsisV as Z}from"@fortawesome/free-solid-svg-icons/faEllipsisV";import{faStar as _}from"@fortawesome/free-solid-svg-icons/faStar";import{faPaperPlane as $}from"@fortawesome/free-solid-svg-icons/faPaperPlane";import{faHeart as j}from"@fortawesome/free-solid-svg-icons/faHeart";import{faBan as oo}from"@fortawesome/free-solid-svg-icons/faBan";import{faLocationCrosshairs as ro}from"@fortawesome/free-solid-svg-icons/faLocationCrosshairs";import{faUser as io}from"@fortawesome/free-regular-svg-icons/faUser";import{faCheckCircle as no}from"@fortawesome/free-regular-svg-icons/faCheckCircle";import{faQuestionCircle as to}from"@fortawesome/free-regular-svg-icons/faQuestionCircle";import{faEdit as eo}from"@fortawesome/free-regular-svg-icons/faEdit";import{faCopy as ao}from"@fortawesome/free-regular-svg-icons/faCopy";import{faFile as mo}from"@fortawesome/free-regular-svg-icons/faFile";import{faTrashAlt as fo}from"@fortawesome/free-regular-svg-icons/faTrashAlt";import{faImage as po}from"@fortawesome/free-regular-svg-icons/faImage";const t=o=>{let m=o,{icon:p}=m,c=f(m,["icon"]),a=l(c);return e(s,i(r({icon:p,size:"1x"},a),{style:r({aspectRatio:"1"},a==null?void 0:a.style)}))},n=t;n.User=o=>e(t,i(r({},o),{icon:io})),n.X=o=>e(t,i(r({},o),{icon:h})),n.AngleRight=o=>e(t,i(r({},o),{icon:C})),n.AngleLeft=o=>e(t,i(r({},o),{icon:A})),n.AngleUp=o=>e(t,i(r({},o),{icon:g})),n.AngleDown=o=>e(t,i(r({},o),{icon:w})),n.ChevronLeft=o=>e(t,i(r({},o),{icon:L})),n.ChevronRight=o=>e(t,i(r({},o),{icon:R})),n.ChevronUp=o=>e(t,i(r({},o),{icon:u})),n.ChevronDown=o=>e(t,i(r({},o),{icon:S})),n.CaretLeft=o=>e(t,i(r({},o),{icon:E})),n.CaretRight=o=>e(t,i(r({},o),{icon:P})),n.CaretUp=o=>e(t,i(r({},o),{icon:I})),n.CaretDown=o=>e(t,i(r({},o),{icon:D})),n.ArrowLeft=o=>e(t,i(r({},o),{icon:k})),n.ArrowRight=o=>e(t,i(r({},o),{icon:y})),n.ArrowUp=o=>e(t,i(r({},o),{icon:U})),n.ArrowDown=o=>e(t,i(r({},o),{icon:x})),n.Rotate=o=>e(t,i(r({},o),{icon:F})),n.Redo=o=>e(t,i(r({},o),{icon:d})),n.Check=o=>e(t,i(r({},o),{icon:v})),n.CheckCircle=o=>e(t,i(r({},o),{icon:no})),n.Question=o=>e(t,i(r({},o),{icon:H})),n.QuestionCircle=o=>e(t,i(r({},o),{icon:to})),n.Exclamation=o=>e(t,i(r({},o),{icon:T})),n.ExclamationTriangle=o=>e(t,i(r({},o),{icon:B})),n.Home=o=>e(t,i(r({},o),{icon:M})),n.Share=o=>e(t,i(r({},o),{icon:Q})),n.Search=o=>e(t,i(r({},o),{icon:G})),n.YenSign=o=>e(t,i(r({},o),{icon:V})),n.Heart=o=>e(t,i(r({},o),{icon:j})),n.Star=o=>e(t,i(r({},o),{icon:_})),n.Edit=o=>e(t,i(r({},o),{icon:eo})),n.Pen=o=>e(t,i(r({},o),{icon:Y})),n.Copy=o=>e(t,i(r({},o),{icon:ao})),n.File=o=>e(t,i(r({},o),{icon:mo})),n.Trash=o=>e(t,i(r({},o),{icon:fo})),n.Bars=o=>e(t,i(r({},o),{icon:N})),n.Download=o=>e(t,i(r({},o),{icon:O})),n.Link=o=>e(t,i(r({},o),{icon:X})),n.LinkSlash=o=>e(t,i(r({},o),{icon:z})),n.ExternalLinkAlt=o=>e(t,i(r({},o),{icon:b})),n.Gear=o=>e(t,i(r({},o),{icon:q})),n.Plus=o=>e(t,i(r({},o),{icon:J})),n.Minus=o=>e(t,i(r({},o),{icon:K})),n.EllipsisH=o=>e(t,i(r({},o),{icon:W})),n.EllipsisV=o=>e(t,i(r({},o),{icon:Z})),n.PaperPlane=o=>e(t,i(r({},o),{icon:$})),n.Image=o=>e(t,i(r({},o),{icon:po})),n.Ban=o=>e(t,i(r({},o),{icon:oo})),n.Location=o=>e(t,i(r({},o),{icon:ro}));export{n as FAI,n as default};
|
package/dist/atoms/Grid.js
CHANGED
|
@@ -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
|
|
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};
|
package/dist/atoms/Img.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import {
|
|
2
|
+
import { StyleProps } from '../@declares';
|
|
3
3
|
declare namespace Img {
|
|
4
|
-
type Input =
|
|
4
|
+
type Input = StyleProps.BasicElement & {
|
|
5
5
|
src: string;
|
|
6
6
|
alt?: string;
|
|
7
7
|
showExpand?: boolean | string;
|
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 l
|
|
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};
|
package/dist/atoms/Logo.d.ts
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import {
|
|
2
|
+
import { StyleProps, ReactElement } from '../@declares';
|
|
3
3
|
declare namespace Logo {
|
|
4
|
-
type ComponentInput =
|
|
4
|
+
type ComponentInput = StyleProps.BasicElement & {
|
|
5
5
|
size?: 'S' | 'R' | 'L' | '2L' | '3L';
|
|
6
6
|
color?: 'normal' | 'white';
|
|
7
7
|
children?: ReactElement | React.FC<any>;
|
|
8
8
|
};
|
|
9
|
-
type DefaultLogoInput =
|
|
9
|
+
type DefaultLogoInput = StyleProps.BasicElement & {
|
|
10
10
|
size?: 'S' | 'R' | 'L' | '2L' | '3L';
|
|
11
11
|
color?: 'normal' | 'white';
|
|
12
12
|
};
|
package/dist/atoms/Logo.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{b as l,c,d as
|
|
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:`
|
|
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 p}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(
|
|
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};
|
package/dist/fn/Button.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import {
|
|
2
|
+
import { StyleProps, ReactElement } from '../@declares';
|
|
3
3
|
import { Records } from 'jmini';
|
|
4
4
|
declare namespace ButtonTypes {
|
|
5
5
|
type Seeds = 'button' | 'label' | 'anchor';
|
|
@@ -9,7 +9,7 @@ declare namespace ButtonTypes {
|
|
|
9
9
|
type delegateClickEventProps = 'auxEnter' | 'enter' | 'space';
|
|
10
10
|
type ClearColors = Colors | 'layer';
|
|
11
11
|
type SubColors = Colors | 'layer';
|
|
12
|
-
type Input<C = Colors> =
|
|
12
|
+
type Input<C = Colors> = StyleProps.BasicElement & {
|
|
13
13
|
color?: C;
|
|
14
14
|
tone?: Tones;
|
|
15
15
|
size?: Sizes;
|
|
@@ -18,7 +18,7 @@ declare namespace ButtonTypes {
|
|
|
18
18
|
'aria-label'?: string;
|
|
19
19
|
isLocked?: boolean;
|
|
20
20
|
isActive?: boolean;
|
|
21
|
-
isActiveStyles?:
|
|
21
|
+
isActiveStyles?: StyleProps.PropsNFreeCSS;
|
|
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
|
|
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};
|
|
@@ -0,0 +1,142 @@
|
|
|
1
|
+
import { ReactElement, StyleProps } from '../../@declares';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
declare namespace DataGrid {
|
|
4
|
+
type customTableHTMLAttributes<T> = Omit<React.TableHTMLAttributes<T>, 'border'>;
|
|
5
|
+
type Table = StyleProps.BasicElement & customTableHTMLAttributes<HTMLTableElement>;
|
|
6
|
+
type TableHead = StyleProps.BasicElement & customTableHTMLAttributes<HTMLTableSectionElement>;
|
|
7
|
+
type TableBody = StyleProps.BasicElement & customTableHTMLAttributes<HTMLTableSectionElement>;
|
|
8
|
+
type TR = StyleProps.BasicElement & React.HTMLAttributes<HTMLTableRowElement>;
|
|
9
|
+
type TableCell = StyleProps.BasicElement & React.ThHTMLAttributes<HTMLTableCellElement>;
|
|
10
|
+
type RowID = string | number;
|
|
11
|
+
type SortType = -1 | 0 | 1;
|
|
12
|
+
type Tones = 'border' | 'border.vertical' | 'border.horizontal' | 'plain';
|
|
13
|
+
type CellPosition = {
|
|
14
|
+
rowIdx: number;
|
|
15
|
+
colIdx: number;
|
|
16
|
+
isTopCell: boolean;
|
|
17
|
+
isBottomCell: boolean;
|
|
18
|
+
isLeftCell: boolean;
|
|
19
|
+
isRightCell: boolean;
|
|
20
|
+
isHeader: boolean;
|
|
21
|
+
isBody: boolean;
|
|
22
|
+
};
|
|
23
|
+
type Cell = TableCell & {
|
|
24
|
+
type?: 'th' | 'td';
|
|
25
|
+
data: string | number;
|
|
26
|
+
label?: ReactElement;
|
|
27
|
+
sortKey?: string | number;
|
|
28
|
+
};
|
|
29
|
+
namespace Cell {
|
|
30
|
+
type Head = Cell & {
|
|
31
|
+
/**
|
|
32
|
+
* default true
|
|
33
|
+
*/
|
|
34
|
+
sortable?: SortType;
|
|
35
|
+
defSort?: SortType;
|
|
36
|
+
filterable?: boolean;
|
|
37
|
+
checkable?: boolean | 'body' | 'head';
|
|
38
|
+
draggable?: boolean;
|
|
39
|
+
};
|
|
40
|
+
type Body = Cell & {};
|
|
41
|
+
}
|
|
42
|
+
type RowMeta = {
|
|
43
|
+
row_id?: RowID;
|
|
44
|
+
isSelected?: boolean;
|
|
45
|
+
isFilterMatched?: boolean;
|
|
46
|
+
isVisible?: boolean;
|
|
47
|
+
__sys_searchkey?: string;
|
|
48
|
+
};
|
|
49
|
+
namespace Row {
|
|
50
|
+
type Head = Cell.Head[];
|
|
51
|
+
type Body = Cell.Body[] & RowMeta & {
|
|
52
|
+
onRowClick?(event: React.MouseEvent<HTMLTableRowElement, MouseEvent>): void;
|
|
53
|
+
};
|
|
54
|
+
}
|
|
55
|
+
type Input = {
|
|
56
|
+
tone?: Tones;
|
|
57
|
+
datagridID?: string;
|
|
58
|
+
colLength?: number;
|
|
59
|
+
maxRow?: number;
|
|
60
|
+
header?: Row.Head;
|
|
61
|
+
body: Row.Body[];
|
|
62
|
+
defaultSearchKey?: string;
|
|
63
|
+
cellStyles?: StyleProps.PropsNFreeCSS;
|
|
64
|
+
cellClassName?: string;
|
|
65
|
+
onCellStyles?(props: CellPosition, def: StyleProps.PropsNFreeCSS): StyleProps.PropsNFreeCSS;
|
|
66
|
+
className?: string;
|
|
67
|
+
onNoRecordsRender?: ReactElement;
|
|
68
|
+
onRowClick?(rowId: RowID, event: React.MouseEvent<HTMLTableRowElement, MouseEvent>): void;
|
|
69
|
+
onCellClick?(opt: CellPosition, event: React.MouseEvent<HTMLTableRowElement, MouseEvent>): void;
|
|
70
|
+
onSorted?(sort: [number, SortType]): void;
|
|
71
|
+
onSelected?(selected: RowID[]): void;
|
|
72
|
+
} & StyleProps.States;
|
|
73
|
+
type Config = {
|
|
74
|
+
datagridID: string;
|
|
75
|
+
colLength: number;
|
|
76
|
+
head: Row.Head;
|
|
77
|
+
body: Row.Body[];
|
|
78
|
+
checker: boolean[];
|
|
79
|
+
filter: boolean[] & Config.FilterMeta;
|
|
80
|
+
sort: SortType[] & Config.Sort.Meta;
|
|
81
|
+
dragger: number;
|
|
82
|
+
paging: {
|
|
83
|
+
rows: number;
|
|
84
|
+
total: number;
|
|
85
|
+
current: number;
|
|
86
|
+
};
|
|
87
|
+
};
|
|
88
|
+
namespace Config {
|
|
89
|
+
namespace Sort {
|
|
90
|
+
type Meta = {
|
|
91
|
+
col: number;
|
|
92
|
+
dir: SortType;
|
|
93
|
+
};
|
|
94
|
+
}
|
|
95
|
+
type FilterMeta = {
|
|
96
|
+
keyword: string;
|
|
97
|
+
current: (string[])[];
|
|
98
|
+
};
|
|
99
|
+
}
|
|
100
|
+
type Props = {
|
|
101
|
+
input: Input;
|
|
102
|
+
val_config: Config;
|
|
103
|
+
set_config: React.Dispatch<React.SetStateAction<Config>>;
|
|
104
|
+
};
|
|
105
|
+
type PartsDeligation = {
|
|
106
|
+
val_config: Config;
|
|
107
|
+
set_config: React.Dispatch<React.SetStateAction<Config>>;
|
|
108
|
+
};
|
|
109
|
+
namespace Methods {
|
|
110
|
+
type Component = React.FC<DataGrid.Input>;
|
|
111
|
+
type FNs = {
|
|
112
|
+
genBodyRow(cells: Cell.Body[], meta?: RowMeta): Row.Body;
|
|
113
|
+
getData(datagridID: string): Row.Body[];
|
|
114
|
+
Table: React.FC<Table>;
|
|
115
|
+
Head: React.FC<TableHead>;
|
|
116
|
+
Body: React.FC<TableBody>;
|
|
117
|
+
Row: React.FC<TR>;
|
|
118
|
+
TH: React.FC<TableCell>;
|
|
119
|
+
TD: React.FC<TableCell>;
|
|
120
|
+
RightIndicator: Cell;
|
|
121
|
+
SearchInput: React.FC<{
|
|
122
|
+
datagridID: string;
|
|
123
|
+
onChange(keyword: string): void;
|
|
124
|
+
}>;
|
|
125
|
+
Info: React.FC<{
|
|
126
|
+
datagridID: string;
|
|
127
|
+
}>;
|
|
128
|
+
Paging: React.FC<{
|
|
129
|
+
datagridID: string;
|
|
130
|
+
}>;
|
|
131
|
+
RowLength: React.FC<{
|
|
132
|
+
datagridID: string;
|
|
133
|
+
lengthSelect: number[];
|
|
134
|
+
}>;
|
|
135
|
+
};
|
|
136
|
+
}
|
|
137
|
+
type Methods = Methods.Component & Methods.FNs;
|
|
138
|
+
}
|
|
139
|
+
export declare const DefaultCellStyles: (tone: DataGrid.Tones) => StyleProps.States;
|
|
140
|
+
export declare const onDefaultCellStyles: (args: DataGrid.CellPosition, prev: StyleProps.States) => StyleProps.Properties;
|
|
141
|
+
declare const DataGrid: DataGrid.Methods;
|
|
142
|
+
export { DataGrid, DataGrid as default };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{b as a,c}from"../../chunk-C5N2D3ZX.js";import{jsx as r,jsxs as R}from"react/jsx-runtime";import m,{useStore as M,UUID as I}from"jmini";import{useState as L,useEffect as P}from"react";import{useRefresh as y}from"../../@utils";import{Box as S,Flex as v,FAI as C,Span as B}from"../../atoms";import{Literal as H,Row as x}from"../../mols";import{Button as w}from"../Button";import u from"../Input";import{TableClasses as F}from"../../@styles/componentClasses";const E=e=>{if(e=="plain")return{};let o={};return m.isOneOf(e,"border","border.horizontal")&&(o.borderBottom="2.normal"),m.isOneOf(e,"border","border.vertical")&&(o.borderRight="2.normal"),a({padding:"1/2",backgroundColor:"layer.1",transition:"short",textAlign:"center"},o)},ee=(e,o)=>{let t=a({},o);return e.isRightCell&&(t.borderRight="unset"),e.isTopCell&&(e.isLeftCell&&(t.borderTopLeftRadius="inherit"),e.isRightCell&&(t.borderTopRightRadius="inherit")),e.isBottomCell&&(t.borderBottom="unset",e.isLeftCell&&(t.borderBottomLeftRadius="inherit"),e.isRightCell&&(t.borderBottomRightRadius="inherit")),t},T={index:e=>r(f.Table,{className:F("Table"),children:R(f.Body,{children:[r(T.Header,a({},e)),r(T.Body,a({},e))]})}),Header:e=>{let{val_config:o}=e;return r(f.Row,{children:o.head.map(t=>r(f.TH,{children:t.label||t.data},t.sortKey||t.data))})},Body:e=>r(f.Row,{})},G=e=>{console.log(e),e=c(a({datagridID:I(),tone:"border",header:[],colLength:0,borderRadius:"1.tone.primary",backgroundColor:"layer.1"},e),{cellStyles:a(a({},E(e.tone||"border")),e.cellStyles)});let o=e.header||[],[t,g]=L(m.scope(()=>{var i,p,d,b,D;let n={datagridID:e.datagridID||I(),colLength:(p=(i=e.colLength)!=null?i:o.length)!=null?p:0,head:o,body:e.body||[],checker:o.map(l=>!!(l!=null&&l.checkable)),filter:Object.assign(o.map(l=>!!(l!=null&&l.filterable)),{keyword:e.defaultSearchKey||"",current:[]}),sort:Object.assign(o.map(l=>{var h;return(h=l.sortable)!=null?h:1}),{col:0,dir:1}),dragger:-1,paging:{rows:100,total:1,current:1}};{let l=(d=o==null?void 0:o.filter(h=>h.defSort))==null?void 0:d[0];l&&(n.sort.col=(b=o.indexOf(l))!=null?b:-1,n.sort.dir=(D=l==null?void 0:l.sortable)!=null?D:1)}return o.forEach((l,h)=>{l!=null&&l.draggable&&(n.dragger=h)}),n}));P(()=>{},[]);let s={input:e,val_config:t,set_config:g};return r(T.index,a({},s))},k={genBodyRow:(e,o)=>Object.assign(e,o),getData:e=>{var o,t;return((t=(o=M.get(e))==null?void 0:o.getRowData)==null?void 0:t.call(o))||[]},Table:e=>r(S,c(a({htmlTag:"table"},e),{border:e.border})),Head:e=>r(S,a({htmlTag:"thead"},e)),Body:e=>r(S,a({htmlTag:"tbody"},e)),Row:e=>r(S,a({htmlTag:"tr"},e)),TH:e=>r(S,a({htmlTag:"th"},e)),TD:e=>r(S,a({htmlTag:"td"},e)),RightIndicator:{type:"td",unitWidth:3,data:"",label:r(C.AngleRight,{fontColor:"theme",fontSize:"4.thirdTitle"})},SearchInput:e=>{let o=y.catch(e.datagridID);if(!o)return null;let{val_config:t,set_config:g}=o;return r(u.TextField,{label:"\u691C\u7D22...",clearButton:!0,padding:"2/3",paddingRight:3,rightIcon:r(u.RightIcon,{ssSphere:2,fontColor:"5.translucent",right:"2/3",children:r(C.Search,{})}),value:t.filter.keyword,onUpdateValidValue:s=>{e.onChange(s),m.interval.once(()=>{g(n=>c(a({},n),{paging:c(a({},n.paging),{current:1}),filter:c(a({},n.filter),{keyword:s,current:Array.from({length:n.colLength},()=>[])})}))},200,"InputSearchTime")}})},Info:e=>{let o=y.catch(e.datagridID);if(!o)return null;let{val_config:t}=o,g=t.body.filter(n=>n.isFilterMatched).length,s=g.ratio(t.paging.total)||0;return R(v,{verticalAlign:"baseline",gap:"1/2",fontSize:"1.mini",fontColor:"3.blur",children:[r(B,{fontSize:"4.thirdTitle",fontColor:"theme",children:g.toLocaleString()}),"/ ",t.paging.total.toLocaleString(),"\u4EF6 (",s,"%)"]})},Paging:e=>{let o=y.catch(e.datagridID);if(!o)return null;let{val_config:t,set_config:g}=o,s=[];for(let i=0;i<t.paging.total;i++)s.push({value:i+1,label:(i+1).toString()});const n=i=>{let p=Math.min(Math.max(1,i),t.paging.total),d=a({},t);d.paging.current=p,g(b=>c(a({},b),{paging:c(a({},b.paging),{current:p})}))};return r(u.Select,{emptySelect:!1,padding:["1/3","2/3"],override:"force",gap:0,leftIcon:r(u.LeftIcon,{freeCSS:{left:2,pointerEvents:"all"},children:r(w.Sub.S,{color:"cloud",fontColor:"4.thin",ssSquare:2.5,unitWidth:2,onClick:()=>{if(t.paging.current==1){n(t.paging.total);return}n(t.paging.current-1)},children:r(C.ChevronLeft,{})})}),rightIcon:r(u.RightIcon,{freeCSS:{right:2,pointerEvents:"all"},children:r(w.Sub.S,{color:"cloud",fontColor:"4.thin",ssSquare:2.5,unitWidth:2,onClick:()=>{if(t.paging.current==t.paging.total){n(1);return}n(t.paging.current+1)},children:r(C.ChevronRight,{})})}),options:s.map(i=>({value:i.value,label:R(x.Left,{gap:"1/3",verticalAlign:"baseline",children:[i.label,R(H,{fontColor:"4.thin",fontSize:"0.xs",children:["/ ",t.paging.total]})]})})),value:t.paging.current,onUpdateValidValue:i=>{n(i)}})},RowLength:e=>{let o=y.catch(e.datagridID);if(!o)return null;let{val_config:t,set_config:g}=o,s=t.body.filter(d=>d.isFilterMatched).length,n=t.paging.rows,i=0,p=e.lengthSelect.map(d=>(i|=+(d==n),{value:d,label:d.toString()}));return i||p.push({value:n,label:n.toString()}),r(x.Center,{gap:"1/2",children:r(u.Select,{emptySelect:!1,override:"force",padding:"1/3",paddingLeft:3,paddingRight:2,pickerStyles:{freeCSS:{minWidth:12*9}},pickerPosition:4,value:t.paging.rows,leftIcon:r(u.LeftIcon,{fontSize:"0.xs",fontColor:"4.thin",freeCSS:{left:6},children:"\u8868\u793A"}),rightIcon:r(u.RightIcon,{fontSize:"0.xs",fontColor:"4.thin",freeCSS:{right:6},children:"\u4EF6"}),options:p.toASC("value"),onUpdateValidValue:d=>{g(b=>c(a({},b),{paging:{rows:Number(d),current:1,total:Math.ceil(s/Number(d))}}))}})})}},f=Object.assign(G,k);export{f as DataGrid,E as DefaultCellStyles,f as default,ee as onDefaultCellStyles};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import {
|
|
2
|
+
import { StyleProps, ReactElement } from '../../@declares';
|
|
3
3
|
import { Records } from 'jmini';
|
|
4
4
|
import { InputTypes } from '.';
|
|
5
5
|
declare namespace Autocomplete {
|
|
@@ -24,7 +24,7 @@ declare namespace Autocomplete {
|
|
|
24
24
|
onDynamicSearchOptionsDelay?: number;
|
|
25
25
|
onSelectorRender?(p: onSelectorRenderProps<T>): React.JSX.Element;
|
|
26
26
|
onSelectedRender?(p: onSelectedRenderProps<T>): React.JSX.Element;
|
|
27
|
-
pickerStyles?:
|
|
27
|
+
pickerStyles?: StyleProps.PropsNFreeCSS;
|
|
28
28
|
pickerPosition?: 1 | 2 | 3 | 4;
|
|
29
29
|
};
|
|
30
30
|
type Value<T = any> = T extends infer V ? V : string | number | boolean | Records | void | null;
|