amotify 0.0.7 → 0.0.9

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

@@ -1,33 +0,0 @@
-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/Functions/Loader/mini.js

@@ -1,126 +0,0 @@
-"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/@export");
-var _mols_1 = require("../../Molecules/@export");
-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/Functions/Loader/parts.d.ts

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

package/dist/Functions/Loader/parts.js

@@ -1,108 +0,0 @@
-"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/@export");
-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/Functions/Loader/top.d.ts

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

package/dist/Functions/Loader/top.js

@@ -1,69 +0,0 @@
-"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/@export");
-var _atoms_1 = require("../../Atoms/@export");
-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/Functions/Sheet/parts.d.ts

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