amotify 0.0.0

package/dist/@comps/Functions/Loader/mini.d.ts

@@ -0,0 +1,33 @@
+export declare const Mini: (params: amotify.UniStyles.Pargins.Params & amotify.UniStyles.Fonts.Params & amotify.UniStyles.Borders.Params & amotify.UniStyles.FlexGrids.Params & amotify.UniStyles.Sizes.Params & amotify.UniStyles.StyleSets.Params & {
+    backgroundColor?: amotify.UniStyles.Others.BackgroundColorParams | undefined;
+    gradients?: {
+        deg: number;
+        colors: string[];
+    } | undefined;
+    boxShadow?: 0 | "none" | 1 | 2 | 3 | 4 | -1 | -2 | -3 | "borderBox" | undefined;
+    display?: "none" | "block" | "flex" | "grid" | "inlineBlock" | "inlineFlex" | undefined;
+    gap?: amotify.UniStyles.Others.gapParams | undefined;
+    overflow?: amotify.UniStyles.Others.overflowParams | undefined;
+    position?: "relative" | "absolute" | "fixed" | "sticky" | "static" | undefined;
+    top?: amotify.UniStyles.Others.TRBLParams | "topBase" | "topNavigationHeight" | undefined;
+    right?: amotify.UniStyles.Others.TRBLParams | undefined;
+    bottom?: amotify.UniStyles.Others.TRBLParams | undefined;
+    left?: amotify.UniStyles.Others.TRBLParams | undefined;
+    opacity?: "trans" | "low" | "middle" | "high" | "most" | undefined;
+    transition?: "none" | "middle" | "short" | "long" | undefined;
+} & {
+    freeCSS?: React.CSSProperties | undefined;
+    UnderBreakPointStyles?: amotify.UniStyles.Params | undefined;
+    hoverStyles?: amotify.UniStyles.Params | undefined;
+    focusStyles?: amotify.UniStyles.Params | undefined;
+    activeStyles?: amotify.UniStyles.Params | undefined;
+    ssEffectsOnActive?: false | amotify.UniStyles.Others.EffectsOnActiveTypes | amotify.UniStyles.Others.EffectsOnActiveTypes[] | undefined;
+    ssPushable?: boolean | undefined;
+    ssLastChildLossBorder?: false | "bottom" | "right" | undefined;
+} & {
+    showInitial?: boolean | undefined;
+    loaderID?: string | undefined;
+} & {
+    color?: amotify.fn.Loader.Colors | undefined;
+    size?: amotify.fn.Loader.Sizes | undefined;
+}) => JSX.Element;

package/dist/@comps/Functions/Loader/mini.js

@@ -0,0 +1,126 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Mini = void 0;
+var _global_1 = require("@global");
+var _mols_1 = require("@mols");
+var useEffect = React.useEffect, useState = React.useState;
+var style_module_scss_1 = __importDefault(require("./style.module.scss"));
+var Mini = function (params) {
+    var _a = params.color, color = _a === void 0 ? 'theme' : _a, _b = params.size, size = _b === void 0 ? 'R' : _b, _c = params.showInitial, showInitial = _c === void 0 ? false : _c, _d = params.loaderID, loaderID = _d === void 0 ? '' : _d, props = __rest(params, ["color", "size", "showInitial", "loaderID"]);
+    var _e = __read(useState(loaderID), 1), val_key = _e[0];
+    var _f = __read(useState($.uuidGen()), 1), val_componentID = _f[0];
+    var _g = __read(useState(showInitial), 2), val_active = _g[0], set_active = _g[1];
+    var 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;
+    }
+    var 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];
+    var QuerySelector = '[data-component-id="' + val_componentID + '"]';
+    useEffect(function () {
+        if (val_active) {
+            $(QuerySelector)
+                .removeClass(style_module_scss_1.default.Hide)
+                .await(10)
+                .addClass(style_module_scss_1.default.Active);
+        }
+        else {
+            $(QuerySelector)
+                .removeClass(style_module_scss_1.default.Active)
+                .await(210)
+                .addClass(style_module_scss_1.default.Hide);
+        }
+    }, [val_active]);
+    useEffect(function () {
+        _global_1.useStore.set({
+            key: val_componentID,
+            value: {
+                active: function (keyCode) {
+                    if (val_key != keyCode)
+                        return;
+                    set_active(true);
+                },
+                stop: function (keyCode) {
+                    if (val_key != keyCode)
+                        return;
+                    set_active(false);
+                },
+                stopForce: function () {
+                    set_active(false);
+                }
+            }
+        });
+    }, []);
+    return React.createElement(_mols_1.Row.Center, __assign({ ssSphere: Size, className: [
+            style_module_scss_1.default.MiniLoader,
+            showInitial ? '' : style_module_scss_1.default.Hide
+        ].join(' '), componentID: val_componentID, position: 'relative' }, props),
+        React.createElement("svg", { className: style_module_scss_1.default.SVG1, width: "100", height: "100", viewBox: "0 0 100 100", style: {
+                stroke: BorderColor
+            } },
+            React.createElement("circle", { cx: "50", cy: "50", r: "40" })),
+        React.createElement("svg", { className: style_module_scss_1.default.SVG2, width: "100", height: "100", viewBox: "0 0 100 100", style: {
+                stroke: BorderColor
+            } },
+            React.createElement("circle", { cx: "50", cy: "50", r: "40" })));
+};
+exports.Mini = Mini;

