amotify 0.1.32 → 0.1.34

package/dist/fn/Loader/mini.js

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

package/dist/fn/Loader/top.js

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

package/dist/fn/Sheet.d.ts

@@ -27,6 +27,7 @@ declare namespace Sheet {
         content: ReactElement | {
             (): JSX.Element;
         };
+        isOpen?: boolean;
         overwrap?: boolean;
         close_option?: CloseOptions;
         hold_state?: boolean;