amotify 0.1.31 → 0.1.32

package/dist/fn/Layout/SwipeView.js

@@ -1 +1,348 @@
-import{b as f,c as T,d as k}from"../../chunk-VY3566IV.js";import{jsx as I}from"react/jsx-runtime";import{useState as L,useEffect as M,useRef as N}from"react";import{$$ as c,$$fromRoot as h,useStore as X}from"../../@utils/_";import R from"../../atoms/Box";import j from"../../atoms/Flex";import{LayoutClasses as a}from"../../@styles/componentClasses/_";const B=t=>{let D=t,{options:{onSlideCallback:e,visibilitySurroundSlide:u=!0,autoSwipems:d=0,loop:i=!1,disableMousedrag:r=!1,disableTouch:o=!1}={},wrapper:s=n=>n,slides:v=[]}=D,E=k(D,["options","wrapper","slides"]),[w]=L(c.uuid.gen()),[p,y]=L({eventType:"init",index:t.slideIndex});M(()=>{X.set({key:"SwipeTimer-"+w,value:null})},[]);const g=N(!1);M(()=>{y({eventType:"usr",index:t.slideIndex}),g.current||(g.current=!0)},[t.slideIndex]),M(()=>{let n=p.index+(i?1:0),m=[-1,v.length].includes(p.index);m||e&&setTimeout(()=>{e(p.index)},300);let b=h("#Swiper-"+w);if(p.eventType=="adjustLoop")b.await(250).css({transition:"0s",transform:l.TrasformString(n)}).children().removeClass(a("Display")).parent().children(n).addClass([a("Display"),a("LoopAdjusting")]).await(100).removeClass(a("LoopAdjusting"));else if(p.eventType=="sys")b.await(250).css({transform:l.TrasformString(n)}).children().removeClass(a("Display")).parent().children(n).addClass(a("Display"));else if(b.children().removeClass(a("Display")).parent().children(n).addClass(a("Display")).parent().css({transition:"0.3s",transform:l.TrasformString(n)}).await(250).css({transition:"0s"}),m){let x=p.index==-1?v.length-1:0;y({eventType:"adjustLoop",index:x})}d&&!m&&(c.interval.clear("SwipeTimer-"+w),c.interval.standBy("SwipeTimer-"+w,d-(p.eventType=="sys"?310:0),()=>{let x=p.index+1;!i&&x>v.length-1&&(x=0),y({eventType:"usr",index:x})}))},[p]);let S=v.map((n,m)=>I(R,{flexSizing:"none",width:1,height:0,className:a("Child"),children:s(n)},m));i&&(S.push(S[0]),S.unshift(S[S.length-2]));let C={x:0,y:0,process:!1,effectStartAt:0,id:w,loop:i,index:p.index,minIndex:i?-1:0,maxIndex:v.length+(i?1:-1),width:0,set_event:y},A=p.index+(i?1:0);return I(R,T(f({overflow:"hidden",position:"relative"},E),{className:[E.className,a("SwipeView")].join(" "),freeCSS:f({zIndex:1},E.freeCSS),"data-swipe-id":w,onMouseDown:n=>{r||n.buttons==1&&l.EffectStart(n,C)},onTouchStart:n=>{var m;o||((m=n.touches)==null?void 0:m.length)==1&&l.EffectStart(n,C)},children:I(j,{flexWrap:!1,gap:1,transition:"long",className:[a("Rail"),a("ShowOther_"+u)].join(" "),id:"Swiper-"+w,freeCSS:f({},g.current?{}:{transform:l.TrasformString(A)}),children:S})}))},l={TrasformString:t=>`translateX( calc( ${-100*t}%  - ${12*t}px ) )`,EffectStart:(t,e)=>{let{x:u,y:d}=c.getCursor(t),i=t.currentTarget,r=t.target;if(["SELECT","BUTTON","LABEL","INPUT"].includes(r.tagName))return;e=T(f({},e),{x:u-e.x+window.scrollX,y:d-e.y+window.scrollY,effectStartAt:new Date().getTime(),width:h("#Swiper-"+e.id).position().width});let{swipeId:o}=i.dataset;o==e.id&&c(document).addEvent({eventID:"SwipeMouseMove",eventType:"mousemove",callback:s=>{l.EffectCheck(s,e)},options:{passive:!1}}).addEvent({eventID:"SwipeTouchMove",eventType:"touchmove",callback:s=>{l.EffectCheck(s,e)},options:{passive:!1}}).addEvent({eventID:"SwipeMouseUp",eventType:"mouseup",callback:s=>{l.EffectEnd(s,e)},options:{passive:!1}}).addEvent({eventID:"SwipeTouchEnd",eventType:"touchend",callback:s=>{l.EffectEnd(s,e)},options:{passive:!1}})},EffectCheck:(t,e)=>{if(e.process)return;let{x:u,y:d}=c.getCursor(t),i=Math.abs(u-e.x+window.scrollX),r=Math.abs(d-e.y+window.scrollY);if(!(t.touches&&t.touches.length>1)&&!(r+i<15))if(r>i/2)c(document).removeEvent(["SwipeMouseMove","SwipeTouchMove"]);else{e.process=!0;let o=e.index+(e.loop?1:0);h("#Swiper-"+e.id).children(o-1).addClass(a("Display")),c(document).addEvent({eventID:"SwipeCheckMouseMove",eventType:"mousemove",callback:s=>{l.EffectMove(s,e)},options:{passive:!1}}).addEvent({eventID:"SwipeCheckTouchMove",eventType:"touchmove",callback:s=>{l.EffectMove(s,e)},options:{passive:!1}}),t.preventDefault();return}},EffectMove:(t,e)=>{if(t.touches&&t.touches.length>1)return;let{x:u}=c.getCursor(t),d=u-e.x+window.scrollX,r=e.index+(e.loop?1:0)-d/e.width;if(r<0)r/=2;else if(r>e.maxIndex){let o=r-e.maxIndex;r=e.maxIndex+o/2}h("#Swiper-"+e.id).css({transition:"0s",transform:l.TrasformString(r)}),t.preventDefault()},EffectEnd:(t,e)=>{if(e.process){let d=c.getCursor(t).x-e.x+window.scrollX,i=new Date().getTime(),r=i-e.effectStartAt,o=e.index+(e.loop?1:0),s=0;r<400?s=o-(+(d>0)*2-1):s=Math.round(o-d/e.width),s=Math.max(Math.min(s,e.maxIndex),e.minIndex),e.process=!1,o===s?(e.effectStartAt=i,h("#Swiper-"+e.id).css({transition:".2s",transform:l.TrasformString(s)}).await(310).css({transition:"0s"}).children().removeClass(a("Display")).parent().children(o).addClass(a("Display"))):e.set_event({eventType:"usr",index:s+e.minIndex})}c(document).removeEvent(["SwipeMouseMove","SwipeTouchMove","SwipeCheckMouseMove","SwipeCheckTouchMove","SwipeMouseUp","SwipeTouchEnd"])}},V=t=>I(B,T(f({},t),{slideIndex:Math.max(Math.min(t.slideIndex,t.slides.length-1),0)}));export{V as SwipeView,V as default};
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "../../chunk-JJ3PEWPN.js";
+import { jsx } from "react/jsx-runtime";
+import {
+  useState,
+  useEffect,
+  useRef
+} from "react";
+import {
+  $$,
+  $$fromRoot,
+  useStore
+} from "../../@utils/_";
+import Box from "../../atoms/Box";
+import Flex from "../../atoms/Flex";
+import { LayoutClasses } from "../../@styles/componentClasses/_";
+const Core = (params) => {
+  let _a = params, {
+    options: {
+      onSlideCallback,
+      visibilitySurroundSlide = true,
+      autoSwipems = 0,
+      loop = false,
+      disableMousedrag = false,
+      disableTouch = false
+    } = {},
+    wrapper = (slide) => slide,
+    slides = []
+  } = _a, others = __objRest(_a, [
+    "options",
+    "wrapper",
+    "slides"
+  ]);
+  let [val_swipeID] = useState($$.uuid.gen());
+  let [val_event, set_event] = useState({
+    eventType: "init",
+    index: params.slideIndex
+  });
+  useEffect(() => {
+    useStore.set({
+      key: "SwipeTimer-" + val_swipeID,
+      value: null
+    });
+  }, []);
+  const mounted = useRef(false);
+  useEffect(() => {
+    set_event({
+      eventType: "usr",
+      index: params.slideIndex
+    });
+    if (!mounted.current)
+      mounted.current = true;
+  }, [params.slideIndex]);
+  useEffect(() => {
+    let Index2 = val_event.index + (loop ? 1 : 0);
+    let CopyIndex = [-1, slides.length].includes(val_event.index);
+    if (!CopyIndex) {
+      if (onSlideCallback)
+        setTimeout(() => {
+          onSlideCallback(val_event.index);
+        }, 300);
+    }
+    let Base = $$fromRoot("#Swiper-" + val_swipeID);
+    if (val_event.eventType == "adjustLoop") {
+      Base.await(250).css({
+        transition: "0s",
+        transform: FNs.TrasformString(Index2)
+      }).children().removeClass(LayoutClasses("Display")).parent().children(Index2).addClass([LayoutClasses("Display"), LayoutClasses("LoopAdjusting")]).await(100).removeClass(LayoutClasses("LoopAdjusting"));
+    } else if (val_event.eventType == "sys") {
+      Base.await(250).css({
+        transform: FNs.TrasformString(Index2)
+      }).children().removeClass(LayoutClasses("Display")).parent().children(Index2).addClass(LayoutClasses("Display"));
+    } else {
+      Base.children().removeClass(LayoutClasses("Display")).parent().children(Index2).addClass(LayoutClasses("Display")).parent().css({
+        transition: "0.3s",
+        transform: FNs.TrasformString(Index2)
+      }).await(250).css({ transition: "0s" });
+      if (CopyIndex) {
+        let ajastIndex = val_event.index == -1 ? slides.length - 1 : 0;
+        set_event({
+          eventType: "adjustLoop",
+          index: ajastIndex
+        });
+      }
+    }
+    if (autoSwipems && !CopyIndex) {
+      $$.interval.clear("SwipeTimer-" + val_swipeID);
+      $$.interval.standBy(
+        "SwipeTimer-" + val_swipeID,
+        autoSwipems - (val_event.eventType == "sys" ? 310 : 0),
+        () => {
+          let newIndex = val_event.index + 1;
+          if (!loop && newIndex > slides.length - 1)
+            newIndex = 0;
+          set_event({
+            eventType: "usr",
+            index: newIndex
+          });
+        }
+      );
+    }
+  }, [val_event]);
+  let Slides = slides.map((slide, index) => /* @__PURE__ */ jsx(
+    Box,
+    {
+      flexSizing: "none",
+      width: 1,
+      height: 0,
+      className: LayoutClasses("Child"),
+      children: wrapper(slide)
+    },
+    index
+  ));
+  if (loop) {
+    Slides.push(Slides[0]);
+    Slides.unshift(Slides[Slides.length - 2]);
+  }
+  let info = {
+    x: 0,
+    y: 0,
+    process: false,
+    effectStartAt: 0,
+    id: val_swipeID,
+    loop,
+    index: val_event.index,
+    minIndex: loop ? -1 : 0,
+    maxIndex: slides.length + (loop ? 1 : -1),
+    width: 0,
+    set_event
+  };
+  let Index = val_event.index + (loop ? 1 : 0);
+  return /* @__PURE__ */ jsx(
+    Box,
+    __spreadProps(__spreadValues({
+      overflow: "hidden",
+      position: "relative"
+    }, others), {
+      className: [
+        others.className,
+        LayoutClasses("SwipeView")
+      ].join(" "),
+      freeCSS: __spreadValues({
+        zIndex: 1
+      }, others.freeCSS),
+      "data-swipe-id": val_swipeID,
+      onMouseDown: (event) => {
+        if (disableMousedrag)
+          return;
+        if (event.buttons != 1)
+          return;
+        FNs.EffectStart(event, info);
+      },
+      onTouchStart: (event) => {
+        var _a2;
+        if (disableTouch)
+          return;
+        if (((_a2 = event.touches) == null ? void 0 : _a2.length) != 1)
+          return;
+        FNs.EffectStart(event, info);
+      },
+      children: /* @__PURE__ */ jsx(
+        Flex,
+        {
+          flexWrap: false,
+          gap: 1,
+          transition: "long",
+          className: [
+            LayoutClasses("Rail"),
+            LayoutClasses("ShowOther_" + visibilitySurroundSlide)
+          ].join(" "),
+          id: "Swiper-" + val_swipeID,
+          freeCSS: __spreadValues({}, !mounted.current ? {
+            transform: FNs.TrasformString(Index)
+          } : {}),
+          children: Slides
+        }
+      )
+    })
+  );
+};
+const FNs = {
+  TrasformString: (Index) => `translateX( calc( ${-100 * Index}%  - ${12 * Index}px ) )`,
+  EffectStart: (event, info) => {
+    let {
+      x,
+      y
+    } = $$.getCursor(event);
+    let eventTarget = event.currentTarget;
+    let target = event.target;
+    if (["SELECT", "BUTTON", "LABEL", "INPUT"].includes(target.tagName))
+      return;
+    info = __spreadProps(__spreadValues({}, info), {
+      x: x - info.x + window.scrollX,
+      y: y - info.y + window.scrollY,
+      effectStartAt: (/* @__PURE__ */ new Date()).getTime(),
+      width: $$fromRoot("#Swiper-" + info.id).position().width
+    });
+    let { swipeId } = eventTarget.dataset;
+    if (swipeId == info.id) {
+      $$(document).addEvent({
+        eventID: "SwipeMouseMove",
+        eventType: "mousemove",
+        callback: (event2) => {
+          FNs.EffectCheck(event2, info);
+        },
+        options: { passive: false }
+      }).addEvent({
+        eventID: "SwipeTouchMove",
+        eventType: "touchmove",
+        callback: (event2) => {
+          FNs.EffectCheck(event2, info);
+        },
+        options: { passive: false }
+      }).addEvent({
+        eventID: "SwipeMouseUp",
+        eventType: "mouseup",
+        callback: (event2) => {
+          FNs.EffectEnd(event2, info);
+        },
+        options: { passive: false }
+      }).addEvent({
+        eventID: "SwipeTouchEnd",
+        eventType: "touchend",
+        callback: (event2) => {
+          FNs.EffectEnd(event2, info);
+        },
+        options: { passive: false }
+      });
+    }
+  },
+  EffectCheck: (event, info) => {
+    if (info.process)
+      return;
+    let {
+      x,
+      y
+    } = $$.getCursor(event);
+    let X = Math.abs(x - info.x + window.scrollX);
+    let Y = Math.abs(y - info.y + window.scrollY);
+    if (event.touches && event.touches.length > 1)
+      return;
+    if (Y + X < 15)
+      return;
+    if (Y > X / 2) {
+      $$(document).removeEvent([
+        "SwipeMouseMove",
+        "SwipeTouchMove"
+      ]);
+    } else {
+      info.process = true;
+      let Index = info.index + (info.loop ? 1 : 0);
+      $$fromRoot("#Swiper-" + info.id).children(Index - 1).addClass(LayoutClasses("Display"));
+      $$(document).addEvent({
+        eventID: "SwipeCheckMouseMove",
+        eventType: "mousemove",
+        callback: (event2) => {
+          FNs.EffectMove(event2, info);
+        },
+        options: { passive: false }
+      }).addEvent({
+        eventID: "SwipeCheckTouchMove",
+        eventType: "touchmove",
+        callback: (event2) => {
+          FNs.EffectMove(event2, info);
+        },
+        options: { passive: false }
+      });
+      event.preventDefault();
+      return;
+    }
+  },
+  EffectMove: (event, info) => {
+    if (event.touches && event.touches.length > 1)
+      return;
+    let {
+      x
+    } = $$.getCursor(event);
+    let X = x - info.x + window.scrollX;
+    let Index = info.index + (info.loop ? 1 : 0);
+    let rate = Index - X / info.width;
+    if (rate < 0) {
+      rate /= 2;
+    } else if (rate > info.maxIndex) {
+      let excess = rate - info.maxIndex;
+      rate = info.maxIndex + excess / 2;
+    }
+    $$fromRoot("#Swiper-" + info.id).css({
+      transition: "0s",
+      transform: FNs.TrasformString(rate)
+    });
+    event.preventDefault();
+    return;
+  },
+  EffectEnd: (event, info) => {
+    if (info.process) {
+      let cursor = $$.getCursor(event);
+      let X = cursor.x - info.x + window.scrollX;
+      let current = (/* @__PURE__ */ new Date()).getTime();
+      let totalTime = current - info.effectStartAt;
+      let Index = info.index + (info.loop ? 1 : 0);
+      let newIndex = 0;
+      if (totalTime < 400) {
+        newIndex = Index - (Number(X > 0) * 2 - 1);
+      } else {
+        newIndex = Math.round(Index - X / info.width);
+      }
+      newIndex = Math.max(Math.min(newIndex, info.maxIndex), info.minIndex);
+      info.process = false;
+      if (Index === newIndex) {
+        info.effectStartAt = current;
+        $$fromRoot("#Swiper-" + info.id).css({
+          transition: ".2s",
+          transform: FNs.TrasformString(newIndex)
+        }).await(310).css({
+          transition: "0s"
+        }).children().removeClass(LayoutClasses("Display")).parent().children(Index).addClass(LayoutClasses("Display"));
+      } else {
+        info.set_event({
+          eventType: "usr",
+          index: newIndex + info.minIndex
+        });
+      }
+    }
+    $$(document).removeEvent([
+      "SwipeMouseMove",
+      "SwipeTouchMove",
+      "SwipeCheckMouseMove",
+      "SwipeCheckTouchMove",
+      "SwipeMouseUp",
+      "SwipeTouchEnd"
+    ]);
+  }
+};
+const SwipeView = (params) => {
+  return /* @__PURE__ */ jsx(
+    Core,
+    __spreadProps(__spreadValues({}, params), {
+      slideIndex: Math.max(Math.min(params.slideIndex, params.slides.length - 1), 0)
+    })
+  );
+};
+export {
+  SwipeView,
+  SwipeView as default
+};

