amotify 0.1.31 → 0.1.32

package/dist/fn/Effect/Fade.js

@@ -1 +1,88 @@
-import{b as a,c as i,d as s}from"../../chunk-VY3566IV.js";import{jsx as y}from"react/jsx-runtime";import{$$ as u,$$fromRoot as d}from"../../@utils/_";import{useState as I,useEffect as l}from"react";import f from"../../atoms/Box";const D=m=>{let n=m,{animationDelay:p=100,animationTime:r=300,componentID:c=u.uuid.gen()}=n,e=s(n,["animationDelay","animationTime","componentID"]),[t]=I(c);return l(()=>{setTimeout(()=>{let o=d('[data-component-id="'+t+'"]');o[0]&&o.css({transition:r+"ms"}).await(1).css({opacity:1})},p)},[]),y(f,i(a({},e),{freeCSS:i(a({},e.freeCSS),{opacity:0}),componentID:t}))},S=m=>{let n=m,{animationDelay:p=100,animationTime:r=300,componentID:c=u.uuid.gen()}=n,e=s(n,["animationDelay","animationTime","componentID"]),[t]=I(c);return l(()=>{setTimeout(()=>{let o=d('[data-component-id="'+t+'"]');o[0]&&o.css({transition:r+"ms"}).await(1).css({opacity:1,paddingTop:0})},p)},[]),y(f,i(a({paddingTop:2},e),{freeCSS:i(a({},e.freeCSS),{opacity:0}),componentID:t}))};export{D as FadeIn,S as FadeUp};
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "../../chunk-JJ3PEWPN.js";
+import { jsx } from "react/jsx-runtime";
+import {
+  $$,
+  $$fromRoot
+} from "../../@utils/_";
+import {
+  useState,
+  useEffect
+} from "react";
+import Box from "../../atoms/Box";
+const FadeIn = (params) => {
+  let _a = params, {
+    animationDelay = 100,
+    animationTime = 300,
+    componentID = $$.uuid.gen()
+  } = _a, others = __objRest(_a, [
+    "animationDelay",
+    "animationTime",
+    "componentID"
+  ]);
+  let [val_componentID] = useState(componentID);
+  useEffect(() => {
+    setTimeout(() => {
+      let Element = $$fromRoot('[data-component-id="' + val_componentID + '"]');
+      if (!Element[0])
+        return;
+      Element.css({
+        transition: animationTime + "ms"
+      }).await(1).css({
+        opacity: 1
+      });
+    }, animationDelay);
+  }, []);
+  return /* @__PURE__ */ jsx(
+    Box,
+    __spreadProps(__spreadValues({}, others), {
+      freeCSS: __spreadProps(__spreadValues({}, others.freeCSS), {
+        opacity: 0
+      }),
+      componentID: val_componentID
+    })
+  );
+};
+const FadeUp = (params) => {
+  let _a = params, {
+    animationDelay = 100,
+    animationTime = 300,
+    componentID = $$.uuid.gen()
+  } = _a, others = __objRest(_a, [
+    "animationDelay",
+    "animationTime",
+    "componentID"
+  ]);
+  let [val_componentID] = useState(componentID);
+  useEffect(() => {
+    setTimeout(() => {
+      let Element = $$fromRoot('[data-component-id="' + val_componentID + '"]');
+      if (!Element[0])
+        return;
+      Element.css({
+        transition: animationTime + "ms"
+      }).await(1).css({
+        opacity: 1,
+        paddingTop: 0
+      });
+    }, animationDelay);
+  }, []);
+  return /* @__PURE__ */ jsx(
+    Box,
+    __spreadProps(__spreadValues({
+      paddingTop: 2
+    }, others), {
+      freeCSS: __spreadProps(__spreadValues({}, others.freeCSS), {
+        opacity: 0
+      }),
+      componentID: val_componentID
+    })
+  );
+};
+export {
+  FadeIn,
+  FadeUp
+};

package/dist/fn/Effect/Pudding.js

