amotify 0.1.32 → 0.1.34

package/dist/fn/Layout/SwipeView.js

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

package/dist/fn/Layout/TabBar.js

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

package/dist/fn/Layout/_.js

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

package/dist/fn/Loader/_.js

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

package/dist/fn/Loader/corner.js

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