package/dist/fn/Layout/TabBar.js

@@ -1 +1,72 @@
-import{b as o,c as l,d as m}from"../../chunk-VY3566IV.js";import{jsx as a}from"react/jsx-runtime";import{useEffect as s}from"react";import c from"../../atoms/Box";import x from"../../atoms/Flex";import v from"../Input/_";const u=f=>{let i=f,{tabIndex:d,tabs:b,onTabChange:r,componentDidMount:n}=i,p=m(i,["tabIndex","tabs","onTabChange","componentDidMount"]);return s(()=>{n&&n()},[]),a(x,l(o({position:"relative",overflow:"auto",flexWrap:!1},p),{freeCSS:o({zIndex:3,whiteSpace:"nowrap"},p.freeCSS),children:a(c,{margin:[0,"auto"],children:a(v.Segmented.BottomLine,{value:d,fontColor:"inherit",override:"force",gap:0,options:b.map((e,t)=>({value:t,label:e})),onUpdateValidValue:e=>{let t=e.value[0];r&&r(t)}})})}))};export{u as TabBar,u as default};
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "../../chunk-JJ3PEWPN.js";
+import { jsx } from "react/jsx-runtime";
+import {
+  useEffect
+} from "react";
+import Box from "../../atoms/Box";
+import Flex from "../../atoms/Flex";
+import Input from "../Input/_";
+const TabBar = (params) => {
+  let _a = params, {
+    tabIndex,
+    tabs,
+    onTabChange,
+    componentDidMount
+  } = _a, others = __objRest(_a, [
+    "tabIndex",
+    "tabs",
+    "onTabChange",
+    "componentDidMount"
+  ]);
+  useEffect(() => {
+    if (componentDidMount)
+      componentDidMount();
+  }, []);
+  return /* @__PURE__ */ jsx(
+    Flex,
+    __spreadProps(__spreadValues({
+      position: "relative",
+      overflow: "auto",
+      flexWrap: false
+    }, others), {
+      freeCSS: __spreadValues({
+        zIndex: 3,
+        whiteSpace: "nowrap"
+      }, others.freeCSS),
+      children: /* @__PURE__ */ jsx(
+        Box,
+        {
+          margin: [0, "auto"],
+          children: /* @__PURE__ */ jsx(
+            Input.Segmented.BottomLine,
+            {
+              value: tabIndex,
+              fontColor: "inherit",
+              override: "force",
+              gap: 0,
+              options: tabs.map((tab, index) => {
+                return {
+                  value: index,
+                  label: tab
+                };
+              }),
+              onUpdateValidValue: (args) => {
+                let value = args.value[0];
+                if (onTabChange)
+                  onTabChange(value);
+              }
+            }
+          )
+        }
+      )
+    })
+  );
+};
+export {
+  TabBar,
+  TabBar as default
+};