@@ -1 +1,22 @@
-import"../../chunk-VY3566IV.js";import{$$ as t,Config as n}from"../../@utils/_";import{EffectClasses as e}from"../../@styles/componentClasses/_";const a={Wrapper:()=>(t(n.get().appRoot).addEvent({eventType:"click",target:".eff_pudding",callback:function(d){t(d.target).removeClass(e("PuddingEffect")).await(1).addClass(e("PuddingEffect")).await(510).removeClass(e("PuddingEffect"))}}),null)};export{a as Pudding,a as default};
+import "../../chunk-JJ3PEWPN.js";
+import {
+  $$,
+  Config
+} from "../../@utils/_";
+import { EffectClasses } from "../../@styles/componentClasses/_";
+const Pudding = {
+  Wrapper: () => {
+    $$(Config.get().appRoot).addEvent({
+      eventType: "click",
+      target: ".eff_pudding",
+      callback: function(event) {
+        $$(event.target).removeClass(EffectClasses("PuddingEffect")).await(1).addClass(EffectClasses("PuddingEffect")).await(510).removeClass(EffectClasses("PuddingEffect"));
+      }
+    });
+    return null;
+  }
+};
+export {
+  Pudding,
+  Pudding as default
+};

package/dist/fn/Effect/Ripple.js

@@ -1,3 +1,117 @@
-import"../../chunk-VY3566IV.js";import{$$ as e,Config as u}from"../../@utils/_";import{EffectClasses as a}from"../../@styles/componentClasses/_";let f="eff_ripple";const n={Start:t=>{let l=e.Time().ms,s=t.target,p=e(s);if(!p[0])return;let o=p.findClass(/^eff_ripple-/)[0];if(!o)return;let r=o.split("-")[1],i="RippleWrap-"+e.uuid.gen(),{left:d,top:E,height:b,width:h}=p.position(),{pageXOffset:R,pageYOffset:g}=e.getScreenSize(),{x:T,y}=e.getCursor(t),c=Math.min(h*1.5,300),M=Math.max(T-(d+R),0),C=Math.max(y-(E+g),0),m={RippleElement:p,startedAt:l,size:c};e(document).addEvent({eventID:"RippleMouseUp",eventType:"mouseup",callback:()=>{n.End(m)}}).addEvent({eventID:"RippleTouchEnd",eventType:"touchend",callback:()=>{setTimeout(()=>{n.End(m)},20)}}),e(p).addClass([a("RippleElement"),a("Color_"+r)]).append(`<div class="${a("RippleWrap")}" id="${i}">
-  <div class="${a("Wave")}" />
-  </div>`).addEvent({eventID:"RippleMouseOut",eventType:"mouseout",callback:I=>{n.End(m)}}).find("#"+i).find("."+a("Wave")).css({left:M,top:C}).await(10).css({height:c,width:c,opacity:".3",transition:".25s"})},End:t=>{let{RippleElement:l,startedAt:s,size:p}=t,r=e.Time().ms-s<=400?".75s":".55s",i=p*2.5;e(document).removeEvent(["RippleMouseUp","RippleTouchMove","RippleTouchEnd","RippleMouseOut"]),l.removeEvent(["RippleMouseOut"]).find("."+a("Wave")).css({height:i,width:i,opacity:"0",transition:r}).await(750).parent().callback(d=>{d.remove()})}},v={Wrapper:()=>(e(u.get().appRoot).addEvent({eventType:"touchstart",target:"."+f,callback:t=>{n.Start(t)}}).addEvent({eventType:"mousedown",target:"."+f,callback:t=>{u.get().isTouchDevice||n.Start(t)}}),null)};export{v as Ripple,v as default};
+import "../../chunk-JJ3PEWPN.js";
+import {
+  $$,
+  Config
+} from "../../@utils/_";
+import { EffectClasses } from "../../@styles/componentClasses/_";
+let RippleElementClassName = "eff_ripple";
+const Effects = {
+  Start: (event) => {
+    let startedAt = $$.Time().ms;
+    let target = event.target;
+    let RippleElement = $$(target);
+    if (!RippleElement[0])
+      return;
+    let Classname = RippleElement.findClass(/^eff_ripple-/)[0];
+    if (!Classname)
+      return;
+    let Color = Classname.split("-")[1];
+    let ID = "RippleWrap-" + $$.uuid.gen(), {
+      left,
+      top,
+      height,
+      width
+    } = RippleElement.position(), {
+      pageXOffset,
+      pageYOffset
+    } = $$.getScreenSize(), {
+      x: cursorX,
+      y: cursorY
+    } = $$.getCursor(event), size = Math.min(width * 1.5, 300), x = Math.max(cursorX - (left + pageXOffset), 0), y = Math.max(cursorY - (top + pageYOffset), 0);
+    let effectInfo = {
+      RippleElement,
+      startedAt,
+      size
+    };
+    $$(document).addEvent({
+      eventID: "RippleMouseUp",
+      eventType: "mouseup",
+      callback: () => {
+        Effects.End(effectInfo);
+      }
+    }).addEvent({
+      eventID: "RippleTouchEnd",
+      eventType: "touchend",
+      callback: () => {
+        setTimeout(() => {
+          Effects.End(effectInfo);
+        }, 20);
+      }
+    });
+    $$(RippleElement).addClass([
+      EffectClasses("RippleElement"),
+      EffectClasses("Color_" + Color)
+    ]).append(`<div class="${EffectClasses("RippleWrap")}" id="${ID}">
+  <div class="${EffectClasses("Wave")}" />
+  </div>`).addEvent({
+      eventID: "RippleMouseOut",
+      eventType: "mouseout",
+      callback: (event2) => {
+        Effects.End(effectInfo);
+      }
+    }).find("#" + ID).find("." + EffectClasses("Wave")).css({ left: x, top: y }).await(10).css({
+      height: size,
+      width: size,
+      opacity: ".3",
+      transition: ".25s"
+    });
+  },
+  End: (effectInfo) => {
+    let {
+      RippleElement,
+      startedAt,
+      size
+    } = effectInfo;
+    let processTime = $$.Time().ms - startedAt;
+    let transition = processTime <= 400 ? ".75s" : ".55s";
+    let diameter = size * 2.5;
+    $$(document).removeEvent([
+      "RippleMouseUp",
+      "RippleTouchMove",
+      "RippleTouchEnd",
+      "RippleMouseOut"
+    ]);
+    RippleElement.removeEvent(["RippleMouseOut"]).find("." + EffectClasses("Wave")).css({
+      height: diameter,
+      width: diameter,
+      opacity: "0",
+      transition
+    }).await(750).parent().callback((Parent) => {
+      Parent.remove();
+    });
+  }
+};
+const Ripple = {
+  Wrapper: () => {
+    $$(Config.get().appRoot).addEvent({
+      eventType: "touchstart",
+      target: "." + RippleElementClassName,
+      callback: (event) => {
+        Effects.Start(event);
+      }
+    }).addEvent({
+      eventType: "mousedown",
+      target: "." + RippleElementClassName,
+      callback: (event) => {
+        if (Config.get().isTouchDevice)
+          return;
+        Effects.Start(event);
+      }
+    });
+    return null;
+  }
+};
+export {
+  Ripple,
+  Ripple as default
+};