package/dist/@comps/Functions/Loader/parts.d.ts

@@ -0,0 +1,3 @@
+export declare const memoryID: string;
+declare const Loader: amotify.fn.Loader.Methods;
+export { Loader };

package/dist/@comps/Functions/Loader/parts.js

@@ -0,0 +1,108 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Loader = exports.memoryID = void 0;
+var _global_1 = require("@global");
+var useEffect = React.useEffect, useState = React.useState;
+var style_module_scss_1 = __importDefault(require("./style.module.scss"));
+exports.memoryID = $.uuidGen();
+var mini_1 = require("./mini");
+var top_1 = require("./top");
+var corner_1 = require("./corner");
+var SizeWrapper = function (params) {
+    var color = params.color;
+    return {
+        S: function (params) { return React.createElement(mini_1.Mini, __assign({ size: 'S', color: color }, params)); },
+        R: function (params) { return React.createElement(mini_1.Mini, __assign({ size: 'R', color: color }, params)); },
+        L: function (params) { return React.createElement(mini_1.Mini, __assign({ size: 'L', color: color }, params)); },
+        XL: function (params) { return React.createElement(mini_1.Mini, __assign({ size: 'XL', color: color }, params)); },
+        MAX: function (params) { return React.createElement(mini_1.Mini, __assign({ size: 'MAX', color: color }, params)); },
+    };
+};
+var Loader = {
+    __memoryID: exports.memoryID,
+    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: function () {
+                _global_1.useStore.get(exports.memoryID + '-top').active();
+            },
+            stop: function () {
+                _global_1.useStore.get(exports.memoryID + '-top').stop();
+            },
+        },
+        corner: {
+            active: function () {
+                _global_1.useStore.get(exports.memoryID + '-corner').active();
+            },
+            stop: function () {
+                _global_1.useStore.get(exports.memoryID + '-corner').stop();
+            },
+        },
+        mini: {
+            active: function (keyCode) {
+                if (keyCode === void 0) { keyCode = ''; }
+                $('.' + style_module_scss_1.default.MiniLoader).for(function (elm) {
+                    var _a = elm.dataset, _b = _a === void 0 ? {} : _a, componentId = _b.componentId;
+                    if (!componentId)
+                        return;
+                    var fn = _global_1.useStore.get(componentId);
+                    if (fn && fn.active)
+                        fn.active(keyCode);
+                });
+            },
+            stop: function (keyCode) {
+                if (keyCode === void 0) { keyCode = ''; }
+                $('.' + style_module_scss_1.default.MiniLoader).for(function (elm) {
+                    var _a = elm.dataset, _b = _a === void 0 ? {} : _a, componentId = _b.componentId;
+                    if (!componentId)
+                        return;
+                    var fn = _global_1.useStore.get(componentId);
+                    if (fn && fn.stop)
+                        fn.stop(keyCode);
+                });
+            },
+            stopALL: function () {
+                $('.' + style_module_scss_1.default.MiniLoader).for(function (elm) {
+                    var _a = elm.dataset, _b = _a === void 0 ? {} : _a, componentId = _b.componentId;
+                    if (!componentId)
+                        return;
+                    var fn = _global_1.useStore.get(componentId);
+                    if (fn && fn.stopForce)
+                        fn.stopForce();
+                });
+            },
+        },
+        stopALL: function () {
+            Loader.fn.top.stop();
+            Loader.fn.corner.stop();
+            Loader.fn.mini.stopALL();
+        }
+    }
+};
+exports.Loader = Loader;
+(0, _global_1.LaunchReactApplication)({
+    baseElement: '#LOADER',
+    reactElement: React.createElement(React.Fragment, null,
+        React.createElement(top_1.Top, null),
+        React.createElement(corner_1.Corner, null)),
+    nonRouter: true
+});

