amotify 0.1.30 → 0.1.32

package/dist/fn/Loader/mini.js

@@ -1 +1,125 @@
-import{b as d,c as f,d as h}from"../../chunk-VY3566IV.js";import{jsx as s,jsxs as k}from"react/jsx-runtime";import{$$ as y,$$fromRoot as L,useStore as z}from"../../@utils/_";import{useState as l,useEffect as g}from"react";import{LoaderClasses as e}from"../../@styles/componentClasses/_";import I from"../../mols/Row";const R=w=>{let p=w,{color:u="theme",size:t="R",showInitial:c=!1,loaderID:C=""}=p,S=h(p,["color","size","showInitial","loaderID"]),[m]=l(C),[i]=l(y.uuid.gen()),[n,a]=l(c),o=0;t=="S"?o=1:t=="R"?o=1.5:t=="L"?o=3:t=="XL"?o=4:t=="MAX"&&(o=6);let v={theme:"hsl( var( --color-theme-hsl ) )",posi:"var( --color-positive )",nega:"var( --color-negative )",warn:"var( --color-warning )",cloud:"hsl( var( --color-layer5-hsl ) )",white:"white"}[u];return g(()=>{let r=L('[data-component-id="'+i+'"]');n?r.removeClass(e("Hide")).await(10).addClass(e("Active")):r.removeClass(e("Active")).await(210).addClass(e("Hide"))},[n]),g(()=>{z.set({key:i,value:{active:r=>{m==r&&a(!0)},stop:r=>{m==r&&a(!1)},stopForce:()=>{a(!1)}}})},[]),k(I.Center,f(d({ssSphere:o,className:[e("MiniLoader"),c?"":e("Hide")].join(" "),componentID:i,position:"relative"},S),{children:[s("svg",{className:e("SVG1"),width:"100",height:"100",viewBox:"0 0 100 100",style:{stroke:v},children:s("circle",{cx:"50",cy:"50",r:"40"})}),s("svg",{className:e("SVG2"),width:"100",height:"100",viewBox:"0 0 100 100",style:{stroke:v},children:s("circle",{cx:"50",cy:"50",r:"40"})})]}))};export{R as Mini};
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "../../chunk-JJ3PEWPN.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import {
+  $$,
+  $$fromRoot,
+  useStore
+} from "../../@utils/_";
+import {
+  useState,
+  useEffect
+} from "react";
+import { LoaderClasses } from "../../@styles/componentClasses/_";
+import Row from "../../mols/Row";
+const Mini = (params) => {
+  let _a = params, {
+    color = "theme",
+    size = "R",
+    showInitial = false,
+    loaderID = ""
+  } = _a, props = __objRest(_a, [
+    "color",
+    "size",
+    "showInitial",
+    "loaderID"
+  ]);
+  let [val_key] = useState(loaderID);
+  let [val_componentID] = useState($$.uuid.gen());
+  let [val_active, set_active] = useState(showInitial);
+  let Size = 0;
+  if (size == "S") {
+    Size = 1;
+  } else if (size == "R") {
+    Size = 1.5;
+  } else if (size == "L") {
+    Size = 3;
+  } else if (size == "XL") {
+    Size = 4;
+  } else if (size == "MAX") {
+    Size = 6;
+  }
+  let BorderColor = {
+    "theme": "hsl( var( --color-theme-hsl ) )",
+    "posi": "var( --color-positive )",
+    "nega": "var( --color-negative )",
+    "warn": "var( --color-warning )",
+    "cloud": "hsl( var( --color-layer5-hsl ) )",
+    "white": "white"
+  }[color];
+  useEffect(() => {
+    let Wrapper = $$fromRoot('[data-component-id="' + val_componentID + '"]');
+    if (val_active) {
+      Wrapper.removeClass(LoaderClasses("Hide")).await(10).addClass(LoaderClasses("Active"));
+    } else {
+      Wrapper.removeClass(LoaderClasses("Active")).await(210).addClass(LoaderClasses("Hide"));
+    }
+  }, [val_active]);
+  useEffect(() => {
+    useStore.set({
+      key: val_componentID,
+      value: {
+        active: (keyCode) => {
+          if (val_key != keyCode)
+            return;
+          set_active(true);
+        },
+        stop: (keyCode) => {
+          if (val_key != keyCode)
+            return;
+          set_active(false);
+        },
+        stopForce: () => {
+          set_active(false);
+        }
+      }
+    });
+  }, []);
+  return /* @__PURE__ */ jsxs(
+    Row.Center,
+    __spreadProps(__spreadValues({
+      ssSphere: Size,
+      className: [
+        LoaderClasses("MiniLoader"),
+        showInitial ? "" : LoaderClasses("Hide")
+      ].join(" "),
+      componentID: val_componentID,
+      position: "relative"
+    }, props), {
+      children: [
+        /* @__PURE__ */ jsx(
+          "svg",
+          {
+            className: LoaderClasses("SVG1"),
+            width: "100",
+            height: "100",
+            viewBox: "0 0 100 100",
+            style: {
+              stroke: BorderColor
+            },
+            children: /* @__PURE__ */ jsx("circle", { cx: "50", cy: "50", r: "40" })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "svg",
+          {
+            className: LoaderClasses("SVG2"),
+            width: "100",
+            height: "100",
+            viewBox: "0 0 100 100",
+            style: {
+              stroke: BorderColor
+            },
+            children: /* @__PURE__ */ jsx("circle", { cx: "50", cy: "50", r: "40" })
+          }
+        )
+      ]
+    })
+  );
+};
+export {
+  Mini
+};

package/dist/fn/Loader/top.js

@@ -1 +1,73 @@
-import"../../chunk-VY3566IV.js";import{jsx as e,jsxs as r}from"react/jsx-runtime";import{Config as t,useStore as c}from"../../@utils/_";import{useState as n,useEffect as C}from"react";import{LoaderClasses as o}from"../../@styles/componentClasses/_";import l from"../../atoms/Box";import a from"../../atoms/Flex";const d=()=>{let[s,i]=n(!1);return C(()=>{c.set({key:"Loader-top-"+t.get().sessionUID+"-corner",value:{active:()=>{i(!0)},stop:()=>{i(!1)}}})},[]),e(a,{className:[o("TopLoader"),o("Active_"+s)].join(" "),position:"fixed",top:0,left:0,right:0,bottom:0,horizontalAlign:"center",transition:"long",opacity:"trans",backgroundColor:"lcOpHigh",freeCSS:{paddingTop:12*8,pointerEvents:"none"},children:r(a,{flexType:"col",position:"relative",children:[e(a,{className:o("Center"),flexCenter:!0,children:r(l,{children:[e(l,{className:[o("Child"),o("Child1")].join(" "),children:e(l,{className:o("Circle"),backgroundColor:"tcDarken"})}),e(l,{className:[o("Child"),o("Child2")].join(" "),children:e(l,{className:o("Circle"),backgroundColor:"tcDarker"})}),e(l,{className:[o("Child"),o("Child3")].join(" "),children:e(l,{className:o("Circle"),backgroundColor:"tcDarkest"})}),e(l,{className:[o("Child"),o("Child4")].join(" "),children:e(l,{className:o("Circle"),backgroundColor:"tcLighten"})}),e(l,{className:[o("Child"),o("Child5")].join(" "),children:e(l,{className:o("Circle"),backgroundColor:"tcLighter"})}),e(l,{className:[o("Child"),o("Child6")].join(" "),children:e(l,{className:o("Circle"),backgroundColor:"tcLightest"})}),e(l,{className:[o("Child"),o("Child7")].join(" "),children:e(l,{className:o("Circle"),backgroundColor:"theme"})})]})}),e(l,{flexCenter:!0,fontSize:"2.normal",children:"Loading..."})]})})};export{d as Top};
+import "../../chunk-JJ3PEWPN.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import {
+  Config,
+  useStore
+} from "../../@utils/_";
+import {
+  useState,
+  useEffect
+} from "react";
+import { LoaderClasses } from "../../@styles/componentClasses/_";
+import Box from "../../atoms/Box";
+import Flex from "../../atoms/Flex";
+const Top = () => {
+  let [val_active, set_active] = useState(false);
+  useEffect(() => {
+    useStore.set({
+      key: "Loader-top-" + Config.get().sessionUID + "-corner",
+      value: {
+        active: () => {
+          set_active(true);
+        },
+        stop: () => {
+          set_active(false);
+        }
+      }
+    });
+  }, []);
+  return /* @__PURE__ */ jsx(
+    Flex,
+    {
+      className: [
+        LoaderClasses("TopLoader"),
+        LoaderClasses("Active_" + val_active)
+      ].join(" "),
+      position: "fixed",
+      top: 0,
+      left: 0,
+      right: 0,
+      bottom: 0,
+      horizontalAlign: "center",
+      transition: "long",
+      opacity: "trans",
+      backgroundColor: "lcOpHigh",
+      freeCSS: {
+        paddingTop: 12 * 8,
+        pointerEvents: "none"
+      },
+      children: /* @__PURE__ */ jsxs(Flex, { flexType: "col", position: "relative", children: [
+        /* @__PURE__ */ jsx(Flex, { className: LoaderClasses("Center"), flexCenter: true, children: /* @__PURE__ */ jsxs(Box, { children: [
+          /* @__PURE__ */ jsx(Box, { className: [LoaderClasses("Child"), LoaderClasses("Child1")].join(" "), children: /* @__PURE__ */ jsx(Box, { className: LoaderClasses("Circle"), backgroundColor: "tcDarken" }) }),
+          /* @__PURE__ */ jsx(Box, { className: [LoaderClasses("Child"), LoaderClasses("Child2")].join(" "), children: /* @__PURE__ */ jsx(Box, { className: LoaderClasses("Circle"), backgroundColor: "tcDarker" }) }),
+          /* @__PURE__ */ jsx(Box, { className: [LoaderClasses("Child"), LoaderClasses("Child3")].join(" "), children: /* @__PURE__ */ jsx(Box, { className: LoaderClasses("Circle"), backgroundColor: "tcDarkest" }) }),
+          /* @__PURE__ */ jsx(Box, { className: [LoaderClasses("Child"), LoaderClasses("Child4")].join(" "), children: /* @__PURE__ */ jsx(Box, { className: LoaderClasses("Circle"), backgroundColor: "tcLighten" }) }),
+          /* @__PURE__ */ jsx(Box, { className: [LoaderClasses("Child"), LoaderClasses("Child5")].join(" "), children: /* @__PURE__ */ jsx(Box, { className: LoaderClasses("Circle"), backgroundColor: "tcLighter" }) }),
+          /* @__PURE__ */ jsx(Box, { className: [LoaderClasses("Child"), LoaderClasses("Child6")].join(" "), children: /* @__PURE__ */ jsx(Box, { className: LoaderClasses("Circle"), backgroundColor: "tcLightest" }) }),
+          /* @__PURE__ */ jsx(Box, { className: [LoaderClasses("Child"), LoaderClasses("Child7")].join(" "), children: /* @__PURE__ */ jsx(Box, { className: LoaderClasses("Circle"), backgroundColor: "theme" }) })
+        ] }) }),
+        /* @__PURE__ */ jsx(
+          Box,
+          {
+            flexCenter: true,
+            fontSize: "2.normal",
+            children: "Loading..."
+          }
+        )
+      ] })
+    }
+  );
+};
+export {
+  Top
+};