package/dist/fn/Effect/_.js

@@ -1 +1,14 @@
-import"../../chunk-VY3566IV.js";import{FadeIn as p,FadeUp as r}from"./Fade";import t from"./Ripple";import e from"./Pudding";const o={Ripple:t,Pudding:e,FadeIn:p,FadeUp:r};export{o as Effect,o as default};
+import "../../chunk-JJ3PEWPN.js";
+import { FadeIn, FadeUp } from "./Fade";
+import Ripple from "./Ripple";
+import Pudding from "./Pudding";
+const Effect = {
+  Ripple,
+  Pudding,
+  FadeIn,
+  FadeUp
+};
+export {
+  Effect,
+  Effect as default
+};

package/dist/fn/Input/AutoHeightText.js

@@ -1 +1,112 @@
-import{b as n,c as o,e as u}from"../../chunk-VY3566IV.js";import{jsx as g,jsxs as w}from"react/jsx-runtime";import{useEffect as m,useState as h}from"react";import{$$ as r}from"../../@utils/_";import T from"./TextArea";import v from"../../mols/Text";import H from"../../atoms/Box";import{InputAutoHeightClasses as s}from"../../@styles/componentClasses/_";const f=e=>{let[t]=h(r.uuid.gen()),[l,c]=h(String(e.value||""));m(()=>{r.scope(()=>u(void 0,null,function*(){let i=r('[data-id="origin_'+t+'"]')[0],a=r('[data-id="shallow_'+t+'"]')[0];if(!i||!a)return;let d=a.getClientRects()[0];if(!d)return;let{width:A,height:S}=d;i.style.height=S+"px"}))},[l]);let x=!!l.match(/\n$/),p=l||e.placeholder;return x&&(p+="d"),w(H,{position:"relative",className:s("Wrapper"),children:[g(v.Description,o(n({padding:1,fontSize:"inherit"},e),{className:[e.className,s("Shallow")].join(" "),id:"shallow_"+t,position:"absolute",left:0,right:0,top:0,opacity:"trans",border:"0.trans",freeCSS:o(n({minHeight:16*1,resize:"none"},e.freeCSS),{color:"transparent",zIndex:3,pointerEvents:"none",lineHeight:"1.25",letterSpacing:"1px"}),"data-id":"shallow_"+t,children:p})),g(T,o(n({padding:1,fontSize:"inherit",overflow:"hidden"},e),{className:[e.className,s("Origin")].join(" "),freeCSS:o(n({minHeight:16*1,resize:"none"},e.freeCSS),{lineHeight:"1.25",letterSpacing:"1px"}),value:l,"data-id":"origin_"+t,onUpdateValue:i=>{let a=i.value;c(a),e.onUpdateValue&&e.onUpdateValue(i)}}))]})};export{f as AutoHeightText,f as default};
+import {
+  __async,
+  __spreadProps,
+  __spreadValues
+} from "../../chunk-JJ3PEWPN.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import {
+  useEffect,
+  useState
+} from "react";
+import { $$ } from "../../@utils/_";
+import TextArea from "./TextArea";
+import Text from "../../mols/Text";
+import Box from "../../atoms/Box";
+import { InputAutoHeightClasses } from "../../@styles/componentClasses/_";
+const AutoHeightText = (params) => {
+  let [val_componentID] = useState($$.uuid.gen());
+  let [val_value, set_value] = useState(String(params.value || ""));
+  useEffect(() => {
+    $$.scope(() => __async(void 0, null, function* () {
+      let Original = $$('[data-id="origin_' + val_componentID + '"]')[0];
+      let Shallow = $$('[data-id="shallow_' + val_componentID + '"]')[0];
+      if (!Original)
+        return;
+      if (!Shallow)
+        return;
+      let Rect = Shallow.getClientRects()[0];
+      if (!Rect)
+        return;
+      let {
+        width,
+        height
+      } = Rect;
+      Original.style.height = height + "px";
+    }));
+  }, [val_value]);
+  let isLastPrefix = !!val_value.match(/\n$/);
+  let shallowText = val_value || params.placeholder;
+  if (isLastPrefix)
+    shallowText += "d";
+  return /* @__PURE__ */ jsxs(
+    Box,
+    {
+      position: "relative",
+      className: InputAutoHeightClasses("Wrapper"),
+      children: [
+        /* @__PURE__ */ jsx(
+          Text.Description,
+          __spreadProps(__spreadValues({
+            padding: 1,
+            fontSize: "inherit"
+          }, params), {
+            className: [
+              params.className,
+              InputAutoHeightClasses("Shallow")
+            ].join(" "),
+            id: "shallow_" + val_componentID,
+            position: "absolute",
+            left: 0,
+            right: 0,
+            top: 0,
+            opacity: "trans",
+            border: "0.trans",
+            freeCSS: __spreadProps(__spreadValues({
+              minHeight: 16 * 1,
+              resize: "none"
+            }, params.freeCSS), {
+              color: "transparent",
+              zIndex: 3,
+              pointerEvents: "none",
+              lineHeight: "1.25",
+              letterSpacing: "1px"
+            }),
+            "data-id": "shallow_" + val_componentID,
+            children: shallowText
+          })
+        ),
+        /* @__PURE__ */ jsx(
+          TextArea,
+          __spreadProps(__spreadValues({
+            padding: 1,
+            fontSize: "inherit",
+            overflow: "hidden"
+          }, params), {
+            className: [
+              params.className,
+              InputAutoHeightClasses("Origin")
+            ].join(" "),
+            freeCSS: __spreadProps(__spreadValues({
+              minHeight: 16 * 1,
+              resize: "none"
+            }, params.freeCSS), {
+              lineHeight: "1.25",
+              letterSpacing: "1px"
+            }),
+            value: val_value,
+            "data-id": "origin_" + val_componentID,
+            onUpdateValue: (event) => {
+              let Value = event.value;
+              set_value(Value);
+              params.onUpdateValue && params.onUpdateValue(event);
+            }
+          })
+        )
+      ]
+    }
+  );
+};
+export {
+  AutoHeightText,
+  AutoHeightText as default
+};

package/dist/fn/Input/Checker.js

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