amotify 0.1.8 → 0.1.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (178) hide show
  1. package/dist/@declaration/_.js +0 -1
  2. package/dist/@declaration/module.js +0 -1
  3. package/dist/@declaration/property.js +0 -1
  4. package/dist/@styles/componentClasses/_.css +1 -1
  5. package/dist/@utils/GenerateClassName.js +1 -2
  6. package/dist/@utils/LaunchReactApp.js +1 -2
  7. package/dist/@utils/_.js +1 -2
  8. package/dist/@utils/collectForm.js +1 -2
  9. package/dist/@utils/color.js +1 -2
  10. package/dist/@utils/config.js +1 -2
  11. package/dist/@utils/fin.js +0 -1
  12. package/dist/@utils/jsminEx.js +1 -2
  13. package/dist/@utils/pageTransit.js +1 -2
  14. package/dist/@utils/useRecycle.js +1 -2
  15. package/dist/@utils/useStore.js +1 -2
  16. package/dist/atoms/Box.js +1 -2
  17. package/dist/atoms/FAI.js +1 -2
  18. package/dist/atoms/Flex.js +1 -2
  19. package/dist/atoms/Grid.js +1 -2
  20. package/dist/atoms/Img.js +1 -2
  21. package/dist/atoms/Logo.js +1 -2
  22. package/dist/atoms/P.js +1 -2
  23. package/dist/atoms/Placeholder.js +1 -2
  24. package/dist/atoms/Span.js +1 -2
  25. package/dist/atoms/_.js +0 -1
  26. package/dist/{chunk-E3D4DIO4.js → chunk-VY3566IV.js} +0 -1
  27. package/dist/fn/Button.js +1 -2
  28. package/dist/fn/Cropper.d.ts +0 -1
  29. package/dist/fn/Cropper.js +1 -2
  30. package/dist/fn/Effect/Fade.js +1 -2
  31. package/dist/fn/Effect/Pudding.js +1 -2
  32. package/dist/fn/Effect/Ripple.js +1 -2
  33. package/dist/fn/Effect/_.js +1 -2
  34. package/dist/fn/Input/Checker.js +1 -2
  35. package/dist/fn/Input/Chips/Selector.js +1 -2
  36. package/dist/fn/Input/Chips/_.js +1 -2
  37. package/dist/fn/Input/Contenteditable.js +1 -2
  38. package/dist/fn/Input/DigitCharacters.js +1 -2
  39. package/dist/fn/Input/Filer.js +1 -2
  40. package/dist/fn/Input/Hidden.js +1 -2
  41. package/dist/fn/Input/List.js +1 -2
  42. package/dist/fn/Input/Parts.js +1 -2
  43. package/dist/fn/Input/Plain.js +1 -2
  44. package/dist/fn/Input/RichSelect.js +1 -2
  45. package/dist/fn/Input/Search.js +1 -2
  46. package/dist/fn/Input/Segmented.js +1 -2
  47. package/dist/fn/Input/Select.js +1 -2
  48. package/dist/fn/Input/Slider.js +1 -2
  49. package/dist/fn/Input/Switch.js +1 -2
  50. package/dist/fn/Input/Text.js +1 -2
  51. package/dist/fn/Input/TextArea.js +1 -2
  52. package/dist/fn/Input/Time/Picker.js +1 -2
  53. package/dist/fn/Input/Time/_.js +1 -2
  54. package/dist/fn/Input/_.js +1 -2
  55. package/dist/fn/Input/core.js +1 -2
  56. package/dist/fn/Layout/PageNotFound.js +1 -2
  57. package/dist/fn/Layout/PageRouter.js +1 -2
  58. package/dist/fn/Layout/PageViewController.js +1 -2
  59. package/dist/fn/Layout/Plate.js +1 -2
  60. package/dist/fn/Layout/RootViewController.js +1 -2
  61. package/dist/fn/Layout/SwipeView.js +1 -2
  62. package/dist/fn/Layout/TabBar.js +1 -2
  63. package/dist/fn/Layout/_.js +1 -2
  64. package/dist/fn/Loader/_.js +1 -2
  65. package/dist/fn/Loader/corner.js +1 -2
  66. package/dist/fn/Loader/mini.js +1 -2
  67. package/dist/fn/Loader/top.js +1 -2
  68. package/dist/fn/Sheet.js +1 -2
  69. package/dist/fn/Snackbar.js +1 -2
  70. package/dist/fn/Table/Data.js +1 -2
  71. package/dist/fn/Table/Drag.js +1 -2
  72. package/dist/fn/Table/Normal.js +1 -2
  73. package/dist/fn/Table/Parts.js +1 -2
  74. package/dist/fn/Table/Wrapper.js +1 -2
  75. package/dist/fn/Table/_.js +1 -2
  76. package/dist/fn/Table/cellStyling.js +1 -2
  77. package/dist/fn/Tooltips.js +1 -2
  78. package/dist/fn/_.js +0 -1
  79. package/dist/index.js +0 -1
  80. package/dist/mols/Accordion.js +1 -2
  81. package/dist/mols/Column.js +1 -2
  82. package/dist/mols/LinkifyText.js +1 -2
  83. package/dist/mols/List.d.ts +1 -1
  84. package/dist/mols/List.js +1 -2
  85. package/dist/mols/Row.js +1 -2
  86. package/dist/mols/Text.js +1 -2
  87. package/dist/mols/_.js +0 -1
  88. package/dist/orgs/_.js +0 -1
  89. package/dist/style.css +1 -1
  90. package/dist/style.d.ts +2 -2
  91. package/dist/temps/_.js +0 -1
  92. package/package.json +5 -5
  93. package/dist/@declaration/_.js.map +0 -7
  94. package/dist/@declaration/module.js.map +0 -7
  95. package/dist/@declaration/property.js.map +0 -7
  96. package/dist/@utils/GenerateClassName.js.map +0 -7
  97. package/dist/@utils/LaunchReactApp.js.map +0 -7
  98. package/dist/@utils/_.js.map +0 -7
  99. package/dist/@utils/collectForm.js.map +0 -7
  100. package/dist/@utils/color.js.map +0 -7
  101. package/dist/@utils/config.js.map +0 -7
  102. package/dist/@utils/fin.js.map +0 -7
  103. package/dist/@utils/jsminEx.js.map +0 -7
  104. package/dist/@utils/pageTransit.js.map +0 -7
  105. package/dist/@utils/useRecycle.js.map +0 -7
  106. package/dist/@utils/useStore.js.map +0 -7
  107. package/dist/atoms/Box.js.map +0 -7
  108. package/dist/atoms/FAI.js.map +0 -7
  109. package/dist/atoms/Flex.js.map +0 -7
  110. package/dist/atoms/Grid.js.map +0 -7
  111. package/dist/atoms/Img.js.map +0 -7
  112. package/dist/atoms/Logo.js.map +0 -7
  113. package/dist/atoms/P.js.map +0 -7
  114. package/dist/atoms/Placeholder.js.map +0 -7
  115. package/dist/atoms/Span.js.map +0 -7
  116. package/dist/atoms/_.js.map +0 -7
  117. package/dist/chunk-E3D4DIO4.js.map +0 -7
  118. package/dist/fn/Button.js.map +0 -7
  119. package/dist/fn/Cropper.js.map +0 -7
  120. package/dist/fn/Effect/Fade.js.map +0 -7
  121. package/dist/fn/Effect/Pudding.js.map +0 -7
  122. package/dist/fn/Effect/Ripple.js.map +0 -7
  123. package/dist/fn/Effect/_.js.map +0 -7
  124. package/dist/fn/Input/Checker.js.map +0 -7
  125. package/dist/fn/Input/Chips/Selector.js.map +0 -7
  126. package/dist/fn/Input/Chips/_.js.map +0 -7
  127. package/dist/fn/Input/Contenteditable.js.map +0 -7
  128. package/dist/fn/Input/DigitCharacters.js.map +0 -7
  129. package/dist/fn/Input/Filer.js.map +0 -7
  130. package/dist/fn/Input/Hidden.js.map +0 -7
  131. package/dist/fn/Input/List.js.map +0 -7
  132. package/dist/fn/Input/Parts.js.map +0 -7
  133. package/dist/fn/Input/Plain.js.map +0 -7
  134. package/dist/fn/Input/RichSelect.js.map +0 -7
  135. package/dist/fn/Input/Search.js.map +0 -7
  136. package/dist/fn/Input/Segmented.js.map +0 -7
  137. package/dist/fn/Input/Select.js.map +0 -7
  138. package/dist/fn/Input/Slider.js.map +0 -7
  139. package/dist/fn/Input/Switch.js.map +0 -7
  140. package/dist/fn/Input/Text.js.map +0 -7
  141. package/dist/fn/Input/TextArea.js.map +0 -7
  142. package/dist/fn/Input/Time/Picker.js.map +0 -7
  143. package/dist/fn/Input/Time/_.js.map +0 -7
  144. package/dist/fn/Input/_.js.map +0 -7
  145. package/dist/fn/Input/core.js.map +0 -7
  146. package/dist/fn/Layout/PageNotFound.js.map +0 -7
  147. package/dist/fn/Layout/PageRouter.js.map +0 -7
  148. package/dist/fn/Layout/PageViewController.js.map +0 -7
  149. package/dist/fn/Layout/Plate.js.map +0 -7
  150. package/dist/fn/Layout/RootViewController.js.map +0 -7
  151. package/dist/fn/Layout/SwipeView.js.map +0 -7
  152. package/dist/fn/Layout/TabBar.js.map +0 -7
  153. package/dist/fn/Layout/_.js.map +0 -7
  154. package/dist/fn/Loader/_.js.map +0 -7
  155. package/dist/fn/Loader/corner.js.map +0 -7
  156. package/dist/fn/Loader/mini.js.map +0 -7
  157. package/dist/fn/Loader/top.js.map +0 -7
  158. package/dist/fn/Sheet.js.map +0 -7
  159. package/dist/fn/Snackbar.js.map +0 -7
  160. package/dist/fn/Table/Data.js.map +0 -7
  161. package/dist/fn/Table/Drag.js.map +0 -7
  162. package/dist/fn/Table/Normal.js.map +0 -7
  163. package/dist/fn/Table/Parts.js.map +0 -7
  164. package/dist/fn/Table/Wrapper.js.map +0 -7
  165. package/dist/fn/Table/_.js.map +0 -7
  166. package/dist/fn/Table/cellStyling.js.map +0 -7
  167. package/dist/fn/Tooltips.js.map +0 -7
  168. package/dist/fn/_.js.map +0 -7
  169. package/dist/index.js.map +0 -7
  170. package/dist/mols/Accordion.js.map +0 -7
  171. package/dist/mols/Column.js.map +0 -7
  172. package/dist/mols/LinkifyText.js.map +0 -7
  173. package/dist/mols/List.js.map +0 -7
  174. package/dist/mols/Row.js.map +0 -7
  175. package/dist/mols/Text.js.map +0 -7
  176. package/dist/mols/_.js.map +0 -7
  177. package/dist/orgs/_.js.map +0 -7
  178. package/dist/temps/_.js.map +0 -7
@@ -1,2 +1 @@
1
1
  import"./module";
2
- //# sourceMappingURL=_.js.map
@@ -1 +0,0 @@
1
- //# sourceMappingURL=module.js.map
@@ -1 +0,0 @@
1
- //# sourceMappingURL=property.js.map
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * @license amotify
3
- * amotify 0.1.8
3
+ * amotify 0.1.10
4
4
  * https://mingoo.co.jp/
5
5
 
6
6
  * Copyright (c) mingoo, LLC.