package/dist/fn/Layout/_.js

@@ -1 +1,22 @@
-import"../../chunk-VY3566IV.js";import r from"./SwipeView";import t from"./PageViewController";import p from"./TabBar";import i from"./Plate";import a from"./PageNotFound";import m from"./PageRouter";import l from"./RootViewController";var o;(e=>(e.PageViewController=t,e.TabBar=p,e.Plate=i,e.SwipeView=r,e.PageRouter=m,e.PageNotFound=a,e.RootViewController=l))(o||(o={}));export{o as Layout,o as default};
+import "../../chunk-JJ3PEWPN.js";
+import _SwipeView from "./SwipeView";
+import _PageViewController from "./PageViewController";
+import _TabBar from "./TabBar";
+import _Plate from "./Plate";
+import _PageNotFound from "./PageNotFound";
+import _PageRouter from "./PageRouter";
+import _RootViewController from "./RootViewController";
+var Layout;
+((Layout2) => {
+  Layout2.PageViewController = _PageViewController;
+  Layout2.TabBar = _TabBar;
+  Layout2.Plate = _Plate;
+  Layout2.SwipeView = _SwipeView;
+  Layout2.PageRouter = _PageRouter;
+  Layout2.PageNotFound = _PageNotFound;
+  Layout2.RootViewController = _RootViewController;
+})(Layout || (Layout = {}));
+export {
+  Layout,
+  Layout as default
+};