package/dist/@comps/Functions/Loader/top.d.ts

@@ -0,0 +1 @@
+export declare const Top: () => JSX.Element;

package/dist/@comps/Functions/Loader/top.js

@@ -0,0 +1,69 @@
+"use strict";
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Top = void 0;
+var _global_1 = require("@global");
+var _atoms_1 = require("@atoms");
+var useEffect = React.useEffect, useState = React.useState;
+var style_module_scss_1 = __importDefault(require("./style.module.scss"));
+var parts_1 = require("./parts");
+var Top = function () {
+    var _a = __read(useState(false), 2), val_active = _a[0], set_active = _a[1];
+    useEffect(function () {
+        _global_1.useStore.set({
+            key: parts_1.memoryID + '-top',
+            value: {
+                active: function () {
+                    set_active(true);
+                },
+                stop: function () {
+                    set_active(false);
+                }
+            }
+        });
+    }, []);
+    return React.createElement(_atoms_1.Flex, { className: [
+            style_module_scss_1.default.TopLoader,
+            style_module_scss_1.default['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'
+        } },
+        React.createElement(_atoms_1.Flex, { flexType: 'col', position: 'relative' },
+            React.createElement(_atoms_1.Flex, { className: style_module_scss_1.default.Center, flexCenter: true },
+                React.createElement(_atoms_1.Box, null,
+                    React.createElement(_atoms_1.Box, { className: [style_module_scss_1.default.Child, style_module_scss_1.default.Child1].join(' ') },
+                        React.createElement(_atoms_1.Box, { className: style_module_scss_1.default.Circle, backgroundColor: 'tcDarken' })),
+                    React.createElement(_atoms_1.Box, { className: [style_module_scss_1.default.Child, style_module_scss_1.default.Child2].join(' ') },
+                        React.createElement(_atoms_1.Box, { className: style_module_scss_1.default.Circle, backgroundColor: 'tcDarker' })),
+                    React.createElement(_atoms_1.Box, { className: [style_module_scss_1.default.Child, style_module_scss_1.default.Child3].join(' ') },
+                        React.createElement(_atoms_1.Box, { className: style_module_scss_1.default.Circle, backgroundColor: 'tcDarkest' })),
+                    React.createElement(_atoms_1.Box, { className: [style_module_scss_1.default.Child, style_module_scss_1.default.Child4].join(' ') },
+                        React.createElement(_atoms_1.Box, { className: style_module_scss_1.default.Circle, backgroundColor: 'tcLighten' })),
+                    React.createElement(_atoms_1.Box, { className: [style_module_scss_1.default.Child, style_module_scss_1.default.Child5].join(' ') },
+                        React.createElement(_atoms_1.Box, { className: style_module_scss_1.default.Circle, backgroundColor: 'tcLighter' })),
+                    React.createElement(_atoms_1.Box, { className: [style_module_scss_1.default.Child, style_module_scss_1.default.Child6].join(' ') },
+                        React.createElement(_atoms_1.Box, { className: style_module_scss_1.default.Circle, backgroundColor: 'tcLightest' })),
+                    React.createElement(_atoms_1.Box, { className: [style_module_scss_1.default.Child, style_module_scss_1.default.Child7].join(' ') },
+                        React.createElement(_atoms_1.Box, { className: style_module_scss_1.default.Circle, backgroundColor: 'theme' })))),
+            React.createElement(_atoms_1.Box, { flexCenter: true, fontSize: '2.normal' }, "Loading...")));
+};
+exports.Top = Top;

package/dist/@comps/Functions/Sheet/parts.d.ts

@@ -0,0 +1,2 @@
+declare const Sheet: amotify.fn.Sheet.Methods;
+export { Sheet };