@@ -1,2 +1 @@
1
- import{b as t,c as f,d as X}from"../chunk-E3D4DIO4.js";import{$$ as o,Config as ke}from"./_";const r={toConcreteBorderRadius:l=>{let T=ke.get().roundness|0;return l=="1.tone.primary"?l=[0,2,3,4,5,5][T]:l=="2.tone.secondary"?l=[0,1,2,3,4,5][T]:l=="3.tone.tertiary"&&(l=[0,"1/3","2/3",1,2,3][T]),l},ev:l=>o.is.nullish(l),ClassNames:(l,T)=>{var _e,Be,Te,Re,Pe,we,Ne;let e=[],xe=T,{gap:n,display:x,position:m,overflow:b,fontColor:R,fontSize:_,fontWeight:i,backgroundColor:p,textAlign:P,boxShadow:h,margin:u,marginTop:B,marginRight:s,marginBottom:c,marginLeft:a,padding:g,paddingTop:N,paddingRight:k,paddingBottom:L,paddingLeft:z,top:Q,right:V,bottom:Y,left:Z,border:E,borderTop:v,borderRight:S,borderBottom:y,borderLeft:C,borderWidth:ee,borderColor:re,borderStyle:se,borderRadius:F,borderTopLeftRadius:W,borderTopRightRadius:A,borderBottomLeftRadius:H,borderBottomRightRadius:j,flexSizing:te,flexWrap:ie,flexType:oe,flexChilds:ae,flexGrid:le,horizontalAlign:ne,verticalAlign:pe,transition:de,gridCenter:he,gridCols:ue,maxHeight:ge,minHeight:fe,maxWidth:me,minWidth:be,width:ce,height:ve,unitHeight:Se,unitWidth:ye,opacity:Ce}=xe,Le=X(xe,["gap","display","position","overflow","fontColor","fontSize","fontWeight","backgroundColor","textAlign","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(x)||e.push("dsp"+x),b){let d=o.flatArray(b);e.push("ovfl-x-"+d[0]),e.push("ovfl-y-"+(d[1]||d[0]))}r.ev(m)||e.push("ps"+m),r.ev(P)||e.push("txalg"+P),r.ev(R)||e.push("ftcl"+((_e=String(R))==null?void 0:_e.replace(/\..*/,""))),r.ev(_)||e.push("ftsz"+((Be=String(_))==null?void 0:Be.replace(/\..*/,""))),r.ev(i)||e.push("ftwt"+(i==null?void 0:i.replace(/\..*/,""))),r.ev(p)||e.push("bgc"+((Te=String(p))==null?void 0:Te.replace(/\..*/,""))),r.ev(h)||e.push("bs"+h);let U,$,I,G;o.is.exist(u)&&(o.is.array(u)?u.length==2?[U,$,I,G]=[...u,...u]:u.length==4&&([U,$,I,G]=u):U=$=I=G=u,B=B!=null?B:U,s=s!=null?s:$,c=c!=null?c:I,a=a!=null?a:G),r.ev(B)||e.push("mrgt"+B),r.ev(s)||e.push("mrgr"+s),r.ev(c)||e.push("mrgb"+c),r.ev(a)||e.push("mrgl"+a);let O,q,D,M;o.is.exist(g)&&(o.is.array(g)?g.length==2?[O,q,D,M]=[...g,...g]:g.length==4&&([O,q,D,M]=g):O=q=D=M=g,N=N!=null?N:O,k=k!=null?k:q,L=L!=null?L:D,z=z!=null?z:M),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(Q)||e.push("pstt"+Q),r.ev(V)||e.push("pstr"+V),r.ev(Y)||e.push("pstb"+Y),r.ev(Z)||e.push("pstl"+Z);{o.is.exist(E)&&(v=v!=null?v:E,S=S!=null?S:E,y=y!=null?y:E,C=C!=null?C:E),o.is.boolean(v)&&(v=["unset","2.normal"][Number(v)]),o.is.boolean(S)&&(S=["unset","2.normal"][Number(S)]),o.is.boolean(y)&&(y=["unset","2.normal"][Number(y)]),o.is.boolean(C)&&(C=["unset","2.normal"][Number(C)]),r.ev(v)||e.push("b_t_ss"+((Re=String(v))==null?void 0:Re.replace(/\..*/,""))),r.ev(S)||e.push("b_r_ss"+((Pe=String(S))==null?void 0:Pe.replace(/\..*/,""))),r.ev(y)||e.push("b_b_ss"+((we=String(y))==null?void 0:we.replace(/\..*/,""))),r.ev(C)||e.push("b_l_ss"+((Ne=String(C))==null?void 0:Ne.replace(/\..*/,""))),o.is.exist(ee)&&e.push("b_wth"+String(ee)),o.is.exist(re)&&e.push("b_cl"+String(re)),o.is.exist(se)&&e.push("b_st"+String(se));{let d,w,J,K;o.is.exist(F)&&(o.is.array(F)?F.length==4&&([d,w,K,J]=F):d=w=J=K=F,W=W!=null?W:d,A=A!=null?A:w,H=H!=null?H:J,j=j!=null?j:K)}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(Ce)||e.push("op"+Ce),o.is.exist(n)){let d,w;o.is.array(n)?(d=n[0],w=n[1]):d=w=n,e.push("gapRow"+d,"gapCol"+w)}r.ev(te)||e.push("flsz"+te),r.ev(ie)||e.push("flwrp"+ie),r.ev(oe)||e.push("fltyp"+oe),r.ev(ae)||e.push("flchld"+ae),r.ev(le)||e.push("flgrid"+le),r.ev(pe)||e.push("flvrt"+pe),r.ev(ne)||e.push("flhrz"+ne),r.ev(he)||e.push("grcnt"+he),r.ev(ue)||e.push("grcol"+ue),r.ev(ve)||e.push("hgt"+ve),r.ev(ce)||e.push("wdt"+ce),r.ev(Se)||e.push("unthgt"+Se),r.ev(ye)||e.push("untwdt"+ye),r.ev(de)||e.push("trnst"+de),r.ev(ge)||e.push("maxh"+ge),r.ev(fe)||e.push("minh"+fe),r.ev(me)||e.push("maxw"+me),r.ev(be)||e.push("minw"+be)}return{otherParams:Le,className:e.length?l+e.join(" "+l):""}}},ze=l=>{let c=t({},l),{gradients:e,ssCardBox:n,ssSphere:x,ssSquare:m,ssPushable:b,ssAbsoluteCovered:R,ssTextEllipsis:_,flexCenter:i,flexNewLine:p,isLightFont:P,isBoldFont:h,isSemiBoldFont:u,isRounded:B}=c,s=X(c,["gradients","ssCardBox","ssSphere","ssSquare","ssPushable","ssAbsoluteCovered","ssTextEllipsis","flexCenter","flexNewLine","isLightFont","isBoldFont","isSemiBoldFont","isRounded"]);if(e){let{deg:a,colors:g}=e;s=f(t({},s),{freeCSS:f(t({},s.freeCSS),{background:`linear-gradient(${a}deg,${g.join(",")})`})})}if(n){n===!0&&(n="border");let a={backgroundColor:"1.layer.base",borderRadius:"1.tone.primary",boxShadow:"0.thin",freeCSS:{zIndex:1}};n=="border"?a.border=!0:n=="layer"?a.backgroundColor="1.layer.base":n=="cloud"?a.backgroundColor="cloud":n=="shadow"&&(a.boxShadow="0.normal"),["dim","dark"].includes(ke.get().darkMode)&&(a.boxShadow="1.remark"),s=f(t(t({},a),s),{freeCSS:t(t({},a.freeCSS),s.freeCSS),UnderBreakPointStyles:t(t({},a.UnderBreakPointStyles),s.UnderBreakPointStyles)})}return x&&(i=i!=null?i:!0,s=t({padding:0,unitWidth:x,unitHeight:x,borderRadius:"sphere",flexSizing:"none"},s)),m&&(i=i!=null?i:!0,s=t({padding:0,unitWidth:m,unitHeight:m,flexSizing:"none"},s)),!b||(s=f(t({transition:"middle"},s),{className:[s.className,"ssPushable"].join(" ")})),!R||(s=t({position:"absolute",top:0,left:0,right:0,bottom:0},s)),!_||(s=f(t({overflow:"hidden"},s),{freeCSS:t({whiteSpace:"nowrap",textOverflow:"ellipsis"},s.freeCSS)})),!p||(s=t({width:1,flexSizing:"none"},s)),!i||(s=t({display:"flex",horizontalAlign:"center",verticalAlign:"center"},s)),!P||(s=f(t({},s),{fontWeight:"1.light"})),!u||(s=f(t({},s),{fontWeight:"3.semiBold"})),!h||(s=f(t({},s),{fontWeight:"4.bold"})),!B||(s=f(t({},s),{borderRadius:"sphere"})),s},je=l=>{let P=ze(l),{componentID:e,UnderBreakPointStyles:n={},className:x="",freeCSS:m={},ssEffectsOnActive:b,ssLastChildLossBorder:R}=P,_=X(P,["componentID","UnderBreakPointStyles","className","freeCSS","ssEffectsOnActive","ssLastChildLossBorder"]),i=[x];if(R&&i.push("ssLastChildLossBorder_"+R),b){b=o.flatArray(b);for(let h of b)i.push("eff_"+h,"eff_"+h.split(".")[0])}{let h=r.ClassNames("amotf_",_);i.push(h.className),_=h.otherParams}n&&i.push(r.ClassNames("amotf_bp",n).className);let p=t({},_);return m&&(p.style=t(t({},m),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{je as GenerateClassName,ze as ReadStyleSet};
2
- //# sourceMappingURL=GenerateClassName.js.map
1
+ import{b as t,c as f,d as X}from"../chunk-VY3566IV.js";import{$$ as o,Config as ke}from"./_";const r={toConcreteBorderRadius:l=>{let T=ke.get().roundness|0;return l=="1.tone.primary"?l=[0,2,3,4,5,5][T]:l=="2.tone.secondary"?l=[0,1,2,3,4,5][T]:l=="3.tone.tertiary"&&(l=[0,"1/3","2/3",1,2,3][T]),l},ev:l=>o.is.nullish(l),ClassNames:(l,T)=>{var _e,Be,Te,Re,Pe,we,Ne;let e=[],xe=T,{gap:n,display:x,position:m,overflow:b,fontColor:R,fontSize:_,fontWeight:i,backgroundColor:p,textAlign:P,boxShadow:h,margin:u,marginTop:B,marginRight:s,marginBottom:c,marginLeft:a,padding:g,paddingTop:N,paddingRight:k,paddingBottom:L,paddingLeft:z,top:Q,right:V,bottom:Y,left:Z,border:E,borderTop:v,borderRight:S,borderBottom:y,borderLeft:C,borderWidth:ee,borderColor:re,borderStyle:se,borderRadius:F,borderTopLeftRadius:W,borderTopRightRadius:A,borderBottomLeftRadius:H,borderBottomRightRadius:j,flexSizing:te,flexWrap:ie,flexType:oe,flexChilds:ae,flexGrid:le,horizontalAlign:ne,verticalAlign:pe,transition:de,gridCenter:he,gridCols:ue,maxHeight:ge,minHeight:fe,maxWidth:me,minWidth:be,width:ce,height:ve,unitHeight:Se,unitWidth:ye,opacity:Ce}=xe,Le=X(xe,["gap","display","position","overflow","fontColor","fontSize","fontWeight","backgroundColor","textAlign","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(x)||e.push("dsp"+x),b){let d=o.flatArray(b);e.push("ovfl-x-"+d[0]),e.push("ovfl-y-"+(d[1]||d[0]))}r.ev(m)||e.push("ps"+m),r.ev(P)||e.push("txalg"+P),r.ev(R)||e.push("ftcl"+((_e=String(R))==null?void 0:_e.replace(/\..*/,""))),r.ev(_)||e.push("ftsz"+((Be=String(_))==null?void 0:Be.replace(/\..*/,""))),r.ev(i)||e.push("ftwt"+(i==null?void 0:i.replace(/\..*/,""))),r.ev(p)||e.push("bgc"+((Te=String(p))==null?void 0:Te.replace(/\..*/,""))),r.ev(h)||e.push("bs"+h);let U,$,I,G;o.is.exist(u)&&(o.is.array(u)?u.length==2?[U,$,I,G]=[...u,...u]:u.length==4&&([U,$,I,G]=u):U=$=I=G=u,B=B!=null?B:U,s=s!=null?s:$,c=c!=null?c:I,a=a!=null?a:G),r.ev(B)||e.push("mrgt"+B),r.ev(s)||e.push("mrgr"+s),r.ev(c)||e.push("mrgb"+c),r.ev(a)||e.push("mrgl"+a);let O,q,D,M;o.is.exist(g)&&(o.is.array(g)?g.length==2?[O,q,D,M]=[...g,...g]:g.length==4&&([O,q,D,M]=g):O=q=D=M=g,N=N!=null?N:O,k=k!=null?k:q,L=L!=null?L:D,z=z!=null?z:M),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(Q)||e.push("pstt"+Q),r.ev(V)||e.push("pstr"+V),r.ev(Y)||e.push("pstb"+Y),r.ev(Z)||e.push("pstl"+Z);{o.is.exist(E)&&(v=v!=null?v:E,S=S!=null?S:E,y=y!=null?y:E,C=C!=null?C:E),o.is.boolean(v)&&(v=["unset","2.normal"][Number(v)]),o.is.boolean(S)&&(S=["unset","2.normal"][Number(S)]),o.is.boolean(y)&&(y=["unset","2.normal"][Number(y)]),o.is.boolean(C)&&(C=["unset","2.normal"][Number(C)]),r.ev(v)||e.push("b_t_ss"+((Re=String(v))==null?void 0:Re.replace(/\..*/,""))),r.ev(S)||e.push("b_r_ss"+((Pe=String(S))==null?void 0:Pe.replace(/\..*/,""))),r.ev(y)||e.push("b_b_ss"+((we=String(y))==null?void 0:we.replace(/\..*/,""))),r.ev(C)||e.push("b_l_ss"+((Ne=String(C))==null?void 0:Ne.replace(/\..*/,""))),o.is.exist(ee)&&e.push("b_wth"+String(ee)),o.is.exist(re)&&e.push("b_cl"+String(re)),o.is.exist(se)&&e.push("b_st"+String(se));{let d,w,J,K;o.is.exist(F)&&(o.is.array(F)?F.length==4&&([d,w,K,J]=F):d=w=J=K=F,W=W!=null?W:d,A=A!=null?A:w,H=H!=null?H:J,j=j!=null?j:K)}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(Ce)||e.push("op"+Ce),o.is.exist(n)){let d,w;o.is.array(n)?(d=n[0],w=n[1]):d=w=n,e.push("gapRow"+d,"gapCol"+w)}r.ev(te)||e.push("flsz"+te),r.ev(ie)||e.push("flwrp"+ie),r.ev(oe)||e.push("fltyp"+oe),r.ev(ae)||e.push("flchld"+ae),r.ev(le)||e.push("flgrid"+le),r.ev(pe)||e.push("flvrt"+pe),r.ev(ne)||e.push("flhrz"+ne),r.ev(he)||e.push("grcnt"+he),r.ev(ue)||e.push("grcol"+ue),r.ev(ve)||e.push("hgt"+ve),r.ev(ce)||e.push("wdt"+ce),r.ev(Se)||e.push("unthgt"+Se),r.ev(ye)||e.push("untwdt"+ye),r.ev(de)||e.push("trnst"+de),r.ev(ge)||e.push("maxh"+ge),r.ev(fe)||e.push("minh"+fe),r.ev(me)||e.push("maxw"+me),r.ev(be)||e.push("minw"+be)}return{otherParams:Le,className:e.length?l+e.join(" "+l):""}}},ze=l=>{let c=t({},l),{gradients:e,ssCardBox:n,ssSphere:x,ssSquare:m,ssPushable:b,ssAbsoluteCovered:R,ssTextEllipsis:_,flexCenter:i,flexNewLine:p,isLightFont:P,isBoldFont:h,isSemiBoldFont:u,isRounded:B}=c,s=X(c,["gradients","ssCardBox","ssSphere","ssSquare","ssPushable","ssAbsoluteCovered","ssTextEllipsis","flexCenter","flexNewLine","isLightFont","isBoldFont","isSemiBoldFont","isRounded"]);if(e){let{deg:a,colors:g}=e;s=f(t({},s),{freeCSS:f(t({},s.freeCSS),{background:`linear-gradient(${a}deg,${g.join(",")})`})})}if(n){n===!0&&(n="border");let a={backgroundColor:"1.layer.base",borderRadius:"1.tone.primary",boxShadow:"0.thin",freeCSS:{zIndex:1}};n=="border"?a.border=!0:n=="layer"?a.backgroundColor="1.layer.base":n=="cloud"?a.backgroundColor="cloud":n=="shadow"&&(a.boxShadow="0.normal"),["dim","dark"].includes(ke.get().darkMode)&&(a.boxShadow="1.remark"),s=f(t(t({},a),s),{freeCSS:t(t({},a.freeCSS),s.freeCSS),UnderBreakPointStyles:t(t({},a.UnderBreakPointStyles),s.UnderBreakPointStyles)})}return x&&(i=i!=null?i:!0,s=t({padding:0,unitWidth:x,unitHeight:x,borderRadius:"sphere",flexSizing:"none"},s)),m&&(i=i!=null?i:!0,s=t({padding:0,unitWidth:m,unitHeight:m,flexSizing:"none"},s)),!b||(s=f(t({transition:"middle"},s),{className:[s.className,"ssPushable"].join(" ")})),!R||(s=t({position:"absolute",top:0,left:0,right:0,bottom:0},s)),!_||(s=f(t({overflow:"hidden"},s),{freeCSS:t({whiteSpace:"nowrap",textOverflow:"ellipsis"},s.freeCSS)})),!p||(s=t({width:1,flexSizing:"none"},s)),!i||(s=t({display:"flex",horizontalAlign:"center",verticalAlign:"center"},s)),!P||(s=f(t({},s),{fontWeight:"1.light"})),!u||(s=f(t({},s),{fontWeight:"3.semiBold"})),!h||(s=f(t({},s),{fontWeight:"4.bold"})),!B||(s=f(t({},s),{borderRadius:"sphere"})),s},je=l=>{let P=ze(l),{componentID:e,UnderBreakPointStyles:n={},className:x="",freeCSS:m={},ssEffectsOnActive:b,ssLastChildLossBorder:R}=P,_=X(P,["componentID","UnderBreakPointStyles","className","freeCSS","ssEffectsOnActive","ssLastChildLossBorder"]),i=[x];if(R&&i.push("ssLastChildLossBorder_"+R),b){b=o.flatArray(b);for(let h of b)i.push("eff_"+h,"eff_"+h.split(".")[0])}{let h=r.ClassNames("amotf_",_);i.push(h.className),_=h.otherParams}n&&i.push(r.ClassNames("amotf_bp",n).className);let p=t({},_);return m&&(p.style=t(t({},m),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{je as GenerateClassName,ze as ReadStyleSet};
@@ -1,2 +1 @@
1
- import"../chunk-E3D4DIO4.js";import{Fragment as u,jsx as e,jsxs as f}from"react/jsx-runtime";import{$$ as r,Config as o}from"./_";import d,{useEffect as C}from"react";import y from"react-dom/client";import*as b from"react-router-dom";import M from"./useRecycle";import A from"@atoms/Box";import n from"@fn/Sheet";import E from"@fn/Snackbar";import S from"@fn/Loader/_";const k=()=>(C(()=>{setTimeout(()=>{console.log("launched"),console.log(o.get()),n.open({type:"normal.middleCenter",content:e(n.Comps.Body,{children:e("div",{children:"dsvafsbgsdfgbdsgbdgb"})})})},1e3)},[]),null),x=a=>{let t=M.set("RootViewController_"+o.get().sessionUID);return d.createElement("amotify-app",{id:"appRoot_"+o.get().sessionUID},f(u,{children:[e(S.Wrapper,{}),e(E.Wrapper,{}),e(n.Wrapper,{}),e(k,{}),e(A,{className:"AMOTIFY_be AMOTIFY_be_root AMOTIFY_be_origin",children:e(b.BrowserRouter,{children:a.children},t)})]}))},c=a=>{let{shadowRoot:t,baseElement:R,reactElement:s,inlineCSS:h,appearances:g}=a,p=r(R);if(!p[0]||!s)return;t&&o.update.appRoot(t);let{roundness:m,themeColor:i,darkMode:l}=g||{};r.is.exist(m)&&o.update.roundness(m),r.is.exist(i)&&o.update.themeColor(i),r.is.exist(l)&&o.update.darkMode(l),y.createRoot(p[0]).render(f(u,{children:[e("style",{children:h}),e(x,{children:s})]}))};export{c as LaunchReactApp,d as React,c as default};
2
- //# sourceMappingURL=LaunchReactApp.js.map
1
+ import"../chunk-VY3566IV.js";import{Fragment as d,jsx as e,jsxs as R}from"react/jsx-runtime";import{$$ as r,Config as o}from"./_";import l from"react";import C from"react-dom/client";import*as M from"react-router-dom";import y from"./useRecycle";import A from"../atoms/Box";import E from"../fn/Sheet";import b from"../fn/Snackbar";import k from"../fn/Loader/_";const x=a=>{let t=y.set("RootViewController_"+o.get().sessionUID);return l.createElement("amotify-app",{id:"appRoot_"+o.get().sessionUID},R(d,{children:[e(k.Wrapper,{}),e(b.Wrapper,{}),e(E.Wrapper,{}),e(A,{className:"AMOTIFY_be AMOTIFY_be_root AMOTIFY_be_origin",children:e(M.BrowserRouter,{children:a.children},t)})]}))},c=a=>{let{shadowRoot:t,baseElement:u,reactElement:n,inlineCSS:f,appearances:h}=a,p=r(u);if(!p[0]||!n)return;t&&o.update.appRoot(t);let{roundness:s,themeColor:i,darkMode:m}=h||{};r.is.exist(s)&&o.update.roundness(s),r.is.exist(i)&&o.update.themeColor(i),r.is.exist(m)&&o.update.darkMode(m),C.createRoot(p[0]).render(R(d,{children:[e("style",{children:f}),e(x,{children:n})]}))};export{c as LaunchReactApp,l as React,c as default};
package/dist/@utils/_.js CHANGED
@@ -1,2 +1 @@
1
- export*from"@declaration";export*from"./jsminEx";export*from"./config";export*from"./useStore";export*from"./useRecycle";export*from"./collectForm";export*from"./pageTransit";export*from"./color";export*from"./GenerateClassName";export*from"./LaunchReactApp";export*from"./fin";
2
- //# sourceMappingURL=_.js.map
1
+ export*from"../@declaration/_";export*from"./jsminEx";export*from"./config";export*from"./useStore";export*from"./useRecycle";export*from"./collectForm";export*from"./pageTransit";export*from"./color";export*from"./GenerateClassName";export*from"./LaunchReactApp";export*from"./fin";
@@ -1,2 +1 @@
1
- import{e as m}from"../chunk-E3D4DIO4.js";import u from"@mingoo/jsmin";import b from"./useStore";let f=!1;const d=h=>m(void 0,null,function*(){if(f)return{valid:!1,data:{}};let c=document.activeElement;c&&c.blur(),f=!0;let s=u(`[data-form="${h}"]`),o=1,n={};for(let i=0;i<s.length;i++){let N=s[i],{componentId:O=""}=N.dataset,a=b.get(O);a&&a.Refresh&&(yield a.Refresh());let{value:F,name:r,checked:S,dataset:{value:y,name:J="",inputType:t="",validation:l}}=s[i],e=y;r=r||J,l=+((l!=null?l:"true")=="true"),t=="hidden"?e&&(e=JSON.parse(e)):["radio","checkbox","checker"].includes(t)?e&&(e=JSON.parse(e),u.is.array(e)?e=e.map(p=>JSON.parse(p)):e=JSON.parse(e),t=="radio"&&(e=e[0]),t=="checker"&&(e=!!e[0])):["chips-single","chips-multi"].includes(t)?(e=JSON.parse(e),e.length&&t=="chips-single"&&(e=e[0])):t=="time"||t=="select"||t=="richSelect"?e&&(e=JSON.parse(e)):t=="file"?a&&(e=a.Files):t=="slider"?e&&(e=JSON.parse(e)):t=="switch"&&(e=S|0);let g=(l!=null?l:1)|0;o&=g,l&&(n[r]=e)}return f=!1,{valid:!!o,data:n}});export{d as collectForm,d as default};
2
- //# sourceMappingURL=collectForm.js.map
1
+ import{e as m}from"../chunk-VY3566IV.js";import u from"@mingoo/jsmin";import b from"./useStore";let f=!1;const d=h=>m(void 0,null,function*(){if(f)return{valid:!1,data:{}};let c=document.activeElement;c&&c.blur(),f=!0;let s=u(`[data-form="${h}"]`),o=1,n={};for(let i=0;i<s.length;i++){let N=s[i],{componentId:O=""}=N.dataset,a=b.get(O);a&&a.Refresh&&(yield a.Refresh());let{value:F,name:r,checked:S,dataset:{value:y,name:J="",inputType:t="",validation:l}}=s[i],e=y;r=r||J,l=+((l!=null?l:"true")=="true"),t=="hidden"?e&&(e=JSON.parse(e)):["radio","checkbox","checker"].includes(t)?e&&(e=JSON.parse(e),u.is.array(e)?e=e.map(p=>JSON.parse(p)):e=JSON.parse(e),t=="radio"&&(e=e[0]),t=="checker"&&(e=!!e[0])):["chips-single","chips-multi"].includes(t)?(e=JSON.parse(e),e.length&&t=="chips-single"&&(e=e[0])):t=="time"||t=="select"||t=="richSelect"?e&&(e=JSON.parse(e)):t=="file"?a&&(e=a.Files):t=="slider"?e&&(e=JSON.parse(e)):t=="switch"&&(e=S|0);let g=(l!=null?l:1)|0;o&=g,l&&(n[r]=e)}return f=!1,{valid:!!o,data:n}});export{d as collectForm,d as default};
@@ -1,2 +1 @@
1
- import"../chunk-E3D4DIO4.js";import{$$ as d,Config as r}from"./_";const f=[{key:"comun",isBrand:!1,isAvocado:!0},{key:"leaf",isBrand:!1,isAvocado:!0},{key:"heart",isBrand:!1,isAvocado:!0},{key:"droplet",isBrand:!1,isAvocado:!0},{key:"brick",isBrand:!1,isAvocado:!1},{key:"flower",isBrand:!1,isAvocado:!1},{key:"lip",isBrand:!1,isAvocado:!1},{key:"wine",isBrand:!1,isAvocado:!1},{key:"theater",isBrand:!1,isAvocado:!1},{key:"bat",isBrand:!1,isAvocado:!1},{key:"poizon",isBrand:!1,isAvocado:!1},{key:"eggplant",isBrand:!1,isAvocado:!1},{key:"ufo",isBrand:!1,isAvocado:!1},{key:"alien",isBrand:!1,isAvocado:!1},{key:"tombstone",isBrand:!1,isAvocado:!1},{key:"ninja",isBrand:!1,isAvocado:!1},{key:"moon",isBrand:!1,isAvocado:!1},{key:"rain",isBrand:!1,isAvocado:!1},{key:"unicorn",isBrand:!1,isAvocado:!1},{key:"axe",isBrand:!1,isAvocado:!1},{key:"gem",isBrand:!1,isAvocado:!1},{key:"soap",isBrand:!1,isAvocado:!1},{key:"drizzle",isBrand:!1,isAvocado:!1},{key:"building",isBrand:!1,isAvocado:!1},{key:"fish",isBrand:!1,isAvocado:!1},{key:"icicles",isBrand:!1,isAvocado:!1},{key:"water",isBrand:!1,isAvocado:!1},{key:"tree1",isBrand:!1,isAvocado:!1},{key:"tree2",isBrand:!1,isAvocado:!1},{key:"tree3",isBrand:!1,isAvocado:!1},{key:"battery",isBrand:!1,isAvocado:!1},{key:"seedle",isBrand:!1,isAvocado:!1},{key:"greenTea",isBrand:!1,isAvocado:!1},{key:"oak",isBrand:!1,isAvocado:!1},{key:"salad",isBrand:!1,isAvocado:!1},{key:"cloudy",isBrand:!1,isAvocado:!1},{key:"lemon",isBrand:!1,isAvocado:!1},{key:"angel",isBrand:!1,isAvocado:!1},{key:"parasol",isBrand:!1,isAvocado:!1},{key:"pizza",isBrand:!1,isAvocado:!1},{key:"thunder",isBrand:!1,isAvocado:!1},{key:"latte",isBrand:!1,isAvocado:!1},{key:"island",isBrand:!1,isAvocado:!1},{key:"shovel",isBrand:!1,isAvocado:!1},{key:"coffee",isBrand:!1,isAvocado:!1},{key:"carrot",isBrand:!1,isAvocado:!1},{key:"cactus",isBrand:!1,isAvocado:!1},{key:"volcano",isBrand:!1,isAvocado:!1},{key:"choco",isBrand:!1,isAvocado:!1},{key:"industry",isBrand:!1,isAvocado:!1},{key:"gun",isBrand:!1,isAvocado:!1},{key:"galaxy",isBrand:!1,isAvocado:!1},{key:"line",isBrand:!0,isAvocado:!1},{key:"twitter",isBrand:!0,isAvocado:!1},{key:"amazon",isBrand:!0,isAvocado:!1},{key:"facebook",isBrand:!0,isAvocado:!1},{key:"android",isBrand:!0,isAvocado:!1},{key:"slackBlue",isBrand:!0,isAvocado:!1},{key:"slackGreen",isBrand:!0,isAvocado:!1},{key:"slackRed",isBrand:!0,isAvocado:!1},{key:"slackYellow",isBrand:!0,isAvocado:!1},{key:"slackBase",isBrand:!0,isAvocado:!1},{key:"googleBlue",isBrand:!0,isAvocado:!1},{key:"googleGreen",isBrand:!0,isAvocado:!1},{key:"googleYellow",isBrand:!0,isAvocado:!1},{key:"googleRed",isBrand:!0,isAvocado:!1}],y=()=>{let e="#45515c",a=d("#ThemeColorMetaTag");a[0]&&a.setAttribute("content",e)},n={light:"#FFF",dark:"#333",dim:"#666",auto:()=>r.get().isSystemDarkmode()?"#333":"#FFF"},o={};f.forEach(e=>{let{key:a,isAvocado:i,isBrand:l}=e;o[a]={alfa:s=>`hsla( var( --cH_${a} ),var( --cS_${a} ),var( --cL_${a} ),${s!=null?s:1} ) `,isAvocado:i,isBrand:l}});export{f as ColorObjects,n as DarkmodeColors,y as SetThemeColorTag,o as ThemeColors};
2
- //# sourceMappingURL=color.js.map
1
+ import"../chunk-VY3566IV.js";import{$$ as d,Config as r}from"./_";const f=[{key:"comun",isBrand:!1,isAvocado:!0},{key:"leaf",isBrand:!1,isAvocado:!0},{key:"heart",isBrand:!1,isAvocado:!0},{key:"droplet",isBrand:!1,isAvocado:!0},{key:"brick",isBrand:!1,isAvocado:!1},{key:"flower",isBrand:!1,isAvocado:!1},{key:"lip",isBrand:!1,isAvocado:!1},{key:"wine",isBrand:!1,isAvocado:!1},{key:"theater",isBrand:!1,isAvocado:!1},{key:"bat",isBrand:!1,isAvocado:!1},{key:"poizon",isBrand:!1,isAvocado:!1},{key:"eggplant",isBrand:!1,isAvocado:!1},{key:"ufo",isBrand:!1,isAvocado:!1},{key:"alien",isBrand:!1,isAvocado:!1},{key:"tombstone",isBrand:!1,isAvocado:!1},{key:"ninja",isBrand:!1,isAvocado:!1},{key:"moon",isBrand:!1,isAvocado:!1},{key:"rain",isBrand:!1,isAvocado:!1},{key:"unicorn",isBrand:!1,isAvocado:!1},{key:"axe",isBrand:!1,isAvocado:!1},{key:"gem",isBrand:!1,isAvocado:!1},{key:"soap",isBrand:!1,isAvocado:!1},{key:"drizzle",isBrand:!1,isAvocado:!1},{key:"building",isBrand:!1,isAvocado:!1},{key:"fish",isBrand:!1,isAvocado:!1},{key:"icicles",isBrand:!1,isAvocado:!1},{key:"water",isBrand:!1,isAvocado:!1},{key:"tree1",isBrand:!1,isAvocado:!1},{key:"tree2",isBrand:!1,isAvocado:!1},{key:"tree3",isBrand:!1,isAvocado:!1},{key:"battery",isBrand:!1,isAvocado:!1},{key:"seedle",isBrand:!1,isAvocado:!1},{key:"greenTea",isBrand:!1,isAvocado:!1},{key:"oak",isBrand:!1,isAvocado:!1},{key:"salad",isBrand:!1,isAvocado:!1},{key:"cloudy",isBrand:!1,isAvocado:!1},{key:"lemon",isBrand:!1,isAvocado:!1},{key:"angel",isBrand:!1,isAvocado:!1},{key:"parasol",isBrand:!1,isAvocado:!1},{key:"pizza",isBrand:!1,isAvocado:!1},{key:"thunder",isBrand:!1,isAvocado:!1},{key:"latte",isBrand:!1,isAvocado:!1},{key:"island",isBrand:!1,isAvocado:!1},{key:"shovel",isBrand:!1,isAvocado:!1},{key:"coffee",isBrand:!1,isAvocado:!1},{key:"carrot",isBrand:!1,isAvocado:!1},{key:"cactus",isBrand:!1,isAvocado:!1},{key:"volcano",isBrand:!1,isAvocado:!1},{key:"choco",isBrand:!1,isAvocado:!1},{key:"industry",isBrand:!1,isAvocado:!1},{key:"gun",isBrand:!1,isAvocado:!1},{key:"galaxy",isBrand:!1,isAvocado:!1},{key:"line",isBrand:!0,isAvocado:!1},{key:"twitter",isBrand:!0,isAvocado:!1},{key:"amazon",isBrand:!0,isAvocado:!1},{key:"facebook",isBrand:!0,isAvocado:!1},{key:"android",isBrand:!0,isAvocado:!1},{key:"slackBlue",isBrand:!0,isAvocado:!1},{key:"slackGreen",isBrand:!0,isAvocado:!1},{key:"slackRed",isBrand:!0,isAvocado:!1},{key:"slackYellow",isBrand:!0,isAvocado:!1},{key:"slackBase",isBrand:!0,isAvocado:!1},{key:"googleBlue",isBrand:!0,isAvocado:!1},{key:"googleGreen",isBrand:!0,isAvocado:!1},{key:"googleYellow",isBrand:!0,isAvocado:!1},{key:"googleRed",isBrand:!0,isAvocado:!1}],y=()=>{let e="#45515c",a=d("#ThemeColorMetaTag");a[0]&&a.setAttribute("content",e)},n={light:"#FFF",dark:"#333",dim:"#666",auto:()=>r.get().isSystemDarkmode()?"#333":"#FFF"},o={};f.forEach(e=>{let{key:a,isAvocado:i,isBrand:l}=e;o[a]={alfa:s=>`hsla( var( --cH_${a} ),var( --cS_${a} ),var( --cL_${a} ),${s!=null?s:1} ) `,isAvocado:i,isBrand:l}});export{f as ColorObjects,n as DarkmodeColors,y as SetThemeColorTag,o as ThemeColors};
@@ -1,2 +1 @@
1
- import{b as i,c as t}from"../chunk-E3D4DIO4.js";import{$$ as s}from"./_";import{useRecycle as c}from"./useRecycle";import{ColorObjects as h,SetThemeColorTag as u}from"./color";const f=s.uuid.gen(),n=window.navigator.userAgent.toLowerCase(),a=n.indexOf("windows nt")!==-1?"windows":n.indexOf("android")!==-1?"android":n.indexOf("iphone")!==-1?"iPhone":n.indexOf("ipad")>-1||n.indexOf("macintosh")>-1&&"ontouchend"in document?"iPad":n.indexOf("mac os x")!==-1?"macOSX":"undefined",p=n.indexOf("msie")!==-1||n.indexOf("trident")!==-1?"ie":n.indexOf("edge")!==-1?"edge":n.indexOf("chrome")!==-1?"chrome":n.indexOf("safari")!==-1?"safari":n.indexOf("firefox")!==-1?"firefox":n.indexOf("opera")!==-1||n.indexOf("opr")!==-1?"opera":"undefined";let m={sessionUID:f,appRoot:document.body,darkMode:"light",themeColor:"comun",roundness:2,isSystemDarkmode:()=>window.matchMedia("(prefers-color-scheme: dark)").matches==!0,deviceIs:a,browserIs:p,isPhone:["Android","iPhone"].includes(a),isTouchDevice:window.ontouchstart!==void 0&&0<navigator.maxTouchPoints,isIOS:["iPhone","iPad"].includes(a),screen:{breakpoint:834,phonepoint:690,viewHeight:window.innerHeight,viewWidth:window.innerWidth,isBreakpoint:(e=834)=>window.innerWidth<=e,isPhonepoint:(e=690)=>window.innerWidth<=e}};const o={get:()=>m,set:e=>{m=i(i({},m),e)},update:{appRoot:e=>{console.log(e),o.set(t(i({},o.get()),{appRoot:e}))},themeColor:e=>{if(h.find(d=>d.key==e)||(e="comun"),e==o.get().themeColor)return;o.set(t(i({},o.get()),{themeColor:e}));let r=s(document.body);r.removeClass(r.findClass(/^bdsTC/)).addClass("bdsTC_"+e).callback(()=>{u()}),o.restart()},darkMode:e=>{if(["light","dark","dim","auto"].includes(e)||(e="light"),e==o.get().darkMode)return;let r=e=="auto"?o.get().isSystemDarkmode()?"dark":"light":e;o.set(t(i({},o.get()),{darkMode:r}));let d=s(document.body);d.removeClass(d.findClass(/^bdsDM/)).addClass("bdsDM_"+r),o.restart()},roundness:e=>{e>=0&&e<=5||(e=2),e!=o.get().roundness&&(o.set(t(i({},o.get()),{roundness:e})),o.restart())},screen:e=>{o.get().screen=i(i({},o.get().screen),e)}},restart:()=>{c.do("RootViewController_"+o.get().sessionUID)}};export{o as Config,o as default};
2
- //# sourceMappingURL=config.js.map
1
+ import{b as i,c as t}from"../chunk-VY3566IV.js";import{$$ as s}from"./_";import{useRecycle as c}from"./useRecycle";import{ColorObjects as h,SetThemeColorTag as u}from"./color";const f=s.uuid.gen(),n=window.navigator.userAgent.toLowerCase(),a=n.indexOf("windows nt")!==-1?"windows":n.indexOf("android")!==-1?"android":n.indexOf("iphone")!==-1?"iPhone":n.indexOf("ipad")>-1||n.indexOf("macintosh")>-1&&"ontouchend"in document?"iPad":n.indexOf("mac os x")!==-1?"macOSX":"undefined",p=n.indexOf("msie")!==-1||n.indexOf("trident")!==-1?"ie":n.indexOf("edge")!==-1?"edge":n.indexOf("chrome")!==-1?"chrome":n.indexOf("safari")!==-1?"safari":n.indexOf("firefox")!==-1?"firefox":n.indexOf("opera")!==-1||n.indexOf("opr")!==-1?"opera":"undefined";let m={sessionUID:f,appRoot:document.body,darkMode:"light",themeColor:"comun",roundness:2,isSystemDarkmode:()=>window.matchMedia("(prefers-color-scheme: dark)").matches==!0,deviceIs:a,browserIs:p,isPhone:["Android","iPhone"].includes(a),isTouchDevice:window.ontouchstart!==void 0&&0<navigator.maxTouchPoints,isIOS:["iPhone","iPad"].includes(a),screen:{breakpoint:834,phonepoint:690,viewHeight:window.innerHeight,viewWidth:window.innerWidth,isBreakpoint:(e=834)=>window.innerWidth<=e,isPhonepoint:(e=690)=>window.innerWidth<=e}};const o={get:()=>m,set:e=>{m=i(i({},m),e)},update:{appRoot:e=>{console.log(e),o.set(t(i({},o.get()),{appRoot:e}))},themeColor:e=>{if(h.find(d=>d.key==e)||(e="comun"),e==o.get().themeColor)return;o.set(t(i({},o.get()),{themeColor:e}));let r=s(document.body);r.removeClass(r.findClass(/^bdsTC/)).addClass("bdsTC_"+e).callback(()=>{u()}),o.restart()},darkMode:e=>{if(["light","dark","dim","auto"].includes(e)||(e="light"),e==o.get().darkMode)return;let r=e=="auto"?o.get().isSystemDarkmode()?"dark":"light":e;o.set(t(i({},o.get()),{darkMode:r}));let d=s(document.body);d.removeClass(d.findClass(/^bdsDM/)).addClass("bdsDM_"+r),o.restart()},roundness:e=>{e>=0&&e<=5||(e=2),e!=o.get().roundness&&(o.set(t(i({},o.get()),{roundness:e})),o.restart())},screen:e=>{o.get().screen=i(i({},o.get().screen),e)}},restart:()=>{c.do("RootViewController_"+o.get().sessionUID)}};export{o as Config,o as default};
@@ -1,2 +1 @@
1
1
  import{$$ as o,Config as i,SetThemeColorTag as l}from"./_";o(document.body).addClass(["AMOTIFY_be_body","usrDevice_"+i.get().deviceIs,"bdsDM_"+i.get().darkMode,"bdsTC_"+i.get().themeColor]),o(window).addEvent({eventType:"load",callback:()=>{let e=document.body.style,t=o(document.body),r=Number(t.getStyleProperty("--topNavHeight").removeLetters()||0),n=Number(t.getStyleProperty("--footerNavHeight").removeLetters()||0),g=window.innerHeight-r-n;e.setProperty("--viewHeight",window.innerHeight+"px"),e.setProperty("--contentHeight",g+"px")}}).addEvent({eventType:"resize",eventID:"getDeviceInfo",callback:()=>{i.update.screen({viewHeight:window.innerHeight,viewWidth:window.innerWidth});let e=o(document.body),t=window.innerHeight,r=Number(e.getStyleProperty("--topNavHeight").removeLetters()),n=Number(e.getStyleProperty("--footerNavHeight").removeLetters()),d=t-r-n;e.setStyleProperty("--viewHeight",t+"px").setStyleProperty("--sideNavHeight",d+"px").setStyleProperty("--contentHeight",d+"px")}}),l();
2
- //# sourceMappingURL=fin.js.map
@@ -1,2 +1 @@
1
- import{e as y}from"../chunk-E3D4DIO4.js";import i from"@mingoo/jsmin";let J="https://public.amotify.jp/";i.CDNReader=r=>new Promise((f,e)=>{if(!r)return f(!1);let t=document.createElement("script");t.src=r,t.addEventListener("load",()=>{f(!0)}),i(document.body).append(t)});{const r=(e,t)=>new r.fn.SpreadSheet(e,t);r.fn=r.prototype={},i.extend({SpreadSheet:function(e,t){this.ok=!0;try{this.workbook=e,this.fileName=t}catch(s){console.log(s),this.ok=!1}return this},isValid:function(){return this.ok},getWorkbook:function(){return this.workbook},updateFileName:function(e){return this.fileName=e,this},updateMerges:function(e){this.toJson().sheets.forEach((s,o)=>{let l=e[o];const c=this.workbook.getWorksheet(s.sheetName);for(let[n,a]of l)n&&a&&c.mergeCells(n+":"+a)})},updateStyles:function(e){this.toJson().sheets.forEach((s,o)=>{let l=e[o];const c=this.workbook.getWorksheet(s.sheetName);for(let n of l){let{type:a,target:p,values:h}=n,u=i.flatArray(p);for(let[d,m]of Object.entries(h))for(let w of u)c["get"+a.toCapital()](w)[d]=m}})},toJson:function(){let e={fileName:this.fileName,sheets:[]};return this.workbook.eachSheet((t,s)=>{let o={sheetName:t.name,rows:[]};t.eachRow((l,c)=>{let[n,...a]=l.values;o.rows.push(a)}),e.sheets.push(o)}),e},export:function(e){return y(this,null,function*(){e=e||"xlsx";const t=yield this.workbook[e].writeBuffer(),s=new Blob([t],{type:"application/octet-binary"}),o=document.createElement("a");o.href=(window.URL||window.webkitURL).createObjectURL(s),o.download=this.fileName+"."+e,o.click(),o.remove()})}},r),r.fn.SpreadSheet.prototype=r.fn,r.fn.SpreadSheet.prototype.constructor=r;let f=J+"@env/@foreign/exceljs.min.js";i.spreadSheet={readFromFile:e=>y(void 0,null,function*(){if(window.ExcelJS||(yield i.CDNReader(f)),!window.ExcelJS)return;let t=e.type,s=e.name.replace(/\.[^/.]+$/,"");if(t.match(/csv/)){const n=(yield e.text()).split(/[\n\r]+/).map(h=>h.split(/,/)),a=new ExcelJS.Workbook,p=a.addWorksheet("Sheet1");return n.forEach(h=>p.addRow(h)),r(a,s)}const o=new ExcelJS.Workbook,l=(yield e.read("binaryString")).target.result;return r(yield o.xlsx.load(l),s)}),readFromJson:e=>y(void 0,null,function*(){if(window.ExcelJS||(yield i.CDNReader(f)),!window.ExcelJS)return;let{sheets:t,fileName:s=""}=e;s=s||i.uuid.gen();const o=new ExcelJS.Workbook;return t.forEach((l,c)=>{let{sheetName:n,rows:a,merges:p=[],styles:h=[]}=l;n=n||"\u30B7\u30FC\u30C8"+(c+1),o.addWorksheet(n);const u=o.getWorksheet(n);u.addRows(a);for(let[d,m]of p)d&&m&&u.mergeCells(d+":"+m);for(let d of h){let{type:m,target:w,values:S}=d,g=i.flatArray(w);for(let[k,x]of Object.entries(S))for(let b of g)u["get"+m.toCapital()](b)[k]=x}}),r(o,s)})}}export{i as $$,i as default};
2
- //# sourceMappingURL=jsminEx.js.map
1
+ import{e as y}from"../chunk-VY3566IV.js";import i from"@mingoo/jsmin";let J="https://public.amotify.jp/";i.CDNReader=r=>new Promise((f,e)=>{if(!r)return f(!1);let t=document.createElement("script");t.src=r,t.addEventListener("load",()=>{f(!0)}),i(document.body).append(t)});{const r=(e,t)=>new r.fn.SpreadSheet(e,t);r.fn=r.prototype={},i.extend({SpreadSheet:function(e,t){this.ok=!0;try{this.workbook=e,this.fileName=t}catch(s){console.log(s),this.ok=!1}return this},isValid:function(){return this.ok},getWorkbook:function(){return this.workbook},updateFileName:function(e){return this.fileName=e,this},updateMerges:function(e){this.toJson().sheets.forEach((s,o)=>{let l=e[o];const c=this.workbook.getWorksheet(s.sheetName);for(let[n,a]of l)n&&a&&c.mergeCells(n+":"+a)})},updateStyles:function(e){this.toJson().sheets.forEach((s,o)=>{let l=e[o];const c=this.workbook.getWorksheet(s.sheetName);for(let n of l){let{type:a,target:p,values:h}=n,u=i.flatArray(p);for(let[d,m]of Object.entries(h))for(let w of u)c["get"+a.toCapital()](w)[d]=m}})},toJson:function(){let e={fileName:this.fileName,sheets:[]};return this.workbook.eachSheet((t,s)=>{let o={sheetName:t.name,rows:[]};t.eachRow((l,c)=>{let[n,...a]=l.values;o.rows.push(a)}),e.sheets.push(o)}),e},export:function(e){return y(this,null,function*(){e=e||"xlsx";const t=yield this.workbook[e].writeBuffer(),s=new Blob([t],{type:"application/octet-binary"}),o=document.createElement("a");o.href=(window.URL||window.webkitURL).createObjectURL(s),o.download=this.fileName+"."+e,o.click(),o.remove()})}},r),r.fn.SpreadSheet.prototype=r.fn,r.fn.SpreadSheet.prototype.constructor=r;let f=J+"@env/@foreign/exceljs.min.js";i.spreadSheet={readFromFile:e=>y(void 0,null,function*(){if(window.ExcelJS||(yield i.CDNReader(f)),!window.ExcelJS)return;let t=e.type,s=e.name.replace(/\.[^/.]+$/,"");if(t.match(/csv/)){const n=(yield e.text()).split(/[\n\r]+/).map(h=>h.split(/,/)),a=new ExcelJS.Workbook,p=a.addWorksheet("Sheet1");return n.forEach(h=>p.addRow(h)),r(a,s)}const o=new ExcelJS.Workbook,l=(yield e.read("binaryString")).target.result;return r(yield o.xlsx.load(l),s)}),readFromJson:e=>y(void 0,null,function*(){if(window.ExcelJS||(yield i.CDNReader(f)),!window.ExcelJS)return;let{sheets:t,fileName:s=""}=e;s=s||i.uuid.gen();const o=new ExcelJS.Workbook;return t.forEach((l,c)=>{let{sheetName:n,rows:a,merges:p=[],styles:h=[]}=l;n=n||"\u30B7\u30FC\u30C8"+(c+1),o.addWorksheet(n);const u=o.getWorksheet(n);u.addRows(a);for(let[d,m]of p)d&&m&&u.mergeCells(d+":"+m);for(let d of h){let{type:m,target:w,values:S}=d,g=i.flatArray(w);for(let[k,x]of Object.entries(S))for(let b of g)u["get"+m.toCapital()](b)[k]=x}}),r(o,s)})}}export{i as $$,i as default};
@@ -1,2 +1 @@
1
- import"../chunk-E3D4DIO4.js";import{useStore as a}from"./useStore";const n={open:e=>{window.open(e)},pushSync:e=>{window.location.href=e},pushAsync:e=>{if(e.match(/https?:\/\//)){n.pushSync(e);return}a.get("navigate")(e)},push:(e,t)=>{if(t){n.open(e);return}n.pushAsync(e)},back:()=>{a.get("navigate")(-1)}};export{n as default,n as pageTransit};
2
- //# sourceMappingURL=pageTransit.js.map
1
+ import"../chunk-VY3566IV.js";import{useStore as a}from"./useStore";const n={open:e=>{window.open(e)},pushSync:e=>{window.location.href=e},pushAsync:e=>{if(e.match(/https?:\/\//)){n.pushSync(e);return}a.get("navigate")(e)},push:(e,t)=>{if(t){n.open(e);return}n.pushAsync(e)},back:()=>{a.get("navigate")(-1)}};export{n as default,n as pageTransit};
@@ -1,2 +1 @@
1
- import"../chunk-E3D4DIO4.js";import{$$ as l}from"./_";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};
2
- //# sourceMappingURL=useRecycle.js.map
1
+ import"../chunk-VY3566IV.js";import{$$ as l}from"./_";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};
@@ -1,2 +1 @@
1
- import{b as y,c as v}from"../chunk-E3D4DIO4.js";const r={},u={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 s;let{key:t,value:e,privateKey:n}=a,i=r[t]||{};return i&&i.privateKey&&i.privateKey!=n?!1:(r[t]=v(y({},r[t]),{value:y(y({},(s=r[t])==null?void 0:s.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{u as default,u as useStore};
2
- //# sourceMappingURL=useStore.js.map
1
+ import{b as y,c as v}from"../chunk-VY3566IV.js";const r={},u={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 s;let{key:t,value:e,privateKey:n}=a,i=r[t]||{};return i&&i.privateKey&&i.privateKey!=n?!1:(r[t]=v(y({},r[t]),{value:y(y({},(s=r[t])==null?void 0:s.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{u as default,u as useStore};
package/dist/atoms/Box.js CHANGED
@@ -1,2 +1 @@
1
- import{b as t,d as r}from"../chunk-E3D4DIO4.js";import{jsx as n}from"react/jsx-runtime";import{GenerateClassName as p}from"@utils";const a=o=>{let e=p(o),{freeCSS:c}=e,m=r(e,["freeCSS"]);return n("div",t({},m))};export{a as Box,a as default};
2
- //# sourceMappingURL=Box.js.map
1
+ import{b as t,d as r}from"../chunk-VY3566IV.js";import{jsx as n}from"react/jsx-runtime";import{GenerateClassName as p}from"../@utils/_";const a=o=>{let e=p(o),{freeCSS:c}=e,m=r(e,["freeCSS"]);return n("div",t({},m))};export{a as Box,a as default};
package/dist/atoms/FAI.js CHANGED
@@ -1,2 +1 @@
1
- import{b as r,c as n,d as m}from"../chunk-E3D4DIO4.js";import{jsx as i}from"react/jsx-runtime";import f from"@atoms/Box";import{FontAwesomeIcon as s}from"@fortawesome/react-fontawesome";import{faUser as C}from"@fortawesome/free-solid-svg-icons/faUser";import{faTimes as h}from"@fortawesome/free-solid-svg-icons/faTimes";import{faAngleRight as A}from"@fortawesome/free-solid-svg-icons/faAngleRight";import{faAngleLeft as g}from"@fortawesome/free-solid-svg-icons/faAngleLeft";import{faAngleUp as w}from"@fortawesome/free-solid-svg-icons/faAngleUp";import{faAngleDown as R}from"@fortawesome/free-solid-svg-icons/faAngleDown";import{faChevronLeft as u}from"@fortawesome/free-solid-svg-icons/faChevronLeft";import{faChevronRight as L}from"@fortawesome/free-solid-svg-icons/faChevronRight";import{faChevronUp as S}from"@fortawesome/free-solid-svg-icons/faChevronUp";import{faChevronDown as P}from"@fortawesome/free-solid-svg-icons/faChevronDown";import{faCaretLeft as x}from"@fortawesome/free-solid-svg-icons/faCaretLeft";import{faCaretRight as E}from"@fortawesome/free-solid-svg-icons/faCaretRight";import{faCaretUp as I}from"@fortawesome/free-solid-svg-icons/faCaretUp";import{faCaretDown as D}from"@fortawesome/free-solid-svg-icons/faCaretDown";import{faArrowLeft as k}from"@fortawesome/free-solid-svg-icons/faArrowLeft";import{faArrowRight as d}from"@fortawesome/free-solid-svg-icons/faArrowRight";import{faArrowUp as U}from"@fortawesome/free-solid-svg-icons/faArrowUp";import{faArrowDown as y}from"@fortawesome/free-solid-svg-icons/faArrowDown";import{faRotate as F}from"@fortawesome/free-solid-svg-icons/faRotate";import{faRedo as v}from"@fortawesome/free-solid-svg-icons/faRedo";import{faCheck as T}from"@fortawesome/free-solid-svg-icons/faCheck";import{faCheckCircle as H}from"@fortawesome/free-solid-svg-icons/faCheckCircle";import{faQuestion as B}from"@fortawesome/free-solid-svg-icons/faQuestion";import{faQuestionCircle as Q}from"@fortawesome/free-solid-svg-icons/faQuestionCircle";import{faExclamation as M}from"@fortawesome/free-solid-svg-icons/faExclamation";import{faExclamationTriangle as G}from"@fortawesome/free-solid-svg-icons/faExclamationTriangle";import{faHome as V}from"@fortawesome/free-solid-svg-icons/faHome";import{faShare as Y}from"@fortawesome/free-solid-svg-icons/faShare";import{faSearch as N}from"@fortawesome/free-solid-svg-icons/faSearch";import{faYenSign as O}from"@fortawesome/free-solid-svg-icons/faYenSign";import{faHeart as z}from"@fortawesome/free-solid-svg-icons/faHeart";import{faStar as W}from"@fortawesome/free-solid-svg-icons/faStar";import{faEdit as b}from"@fortawesome/free-solid-svg-icons/faEdit";import{faPen as q}from"@fortawesome/free-solid-svg-icons/faPen";import{faCopy as J}from"@fortawesome/free-solid-svg-icons/faCopy";import{faFile as K}from"@fortawesome/free-solid-svg-icons/faFile";import{faTrashAlt as X}from"@fortawesome/free-solid-svg-icons/faTrashAlt";import{faBars as Z}from"@fortawesome/free-solid-svg-icons/faBars";import{faDownload as _}from"@fortawesome/free-solid-svg-icons/faDownload";import{faLink as $}from"@fortawesome/free-solid-svg-icons/faLink";import{faLinkSlash as j}from"@fortawesome/free-solid-svg-icons/faLinkSlash";import{faExternalLinkAlt as oo}from"@fortawesome/free-solid-svg-icons/faExternalLinkAlt";import{faGear as ro}from"@fortawesome/free-solid-svg-icons/faGear";import{faPlus as io}from"@fortawesome/free-solid-svg-icons/faPlus";import{faMinus as no}from"@fortawesome/free-solid-svg-icons/faMinus";import{faEllipsisH as to}from"@fortawesome/free-solid-svg-icons/faEllipsisH";import{faEllipsisV as eo}from"@fortawesome/free-solid-svg-icons/faEllipsisV";import{faPaperPlane as ao}from"@fortawesome/free-solid-svg-icons/faPaperPlane";import{faImage as mo}from"@fortawesome/free-solid-svg-icons/faImage";const e=o=>{let a=o,{icon:p,iconParams:c}=a,l=m(a,["icon","iconParams"]);return i(f,n(r({flexCenter:!0,display:"inlineFlex"},l),{children:i(f,{freeCSS:{aspectRatio:1},children:i(s,r({icon:p,fixedWidth:!0,size:"sm"},c))})}))},t=e;t.User=o=>i(e,n(r({},o),{icon:C})),t.Times=o=>i(e,n(r({},o),{icon:h})),t.AngleRight=o=>i(e,n(r({},o),{icon:A})),t.AngleLeft=o=>i(e,n(r({},o),{icon:g})),t.AngleUp=o=>i(e,n(r({},o),{icon:w})),t.AngleDown=o=>i(e,n(r({},o),{icon:R})),t.ChevronLeft=o=>i(e,n(r({},o),{icon:u})),t.ChevronRight=o=>i(e,n(r({},o),{icon:L})),t.ChevronUp=o=>i(e,n(r({},o),{icon:S})),t.ChevronDown=o=>i(e,n(r({},o),{icon:P})),t.CaretLeft=o=>i(e,n(r({},o),{icon:x})),t.CaretRight=o=>i(e,n(r({},o),{icon:E})),t.CaretUp=o=>i(e,n(r({},o),{icon:I})),t.CaretDown=o=>i(e,n(r({},o),{icon:D})),t.ArrowLeft=o=>i(e,n(r({},o),{icon:k})),t.ArrowRight=o=>i(e,n(r({},o),{icon:d})),t.ArrowUp=o=>i(e,n(r({},o),{icon:U})),t.ArrowDown=o=>i(e,n(r({},o),{icon:y})),t.Rotate=o=>i(e,n(r({},o),{icon:F})),t.Redo=o=>i(e,n(r({},o),{icon:v})),t.Check=o=>i(e,n(r({},o),{icon:T})),t.CheckCircle=o=>i(e,n(r({},o),{icon:H})),t.Question=o=>i(e,n(r({},o),{icon:B})),t.QuestionCircle=o=>i(e,n(r({},o),{icon:Q})),t.Exclamation=o=>i(e,n(r({},o),{icon:M})),t.ExclamationTriangle=o=>i(e,n(r({},o),{icon:G})),t.Home=o=>i(e,n(r({},o),{icon:V})),t.Share=o=>i(e,n(r({},o),{icon:Y})),t.Search=o=>i(e,n(r({},o),{icon:N})),t.YenSign=o=>i(e,n(r({},o),{icon:O})),t.Heart=o=>i(e,n(r({},o),{icon:z})),t.Star=o=>i(e,n(r({},o),{icon:W})),t.Edit=o=>i(e,n(r({},o),{icon:b})),t.Pen=o=>i(e,n(r({},o),{icon:q})),t.Copy=o=>i(e,n(r({},o),{icon:J})),t.File=o=>i(e,n(r({},o),{icon:K})),t.TrashAlt=o=>i(e,n(r({},o),{icon:X})),t.Bars=o=>i(e,n(r({},o),{icon:Z})),t.Download=o=>i(e,n(r({},o),{icon:_})),t.Link=o=>i(e,n(r({},o),{icon:$})),t.LinkSlash=o=>i(e,n(r({},o),{icon:j})),t.ExternalLinkAlt=o=>i(e,n(r({},o),{icon:oo})),t.Gear=o=>i(e,n(r({},o),{icon:ro})),t.Plus=o=>i(e,n(r({},o),{icon:io})),t.Minus=o=>i(e,n(r({},o),{icon:no})),t.EllipsisH=o=>i(e,n(r({},o),{icon:to})),t.EllipsisV=o=>i(e,n(r({},o),{icon:eo})),t.PaperPlane=o=>i(e,n(r({},o),{icon:ao})),t.Image=o=>i(e,n(r({},o),{icon:mo}));export{t as FAI,t as default};
2
- //# sourceMappingURL=FAI.js.map
1
+ import{b as r,c as n,d as m}from"../chunk-VY3566IV.js";import{jsx as i}from"react/jsx-runtime";import f from"./Box";import{FontAwesomeIcon as s}from"@fortawesome/react-fontawesome";import{faUser as C}from"@fortawesome/free-solid-svg-icons/faUser";import{faTimes as h}from"@fortawesome/free-solid-svg-icons/faTimes";import{faAngleRight as A}from"@fortawesome/free-solid-svg-icons/faAngleRight";import{faAngleLeft as g}from"@fortawesome/free-solid-svg-icons/faAngleLeft";import{faAngleUp as w}from"@fortawesome/free-solid-svg-icons/faAngleUp";import{faAngleDown as R}from"@fortawesome/free-solid-svg-icons/faAngleDown";import{faChevronLeft as u}from"@fortawesome/free-solid-svg-icons/faChevronLeft";import{faChevronRight as L}from"@fortawesome/free-solid-svg-icons/faChevronRight";import{faChevronUp as S}from"@fortawesome/free-solid-svg-icons/faChevronUp";import{faChevronDown as P}from"@fortawesome/free-solid-svg-icons/faChevronDown";import{faCaretLeft as x}from"@fortawesome/free-solid-svg-icons/faCaretLeft";import{faCaretRight as E}from"@fortawesome/free-solid-svg-icons/faCaretRight";import{faCaretUp as I}from"@fortawesome/free-solid-svg-icons/faCaretUp";import{faCaretDown as D}from"@fortawesome/free-solid-svg-icons/faCaretDown";import{faArrowLeft as k}from"@fortawesome/free-solid-svg-icons/faArrowLeft";import{faArrowRight as d}from"@fortawesome/free-solid-svg-icons/faArrowRight";import{faArrowUp as U}from"@fortawesome/free-solid-svg-icons/faArrowUp";import{faArrowDown as y}from"@fortawesome/free-solid-svg-icons/faArrowDown";import{faRotate as F}from"@fortawesome/free-solid-svg-icons/faRotate";import{faRedo as v}from"@fortawesome/free-solid-svg-icons/faRedo";import{faCheck as T}from"@fortawesome/free-solid-svg-icons/faCheck";import{faCheckCircle as H}from"@fortawesome/free-solid-svg-icons/faCheckCircle";import{faQuestion as B}from"@fortawesome/free-solid-svg-icons/faQuestion";import{faQuestionCircle as Q}from"@fortawesome/free-solid-svg-icons/faQuestionCircle";import{faExclamation as M}from"@fortawesome/free-solid-svg-icons/faExclamation";import{faExclamationTriangle as G}from"@fortawesome/free-solid-svg-icons/faExclamationTriangle";import{faHome as V}from"@fortawesome/free-solid-svg-icons/faHome";import{faShare as Y}from"@fortawesome/free-solid-svg-icons/faShare";import{faSearch as N}from"@fortawesome/free-solid-svg-icons/faSearch";import{faYenSign as O}from"@fortawesome/free-solid-svg-icons/faYenSign";import{faHeart as z}from"@fortawesome/free-solid-svg-icons/faHeart";import{faStar as W}from"@fortawesome/free-solid-svg-icons/faStar";import{faEdit as b}from"@fortawesome/free-solid-svg-icons/faEdit";import{faPen as q}from"@fortawesome/free-solid-svg-icons/faPen";import{faCopy as J}from"@fortawesome/free-solid-svg-icons/faCopy";import{faFile as K}from"@fortawesome/free-solid-svg-icons/faFile";import{faTrashAlt as X}from"@fortawesome/free-solid-svg-icons/faTrashAlt";import{faBars as Z}from"@fortawesome/free-solid-svg-icons/faBars";import{faDownload as _}from"@fortawesome/free-solid-svg-icons/faDownload";import{faLink as $}from"@fortawesome/free-solid-svg-icons/faLink";import{faLinkSlash as j}from"@fortawesome/free-solid-svg-icons/faLinkSlash";import{faExternalLinkAlt as oo}from"@fortawesome/free-solid-svg-icons/faExternalLinkAlt";import{faGear as ro}from"@fortawesome/free-solid-svg-icons/faGear";import{faPlus as io}from"@fortawesome/free-solid-svg-icons/faPlus";import{faMinus as no}from"@fortawesome/free-solid-svg-icons/faMinus";import{faEllipsisH as to}from"@fortawesome/free-solid-svg-icons/faEllipsisH";import{faEllipsisV as eo}from"@fortawesome/free-solid-svg-icons/faEllipsisV";import{faPaperPlane as ao}from"@fortawesome/free-solid-svg-icons/faPaperPlane";import{faImage as mo}from"@fortawesome/free-solid-svg-icons/faImage";const e=o=>{let a=o,{icon:p,iconParams:c}=a,l=m(a,["icon","iconParams"]);return i(f,n(r({flexCenter:!0,display:"inlineFlex"},l),{children:i(f,{freeCSS:{aspectRatio:1},children:i(s,r({icon:p,fixedWidth:!0,size:"sm"},c))})}))},t=e;t.User=o=>i(e,n(r({},o),{icon:C})),t.Times=o=>i(e,n(r({},o),{icon:h})),t.AngleRight=o=>i(e,n(r({},o),{icon:A})),t.AngleLeft=o=>i(e,n(r({},o),{icon:g})),t.AngleUp=o=>i(e,n(r({},o),{icon:w})),t.AngleDown=o=>i(e,n(r({},o),{icon:R})),t.ChevronLeft=o=>i(e,n(r({},o),{icon:u})),t.ChevronRight=o=>i(e,n(r({},o),{icon:L})),t.ChevronUp=o=>i(e,n(r({},o),{icon:S})),t.ChevronDown=o=>i(e,n(r({},o),{icon:P})),t.CaretLeft=o=>i(e,n(r({},o),{icon:x})),t.CaretRight=o=>i(e,n(r({},o),{icon:E})),t.CaretUp=o=>i(e,n(r({},o),{icon:I})),t.CaretDown=o=>i(e,n(r({},o),{icon:D})),t.ArrowLeft=o=>i(e,n(r({},o),{icon:k})),t.ArrowRight=o=>i(e,n(r({},o),{icon:d})),t.ArrowUp=o=>i(e,n(r({},o),{icon:U})),t.ArrowDown=o=>i(e,n(r({},o),{icon:y})),t.Rotate=o=>i(e,n(r({},o),{icon:F})),t.Redo=o=>i(e,n(r({},o),{icon:v})),t.Check=o=>i(e,n(r({},o),{icon:T})),t.CheckCircle=o=>i(e,n(r({},o),{icon:H})),t.Question=o=>i(e,n(r({},o),{icon:B})),t.QuestionCircle=o=>i(e,n(r({},o),{icon:Q})),t.Exclamation=o=>i(e,n(r({},o),{icon:M})),t.ExclamationTriangle=o=>i(e,n(r({},o),{icon:G})),t.Home=o=>i(e,n(r({},o),{icon:V})),t.Share=o=>i(e,n(r({},o),{icon:Y})),t.Search=o=>i(e,n(r({},o),{icon:N})),t.YenSign=o=>i(e,n(r({},o),{icon:O})),t.Heart=o=>i(e,n(r({},o),{icon:z})),t.Star=o=>i(e,n(r({},o),{icon:W})),t.Edit=o=>i(e,n(r({},o),{icon:b})),t.Pen=o=>i(e,n(r({},o),{icon:q})),t.Copy=o=>i(e,n(r({},o),{icon:J})),t.File=o=>i(e,n(r({},o),{icon:K})),t.TrashAlt=o=>i(e,n(r({},o),{icon:X})),t.Bars=o=>i(e,n(r({},o),{icon:Z})),t.Download=o=>i(e,n(r({},o),{icon:_})),t.Link=o=>i(e,n(r({},o),{icon:$})),t.LinkSlash=o=>i(e,n(r({},o),{icon:j})),t.ExternalLinkAlt=o=>i(e,n(r({},o),{icon:oo})),t.Gear=o=>i(e,n(r({},o),{icon:ro})),t.Plus=o=>i(e,n(r({},o),{icon:io})),t.Minus=o=>i(e,n(r({},o),{icon:no})),t.EllipsisH=o=>i(e,n(r({},o),{icon:to})),t.EllipsisV=o=>i(e,n(r({},o),{icon:eo})),t.PaperPlane=o=>i(e,n(r({},o),{icon:ao})),t.Image=o=>i(e,n(r({},o),{icon:mo}));export{t as FAI,t as default};
@@ -1,2 +1 @@
1
- import{b as t,c as r}from"../chunk-E3D4DIO4.js";import{jsx as n}from"react/jsx-runtime";import o from"@atoms/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};
2
- //# sourceMappingURL=Flex.js.map
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};
@@ -1,2 +1 @@
1
- import{b as o}from"../chunk-E3D4DIO4.js";import{jsx as p}from"react/jsx-runtime";import d from"@atoms/Box";const r=t=>p(d,o({display:"grid"},t));export{r as Grid,r as default};
2
- //# sourceMappingURL=Grid.js.map
1
+ import{b as o}from"../chunk-VY3566IV.js";import{jsx as p}from"react/jsx-runtime";import d from"./Box";const r=t=>p(d,o({display:"grid"},t));export{r as Grid,r as default};
package/dist/atoms/Img.js CHANGED
@@ -1,2 +1 @@
1
- import{b as r,d as a}from"../chunk-E3D4DIO4.js";import{jsx as h}from"react/jsx-runtime";import{GenerateClassName as C}from"@utils";import S from"@fn/Sheet";import{ImgClasses as m}from"@styles/componentClasses/_";const p=c=>{let n=c,{src:s="",alt:g="",showExpand:o}=n,e=a(n,["src","alt","showExpand"]);e.freeCSS=r({cursor:o?"zoom-in":"inherit"},e.freeCSS);let i=C(e),{freeCSS:u,className:l=""}=i,f=a(i,["freeCSS","className"]);return h("img",r({src:s,alt:g,className:[m("Img"),m("ShowExpand_"+!!o),l].join(" "),onMouseDown:t=>{o&&t.stopPropagation()},onTouchStart:t=>{o&&t.stopPropagation()},onClick:t=>{o&&(t.stopPropagation(),S.open({type:"image",src:o!=!0?o:s})),e.onClick&&e.onClick(t)}},f))};export{p as Img,p as default};
2
- //# sourceMappingURL=Img.js.map
1
+ import{b as r,d as a}from"../chunk-VY3566IV.js";import{jsx as h}from"react/jsx-runtime";import{GenerateClassName as C}from"../@utils/_";import S from"../fn/Sheet";import{ImgClasses as m}from"../@styles/componentClasses/_";const p=c=>{let n=c,{src:s="",alt:g="",showExpand:o}=n,e=a(n,["src","alt","showExpand"]);e.freeCSS=r({cursor:o?"zoom-in":"inherit"},e.freeCSS);let i=C(e),{freeCSS:u,className:l=""}=i,f=a(i,["freeCSS","className"]);return h("img",r({src:s,alt:g,className:[m("Img"),m("ShowExpand_"+!!o),l].join(" "),onMouseDown:t=>{o&&t.stopPropagation()},onTouchStart:t=>{o&&t.stopPropagation()},onClick:t=>{o&&(t.stopPropagation(),S.open({type:"image",src:o!=!0?o:s})),e.onClick&&e.onClick(t)}},f))};export{p as Img,p as default};
@@ -1,4 +1,4 @@
1
- import{b as l,c as a,d as p}from"../chunk-E3D4DIO4.js";import{Fragment as A,jsx as e,jsxs as I}from"react/jsx-runtime";import{$$ as h}from"@utils";import L from"@atoms/Flex";import S from"@atoms/Img";import{LogoClasses as r}from"@styles/componentClasses/_";let s="https://public.amotify.jp/";const T={ComunIcon:()=>e("svg",{viewBox:"0,0,1200,1200",className:r("ComunIcon"),children:I("g",{children:[e("path",{d:`
1
+ import{b as l,c as a,d as p}from"../chunk-VY3566IV.js";import{Fragment as A,jsx as e,jsxs as I}from"react/jsx-runtime";import{$$ as h}from"../@utils/_";import L from"./Flex";import S from"./Img";import{LogoClasses as r}from"../@styles/componentClasses/_";let s="https://public.amotify.jp/";const T={ComunIcon:()=>e("svg",{viewBox:"0,0,1200,1200",className:r("ComunIcon"),children:I("g",{children:[e("path",{d:`
2
2
  M
3
3
  100,600
4
4
  A 500,500 0 0,0 600,1100
@@ -49,4 +49,3 @@ import{b as l,c as a,d as p}from"../chunk-E3D4DIO4.js";import{Fragment as A,jsx
49
49
  L600,300
50
50
  Z
51
51
  `,className:[r("P"),r("P_"+t)].join(" "),style:{fill:"#ea6093"}})]});return I("svg",{viewBox:"0,0,1200,1200",className:r("MingooIcon"),children:[o(0),o(1),o(2),o(3),o(4),o(5),o(6),o(7),o(8)]})}},m={Icon:o=>e(i.Icon,a(l({},o),{children:e(T.MingooIcon,{})})),Title:o=>e(i.Title,a(l({height:"auto",className:r("ComunTitle")},o),{freeCSS:l({letterSpacing:"3px"},o.freeCSS),children:"mingoo"})),LogoH:o=>{let n=o,{size:t,color:g}=n,c=p(n,["size","color"]);return I(L,a(l({gap:"1/2",flexCenter:!0},c),{children:[e(m.Icon,{size:t,color:g}),e(m.Title,{size:t,color:g})]}))},LogoV:o=>{let n=o,{size:t,color:g}=n,c=p(n,["size","color"]);return I(L,a(l({flexType:"col",gap:"1/2"},c),{children:[e(m.Icon,{margin:"auto",size:t,color:g}),e(m.Title,{size:t,color:g})]}))}},u={Icon:o=>e(i.Icon,a(l({},o),{children:e(T.ComunIcon,{})})),Title:o=>e(i.Title,a(l({height:"auto",className:r("ComunTitle")},o),{freeCSS:l({letterSpacing:"3px"},o.freeCSS),children:"comun"})),LogoH:o=>{let n=o,{size:t,color:g}=n,c=p(n,["size","color"]);return I(L,a(l({gap:"1/2",flexCenter:!0},c),{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,c=p(n,["size","color"]);return I(L,a(l({flexType:"col",gap:"1/2"},c),{children:[e(u.Icon,{margin:"auto",size:t,color:g}),e(u.Title,{size:t,color:g})]}))}},i={Icon:o=>{let f=o,{size:t="R",color:g="normal",className:c="",children:n}=f,C=p(f,["size","color","className","children"]);return e(L,a(l({verticalAlign:"center",className:[c,r("Icon"),r("Size_"+t)].join(" ")},C),{children:h.is.function(n)?e(n,{}):n}))},Title:o=>{let f=o,{size:t="R",color:g="normal",className:c="",children:n}=f,C=p(f,["size","color","className","children"]);return e(L,a(l({verticalAlign:"center",fontColor:g=="white"?"white":"logo",className:[c,r("Title"),r("Size_"+t)].join(" ")},C),{freeCSS:l({lineHeight:"1.25"},C.freeCSS),children:h.is.function(n)?e(n,{}):n}))},Brands:{MingooIcon:m.Icon,MingooTitle:m.Title,MingooLogoH:m.LogoH,MingooLogoV:m.LogoV,ComunIcon:u.Icon,ComunTitle:u.Title,ComunLogoH:u.LogoH,ComunLogoV:u.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};
52
- //# sourceMappingURL=Logo.js.map
package/dist/atoms/P.js CHANGED
@@ -1,2 +1 @@
1
- import{b as t,d as a}from"../chunk-E3D4DIO4.js";import{jsx as o}from"react/jsx-runtime";import{GenerateClassName as n}from"@utils";const r=p=>{let e=n(p),{freeCSS:l}=e,m=a(e,["freeCSS"]);return o("p",t({},m))};export{r as P,r as default};
2
- //# sourceMappingURL=P.js.map
1
+ import{b as t,d as a}from"../chunk-VY3566IV.js";import{jsx as o}from"react/jsx-runtime";import{GenerateClassName as n}from"../@utils/_";const r=p=>{let e=n(p),{freeCSS:l}=e,m=a(e,["freeCSS"]);return o("p",t({},m))};export{r as P,r as default};
@@ -1,2 +1 @@
1
- import{b as r,c as a,d as t}from"../chunk-E3D4DIO4.js";import{jsx as d}from"react/jsx-runtime";import c from"@atoms/Box";import{PlaceholderClasses as o}from"@styles/componentClasses/_";const s=e=>{let l=e,{color:n="cloud"}=l,p=t(l,["color"]);return d(c,a(r({className:[o("Placeholder"),e.className].join(" "),flexCenter:!0,position:"relative",ssCardBox:!0,border:"unset",overflow:"hidden",backgroundColor:"3.layer.canvas"},p),{children:d(c,{className:[o("Body"),o("Color_"+n)].join(" ")})}))};export{s as Placeholder,s as default};
2
- //# sourceMappingURL=Placeholder.js.map
1
+ import{b as r,c as a,d as t}from"../chunk-VY3566IV.js";import{jsx as d}from"react/jsx-runtime";import c from"./Box";import{PlaceholderClasses as o}from"../@styles/componentClasses/_";const s=e=>{let l=e,{color:n="cloud"}=l,p=t(l,["color"]);return d(c,a(r({className:[o("Placeholder"),e.className].join(" "),flexCenter:!0,position:"relative",ssCardBox:!0,border:"unset",overflow:"hidden",backgroundColor:"3.layer.canvas"},p),{children:d(c,{className:[o("Body"),o("Color_"+n)].join(" ")})}))};export{s as Placeholder,s as default};
@@ -1,2 +1 @@
1
- import{b as t,d as a}from"../chunk-E3D4DIO4.js";import{jsx as o}from"react/jsx-runtime";import{GenerateClassName as m}from"@utils";const n=p=>{let e=m(p),{freeCSS:l}=e,r=a(e,["freeCSS"]);return o("span",t({},r))};export{n as Span,n as default};
2
- //# sourceMappingURL=Span.js.map
1
+ import{b as t,d as a}from"../chunk-VY3566IV.js";import{jsx as o}from"react/jsx-runtime";import{GenerateClassName as m}from"../@utils/_";const n=p=>{let e=m(p),{freeCSS:l}=e,r=a(e,["freeCSS"]);return o("span",t({},r))};export{n as Span,n as default};
package/dist/atoms/_.js CHANGED
@@ -1,2 +1 @@
1
1
  export*from"./Box";export*from"./FAI";export*from"./Flex";export*from"./Grid";export*from"./Img";export*from"./Logo";export*from"./P";export*from"./Placeholder";export*from"./Span";
2
- //# sourceMappingURL=_.js.map
@@ -1,2 +1 @@
1
1
  var o=Object.defineProperty,p=Object.defineProperties;var q=Object.getOwnPropertyDescriptors;var f=Object.getOwnPropertySymbols;var k=Object.prototype.hasOwnProperty,l=Object.prototype.propertyIsEnumerable;var r=Math.pow,j=(a,c,b)=>c in a?o(a,c,{enumerable:!0,configurable:!0,writable:!0,value:b}):a[c]=b,s=(a,c)=>{for(var b in c||(c={}))k.call(c,b)&&j(a,b,c[b]);if(f)for(var b of f(c))l.call(c,b)&&j(a,b,c[b]);return a},t=(a,c)=>p(a,q(c));var u=(a,c)=>{var b={};for(var d in a)k.call(a,d)&&c.indexOf(d)<0&&(b[d]=a[d]);if(a!=null&&f)for(var d of f(a))c.indexOf(d)<0&&l.call(a,d)&&(b[d]=a[d]);return b};var v=(a,c,b)=>new Promise((d,i)=>{var m=e=>{try{g(b.next(e))}catch(h){i(h)}},n=e=>{try{g(b.throw(e))}catch(h){i(h)}},g=e=>e.done?d(e.value):Promise.resolve(e.value).then(m,n);g((b=b.apply(a,c)).next())});export{r as a,s as b,t as c,u as d,v as e};
2
- //# sourceMappingURL=chunk-E3D4DIO4.js.map
package/dist/fn/Button.js CHANGED
@@ -1,2 +1 @@
1
- import{b as o,c as i,d as B,e as P}from"../chunk-E3D4DIO4.js";import{jsx as d}from"react/jsx-runtime";import{$$ as g,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:"1.layer.base",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:y=!1,isActive:f=!1,isActiveStyles:S={},isActiveClassName:T="",tone:a="border",color:s="theme",className:u=""}=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=[u,c("Wrap"),c("isNeutral_"+!f),c("isLocked_"+y),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:y,isActive:f,isActiveClassName:S,isActiveStyles:T,submitOption:a,onClick:s}=l,u=B(l,["isLocked","isActive","isActiveClassName","isActiveStyles","submitOption","onClick"]);return a&&(a=o({acceptInvalidForm:!1,submitDelegationKey:"auxEnter"},a),u=i(o({},u),{"data-form-submit-button":a.formName,"data-sdfike":g.flatArray(a.submitDelegationKey).join(",")})),d("button",o({onClick:C=>P(void 0,null,function*(){if(s&&s(C),!a)return;let b=yield I(a.formName);!a.acceptInvalidForm&&!b.valid||a.callback(b.data,b.valid)})},u))}else if(n=="Label"){let e=t,{isLocked:y,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:y,isActive:f,isActiveClassName:S,isActiveStyles:T,href:a="",newTab:s,sync:u,shiftQueryParams:C}=A,b=B(A,["isLocked","isActive","isActiveClassName","isActiveStyles","href","newTab","sync","shiftQueryParams"]);return d("button",o({onClick:L=>{let z=L.ctrlKey||L.metaKey,R=s||!!z,h=a;C&&(h+=location.search),u?x.pushSync(h):x.push(h,!!R)}},b))}return null},p=(r,t)=>({XS:n=>d(m,i(o({},n),{seed:r,tone:t,size:"S"})),S:n=>d(m,i(o({},n),{seed:r,tone:t,size:"S"})),R:n=>d(m,i(o({},n),{seed:r,tone:t,size:"R"})),L:n=>d(m,i(o({},n),{seed:r,tone:t,size:"L"}))}),k=r=>({Plain:t=>d(m,i(o({},t),{seed:r,tone:"Plain",size:"R"})),Link:t=>d(m,i(o({},t),{seed:r,tone:"Link",size:"R"})),Normal:p(r,"Normal"),Border:p(r,"Border"),Prime:p(r,"Prime"),Sub:p(r,"Sub"),Clear:p(r,"Clear"),FillToBorder:p(r,"FillToBorder"),BorderToFill:p(r,"BorderToFill")}),F={Button:k("Button"),Label:k("Label"),Anchor:k("Anchor")};export{F as Button,F as default};
2
- //# sourceMappingURL=Button.js.map
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{$$ as g,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:"1.layer.base",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:y=!1,isActive:f=!1,isActiveStyles:S={},isActiveClassName:T="",tone:a="border",color:s="theme",className:u=""}=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=[u,c("Wrap"),c("isNeutral_"+!f),c("isLocked_"+y),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:y,isActive:f,isActiveClassName:S,isActiveStyles:T,submitOption:a,onClick:s}=l,u=B(l,["isLocked","isActive","isActiveClassName","isActiveStyles","submitOption","onClick"]);return a&&(a=o({acceptInvalidForm:!1,submitDelegationKey:"auxEnter"},a),u=i(o({},u),{"data-form-submit-button":a.formName,"data-sdfike":g.flatArray(a.submitDelegationKey).join(",")})),d("button",o({onClick:C=>P(void 0,null,function*(){if(s&&s(C),!a)return;let b=yield I(a.formName);!a.acceptInvalidForm&&!b.valid||a.callback(b.data,b.valid)})},u))}else if(n=="Label"){let e=t,{isLocked:y,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:y,isActive:f,isActiveClassName:S,isActiveStyles:T,href:a="",newTab:s,sync:u,shiftQueryParams:C}=A,b=B(A,["isLocked","isActive","isActiveClassName","isActiveStyles","href","newTab","sync","shiftQueryParams"]);return d("button",o({onClick:L=>{let z=L.ctrlKey||L.metaKey,R=s||!!z,h=a;C&&(h+=location.search),u?x.pushSync(h):x.push(h,!!R)}},b))}return null},p=(r,t)=>({XS:n=>d(m,i(o({},n),{seed:r,tone:t,size:"S"})),S:n=>d(m,i(o({},n),{seed:r,tone:t,size:"S"})),R:n=>d(m,i(o({},n),{seed:r,tone:t,size:"R"})),L:n=>d(m,i(o({},n),{seed:r,tone:t,size:"L"}))}),k=r=>({Plain:t=>d(m,i(o({},t),{seed:r,tone:"Plain",size:"R"})),Link:t=>d(m,i(o({},t),{seed:r,tone:"Link",size:"R"})),Normal:p(r,"Normal"),Border:p(r,"Border"),Prime:p(r,"Prime"),Sub:p(r,"Sub"),Clear:p(r,"Clear"),FillToBorder:p(r,"FillToBorder"),BorderToFill:p(r,"BorderToFill")}),F={Button:k("Button"),Label:k("Label"),Anchor:k("Anchor")};export{F as Button,F as default};
@@ -24,4 +24,3 @@ declare namespace Cropper {
24
24
  }
25
25
  declare const Cropper: Cropper.Methods;
26
26
  export { Cropper, Cropper as default };
27
- ;
@@ -1,2 +1 @@
1
- import{b as X,c as G,e as P}from"../chunk-E3D4DIO4.js";import{Fragment as j,jsx as h,jsxs as y}from"react/jsx-runtime";import{$$ as b,Config as $,useStore as M}from"@utils";import{useState as k,useEffect as H}from"react";import O from"@atoms/Flex";import D from"@atoms/Box";import B from"@atoms/FAI";import T from"@mols/Column";import V from"@mols/Row";import Y from"@fn/Button";import A from"@fn/Sheet";import z from"@fn/Loader/_";import W from"@fn/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(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:m,height:s}=a,c=m/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/m: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:m/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:m}=this.dragEffectInfo,s=a.x-l,c=a.y-t,o=this.scale.current*this.Picture.revisedAspect/100,r=s/o*m.x,n=c/o*m.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:m,y:s}=b.getCursor(l.touches[1]),c=m-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 P(this,null,function*(){let{grayScale:i,tone:e,rotate:l}=this.Picture;const t=document.createElement("canvas");let a=t.getContext("2d"),m=new Image;m.src=this.Picture.originDataUrl;let s=m.width,c=m.height;(l==90||l==270)&&(s=m.height,c=m.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(m,0,0,m.width,m.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,p=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]*=p}}a.putImageData(o,0,0);let g=t.toDataURL("image/jpeg");{let C=yield b.ImageLoader(g),{width:x,height:S}=C,p=x/S;this.Picture=G(X({},this.Picture),{elm:C,aspect:p,revisedAspect:this.pst.frame.aspect>p?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,m=i||this.pst.imageX,s=e||this.pst.imageY;{let c=this.scale.current/100,o=this.Picture.revisedAspect*c,r=this.pst.centerX-m*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,p=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>p&&(v=n-p),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),p)}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 P(this,null,function*(){let{develops:i,Picture:e,pst:{outImage:l,frame:t}}=this,a=l.w/e.elm.width,m=l.h/e.elm.height,s=(t.x-l.x)/a,c=(t.x-l.x+t.w)/a,o=(t.y-l.y)/m,r=(t.y-l.y+t.h)/m,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],p=S;this.use=="wallpaper.horizontal"?p=S/3*2:this.use=="wallpaper.vertical"&&(p=S*2);let u=document.createElement("canvas");u.width=S,u.height=p;let v=u.getContext("2d");if(!v)return;v.clearRect(0,0,S,p),v.drawImage(this.Picture.elm,s,o,c-s,r-o,0,0,S,p);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 L=new File([E],this.val_file.name,{type:d});n[g]=L}return n})}}const q={Core:f=>{let{val_file:i,options:e,finishedCallback:l,abortCallback:t}=f,{use:a,develops:m=[]}=e,[s]=k(b.uuid.gen(32));const c={scale:{default:125,min:100,max:300},rotate:0,grayScale:0,tone:0};let[o,r]=k(c.scale.default),[n,d]=k(c.rotate),[g,C]=k(c.grayScale),[x,S]=k(c.tone);return H(()=>{M.set({key:s,value:{}}),P(void 0,null,function*(){z.fn.corner.active();let{target:p}=yield i.read();if(!p)return;let u=p.result,v=b($.get().appRoot).find("#Canvas-"+s)[0];if(!v)return;let w=new ee({set_scale:r,val_file:i,develops:m,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",option:{passive:!1},callback:R=>{R.preventDefault(),w.pinchEffect({eventType:"move",event:R})}}).addEvent({eventType:"touchend",eventID:"CropperEffectEnd",option:{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",option:{passive:!1},callback:_=>{L("move",_)}}).addEvent({eventType:R=="touchstart"?"touchend":"mouseup",eventID:"CropperEffectEnd",option:{passive:!1},callback:_=>{L("end",_),F(_)}})}},L=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(_)},option:{passive:!1}}).addEvent({eventType:"touchstart",eventID:"CropperTouchStart",callback:E,option:{passive:!1}}).addEvent({eventType:"mousedown",eventID:"CropperMouseDown",callback:E,option:{passive:!1}}),setTimeout(()=>{z.fn.corner.stop()},1e3)})},[i.id]),H(()=>{var u;let p=(u=M.get(s))==null?void 0:u.Instance;p&&p.updateScale(o)},[o]),H(()=>{var u;let p=(u=M.get(s))==null?void 0:u.Instance;p&&p.updateFilter({grayScale:g,tone:x,rotate:n})},[g,x,n]),h(A.Comps.Body,{children:y(O,{className:[U("Wrap"),U("Use_"+a)].join(" "),flexWrap:!1,position:"relative",overflow:"hidden",borderRadius:"inherit",boxShadow:"3.remark",UnderBreakPointStyles:{flexType:"col"},children:[h(D,{flexGrid:3,UnderBreakPointStyles:{width:1,padding:2},children:h(D,{overflow:"hidden",position:"relative",backgroundColor:"4.layer.darken",freeCSS:{zIndex:1},UnderBreakPointStyles:{borderRadius:"1.tone.primary"},children:h("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:[h(D,{flexSizing:"none",fontSize:"4.thirdTitle",isSemiBoldFont:!0,children:"\u30D5\u30A3\u30EB\u30BF\u30FC"}),h(q.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(O,{padding:1.5,flexSizing:"none",gap:1,borderTop:!0,children:[h(Y.Button.Border.R,{flexGrid:1,onClick:()=>{t()},children:"\u30AD\u30E3\u30F3\u30BB\u30EB"}),h(Y.Button.Prime.R,{flexGrid:2,onClick:()=>P(void 0,null,function*(){var v;let p=(v=M.get(s))==null?void 0:v.Instance;if(!p)return;z.fn.mini.active("CropperExportation");let u=yield p.export();setTimeout(()=>{z.fn.mini.stop("CropperExportation"),l(u)},3e3)}),children:y(V.Center,{gap:"1/2",children:[h(z.White.R,{loaderID:"CropperExportation"}),"\u6C7A\u5B9A"]})})]})]})]})})},SettingRegion:f=>{let i=[];for(let e=1;e<=10;e++)i.push({value:e,label:y(j,{children:[h(D,{className:[U("ToneBall"),U("ToneBall_"+e)].join(" ")}),h(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(j,{children:[y(T,{gap:"1/3",children:[y(D,{children:[h(B.Rotate,{fontSize:"3.paragraph",fontColor:"4.thin"})," Rotate"]}),y(V.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:[h(B,{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 ",h(B,{icon:Q})]})]})]}),y(T,{gap:"1/3",children:[y(D,{children:[h(B.Search,{fontSize:"3.paragraph",fontColor:"4.thin"})," Zoom"]}),h(D,{paddingLeft:2,children:h(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:[h(B,{icon:K,fontSize:"3.paragraph",fontColor:"4.thin"})," Gray Scale"]}),h(D,{paddingLeft:2,children:h(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:[h(B,{icon:Z,fontSize:"3.paragraph",fontColor:"4.thin"})," Tone"]}),h(D,{paddingLeft:2,children:h(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=>P(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:h(q.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};
2
- //# sourceMappingURL=Cropper.js.map
1
+ import{b as X,c as G,e as P}from"../chunk-VY3566IV.js";import{Fragment as j,jsx as h,jsxs as y}from"react/jsx-runtime";import{$$ as b,Config as $,useStore as M}from"../@utils/_";import{useState as k,useEffect as H}from"react";import O from"../atoms/Flex";import D from"../atoms/Box";import B from"../atoms/FAI";import T from"../mols/Column";import V from"../mols/Row";import Y from"./Button";import A from"./Sheet";import z 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(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:m,height:s}=a,c=m/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/m: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:m/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:m}=this.dragEffectInfo,s=a.x-l,c=a.y-t,o=this.scale.current*this.Picture.revisedAspect/100,r=s/o*m.x,n=c/o*m.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:m,y:s}=b.getCursor(l.touches[1]),c=m-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 P(this,null,function*(){let{grayScale:i,tone:e,rotate:l}=this.Picture;const t=document.createElement("canvas");let a=t.getContext("2d"),m=new Image;m.src=this.Picture.originDataUrl;let s=m.width,c=m.height;(l==90||l==270)&&(s=m.height,c=m.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(m,0,0,m.width,m.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,p=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]*=p}}a.putImageData(o,0,0);let g=t.toDataURL("image/jpeg");{let C=yield b.ImageLoader(g),{width:x,height:S}=C,p=x/S;this.Picture=G(X({},this.Picture),{elm:C,aspect:p,revisedAspect:this.pst.frame.aspect>p?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,m=i||this.pst.imageX,s=e||this.pst.imageY;{let c=this.scale.current/100,o=this.Picture.revisedAspect*c,r=this.pst.centerX-m*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,p=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>p&&(v=n-p),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),p)}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 P(this,null,function*(){let{develops:i,Picture:e,pst:{outImage:l,frame:t}}=this,a=l.w/e.elm.width,m=l.h/e.elm.height,s=(t.x-l.x)/a,c=(t.x-l.x+t.w)/a,o=(t.y-l.y)/m,r=(t.y-l.y+t.h)/m,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],p=S;this.use=="wallpaper.horizontal"?p=S/3*2:this.use=="wallpaper.vertical"&&(p=S*2);let u=document.createElement("canvas");u.width=S,u.height=p;let v=u.getContext("2d");if(!v)return;v.clearRect(0,0,S,p),v.drawImage(this.Picture.elm,s,o,c-s,r-o,0,0,S,p);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 L=new File([E],this.val_file.name,{type:d});n[g]=L}return n})}}const q={Core:f=>{let{val_file:i,options:e,finishedCallback:l,abortCallback:t}=f,{use:a,develops:m=[]}=e,[s]=k(b.uuid.gen(32));const c={scale:{default:125,min:100,max:300},rotate:0,grayScale:0,tone:0};let[o,r]=k(c.scale.default),[n,d]=k(c.rotate),[g,C]=k(c.grayScale),[x,S]=k(c.tone);return H(()=>{M.set({key:s,value:{}}),P(void 0,null,function*(){z.fn.corner.active();let{target:p}=yield i.read();if(!p)return;let u=p.result,v=b($.get().appRoot).find("#Canvas-"+s)[0];if(!v)return;let w=new ee({set_scale:r,val_file:i,develops:m,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",option:{passive:!1},callback:R=>{R.preventDefault(),w.pinchEffect({eventType:"move",event:R})}}).addEvent({eventType:"touchend",eventID:"CropperEffectEnd",option:{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",option:{passive:!1},callback:_=>{L("move",_)}}).addEvent({eventType:R=="touchstart"?"touchend":"mouseup",eventID:"CropperEffectEnd",option:{passive:!1},callback:_=>{L("end",_),F(_)}})}},L=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(_)},option:{passive:!1}}).addEvent({eventType:"touchstart",eventID:"CropperTouchStart",callback:E,option:{passive:!1}}).addEvent({eventType:"mousedown",eventID:"CropperMouseDown",callback:E,option:{passive:!1}}),setTimeout(()=>{z.fn.corner.stop()},1e3)})},[i.id]),H(()=>{var u;let p=(u=M.get(s))==null?void 0:u.Instance;p&&p.updateScale(o)},[o]),H(()=>{var u;let p=(u=M.get(s))==null?void 0:u.Instance;p&&p.updateFilter({grayScale:g,tone:x,rotate:n})},[g,x,n]),h(A.Comps.Body,{children:y(O,{className:[U("Wrap"),U("Use_"+a)].join(" "),flexWrap:!1,position:"relative",overflow:"hidden",borderRadius:"inherit",boxShadow:"3.remark",UnderBreakPointStyles:{flexType:"col"},children:[h(D,{flexGrid:3,UnderBreakPointStyles:{width:1,padding:2},children:h(D,{overflow:"hidden",position:"relative",backgroundColor:"4.layer.darken",freeCSS:{zIndex:1},UnderBreakPointStyles:{borderRadius:"1.tone.primary"},children:h("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:[h(D,{flexSizing:"none",fontSize:"4.thirdTitle",isSemiBoldFont:!0,children:"\u30D5\u30A3\u30EB\u30BF\u30FC"}),h(q.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(O,{padding:1.5,flexSizing:"none",gap:1,borderTop:!0,children:[h(Y.Button.Border.R,{flexGrid:1,onClick:()=>{t()},children:"\u30AD\u30E3\u30F3\u30BB\u30EB"}),h(Y.Button.Prime.R,{flexGrid:2,onClick:()=>P(void 0,null,function*(){var v;let p=(v=M.get(s))==null?void 0:v.Instance;if(!p)return;z.fn.mini.active("CropperExportation");let u=yield p.export();setTimeout(()=>{z.fn.mini.stop("CropperExportation"),l(u)},3e3)}),children:y(V.Center,{gap:"1/2",children:[h(z.White.R,{loaderID:"CropperExportation"}),"\u6C7A\u5B9A"]})})]})]})]})})},SettingRegion:f=>{let i=[];for(let e=1;e<=10;e++)i.push({value:e,label:y(j,{children:[h(D,{className:[U("ToneBall"),U("ToneBall_"+e)].join(" ")}),h(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(j,{children:[y(T,{gap:"1/3",children:[y(D,{children:[h(B.Rotate,{fontSize:"3.paragraph",fontColor:"4.thin"})," Rotate"]}),y(V.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:[h(B,{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 ",h(B,{icon:Q})]})]})]}),y(T,{gap:"1/3",children:[y(D,{children:[h(B.Search,{fontSize:"3.paragraph",fontColor:"4.thin"})," Zoom"]}),h(D,{paddingLeft:2,children:h(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:[h(B,{icon:K,fontSize:"3.paragraph",fontColor:"4.thin"})," Gray Scale"]}),h(D,{paddingLeft:2,children:h(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:[h(B,{icon:Z,fontSize:"3.paragraph",fontColor:"4.thin"})," Tone"]}),h(D,{paddingLeft:2,children:h(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=>P(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:h(q.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};
@@ -1,2 +1 @@
1
- import{b as a,c as i,d as u}from"../../chunk-E3D4DIO4.js";import{jsx as y}from"react/jsx-runtime";import{$$ as p,Config as d}from"@utils";import{useState as I,useEffect as f}from"react";import l from"@atoms/Box";const D=m=>{let n=m,{animationDelay:r=100,animationTime:c=300,componentID:s=p.uuid.gen()}=n,e=u(n,["animationDelay","animationTime","componentID"]),[t]=I(s);return f(()=>{setTimeout(()=>{let o=p(d.get().appRoot).find('[data-component-id="'+t+'"]');o[0]&&o.css({transition:c+"ms"}).await(1).css({opacity:1})},r)},[]),y(l,i(a({},e),{freeCSS:i(a({},e.freeCSS),{opacity:0}),componentID:t}))},S=m=>{let n=m,{animationDelay:r=100,animationTime:c=300,componentID:s=p.uuid.gen()}=n,e=u(n,["animationDelay","animationTime","componentID"]),[t]=I(s);return f(()=>{setTimeout(()=>{let o=p(d.get().appRoot).find('[data-component-id="'+t+'"]');o[0]&&o.css({transition:c+"ms"}).await(1).css({opacity:1,paddingTop:0})},r)},[]),y(l,i(a({paddingTop:2},e),{freeCSS:i(a({},e.freeCSS),{opacity:0}),componentID:t}))};export{D as FadeIn,S as FadeUp};
2
- //# sourceMappingURL=Fade.js.map
1
+ import{b as a,c as i,d as u}from"../../chunk-VY3566IV.js";import{jsx as y}from"react/jsx-runtime";import{$$ as p,Config as d}from"../../@utils/_";import{useState as I,useEffect as f}from"react";import l from"../../atoms/Box";const D=m=>{let n=m,{animationDelay:r=100,animationTime:c=300,componentID:s=p.uuid.gen()}=n,e=u(n,["animationDelay","animationTime","componentID"]),[t]=I(s);return f(()=>{setTimeout(()=>{let o=p(d.get().appRoot).find('[data-component-id="'+t+'"]');o[0]&&o.css({transition:c+"ms"}).await(1).css({opacity:1})},r)},[]),y(l,i(a({},e),{freeCSS:i(a({},e.freeCSS),{opacity:0}),componentID:t}))},S=m=>{let n=m,{animationDelay:r=100,animationTime:c=300,componentID:s=p.uuid.gen()}=n,e=u(n,["animationDelay","animationTime","componentID"]),[t]=I(s);return f(()=>{setTimeout(()=>{let o=p(d.get().appRoot).find('[data-component-id="'+t+'"]');o[0]&&o.css({transition:c+"ms"}).await(1).css({opacity:1,paddingTop:0})},r)},[]),y(l,i(a({paddingTop:2},e),{freeCSS:i(a({},e.freeCSS),{opacity:0}),componentID:t}))};export{D as FadeIn,S as FadeUp};
@@ -1,2 +1 @@
1
- import{$$ as t}from"@utils";import{EffectClasses as e}from"@styles/componentClasses/_";new class{constructor(){this.UserEvent()}UserEvent(){t(document).addEvent({eventType:"click",target:".eff_pudding",callback:function(a){t(a.target).removeClass(e("PuddingEffect")).await(1).addClass(e("PuddingEffect")).await(510).removeClass(e("PuddingEffect"))}})}};
2
- //# sourceMappingURL=Pudding.js.map
1
+ import{$$ as t}from"../../@utils/_";import{EffectClasses as e}from"../../@styles/componentClasses/_";new class{constructor(){this.UserEvent()}UserEvent(){t(document).addEvent({eventType:"click",target:".eff_pudding",callback:function(a){t(a.target).removeClass(e("PuddingEffect")).await(1).addClass(e("PuddingEffect")).await(510).removeClass(e("PuddingEffect"))}})}};
@@ -1,4 +1,3 @@
1
- import{$$ as e,Config as M}from"@utils";import{EffectClasses as i}from"@styles/componentClasses/_";new class{constructor(){this.UserEvent()}UserEvent(){let u="eff_ripple";const f=t=>{let l=e.Time().ms,p=t.target,s=e(p);if(!s[0])return;let o=s.findClass(/^eff_ripple-/)[0];if(!o)return;let r=o.split("-")[1],n="RippleWrap-"+e.uuid.gen(),{left:c,top:v,height:b,width:E}=s.position(),{pageXOffset:h,pageYOffset:R}=e.getScreenSize(),{x:T,y:g}=e.getCursor(t),d=Math.min(E*1.5,300),y=Math.max(T-(c+h),0),C=Math.max(g-(v+R),0),m={RippleElement:s,startedAt:l,size:d};e(document).addEvent({eventID:"RippleMouseUp",eventType:"mouseup",callback:()=>{a(m)}}).addEvent({eventID:"RippleTouchEnd",eventType:"touchend",callback:()=>{setTimeout(()=>{a(m)},20)}}),e(s).addClass([i("RippleElement"),i("Color_"+r)]).append(`<div class="${i("RippleWrap")}" id="${n}">
1
+ import{$$ as e,Config as M}from"../../@utils/_";import{EffectClasses as i}from"../../@styles/componentClasses/_";new class{constructor(){this.UserEvent()}UserEvent(){let u="eff_ripple";const f=t=>{let l=e.Time().ms,p=t.target,s=e(p);if(!s[0])return;let o=s.findClass(/^eff_ripple-/)[0];if(!o)return;let r=o.split("-")[1],n="RippleWrap-"+e.uuid.gen(),{left:c,top:v,height:b,width:E}=s.position(),{pageXOffset:h,pageYOffset:R}=e.getScreenSize(),{x:T,y:g}=e.getCursor(t),d=Math.min(E*1.5,300),y=Math.max(T-(c+h),0),C=Math.max(g-(v+R),0),m={RippleElement:s,startedAt:l,size:d};e(document).addEvent({eventID:"RippleMouseUp",eventType:"mouseup",callback:()=>{a(m)}}).addEvent({eventID:"RippleTouchEnd",eventType:"touchend",callback:()=>{setTimeout(()=>{a(m)},20)}}),e(s).addClass([i("RippleElement"),i("Color_"+r)]).append(`<div class="${i("RippleWrap")}" id="${n}">
2
2
  <div class="${i("Wave")}" />
3
3
  </div>`).addEvent({eventID:"RippleMouseOut",eventType:"mouseout",callback:I=>{a(m)}}).find("#"+n).find("."+i("Wave")).css({left:y,top:C}).await(10).css({height:d,width:d,opacity:".3",transition:".25s"})},a=t=>{let{RippleElement:l,startedAt:p,size:s}=t,r=e.Time().ms-p<=400?".75s":".55s",n=s*2.5;e(document).removeEvent(["RippleMouseUp","RippleTouchMove","RippleTouchEnd","RippleMouseOut"]),l.removeEvent(["RippleMouseOut"]).find("."+i("Wave")).css({height:n,width:n,opacity:"0",transition:r}).await(750).parent().callback(c=>{c.remove()})};e(document).addEvent({eventType:"touchstart",target:"."+u,callback:t=>{f(t)}}).addEvent({eventType:"mousedown",target:"."+u,callback:t=>{M.get().isTouchDevice||f(t)}})}};
4
- //# sourceMappingURL=Ripple.js.map
@@ -1,2 +1 @@
1
- import"../../chunk-E3D4DIO4.js";import{FadeIn as o,FadeUp as e}from"./Fade";import"./Pudding";import"./Ripple";const t={FadeIn:o,FadeUp:e};export{t as Effect,t as default};
2
- //# sourceMappingURL=_.js.map
1
+ import"../../chunk-VY3566IV.js";import{FadeIn as o,FadeUp as e}from"./Fade";import"./Pudding";import"./Ripple";const t={FadeIn:o,FadeUp:e};export{t as Effect,t as default};
@@ -1,2 +1 @@
1
- import{b as l,c as t}from"../../chunk-E3D4DIO4.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};
2
- //# sourceMappingURL=Checker.js.map
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};
@@ -1,2 +1 @@
1
- import{b as B,c as k,d as $,e as L}from"../../../chunk-E3D4DIO4.js";import{Fragment as j,jsx as n,jsxs as y}from"react/jsx-runtime";import{useState as O,useEffect as A,useRef as K}from"react";import{$$ as S,Config as P,useStore as U}from"@utils";import F from"@atoms/Box";import z from"@atoms/FAI";import M from"@atoms/Span";import H from"@mols/Column";import b from"@mols/Row";import V from"@fn/Button";import E from"@fn/Sheet";import G from"@fn/Loader/_";import Q from"../Text";import X from"../Parts";import{InputChipsClasses as Y}from"@styles/componentClasses/_";const Z=e=>{let[g,r]=O("show"),[C,N]=O(""),[f]=O(S.uuid.gen()),[l,I]=O(e.options),[o,v]=O(l[0]||null),[h,x]=O(e.selected),[D,R]=O("init");A(()=>{U.set({key:e.selectorID,value:{updateOptions:t=>{I(t)},updateSelected:t=>{x(t)}}})},[]);const T=K(!1);A(()=>{T.current?E.reposition(e.selectorID):T.current=!0},[l]);const W=K(!1);A(()=>{W.current?(r("interlude"),v(l[0]||null),e.onDynamicSearch?(S.interval.clear(f+"-dynamicSearch"),S.interval.standBy(f+"-dynamicSearch",400,()=>L(void 0,null,function*(){let{options:t}=yield e.onDynamicSearch(C);I(t),r("show")}))):(S.interval.clear(f+"-staticSearch"),S.interval.standBy(f+"-staticSearch",400,()=>L(void 0,null,function*(){let t=new RegExp(C,"ig"),p=[];[...e.options].forEach(a=>{var c;!!(!C||((c=String(a.label))!=null?c:String(a.value)).match(t))&&p.push(a)}),I(p),r("show")})))):W.current=!0},[C]);const _=K(!1);A(()=>{_.current?e.onUpdated({values:h}):_.current=!0},[h]),A(()=>{S.scope(()=>{if(S.is.nullish(o)||D=="MouseEvent")return;let t=S(P.get().appRoot).find("#"+f+"-Selector-Cell-Wrap");if(!t[0])return;let p=S(P.get().appRoot).find('[data-chips-selector-cell="'+f+"-"+JSON.stringify((o==null?void 0:o.value)||"").replace(/\"/ig,"")+'"]');if(!p[0])return;let{top:a,height:w}=t.position(),{top:c,height:d}=p.position();if(a<=c&&c+d<=a+w)return;let i=t[0].scrollTop+(c-a);D=="ArrowDown"?i-=w-d-20:D=="ArrowUp"&&(i-=20),t[0].scrollTop=i})},[o]);let J=[];return g=="interlude"?J=[y(b.Center,{padding:2,gap:0,children:[n(G.Theme.R,{showInitial:!0}),n(F,{padding:[0,1],fontSize:"1.mini",fontColor:"4.thin",children:"\u691C\u7D22\u4E2D..."})]})]:J=[l.map((t,p)=>{let{value:a,label:w}=t,c=String(JSON.stringify(a)),d=h.findIndex(m=>JSON.stringify(m.value)==c),i=d!=-1,s=JSON.stringify((o==null?void 0:o.value)||"")==c,u={};return(i||s)&&(u={fontColor:"theme",isSemiBoldFont:!0}),s&&(u=k(B({},u),{backgroundColor:"cloud",paddingLeft:"2/3"})),i&&(u=k(B({},u),{backgroundColor:"tcOpFew"})),n(V.Button.Clear.R,k(B({color:"cloud",padding:"1/3",tabIndex:-1,textAlign:"left","data-chips-selector-cell":f+"-"+c.replace(/\"/ig,""),isActive:i||s,isActiveStyles:u},u),{onMouseOver:()=>{R("MouseEvent"),v(t)},onClick:()=>{let m=[...h];i?m.splice(d,1):(m=[...m,t],e.limit&&m.length>e.limit&&m.shift()),x(m)},children:n(e.SelectorCellComponent,{isSelected:i,isFocused:s,value:a,label:w})}),p)})],y(j,{children:[y(H,{padding:"2/3",gap:"2/3",borderBottom:!0,children:[y(b.Separate,{children:[n(Q.Normal,{value:C,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(z.Search,{})}),onKeyDown:t=>{let{key:p,metaKey:a,ctrlKey:w}=t,c=a||w;if(["ArrowDown","ArrowUp"].includes(p)){let d=+(p=="ArrowDown")*2-1;if(c){let i=l[d==1?l.length-1:0];v(i)}else{let i=l.findIndex(s=>JSON.stringify(s.value)==JSON.stringify((o==null?void 0:o.value)||""))+d;l[i]?v(l[i]):v(l[d==1?0:l.length-1]||null)}}else if(p=="Enter"){let d=h.findIndex(u=>JSON.stringify(u.value)==JSON.stringify((o==null?void 0:o.value)||"")),i=d!=-1,s=[...h];if(i)s.splice(d,1);else{let u=l.findIndex(m=>JSON.stringify(m.value)==JSON.stringify((o==null?void 0:o.value)||""));if(u==-1)return;s=[...s,l[u]],e.limit&&s.length>e.limit&&s.shift()}x(s)}R(p)}}),n(V.Button.Border.S,{marginRight:"1/3",ssSphere:2,backgroundColor:"cloud",borderRadius:"2.tone.secondary",onClick:()=>{E.close(e.selectorID)},children:n(z.Times,{})})]}),y(b.Separate,{children:[y(b.Left,{gap:"1/2",verticalAlign:"baseline",children:[n(M,{fontColor:"theme",children:l.length}),n(F,{fontSize:"1.mini",fontColor:"3.blur",children:"\u4EF6\u306E\u30D2\u30C3\u30C8"})]}),n(b.Right,{children:e.limit?y(M,{fontColor:"3.blur",fontSize:"1.mini",children:[n(M,{fontSize:"3.paragraph",fontColor:"theme",isSemiBoldFont:!0,children:h.length})," / ",e.limit," \u4EF6"]}):null})]})]}),n(H,{gap:"1/4",padding:"1/2",overflow:"auto",freeCSS:{maxHeight:12*26,maxWidth:12*26},id:f+"-Selector-Cell-Wrap",className:Y("SelectorWrapper"),children:J}),e.bottomContent]})},q={openSelector:e=>{let R=e,{selectorID:g,options:r,selected:C,limit:N,bottomContent:f,onDynamicSearch:l,SelectorCellComponent:I,onUpdated:o,onClosed:v,parent:h}=R,x=$(R,["selectorID","options","selected","limit","bottomContent","onDynamicSearch","SelectorCellComponent","onUpdated","onClosed","parent"]),D=g;I=I||(T=>y(b.Left,{children:[n(z.CheckCircle,{fontColor:T.isSelected?"theme":"6.clear"}),T.label]})),E.open(k(B({parent:h,sheetID:D,type:"custom",gravityPoint:22,padding:[1,0],hold_state:!0,close_option:{aroundClick:!0,escapeKeyDown:!0}},x),{content:n(F,{borderRadius:"2.tone.secondary",backgroundColor:"1.layer.base",border:!0,boxShadow:"1.normal",overflow:"hidden",children:n(Z,{selectorID:g,options:r,limit:N,selected:C,onUpdated:o,SelectorCellComponent:I,bottomContent:f,onDynamicSearch:l})}),openAfter:()=>{S(P.get().appRoot).find("#"+e.selectorID+"-KeywordInput").focus()},closeAfter:()=>{v()}}))},closeSelector:e=>{E.close(e)},updateOptions:(e,g)=>{let r=U.get(e);r&&r.updateOptions&&r.updateOptions(g)},updateSelected:(e,g)=>{let r=U.get(e);r&&r.updateSelected&&r.updateSelected(g)}};export{q as Selector,q as default};
2
- //# sourceMappingURL=Selector.js.map
1
+ import{b as B,c as k,d as $,e as L}from"../../../chunk-VY3566IV.js";import{Fragment as j,jsx as n,jsxs as y}from"react/jsx-runtime";import{useState as O,useEffect as A,useRef as K}from"react";import{$$ as S,Config as P,useStore as U}from"../../../@utils/_";import F from"../../../atoms/Box";import z from"../../../atoms/FAI";import M from"../../../atoms/Span";import H from"../../../mols/Column";import b from"../../../mols/Row";import V from"../../Button";import E 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[g,r]=O("show"),[C,N]=O(""),[f]=O(S.uuid.gen()),[l,I]=O(e.options),[o,v]=O(l[0]||null),[h,x]=O(e.selected),[D,R]=O("init");A(()=>{U.set({key:e.selectorID,value:{updateOptions:t=>{I(t)},updateSelected:t=>{x(t)}}})},[]);const T=K(!1);A(()=>{T.current?E.reposition(e.selectorID):T.current=!0},[l]);const W=K(!1);A(()=>{W.current?(r("interlude"),v(l[0]||null),e.onDynamicSearch?(S.interval.clear(f+"-dynamicSearch"),S.interval.standBy(f+"-dynamicSearch",400,()=>L(void 0,null,function*(){let{options:t}=yield e.onDynamicSearch(C);I(t),r("show")}))):(S.interval.clear(f+"-staticSearch"),S.interval.standBy(f+"-staticSearch",400,()=>L(void 0,null,function*(){let t=new RegExp(C,"ig"),p=[];[...e.options].forEach(a=>{var c;!!(!C||((c=String(a.label))!=null?c:String(a.value)).match(t))&&p.push(a)}),I(p),r("show")})))):W.current=!0},[C]);const _=K(!1);A(()=>{_.current?e.onUpdated({values:h}):_.current=!0},[h]),A(()=>{S.scope(()=>{if(S.is.nullish(o)||D=="MouseEvent")return;let t=S(P.get().appRoot).find("#"+f+"-Selector-Cell-Wrap");if(!t[0])return;let p=S(P.get().appRoot).find('[data-chips-selector-cell="'+f+"-"+JSON.stringify((o==null?void 0:o.value)||"").replace(/\"/ig,"")+'"]');if(!p[0])return;let{top:a,height:w}=t.position(),{top:c,height:d}=p.position();if(a<=c&&c+d<=a+w)return;let i=t[0].scrollTop+(c-a);D=="ArrowDown"?i-=w-d-20:D=="ArrowUp"&&(i-=20),t[0].scrollTop=i})},[o]);let J=[];return g=="interlude"?J=[y(b.Center,{padding:2,gap:0,children:[n(G.Theme.R,{showInitial:!0}),n(F,{padding:[0,1],fontSize:"1.mini",fontColor:"4.thin",children:"\u691C\u7D22\u4E2D..."})]})]:J=[l.map((t,p)=>{let{value:a,label:w}=t,c=String(JSON.stringify(a)),d=h.findIndex(m=>JSON.stringify(m.value)==c),i=d!=-1,s=JSON.stringify((o==null?void 0:o.value)||"")==c,u={};return(i||s)&&(u={fontColor:"theme",isSemiBoldFont:!0}),s&&(u=k(B({},u),{backgroundColor:"cloud",paddingLeft:"2/3"})),i&&(u=k(B({},u),{backgroundColor:"tcOpFew"})),n(V.Button.Clear.R,k(B({color:"cloud",padding:"1/3",tabIndex:-1,textAlign:"left","data-chips-selector-cell":f+"-"+c.replace(/\"/ig,""),isActive:i||s,isActiveStyles:u},u),{onMouseOver:()=>{R("MouseEvent"),v(t)},onClick:()=>{let m=[...h];i?m.splice(d,1):(m=[...m,t],e.limit&&m.length>e.limit&&m.shift()),x(m)},children:n(e.SelectorCellComponent,{isSelected:i,isFocused:s,value:a,label:w})}),p)})],y(j,{children:[y(H,{padding:"2/3",gap:"2/3",borderBottom:!0,children:[y(b.Separate,{children:[n(Q.Normal,{value:C,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(z.Search,{})}),onKeyDown:t=>{let{key:p,metaKey:a,ctrlKey:w}=t,c=a||w;if(["ArrowDown","ArrowUp"].includes(p)){let d=+(p=="ArrowDown")*2-1;if(c){let i=l[d==1?l.length-1:0];v(i)}else{let i=l.findIndex(s=>JSON.stringify(s.value)==JSON.stringify((o==null?void 0:o.value)||""))+d;l[i]?v(l[i]):v(l[d==1?0:l.length-1]||null)}}else if(p=="Enter"){let d=h.findIndex(u=>JSON.stringify(u.value)==JSON.stringify((o==null?void 0:o.value)||"")),i=d!=-1,s=[...h];if(i)s.splice(d,1);else{let u=l.findIndex(m=>JSON.stringify(m.value)==JSON.stringify((o==null?void 0:o.value)||""));if(u==-1)return;s=[...s,l[u]],e.limit&&s.length>e.limit&&s.shift()}x(s)}R(p)}}),n(V.Button.Border.S,{marginRight:"1/3",ssSphere:2,backgroundColor:"cloud",borderRadius:"2.tone.secondary",onClick:()=>{E.close(e.selectorID)},children:n(z.Times,{})})]}),y(b.Separate,{children:[y(b.Left,{gap:"1/2",verticalAlign:"baseline",children:[n(M,{fontColor:"theme",children:l.length}),n(F,{fontSize:"1.mini",fontColor:"3.blur",children:"\u4EF6\u306E\u30D2\u30C3\u30C8"})]}),n(b.Right,{children:e.limit?y(M,{fontColor:"3.blur",fontSize:"1.mini",children:[n(M,{fontSize:"3.paragraph",fontColor:"theme",isSemiBoldFont:!0,children:h.length})," / ",e.limit," \u4EF6"]}):null})]})]}),n(H,{gap:"1/4",padding:"1/2",overflow:"auto",freeCSS:{maxHeight:12*26,maxWidth:12*26},id:f+"-Selector-Cell-Wrap",className:Y("SelectorWrapper"),children:J}),e.bottomContent]})},q={openSelector:e=>{let R=e,{selectorID:g,options:r,selected:C,limit:N,bottomContent:f,onDynamicSearch:l,SelectorCellComponent:I,onUpdated:o,onClosed:v,parent:h}=R,x=$(R,["selectorID","options","selected","limit","bottomContent","onDynamicSearch","SelectorCellComponent","onUpdated","onClosed","parent"]),D=g;I=I||(T=>y(b.Left,{children:[n(z.CheckCircle,{fontColor:T.isSelected?"theme":"6.clear"}),T.label]})),E.open(k(B({parent:h,sheetID:D,type:"custom",gravityPoint:22,padding:[1,0],hold_state:!0,close_option:{aroundClick:!0,escapeKeyDown:!0}},x),{content:n(F,{borderRadius:"2.tone.secondary",backgroundColor:"1.layer.base",border:!0,boxShadow:"1.normal",overflow:"hidden",children:n(Z,{selectorID:g,options:r,limit:N,selected:C,onUpdated:o,SelectorCellComponent:I,bottomContent:f,onDynamicSearch:l})}),openAfter:()=>{S(P.get().appRoot).find("#"+e.selectorID+"-KeywordInput").focus()},closeAfter:()=>{v()}}))},closeSelector:e=>{E.close(e)},updateOptions:(e,g)=>{let r=U.get(e);r&&r.updateOptions&&r.updateOptions(g)},updateSelected:(e,g)=>{let r=U.get(e);r&&r.updateSelected&&r.updateSelected(g)}};export{q as Selector,q as default};
@@ -1,2 +1 @@
1
- import{b as r,c as v,d as P}from"../../../chunk-E3D4DIO4.js";import{jsx as p,jsxs as R}from"react/jsx-runtime";import{useState as g,useEffect as J,useRef as L}from"react";import{$$ as u,Config as b}from"@utils";import K from"@atoms/FAI";import H from"@mols/Row";import N from"@fn/Button";import Q from"@fn/Sheet";import{Wrapper as X,BoxWrapper as Y,CommonEffects as Z,DefaultStyles as j}from"../core";import ee from"../Hidden";import U from"./Selector";function te(e){let{value:c,params:s}=e,{required:o}=s,d=[];return o&&!c.length&&d.push({type:"invalid",label:"\u4E00\u3064\u4EE5\u4E0A\u9078\u629E\u3057\u3066\u304F\u3060\u3055\u3044"}),{ok:!d.filter(({type:C})=>C=="invalid").length,notice:d}}const ne=e=>{let _=e,{required:c,form:s,name:o,checkValidationAtFirst:d,onValidate:C,onUpdateValue:O,onUpdateValidValue:W,value:F=[],limit:A,leftIndicator:le,rightIndicator:ae,leftIcon:ie,rightIcon:pe,SelectedCellComponent:x,AddButtonComponent:D,componentID:ue,defaultOptions:re,enableFormSubmit:ce}=_,M=P(_,["required","form","name","checkValidationAtFirst","onValidate","onUpdateValue","onUpdateValidValue","value","limit","leftIndicator","rightIndicator","leftIcon","rightIcon","SelectedCellComponent","AddButtonComponent","componentID","defaultOptions","enableFormSubmit"]);D=D;let[a]=g(u.uuid.gen()),[m,k]=g({componentID:e.componentID||"",dataValue:F.map(t=>t),eventID:u.uuid.gen(),eventType:"init"}),[B,q]=g({ok:!1,notice:[]}),[n,z]=g([...F]);Z({params:e,val_status:m,set_status:k,val_validate:B,set_validate:q,DefaultValidation:te,onUpdateValue:O,onUpdateValidValue:W,ExtraOverrideParams:{formatValue:n,dataValue:n.map(t=>t)},ExtraStoreParams:{searchTimer:null}});const y=t=>{z(t),k(v(r({},m),{dataValue:t.map(i=>i),eventID:u.uuid.gen(),eventType:"update"}))},I=()=>{U.openSelector({parent:u(b.get().appRoot).find(`[data-chips-input-wrapper="${a}"]`),gravityPoint:e.selectorGravityPoint,SelectorCellComponent:e.SelectorCellComponent,selectorID:a,options:e.defaultOptions||[],selected:n,limit:e.limit,onDynamicSearch:e.onDynamicSearch,onUpdated:t=>{y(t.values)},onClosed:()=>{u(b.get().appRoot).find(`[data-chips-input-wrapper="${a}"]`).focus()}})};let h=A&&A<=n.length;const E=L(!1);J(()=>{E.current?h&&(Q.close(a),u(b.get().appRoot).find(`[data-chips-input-wrapper="${a}"]`).focus()):E.current=!0},[n]);let G=n.map(t=>{let{value:i,label:T}=t;x=x;const S=()=>{let l=n.findIndex($=>$.value==i);if(l==-1)return;let f=[...n];f.splice(l,1),y(f),f.length||setTimeout(()=>{u(b.get().appRoot).find(`[data-chips-input-wrapper="${a}"]`).focus()},200)};return p(x,{value:i,label:T,removeCallback:S,defaultRemoveButton:p(N.Button.Sub.S,{padding:"2/3",flexSizing:"none",color:"cloud",backgroundColor:"cloud",isRounded:!0,onClick:()=>{S()},children:p(K.Times,{})}),openCallback:()=>{I()}},JSON.stringify(i))});return R(Y,{val_status:m,set_status:k,val_validate:B,params:e,children:[p(ee,{"data-value":JSON.stringify(m.dataValue.map(t=>t.value)),name:o,form:s,"data-input-type":"chips-"+["single","multi"][+(e.limit!=1)],"data-validation":B.ok,componentID:m.componentID,"data-focusor":a}),R("button",v(r({"data-chips-input-wrapper":a,onKeyDown:t=>{let{key:i,ctrlKey:T,metaKey:S,keyCode:l}=t,f=T||S;if(l>=48&&l<=57||l>=65&&l<=90||l>=96&&l<=105){if(h)return;I()}else if(i!="Tab"){if(i=="Backspace"){if(!n.length)return;if(f)y([]);else{let w=[...n];w.pop(),y(w)}}}},onClick:()=>{h||I()}},M),{children:[h?null:p(D,{selected:n,openCallback:I}),G]}))]})},oe=e=>{let s=[...e.value||[]].splice(0,e.limit||65535);return p(ne,v(r({SelectedCellComponent:o=>{let{value:d,label:C,removeCallback:O}=o;return R(H.Left,{ssCardBox:!0,padding:"1/2",gap:"1/2",isRounded:!0,textAlign:"left",children:[C,o.defaultRemoveButton]})},AddButtonComponent:o=>e.limit&&e.limit<=o.selected.length?null:R(N.Button.Sub.R,{color:"cloud",padding:"1/2",onClick:()=>{o.openCallback()},children:[p(K.Plus,{}),"\u8FFD\u52A0\u3059\u308B"]})},e),{value:s}))},V=e=>{e=r({},e),e=r({gap:1,display:"flex",horizontalAlign:"left",verticalAlign:"center",flexWrap:!0},e);let c=j.Boxish(e);return p(X,{componentID:e.componentID,children:oe,params:c})};V.fn=U;export{V as Chips,V as default};
2
- //# sourceMappingURL=_.js.map
1
+ import{b as r,c as v,d as P}from"../../../chunk-VY3566IV.js";import{jsx as p,jsxs as R}from"react/jsx-runtime";import{useState as g,useEffect as J,useRef as L}from"react";import{$$ as u,Config as b}from"../../../@utils/_";import K from"../../../atoms/FAI";import H from"../../../mols/Row";import N from"../../Button";import Q from"../../Sheet";import{Wrapper as X,BoxWrapper as Y,CommonEffects as Z,DefaultStyles as j}from"../core";import ee from"../Hidden";import U from"./Selector";function te(e){let{value:c,params:s}=e,{required:o}=s,d=[];return o&&!c.length&&d.push({type:"invalid",label:"\u4E00\u3064\u4EE5\u4E0A\u9078\u629E\u3057\u3066\u304F\u3060\u3055\u3044"}),{ok:!d.filter(({type:C})=>C=="invalid").length,notice:d}}const ne=e=>{let _=e,{required:c,form:s,name:o,checkValidationAtFirst:d,onValidate:C,onUpdateValue:O,onUpdateValidValue:W,value:F=[],limit:A,leftIndicator:le,rightIndicator:ae,leftIcon:ie,rightIcon:pe,SelectedCellComponent:x,AddButtonComponent:D,componentID:ue,defaultOptions:re,enableFormSubmit:ce}=_,M=P(_,["required","form","name","checkValidationAtFirst","onValidate","onUpdateValue","onUpdateValidValue","value","limit","leftIndicator","rightIndicator","leftIcon","rightIcon","SelectedCellComponent","AddButtonComponent","componentID","defaultOptions","enableFormSubmit"]);D=D;let[a]=g(u.uuid.gen()),[m,k]=g({componentID:e.componentID||"",dataValue:F.map(t=>t),eventID:u.uuid.gen(),eventType:"init"}),[B,q]=g({ok:!1,notice:[]}),[n,z]=g([...F]);Z({params:e,val_status:m,set_status:k,val_validate:B,set_validate:q,DefaultValidation:te,onUpdateValue:O,onUpdateValidValue:W,ExtraOverrideParams:{formatValue:n,dataValue:n.map(t=>t)},ExtraStoreParams:{searchTimer:null}});const y=t=>{z(t),k(v(r({},m),{dataValue:t.map(i=>i),eventID:u.uuid.gen(),eventType:"update"}))},I=()=>{U.openSelector({parent:u(b.get().appRoot).find(`[data-chips-input-wrapper="${a}"]`),gravityPoint:e.selectorGravityPoint,SelectorCellComponent:e.SelectorCellComponent,selectorID:a,options:e.defaultOptions||[],selected:n,limit:e.limit,onDynamicSearch:e.onDynamicSearch,onUpdated:t=>{y(t.values)},onClosed:()=>{u(b.get().appRoot).find(`[data-chips-input-wrapper="${a}"]`).focus()}})};let h=A&&A<=n.length;const E=L(!1);J(()=>{E.current?h&&(Q.close(a),u(b.get().appRoot).find(`[data-chips-input-wrapper="${a}"]`).focus()):E.current=!0},[n]);let G=n.map(t=>{let{value:i,label:T}=t;x=x;const S=()=>{let l=n.findIndex($=>$.value==i);if(l==-1)return;let f=[...n];f.splice(l,1),y(f),f.length||setTimeout(()=>{u(b.get().appRoot).find(`[data-chips-input-wrapper="${a}"]`).focus()},200)};return p(x,{value:i,label:T,removeCallback:S,defaultRemoveButton:p(N.Button.Sub.S,{padding:"2/3",flexSizing:"none",color:"cloud",backgroundColor:"cloud",isRounded:!0,onClick:()=>{S()},children:p(K.Times,{})}),openCallback:()=>{I()}},JSON.stringify(i))});return R(Y,{val_status:m,set_status:k,val_validate:B,params:e,children:[p(ee,{"data-value":JSON.stringify(m.dataValue.map(t=>t.value)),name:o,form:s,"data-input-type":"chips-"+["single","multi"][+(e.limit!=1)],"data-validation":B.ok,componentID:m.componentID,"data-focusor":a}),R("button",v(r({"data-chips-input-wrapper":a,onKeyDown:t=>{let{key:i,ctrlKey:T,metaKey:S,keyCode:l}=t,f=T||S;if(l>=48&&l<=57||l>=65&&l<=90||l>=96&&l<=105){if(h)return;I()}else if(i!="Tab"){if(i=="Backspace"){if(!n.length)return;if(f)y([]);else{let w=[...n];w.pop(),y(w)}}}},onClick:()=>{h||I()}},M),{children:[h?null:p(D,{selected:n,openCallback:I}),G]}))]})},oe=e=>{let s=[...e.value||[]].splice(0,e.limit||65535);return p(ne,v(r({SelectedCellComponent:o=>{let{value:d,label:C,removeCallback:O}=o;return R(H.Left,{ssCardBox:!0,padding:"1/2",gap:"1/2",isRounded:!0,textAlign:"left",children:[C,o.defaultRemoveButton]})},AddButtonComponent:o=>e.limit&&e.limit<=o.selected.length?null:R(N.Button.Sub.R,{color:"cloud",padding:"1/2",onClick:()=>{o.openCallback()},children:[p(K.Plus,{}),"\u8FFD\u52A0\u3059\u308B"]})},e),{value:s}))},V=e=>{e=r({},e),e=r({gap:1,display:"flex",horizontalAlign:"left",verticalAlign:"center",flexWrap:!0},e);let c=j.Boxish(e);return p(X,{componentID:e.componentID,children:oe,params:c})};V.fn=U;export{V as Chips,V as default};
@@ -1,2 +1 @@
1
- import{b as n,c as u,d as y}from"../../chunk-E3D4DIO4.js";import{jsx as s}from"react/jsx-runtime";import{useState as T}from"react";import{$$ as h}from"@utils";import{Wrapper as x,BoxWrapper as _,SubmitForm as k,CommonEffects as L,DefaultStyles as F}from"./core";function B(t){let{value:e,params:o}=t,{required:i}=o,a=[];return i&&!e&&a.push({type:"invalid",label:"\u5FC5\u9808\u9805\u76EE\u3067\u3059"}),{ok:!a.filter(({type:c})=>c=="invalid").length,notice:a}}const H=t=>{let g=t,{componentID:e,tone:o,required:i,form:a,enableFormSubmit:c,checkValidationAtFirst:M,onInput:f,onKeyDown:I,onValidate:W,onUpdateValue:D,onUpdateValidValue:C,children:m="",leftIndicator:q,rightIndicator:A,leftIcon:K,rightIcon:U}=g,R=y(g,["componentID","tone","required","form","enableFormSubmit","checkValidationAtFirst","onInput","onKeyDown","onValidate","onUpdateValue","onUpdateValidValue","children","leftIndicator","rightIndicator","leftIcon","rightIcon"]),V={componentID:e,dataValue:m,eventType:"init",eventID:h.uuid.gen()},[l,r]=T(V),[d,v]=T({ok:!1,notice:[]});return L({params:t,val_status:l,set_status:r,val_validate:d,set_validate:v,onUpdateValue:D,onUpdateValidValue:C,DefaultValidation:B}),s(_,{val_status:l,set_status:r,val_validate:d,params:t,children:s("div",u(n({contentEditable:!0,"data-form":a,"data-name":t.name,"data-input-type":"contenteditable","data-validation":d.ok,"data-value":l.dataValue,"data-component-id":l.componentID,onKeyDown:p=>{I&&I(p),c&&k(p)},onInput:p=>{let S=p.currentTarget,{innerHTML:$,innerText:E}=S;d.ok&&v({ok:!1,notice:[]}),r(u(n({},l),{dataValue:E,eventType:"update",eventID:h.uuid.gen()})),f&&f(p)}},R),{children:m}))})},b=t=>{var o,i;t=n({},t),t.rightIcon&&(t.paddingRight=(o=t.paddingRight)!=null?o:3),t.leftIcon&&(t.paddingLeft=(i=t.paddingLeft)!=null?i:3),t=u(n({},t),{freeCSS:n({whiteSpace:"pre-wrap"},t.freeCSS)});let e=F.Boxish(t);return e.rows=e.rows||5,s(x,{componentID:t.componentID,children:H,params:e})};export{b as Contenteditable,b as default};
2
- //# sourceMappingURL=Contenteditable.js.map
1
+ import{b as n,c as u,d as y}from"../../chunk-VY3566IV.js";import{jsx as s}from"react/jsx-runtime";import{useState as T}from"react";import{$$ as h}from"../../@utils/_";import{Wrapper as x,BoxWrapper as _,SubmitForm as k,CommonEffects as L,DefaultStyles as F}from"./core";function B(t){let{value:e,params:o}=t,{required:i}=o,a=[];return i&&!e&&a.push({type:"invalid",label:"\u5FC5\u9808\u9805\u76EE\u3067\u3059"}),{ok:!a.filter(({type:c})=>c=="invalid").length,notice:a}}const H=t=>{let g=t,{componentID:e,tone:o,required:i,form:a,enableFormSubmit:c,checkValidationAtFirst:M,onInput:f,onKeyDown:I,onValidate:W,onUpdateValue:D,onUpdateValidValue:C,children:m="",leftIndicator:q,rightIndicator:A,leftIcon:K,rightIcon:U}=g,R=y(g,["componentID","tone","required","form","enableFormSubmit","checkValidationAtFirst","onInput","onKeyDown","onValidate","onUpdateValue","onUpdateValidValue","children","leftIndicator","rightIndicator","leftIcon","rightIcon"]),V={componentID:e,dataValue:m,eventType:"init",eventID:h.uuid.gen()},[l,r]=T(V),[d,v]=T({ok:!1,notice:[]});return L({params:t,val_status:l,set_status:r,val_validate:d,set_validate:v,onUpdateValue:D,onUpdateValidValue:C,DefaultValidation:B}),s(_,{val_status:l,set_status:r,val_validate:d,params:t,children:s("div",u(n({contentEditable:!0,"data-form":a,"data-name":t.name,"data-input-type":"contenteditable","data-validation":d.ok,"data-value":l.dataValue,"data-component-id":l.componentID,onKeyDown:p=>{I&&I(p),c&&k(p)},onInput:p=>{let S=p.currentTarget,{innerHTML:$,innerText:E}=S;d.ok&&v({ok:!1,notice:[]}),r(u(n({},l),{dataValue:E,eventType:"update",eventID:h.uuid.gen()})),f&&f(p)}},R),{children:m}))})},b=t=>{var o,i;t=n({},t),t.rightIcon&&(t.paddingRight=(o=t.paddingRight)!=null?o:3),t.leftIcon&&(t.paddingLeft=(i=t.paddingLeft)!=null?i:3),t=u(n({},t),{freeCSS:n({whiteSpace:"pre-wrap"},t.freeCSS)});let e=F.Boxish(t);return e.rows=e.rows||5,s(x,{componentID:t.componentID,children:H,params:e})};export{b as Contenteditable,b as default};
@@ -1,2 +1 @@
1
- import{b as t,c as s,d as S}from"../../chunk-E3D4DIO4.js";import{jsx as I,jsxs as Z}from"react/jsx-runtime";import{useState as V}from"react";import{$$ as f,Config as q}from"@utils";import{Wrapper as w,BoxWrapper as U,SubmitForm as $,CommonEffects as j,DefaultStyles as z}from"./core";import G from"@atoms/Flex";import J from"./Hidden";import{InputClasses as R}from"@styles/componentClasses/_";function Q(e){let{value:n,params:u}=e,{required:p,numericOnly:l=!1,digits:m}=u,r=[];return p&&!n&&r.push({type:"invalid",label:"\u5FC5\u9808\u9805\u76EE\u3067\u3059"}),n&&(l&&n.match(/\D/)&&r.push({type:"invalid",label:"\u6570\u5B57\u306E\u307F\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"}),n.length!=m&&r.push({type:"warn",label:"\u6700\u5F8C\u307E\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"})),{ok:!r.filter(({type:d})=>d=="invalid"||d=="warn").length,notice:r}}const X=(e,n="")=>{let u=String(n),p=[];for(let l=0;l<e;l++)p[l]=u[l]||"";return{formatValue:p,dataValue:u}},F=(e="")=>{let n=e,u=n.join("");return{formatValue:n,dataValue:u}},Y=e=>{let b=e,{tone:n,required:u,form:p,name:l,className:m="",digits:r,numericOnly:d=!1,enableFormSubmit:_,checkValidationAtFirst:P,onChange:ee,onKeyDown:te,onValidate:ne,onUpdateValue:k,onUpdateValidValue:A,value:N="",override:ie,componentID:ae,listStyles:B}=b,E=S(b,["tone","required","form","name","className","digits","numericOnly","enableFormSubmit","checkValidationAtFirst","onChange","onKeyDown","onValidate","onUpdateValue","onUpdateValidValue","value","override","componentID","listStyles"]);d&&(e.inputMode=e.inputMode||"numeric");let H=s(t({componentID:e.componentID||""},X(r,N)),{eventType:"init",eventID:f.uuid.gen()}),[i,g]=V(H),[h,L]=V({ok:!1,notice:[]});j({params:e,val_status:i,set_status:g,val_validate:h,set_validate:L,onUpdateValue:k,onUpdateValidValue:A,DefaultValidation:Q});let v=[];for(let a=0;a<r;a++){let W=i.formatValue[a],K={},x=m;e.combineInput&&(x=[m,R("DigitCharacterCell"),R("Combined")].join(" ")),v.push(I("input",{type:"text",inputMode:e.inputMode||"text",value:W,"data-form-name":p,id:"Digit-"+a+"-"+i.componentID,className:x,style:t(t({},e.style),K),onKeyDown:D=>{let{key:y,code:O}=D;if(y=="Tab")return;D.preventDefault();let c=null;if(y=="Backspace"){let o=i.formatValue;o[a]="",g(s(t(t({},i),F(o)),{eventType:"update",eventID:f.uuid.gen()})),c=a-1}else if(["ArrowLeft","ArrowRight"].includes(y)){let o=+(y=="ArrowRight")*2-1;c=a+o}else _&&$(D),(()=>{let o=O.match(/^(Key(.)|Digit(\d)|Numpad(\d))/);if(!o)return;let C=o[2]||o[3]||o[4];if(d&&!C.match(/\d/)||!C)return;let T=i.formatValue;T[a]=C,g(s(t(t({},i),F(T)),{eventType:"update",eventID:f.uuid.gen()})),c=a+1})();f.is.exist(c)&&f(q.get().appRoot).find("#Digit-"+c+"-"+i.componentID).focus()},onChange:()=>{}},a))}return Z(U,{val_status:i,set_status:g,val_validate:h,params:e,children:[I(J,t({name:l,"data-input-type":"digitCharacters","data-form":p,"data-validation":h.ok,componentID:i.componentID,"data-value":i.dataValue},E)),I(G,s(t({gap:"1/2",flexChilds:"even",flexWrap:!1,flexSizing:"auto"},B),{children:v}))]})},M=e=>{e=t({},e),e=t({textAlign:"center",width:0},e),e.combineInput&&(e=s(t({textAlign:"center",width:0},e),{freeCSS:t({minWidth:12*2,marginRight:-1},e.freeCSS),listStyles:t({borderRadius:"2.tone.secondary",border:"unset",gap:0},e.listStyles)}));let n=z.Boxish(e);return I(w,{componentID:e.componentID,children:Y,params:n})};export{M as DigitCharacters,M as default};
2
- //# sourceMappingURL=DigitCharacters.js.map
1
+ import{b as t,c as s,d as S}from"../../chunk-VY3566IV.js";import{jsx as I,jsxs as Z}from"react/jsx-runtime";import{useState as V}from"react";import{$$ as f,Config as q}from"../../@utils/_";import{Wrapper as w,BoxWrapper as U,SubmitForm as $,CommonEffects as j,DefaultStyles as z}from"./core";import G from"../../atoms/Flex";import J from"./Hidden";import{InputClasses as R}from"../../@styles/componentClasses/_";function Q(e){let{value:n,params:u}=e,{required:p,numericOnly:l=!1,digits:m}=u,r=[];return p&&!n&&r.push({type:"invalid",label:"\u5FC5\u9808\u9805\u76EE\u3067\u3059"}),n&&(l&&n.match(/\D/)&&r.push({type:"invalid",label:"\u6570\u5B57\u306E\u307F\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"}),n.length!=m&&r.push({type:"warn",label:"\u6700\u5F8C\u307E\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"})),{ok:!r.filter(({type:d})=>d=="invalid"||d=="warn").length,notice:r}}const X=(e,n="")=>{let u=String(n),p=[];for(let l=0;l<e;l++)p[l]=u[l]||"";return{formatValue:p,dataValue:u}},F=(e="")=>{let n=e,u=n.join("");return{formatValue:n,dataValue:u}},Y=e=>{let b=e,{tone:n,required:u,form:p,name:l,className:m="",digits:r,numericOnly:d=!1,enableFormSubmit:_,checkValidationAtFirst:P,onChange:ee,onKeyDown:te,onValidate:ne,onUpdateValue:k,onUpdateValidValue:A,value:N="",override:ie,componentID:ae,listStyles:B}=b,E=S(b,["tone","required","form","name","className","digits","numericOnly","enableFormSubmit","checkValidationAtFirst","onChange","onKeyDown","onValidate","onUpdateValue","onUpdateValidValue","value","override","componentID","listStyles"]);d&&(e.inputMode=e.inputMode||"numeric");let H=s(t({componentID:e.componentID||""},X(r,N)),{eventType:"init",eventID:f.uuid.gen()}),[i,g]=V(H),[h,L]=V({ok:!1,notice:[]});j({params:e,val_status:i,set_status:g,val_validate:h,set_validate:L,onUpdateValue:k,onUpdateValidValue:A,DefaultValidation:Q});let v=[];for(let a=0;a<r;a++){let W=i.formatValue[a],K={},x=m;e.combineInput&&(x=[m,R("DigitCharacterCell"),R("Combined")].join(" ")),v.push(I("input",{type:"text",inputMode:e.inputMode||"text",value:W,"data-form-name":p,id:"Digit-"+a+"-"+i.componentID,className:x,style:t(t({},e.style),K),onKeyDown:D=>{let{key:y,code:O}=D;if(y=="Tab")return;D.preventDefault();let c=null;if(y=="Backspace"){let o=i.formatValue;o[a]="",g(s(t(t({},i),F(o)),{eventType:"update",eventID:f.uuid.gen()})),c=a-1}else if(["ArrowLeft","ArrowRight"].includes(y)){let o=+(y=="ArrowRight")*2-1;c=a+o}else _&&$(D),(()=>{let o=O.match(/^(Key(.)|Digit(\d)|Numpad(\d))/);if(!o)return;let C=o[2]||o[3]||o[4];if(d&&!C.match(/\d/)||!C)return;let T=i.formatValue;T[a]=C,g(s(t(t({},i),F(T)),{eventType:"update",eventID:f.uuid.gen()})),c=a+1})();f.is.exist(c)&&f(q.get().appRoot).find("#Digit-"+c+"-"+i.componentID).focus()},onChange:()=>{}},a))}return Z(U,{val_status:i,set_status:g,val_validate:h,params:e,children:[I(J,t({name:l,"data-input-type":"digitCharacters","data-form":p,"data-validation":h.ok,componentID:i.componentID,"data-value":i.dataValue},E)),I(G,s(t({gap:"1/2",flexChilds:"even",flexWrap:!1,flexSizing:"auto"},B),{children:v}))]})},M=e=>{e=t({},e),e=t({textAlign:"center",width:0},e),e.combineInput&&(e=s(t({textAlign:"center",width:0},e),{freeCSS:t({minWidth:12*2,marginRight:-1},e.freeCSS),listStyles:t({borderRadius:"2.tone.secondary",border:"unset",gap:0},e.listStyles)}));let n=z.Boxish(e);return I(w,{componentID:e.componentID,children:Y,params:n})};export{M as DigitCharacters,M as default};