amotify 0.1.60 → 0.1.61

package/dist/@declaration/property.d.ts

@@ -1,12 +1,12 @@
 /// <reference types="react" />
 import { ThemeColor } from '.';
-export type BasicElement = BasicTag & Para;
+export type BasicElement = BasicTag & States;
 export type BasicTag = {
     className?: string;
     id?: string;
     componentID?: string;
 };
-export type Para = Properties & {
+export type States = Properties & {
     freeCSS?: React.CSSProperties;
     UnderBreakPointStyles?: Properties;
     ssEffectsOnActive?: Others.EffectsOnActive | Others.EffectsOnActive[] | false;
@@ -14,7 +14,7 @@ export type Para = Properties & {
     ssLastChildLossBorder?: 'bottom' | 'right' | false;
 };
 export declare namespace Pargins {
-    type Para = {
+    type States = {
         margin?: Group;
         marginTop?: Unit;
         marginRight?: Unit;
@@ -30,7 +30,7 @@ export declare namespace Pargins {
     type Group = Unit | [Unit, Unit] | [Unit, Unit, Unit, Unit];
 }
 export declare namespace Borders {
-    type Para = {
+    type States = {
         border?: Border;
         borderTop?: Border;
         borderRight?: Border;
@@ -52,7 +52,7 @@ export declare namespace Borders {
     type Radius = 0 | '1/3' | '2/3' | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 'sphere' | 'inherit' | '1.tone.primary' | '2.tone.secondary' | '3.tone.tertiary';
 }
 export declare namespace FlexGrids {
-    type Para = {
+    type States = {
         flexSizing?: 'none' | 'auto' | 0;
         flexWrap?: boolean;
         flexCenter?: boolean;
@@ -72,7 +72,7 @@ export declare namespace FlexGrids {
     type GridCols = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
 }
 export declare namespace Fonts {
-    type Para = {
+    type States = {
         fontColor?: Color;
         fontSize?: Size;
         fontWeight?: Weight;
@@ -88,7 +88,7 @@ export declare namespace Fonts {
     type Size = '0.xs' | '1.mini' | '2.normal' | '3.paragraph' | '4.thirdTitle' | '5.subTitle' | '6.title' | '7.landing' | '8.xl' | 'inherit';
 }
 export declare namespace Sizes {
-    type Para = {
+    type States = {
         maxHeight?: 0 | 1 | 'viewHeight' | 'topNavigationHeight' | 'sideNavigationHeight' | 'contentHeight' | 'unset';
         minHeight?: 0 | 1 | 'viewHeight' | 'topNavigationHeight' | 'sideNavigationHeight' | 'contentHeight' | 'unset';
         minWidth?: 0 | 1 | 'viewWidth' | 'unset';
@@ -101,7 +101,7 @@ export declare namespace Sizes {
     type Size = 0 | '1/12' | '1/6' | '1/4' | '1/3' | '1/2' | '2/3' | '3/4' | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 6 | 8 | 12 | 'unset';
 }
 export declare namespace StyleSets {
-    type Para = {
+    type States = {
         ssCardBox?: boolean | 'border' | 'layer' | 'cloud' | 'shadow';
         ssSphere?: Sizes.Size;
         ssSquare?: Sizes.Size;
@@ -119,7 +119,7 @@ export declare namespace Others {
     type TRBL = 0 | '1/12' | '1/6' | '1/4' | '1/3' | '1/2' | '2/3' | '3/4' | 1 | 2 | 3 | 4 | '50%' | '100%';
     type EffectsOnActive = 'ripple.white' | 'ripple.cloud' | 'ripple.theme' | 'push' | 'expand' | 'shrink' | 'pudding' | 'fade' | 'none';
 }
-export type Properties = Pargins.Para & Fonts.Para & Borders.Para & FlexGrids.Para & Sizes.Para & StyleSets.Para & {
+export type Properties = Pargins.States & Fonts.States & Borders.States & FlexGrids.States & Sizes.States & StyleSets.States & {
     backgroundColor?: Others.BackgroundColor;
     gradients?: {
         deg: number;

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

@@ -1,9 +1,9 @@
 declare namespace StyleConverter {
     type ReadStyleSet = {
-        <T>(para: T): T;
+        <T>(p: T): T;
     };
     type ToClassName = {
-        <T>(para: T): T;
+        <T>(p: T): T;
     };
 }
 export declare const ReadStyleSet: StyleConverter.ReadStyleSet;

package/dist/@utils/GenerateClassName.js

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

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

@@ -16,5 +16,5 @@ declare namespace LaunchReactApp {
         };
     };
 }
-declare const LaunchReactApp: (para: LaunchReactApp.Input) => void;
+declare const LaunchReactApp: (p: LaunchReactApp.Input) => void;
 export { LaunchReactApp, LaunchReactApp as default };

package/dist/@utils/useRecycle.js

@@ -1 +1 @@
-import"../chunk-VY3566IV.js";import l from"@mingoo/jsmin";import s from"./useStore";import{useState as u}from"react";const o={set:r=>{var t;let[e]=u(l.uuid.gen()),[y,c]=u(l.uuid.gen());return s.set({key:"RecycleKey_"+e,value:()=>{c(l.uuid.gen())}}),s.update({key:"RecycleKeys_"+r,value:{keys:[...((t=s.get("RecycleKeys_"+r))==null?void 0:t.keys)||[],e]}}),y},do:r=>{var y;let e=((y=s.get("RecycleKeys_"+r))==null?void 0:y.keys)||[];if(e.length)for(let c of e){let t=s.get("RecycleKey_"+c);t&&t()}}};export{o as default,o as useRecycle};
+import"../chunk-VY3566IV.js";import l from"@mingoo/jsmin";import s from"./useStore";import{useState as o}from"react";const u={set:r=>{var t;let[e]=o(l.uuid.gen()),[c,y]=o(l.uuid.gen());return s.set({["RecycleKey_"+e]:()=>{y(l.uuid.gen())}}),s.update({["RecycleKeys_"+r]:{keys:[...((t=s.get("RecycleKeys_"+r))==null?void 0:t.keys)||[],e]}}),c},do:r=>{var c;let e=((c=s.get("RecycleKeys_"+r))==null?void 0:c.keys)||[];if(e.length)for(let y of e){let t=s.get("RecycleKey_"+y);t&&t()}}};export{u as default,u as useRecycle};

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

@@ -1,15 +1,7 @@
 declare namespace useStore {
     type Methods = {
-        set(para: {
-            key: string;
-            value: any;
-            privateKey?: string;
-        }): boolean;
-        update(para: {
-            key: string;
-            value: any;
-            privateKey?: string;
-        }): boolean;
+        set(p: plainObject, privateKey?: string): boolean;
+        update(p: plainObject, privateKey?: string): boolean;
         get(key: string, privateKey?: string): any;
         delete(key: string, privateKey?: string): boolean;
     };

package/dist/@utils/useStore.js

@@ -1 +1 @@
-import{b as y,c as u}from"../chunk-VY3566IV.js";const r={},l={set:a=>{let{key:t,value:e,privateKey:n}=a,i=r[t]||{};return i&&i.privateKey&&i.privateKey!=n?!1:(r[t]={privateKey:n,value:e},!0)},update:a=>{var v;let{key:t,value:e,privateKey:n}=a,i=r[t]||{};return i&&i.privateKey&&i.privateKey!=n?!1:(r[t]=u(y({},r[t]),{value:y(y({},(v=r[t])==null?void 0:v.value),e)}),!0)},get:(a,t)=>{let e=r[a];if(!(e&&e.privateKey&&e.privateKey!=t))return e==null?void 0:e.value},delete:(a,t)=>{let e=r[a];return e&&e.privateKey&&e.privateKey!=t?!1:(delete r[a],!0)}};export{l as default,l as useStore};
+import{b as n,c as o}from"../chunk-VY3566IV.js";const t={},u={set:(r,a)=>{let e=!0;return Object.entries(r).forEach(([i,l])=>{let s=t[i]||{};s&&s.privateKey&&s.privateKey!=a&&(e=!1),t[i]={privateKey:a,value:l}}),e},update:(r,a)=>{let e=!0;return Object.entries(r).forEach(([i,l])=>{var p;let s=t[i]||{};s&&s.privateKey&&s.privateKey!=a&&(e=!1),t[i]=o(n({},t[i]),{value:n(n({},(p=t[i])==null?void 0:p.value),l)})}),e},get:(r,a)=>{let e=t[r];if(!(e&&e.privateKey&&e.privateKey!=a))return e==null?void 0:e.value},delete:(r,a)=>{let e=t[r];return e&&e.privateKey&&e.privateKey!=a?!1:(delete t[r],!0)}};export{u as default,u as useStore};

package/dist/atoms/FAI.d.ts

@@ -6,7 +6,7 @@ import { IconProp } from '@fortawesome/fontawesome-svg-core';
 declare namespace FAI {
     type ComponentInput = TagProperty.BasicElement & {
         icon: IconProp | IconDefinition | any;
-        iconParams?: Omit<FontAwesomeIconProps, 'icon'>;
+        iconProps?: Omit<FontAwesomeIconProps, 'icon'>;
     };
     type Shortcuts = {
         [key in ShortCutNames]: React.FC<Omit<ComponentInput, 'icon'>>;

package/dist/atoms/FAI.js

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

package/dist/atoms/Flex.js

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

package/dist/atoms/Logo.d.ts

@@ -11,21 +11,21 @@ declare namespace Logo {
         color?: 'normal' | 'white';
     };
     type Methods = {
-        Icon: (para: ComponentInput) => JSX.Element;
-        Title: (para: ComponentInput) => JSX.Element;
+        Icon: (p: ComponentInput) => JSX.Element;
+        Title: (p: ComponentInput) => JSX.Element;
         Brands: {
-            MingooIcon: (para: DefaultLogoInput) => JSX.Element;
-            MingooTitle: (para: DefaultLogoInput) => JSX.Element;
-            MingooLogoH: (para: DefaultLogoInput) => JSX.Element;
-            MingooLogoV: (para: DefaultLogoInput) => JSX.Element;
-            ComunIcon: (para: DefaultLogoInput) => JSX.Element;
-            ComunTitle: (para: DefaultLogoInput) => JSX.Element;
-            ComunLogoH: (para: DefaultLogoInput) => JSX.Element;
-            ComunLogoV: (para: DefaultLogoInput) => JSX.Element;
-            Google: (para: DefaultLogoInput) => JSX.Element;
-            Facebook: (para: DefaultLogoInput) => JSX.Element;
-            Twitter: (para: DefaultLogoInput) => JSX.Element;
-            LINE: (para: DefaultLogoInput) => JSX.Element;
+            MingooIcon: (p: DefaultLogoInput) => JSX.Element;
+            MingooTitle: (p: DefaultLogoInput) => JSX.Element;
+            MingooLogoH: (p: DefaultLogoInput) => JSX.Element;
+            MingooLogoV: (p: DefaultLogoInput) => JSX.Element;
+            ComunIcon: (p: DefaultLogoInput) => JSX.Element;
+            ComunTitle: (p: DefaultLogoInput) => JSX.Element;
+            ComunLogoH: (p: DefaultLogoInput) => JSX.Element;
+            ComunLogoV: (p: DefaultLogoInput) => JSX.Element;
+            Google: (p: DefaultLogoInput) => JSX.Element;
+            Facebook: (p: DefaultLogoInput) => JSX.Element;
+            Twitter: (p: DefaultLogoInput) => JSX.Element;
+            LINE: (p: DefaultLogoInput) => JSX.Element;
         };
         Images: {
             mingooIcon: string;

package/dist/atoms/Logo.js

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

package/dist/fn/Button.d.ts

@@ -49,7 +49,7 @@ declare namespace Button {
             color?: Colors;
         };
     }
-    type UniPara = TagProperty.BasicElement & {
+    type States = TagProperty.BasicElement & {
         tabIndex?: number;
         children?: ReactElement;
         'aria-label'?: string;
@@ -59,7 +59,7 @@ declare namespace Button {
         isActiveClassName?: string;
     };
     type delegateClickEventProps = 'auxEnter' | 'enter' | 'space';
-    type ButtonInput = UniPara & {
+    type ButtonInput = States & {
         submitOption?: {
             formName: string;
             acceptInvalidForm?: boolean;
@@ -67,10 +67,10 @@ declare namespace Button {
             callback(form: plainObject, ok: boolean): void;
         };
     } & React.ButtonHTMLAttributes<HTMLButtonElement>;
-    type LabelInput = UniPara & {
+    type LabelInput = States & {
         htmlFor?: string;
     } & React.LabelHTMLAttributes<HTMLLabelElement>;
-    type AnchorInput = UniPara & {
+    type AnchorInput = States & {
         href?: string;
         newTab?: boolean;
         sync?: boolean;

package/dist/fn/Button.js

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

package/dist/fn/Cropper.d.ts

@@ -13,7 +13,7 @@ declare namespace Cropper {
         maxSize?: number;
     };
     type Methods = {
-        open(para: Input): void;
+        open(p: Input): void;
     };
     type CoreProps = {
         val_file: Input.Filer.CustomFile;

package/dist/fn/Cropper.js

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

package/dist/fn/Input/AutoHeightText.d.ts

@@ -2,5 +2,5 @@ import TextArea from './TextArea';
 declare namespace AutoHeightText {
     type Input = TextArea.Input;
 }
-declare const AutoHeightText: (para: TextArea.Input) => import("react/jsx-runtime").JSX.Element;
+declare const AutoHeightText: (p: TextArea.Input) => import("react/jsx-runtime").JSX.Element;
 export { AutoHeightText, AutoHeightText as default };

package/dist/fn/Input/AutoHeightText.js

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

package/dist/fn/Input/Checker.d.ts

@@ -7,11 +7,11 @@ declare namespace Checker {
         tabIndex?: number;
         disabled?: boolean;
         value?: boolean;
-        cellStyles?: TagProperty.Para;
+        cellStyles?: TagProperty.States;
         cellClassName?: string;
-        cellCheckedStyles?: TagProperty.Para;
+        cellCheckedStyles?: TagProperty.States;
         cellCheckedClassName?: string;
     };
 }
-declare const Checker: (para: Checker.Input) => import("react/jsx-runtime").JSX.Element;
+declare const Checker: (p: Checker.Input) => import("react/jsx-runtime").JSX.Element;
 export { Checker, Checker as default };

package/dist/fn/Input/Checker.js

@@ -1 +1 @@
-import{b as l,c as t}from"../../chunk-VY3566IV.js";import{jsx as u}from"react/jsx-runtime";import c from"./List";const n=e=>(e=l({},e),u(c.Plain,t(l({},e),{tone:"plain",icon:!0,type:"checker",iconType:"checkbox",value:e.value?!0:null,cellStyles:l({padding:0},e.cellStyles),options:[{value:!0,label:e.label}],onUpdateValidValue:a=>{let o=!!a.value[0];e.onUpdateValidValue&&e.onUpdateValidValue(t(l({},a),{value:o}))}})));export{n as Checker,n as default};
+import{b as l,c as t}from"../../chunk-VY3566IV.js";import{jsx as c}from"react/jsx-runtime";import r from"./List";const n=e=>(e=l({},e),c(r.Plain,t(l({},e),{tone:"plain",icon:!0,type:"checker",iconType:"checkbox",value:e.value?!0:null,cellStyles:l({padding:0},e.cellStyles),options:[{value:!0,label:e.label}],onUpdateValidValue:a=>{let o=!!a.value[0];e.onUpdateValidValue&&e.onUpdateValidValue(t(l({},a),{value:o}))}})));export{n as Checker,n as default};

package/dist/fn/Input/Chips/Selector.d.ts

@@ -9,7 +9,7 @@ declare namespace Selector {
         limit?: number;
         selected: Types.ChipsOptions[];
         SelectorCellComponent: Types.SelectorCellComponentInput;
-        onUpdated(para: {
+        onUpdated(p: {
             values: any[];
         }): void;
         onDynamicSearch?: Types.onDynamicSearch;
@@ -27,14 +27,14 @@ declare namespace Selector {
                 options: Types.ChipsOptions[];
             }>;
         };
-        onUpdated(para: {
+        onUpdated(p: {
             values: any[];
         }): void;
         onClosed(): void;
         SelectorCellComponent?: Types.SelectorCellComponentInput;
     };
     type Methods = {
-        openSelector(para: OpenSelectorInput): void;
+        openSelector(p: OpenSelectorInput): void;
         closeSelector(selectorID: string): void;
         updateOptions(selectorID: string, options: Types.ChipsOptions[]): void;
         updateSelected(selectorID: string, selected: Types.ChipsOptions[]): void;

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

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