package/dist/fn/Loader/_.js

@@ -1 +1,104 @@
-import{b as a}from"../../chunk-VY3566IV.js";import{jsx as i,jsxs as I}from"react/jsx-runtime";import{Config as m,useStore as p,$$fromRoot as d}from"../../@utils/_";import L from"../../atoms/Box";import{LoaderClasses as l}from"../../@styles/componentClasses/_";import{Top as C}from"./top";import{Mini as s}from"./mini";import{Corner as f}from"./corner";const n=o=>{let t=o.color;return{S:e=>i(s,a({size:"S",color:t},e)),R:e=>i(s,a({size:"R",color:t},e)),L:e=>i(s,a({size:"L",color:t},e)),XL:e=>i(s,a({size:"XL",color:t},e)),MAX:e=>i(s,a({size:"MAX",color:t},e))}},c={Wrapper:()=>I(L,{className:["AMOTIFY_be",l("Wrapper")].join(" "),children:[i(C,{}),i(f,{})]}),Theme:n({color:"theme"}),Posi:n({color:"posi"}),Nega:n({color:"nega"}),Warn:n({color:"warn"}),White:n({color:"white"}),Cloud:n({color:"cloud"}),fn:{top:{active:()=>{let o=p.get("Loader-top-"+m.get().sessionUID+"-corner");o&&o.active()},stop:()=>{let o=p.get("Loader-top-"+m.get().sessionUID+"-corner");o&&o.stop()}},corner:{active:()=>{let o=p.get("Loader-corner-"+m.get().sessionUID+"-corner");o&&o.active()},stop:()=>{let o=p.get("Loader-corner-"+m.get().sessionUID+"-corner");o&&o.stop()}},mini:{active:(o="")=>{d("."+l("MiniLoader")).for(t=>{let{dataset:{componentId:e}={}}=t;if(!e)return;let r=p.get(e);r&&r.active&&r.active(o)})},stop:(o="")=>{d("."+l("MiniLoader")).for(t=>{let{dataset:{componentId:e}={}}=t;if(!e)return;let r=p.get(e);r&&r.stop&&r.stop(o)})},stopALL:()=>{d("."+l("MiniLoader")).for(o=>{let{dataset:{componentId:t}={}}=o;if(!t)return;let e=p.get(t);e&&e.stopForce&&e.stopForce()})}},stopALL:()=>{c.fn.top.stop(),c.fn.corner.stop(),c.fn.mini.stopALL()}}};export{c as Loader,c as default};
+import {
+  __spreadValues
+} from "../../chunk-JJ3PEWPN.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import {
+  Config,
+  useStore,
+  $$fromRoot
+} from "../../@utils/_";
+import Box from "../../atoms/Box";
+import { LoaderClasses } from "../../@styles/componentClasses/_";
+import { Top } from "./top";
+import { Mini } from "./mini";
+import { Corner } from "./corner";
+const SizeWrapper = (params) => {
+  let color = params.color;
+  return {
+    S: (params2) => /* @__PURE__ */ jsx(Mini, __spreadValues({ size: "S", color }, params2)),
+    R: (params2) => /* @__PURE__ */ jsx(Mini, __spreadValues({ size: "R", color }, params2)),
+    L: (params2) => /* @__PURE__ */ jsx(Mini, __spreadValues({ size: "L", color }, params2)),
+    XL: (params2) => /* @__PURE__ */ jsx(Mini, __spreadValues({ size: "XL", color }, params2)),
+    MAX: (params2) => /* @__PURE__ */ jsx(Mini, __spreadValues({ size: "MAX", color }, params2))
+  };
+};
+const Loader = {
+  Wrapper: () => {
+    return /* @__PURE__ */ jsxs(Box, { className: [
+      "AMOTIFY_be",
+      LoaderClasses("Wrapper")
+    ].join(" "), children: [
+      /* @__PURE__ */ jsx(Top, {}),
+      /* @__PURE__ */ jsx(Corner, {})
+    ] });
+  },
+  Theme: SizeWrapper({ color: "theme" }),
+  Posi: SizeWrapper({ color: "posi" }),
+  Nega: SizeWrapper({ color: "nega" }),
+  Warn: SizeWrapper({ color: "warn" }),
+  White: SizeWrapper({ color: "white" }),
+  Cloud: SizeWrapper({ color: "cloud" }),
+  fn: {
+    top: {
+      active: () => {
+        let comp = useStore.get("Loader-top-" + Config.get().sessionUID + "-corner");
+        comp && comp.active();
+      },
+      stop: () => {
+        let comp = useStore.get("Loader-top-" + Config.get().sessionUID + "-corner");
+        comp && comp.stop();
+      }
+    },
+    corner: {
+      active: () => {
+        let comp = useStore.get("Loader-corner-" + Config.get().sessionUID + "-corner");
+        comp && comp.active();
+      },
+      stop: () => {
+        let comp = useStore.get("Loader-corner-" + Config.get().sessionUID + "-corner");
+        comp && comp.stop();
+      }
+    },
+    mini: {
+      active: (keyCode = "") => {
+        $$fromRoot("." + LoaderClasses("MiniLoader")).for((elm) => {
+          let { dataset: { componentId } = {} } = elm;
+          if (!componentId)
+            return;
+          let fn = useStore.get(componentId);
+          if (fn && fn.active)
+            fn.active(keyCode);
+        });
+      },
+      stop: (keyCode = "") => {
+        $$fromRoot("." + LoaderClasses("MiniLoader")).for((elm) => {
+          let { dataset: { componentId } = {} } = elm;
+          if (!componentId)
+            return;
+          let fn = useStore.get(componentId);
+          if (fn && fn.stop)
+            fn.stop(keyCode);
+        });
+      },
+      stopALL: () => {
+        $$fromRoot("." + LoaderClasses("MiniLoader")).for((elm) => {
+          let { dataset: { componentId } = {} } = elm;
+          if (!componentId)
+            return;
+          let fn = useStore.get(componentId);
+          if (fn && fn.stopForce)
+            fn.stopForce();
+        });
+      }
+    },
+    stopALL: () => {
+      Loader.fn.top.stop();
+      Loader.fn.corner.stop();
+      Loader.fn.mini.stopALL();
+    }
+  }
+};
+export {
+  Loader,
+  Loader as default
+};

