amotify/dist/fn/Loader/mini.js

UI Component for React,NextJS,esbuild

import{b as h,c as n,d as f}from"../../chunk-C5N2D3ZX.js";import{jsx as i,jsxs as x}from"react/jsx-runtime";import{UUID as y,useStore as L}from"jmini";import{$$fromRoot as z}from"../../@utils";import{useState as a,useEffect as w}from"react";import{LoaderClasses as e}from"../../@styles/componentClasses";import{Row as I}from"../../mols";const R=g=>{let d=g,{color:S="theme",size:r="R",showInitial:c=!1,loaderID:C=""}=d,u=f(d,["color","size","showInitial","loaderID"]),[m]=a(C),[s]=a(y()),[p,l]=a(c),o=0;r=="S"?o=1:r=="R"?o=1.5:r=="L"?o=3:r=="XL"?o=4:r=="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"}[S];return w(()=>{let t=z('[data-component-id="'+s+'"]');p?t.removeClass(e("Hide")).await(10).addClass(e("Active")):t.removeClass(e("Active")).await(210).addClass(e("Hide"))},[p]),w(()=>{L.set({[s]:{active:t=>{m==t&&l(!0)},stop:t=>{m==t&&l(!1)},stopForce:()=>{l(!1)}}})},[]),x(I.Center,n(h({className:[e("MiniLoader"),e(c?"Active":"Hide")].join(" "),componentId:s,ssSphere:o,position:"relative"},u),{children:[i("svg",{className:e("SVG1"),width:"100",height:"100",viewBox:"0 0 100 100",style:{width:"100%",height:"100%",stroke:v},children:i("circle",{cx:"50",cy:"50",r:"40"})}),i("svg",{className:e("SVG2"),width:"100",height:"100",viewBox:"0 0 100 100",style:{width:"100%",height:"100%",stroke:v},children:i("circle",{cx:"50",cy:"50",r:"40"})})]}))};export{R as Mini};