amotify 0.1.32 → 0.1.34

package/dist/fn/Effect/Fade.js

@@ -1,88 +1 @@
-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
-};
+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};

package/dist/fn/Effect/Pudding.js

@@ -1,22 +1 @@
-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
-};
+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};

package/dist/fn/Effect/Ripple.js

@@ -1,117 +1,3 @@
-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
-};
+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};

package/dist/fn/Effect/_.js

@@ -1,14 +1 @@
-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
-};
+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};

package/dist/fn/Input/AutoHeightText.js

@@ -1,112 +1 @@
-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
-};
+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};

package/dist/fn/Input/Checker.js

@@ -1,36 +1 @@
-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
-};
+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};