package/dist/fn/Loader/corner.js

@@ -1 +1,85 @@
-import"../../chunk-VY3566IV.js";import{jsx as a,jsxs as t}from"react/jsx-runtime";import{Config as n,useStore as l}from"../../@utils/_";import{useState as d,useEffect as c}from"react";import o from"../../atoms/Box";import s from"../../atoms/Flex";import{LoaderClasses as e}from"../../@styles/componentClasses/_";const N=()=>{let[i,r]=d(!1);return c(()=>{l.set({key:"Loader-corner-"+n.get().sessionUID+"-corner",value:{active:()=>{r(!0)},stop:()=>{r(!1)}}})},[]),t(s,{className:[e("CornerLoader"),e("Active_"+i)].join(" "),gap:"1/2",padding:["1/2","3/4"],borderRadius:"2/3",backgroundColor:"dark",position:"fixed",boxShadow:"1.remark",left:"50%",top:1,opacity:"trans",transition:"short",isRounded:!0,freeCSS:{pointerEvents:"none",transform:"translateX(-50%)"},children:[t(s,{className:e("Wrap"),flexWrap:!1,verticalAlign:"center",horizontalAlign:"center",children:[a(o,{className:e("Ld4")}),a(o,{className:e("Ld3")}),a(o,{className:e("Ld2")}),a(o,{className:e("Ld1")}),a(o,{className:e("Ld2")}),a(o,{className:e("Ld3")}),a(o,{className:e("Ld4")})]}),a(o,{fontColor:"white",fontSize:"0.xs",isSemiBoldFont:!0,children:"Loading"})]})};export{N as Corner};
+import "../../chunk-JJ3PEWPN.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import {
+  Config,
+  useStore
+} from "../../@utils/_";
+import {
+  useState,
+  useEffect
+} from "react";
+import Box from "../../atoms/Box";
+import Flex from "../../atoms/Flex";
+import { LoaderClasses } from "../../@styles/componentClasses/_";
+const Corner = () => {
+  let [val_active, set_active] = useState(false);
+  useEffect(() => {
+    useStore.set({
+      key: "Loader-corner-" + Config.get().sessionUID + "-corner",
+      value: {
+        active: () => {
+          set_active(true);
+        },
+        stop: () => {
+          set_active(false);
+        }
+      }
+    });
+  }, []);
+  return /* @__PURE__ */ jsxs(
+    Flex,
+    {
+      className: [
+        LoaderClasses("CornerLoader"),
+        LoaderClasses("Active_" + val_active)
+      ].join(" "),
+      gap: "1/2",
+      padding: ["1/2", "3/4"],
+      borderRadius: "2/3",
+      backgroundColor: "dark",
+      position: "fixed",
+      boxShadow: "1.remark",
+      left: "50%",
+      top: 1,
+      opacity: "trans",
+      transition: "short",
+      isRounded: true,
+      freeCSS: {
+        pointerEvents: "none",
+        transform: "translateX(-50%)"
+      },
+      children: [
+        /* @__PURE__ */ jsxs(
+          Flex,
+          {
+            className: LoaderClasses("Wrap"),
+            flexWrap: false,
+            verticalAlign: "center",
+            horizontalAlign: "center",
+            children: [
+              /* @__PURE__ */ jsx(Box, { className: LoaderClasses("Ld4") }),
+              /* @__PURE__ */ jsx(Box, { className: LoaderClasses("Ld3") }),
+              /* @__PURE__ */ jsx(Box, { className: LoaderClasses("Ld2") }),
+              /* @__PURE__ */ jsx(Box, { className: LoaderClasses("Ld1") }),
+              /* @__PURE__ */ jsx(Box, { className: LoaderClasses("Ld2") }),
+              /* @__PURE__ */ jsx(Box, { className: LoaderClasses("Ld3") }),
+              /* @__PURE__ */ jsx(Box, { className: LoaderClasses("Ld4") })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Box,
+          {
+            fontColor: "white",
+            fontSize: "0.xs",
+            isSemiBoldFont: true,
+            children: "Loading"
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  Corner
+};