amotify 0.0.7 → 0.0.9

package/dist/Organisms/@export.d.ts

@@ -1,2 +0,0 @@
-import { DisplayStyleInput } from './DisplayStyleInput/_';
-export { DisplayStyleInput };

package/dist/Organisms/@export.js

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DisplayStyleInput = void 0;
-var _1 = require("./DisplayStyleInput/_");
-Object.defineProperty(exports, "DisplayStyleInput", { enumerable: true, get: function () { return _1.DisplayStyleInput; } });

package/dist/Organisms/DisplayStyleInput/_.d.ts

@@ -1 +0,0 @@
-export declare const DisplayStyleInput: amotify.orgs.DisplayStyleInput.Methods;

package/dist/Organisms/DisplayStyleInput/_.js

@@ -1,15 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DisplayStyleInput = void 0;
-var darkmode_1 = require("./darkmode");
-var themeColor_1 = require("./themeColor");
-exports.DisplayStyleInput = {
-    Darkmode: darkmode_1.Darkmode,
-    ThemeColor: {
-        ALL: themeColor_1.ThemeColorALL,
-        Originals: themeColor_1.ThemeColorOriginal,
-        Brands: themeColor_1.ThemeColorBrands,
-        Basics: themeColor_1.ThemeColorBasic,
-        Keys: themeColor_1.Colors,
-    }
-};

package/dist/Organisms/DisplayStyleInput/darkmode.d.ts

@@ -1 +0,0 @@
-export declare const Darkmode: (params: amotify.orgs.DisplayStyleInput.DarkmodeInput) => JSX.Element;

package/dist/Organisms/DisplayStyleInput/darkmode.js

@@ -1,77 +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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Darkmode = void 0;
-var _global_1 = require("../../Global/@export");
-var _atoms_1 = require("../../Atoms/@export");
-var _mols_1 = require("../../Molecules/@export");
-var _functions_1 = require("../../Functions/@export");
-var useState = _global_1.React.useState, useEffect = _global_1.React.useEffect;
-var ColorCell = function (params) {
-    if (params.colorType == 'light') {
-        return _global_1.React.createElement(_atoms_1.Box, { freeCSS: {
-                backgroundColor: '#FFF'
-            }, width: 1, height: 1, isRounded: true });
-    }
-    else if (params.colorType == 'dark') {
-        return _global_1.React.createElement(_atoms_1.Box, { freeCSS: {
-                backgroundColor: '#333'
-            }, width: 1, height: 1, isRounded: true });
-    }
-    else if (params.colorType == 'dim') {
-        return _global_1.React.createElement(_atoms_1.Box, { freeCSS: {
-                backgroundColor: '#666'
-            }, width: 1, height: 1, isRounded: true });
-    }
-    return _global_1.React.createElement(_mols_1.Column, { width: 1, height: 1, isRounded: true, flexChilds: 'even', overflow: 'hidden', gap: '1/6', freeCSS: {
-            transform: 'rotate(-45deg)'
-        } },
-        _global_1.React.createElement(_atoms_1.Box, { freeCSS: {
-                backgroundColor: '#FFF'
-            }, borderRadius: 1 }),
-        _global_1.React.createElement(_atoms_1.Box, { freeCSS: {
-                backgroundColor: '#333'
-            }, borderRadius: 1 }));
-};
-var Darkmode = function (params) {
-    var _a = __read(useState(amotify.config.darkMode || 'light'), 2), val_darkmode = _a[0], set_darkmode = _a[1];
-    var mounted = _global_1.React.useRef(false);
-    useEffect(function () {
-        if (mounted.current) {
-            params.onUpdate(val_darkmode);
-        }
-        else {
-            mounted.current = true;
-        }
-    }, [val_darkmode]);
-    return _global_1.React.createElement(_functions_1.Input.Radio, { icon: false, value: val_darkmode, cellStyles: {
-            padding: '1/3',
-            borderWidth: 2,
-            ssSphere: 4,
-            isRounded: true
-        }, options: [
-            { value: 'light', label: _global_1.React.createElement(ColorCell, { colorType: 'light' }) },
-            { value: 'dark', label: _global_1.React.createElement(ColorCell, { colorType: 'dark' }) },
-            { value: 'dim', label: _global_1.React.createElement(ColorCell, { colorType: 'dim' }) },
-            { value: 'auto', label: _global_1.React.createElement(ColorCell, { colorType: 'auto' }) },
-        ], onUpdateValidValue: function (_a) {
-            var value = _a.value;
-            set_darkmode(value[0]);
-        } });
-};
-exports.Darkmode = Darkmode;

package/dist/Organisms/DisplayStyleInput/themeColor.d.ts

@@ -1,27 +0,0 @@
-export declare const Colors: {
-    Basics: ({
-        key: string;
-        icon: JSX.Element;
-    } | {
-        key: string;
-        icon: string;
-    })[];
-    Brands: {
-        key: string;
-        icon: JSX.Element;
-        label: string;
-    }[];
-    Originals: ({
-        key: string;
-        icon: string;
-        label?: undefined;
-    } | {
-        key: string;
-        icon: string;
-        label: string;
-    })[];
-};
-export declare const ThemeColorALL: FNC<amotify.orgs.DisplayStyleInput.ThemeColorInput>;
-export declare const ThemeColorBasic: FNC<amotify.orgs.DisplayStyleInput.ThemeColorInput>;
-export declare const ThemeColorOriginal: FNC<amotify.orgs.DisplayStyleInput.ThemeColorInput>;
-export declare const ThemeColorBrands: FNC<amotify.orgs.DisplayStyleInput.ThemeColorInput>;

package/dist/Organisms/DisplayStyleInput/themeColor.js

@@ -1,185 +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 __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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ThemeColorBrands = exports.ThemeColorOriginal = exports.ThemeColorBasic = exports.ThemeColorALL = exports.Colors = void 0;
-var _global_1 = require("../../Global/@export");
-var _atoms_1 = require("../../Atoms/@export");
-var _mols_1 = require("../../Molecules/@export");
-var _functions_1 = require("../../Functions/@export");
-var useState = _global_1.React.useState, useEffect = _global_1.React.useEffect;
-exports.Colors = {
-    Basics: [
-        {
-            key: 'comun', icon: _global_1.React.createElement(_atoms_1.Box, { padding: '1/2' },
-                _global_1.React.createElement(_atoms_1.Img, { src: _atoms_1.Img.uri.comunIconClear }))
-        },
-        { key: 'leaf', icon: 'leaf' },
-        { key: 'heart', icon: 'heart' },
-        { key: 'droplet', icon: 'droplet' },
-    ],
-    Brands: [
-        { key: 'line', icon: _global_1.React.createElement(_atoms_1.FAIcon, { isBrandIcon: true, d: "line" }), label: 'LINE' },
-        { key: 'twitter', icon: _global_1.React.createElement(_atoms_1.FAIcon, { isBrandIcon: true, d: "twitter" }), label: 'Twitter' },
-        { key: 'amazon', icon: _global_1.React.createElement(_atoms_1.FAIcon, { isBrandIcon: true, d: "amazon" }), label: 'Amazon' },
-        { key: 'facebook', icon: _global_1.React.createElement(_atoms_1.FAIcon, { isBrandIcon: true, d: "facebook" }), label: 'Facebook' },
-        { key: 'android', icon: _global_1.React.createElement(_atoms_1.FAIcon, { isBrandIcon: true, d: "android" }), label: 'Android' },
-        { key: 'slackBlue', icon: _global_1.React.createElement(_atoms_1.FAIcon, { isBrandIcon: true, d: "slack" }), label: 'Slack Blue' },
-        { key: 'slackGreen', icon: _global_1.React.createElement(_atoms_1.FAIcon, { isBrandIcon: true, d: "slack" }), label: 'Slack Green' },
-        { key: 'slackRed', icon: _global_1.React.createElement(_atoms_1.FAIcon, { isBrandIcon: true, d: "slack" }), label: 'Slack Red' },
-        { key: 'slackYellow', icon: _global_1.React.createElement(_atoms_1.FAIcon, { isBrandIcon: true, d: "slack" }), label: 'Slack Yellow' },
-        { key: 'slackBase', icon: _global_1.React.createElement(_atoms_1.FAIcon, { isBrandIcon: true, d: "slack" }), label: 'Slack Base' },
-        { key: 'googleBlue', icon: _global_1.React.createElement(_atoms_1.FAIcon, { isBrandIcon: true, d: "google" }), label: 'Google Blue' },
-        { key: 'googleGreen', icon: _global_1.React.createElement(_atoms_1.FAIcon, { isBrandIcon: true, d: "google" }), label: 'Google Green' },
-        { key: 'googleYellow', icon: _global_1.React.createElement(_atoms_1.FAIcon, { isBrandIcon: true, d: "google" }), label: 'Google Yellow' },
-        { key: 'googleRed', icon: _global_1.React.createElement(_atoms_1.FAIcon, { isBrandIcon: true, d: "google" }), label: 'Google Red' }
-    ],
-    Originals: [
-        { key: 'brick', icon: 'block-brick' },
-        { key: 'flower', icon: 'flower-tulip' },
-        { key: 'lip', icon: 'lips' },
-        { key: 'wine', icon: 'wine-glass' },
-        { key: 'theater', icon: 'theater-masks', label: 'entertainment' },
-        { key: 'bat', icon: 'bat' },
-        { key: 'poizon', icon: 'flask-poison' },
-        { key: 'eggplant', icon: 'eggplant' },
-        { key: 'ufo', icon: 'ufo', label: 'UFO' },
-        { key: 'alien', icon: 'alien' },
-        { key: 'tombstone', icon: 'tombstone' },
-        { key: 'ninja', icon: 'user-ninja' },
-        { key: 'moon', icon: 'moon' },
-        { key: 'rain', icon: 'cloud-showers-heavy' },
-        { key: 'unicorn', icon: 'alicorn' },
-        { key: 'axe', icon: 'axe' },
-        { key: 'gem', icon: 'gem' },
-        { key: 'soap', icon: 'soap' },
-        { key: 'drizzle', icon: 'cloud-drizzle' },
-        { key: 'building', icon: 'building' },
-        { key: 'fish', icon: 'fish' },
-        { key: 'icicles', icon: 'icicles', label: 'ice' },
-        { key: 'water', icon: 'water' },
-        { key: 'tree1', icon: 'tree-alt' },
-        { key: 'tree2', icon: 'trees' },
-        { key: 'tree3', icon: 'tree' },
-        { key: 'battery', icon: 'battery-bolt' },
-        { key: 'seedle', icon: 'seedling' },
-        { key: 'greenTea', icon: 'mug-tea' },
-        { key: 'oak', icon: 'leaf-oak' },
-        { key: 'salad', icon: 'salad' },
-        { key: 'cloud', icon: 'cloud' },
-        { key: 'lemon', icon: 'lemon' },
-        { key: 'angel', icon: 'angel' },
-        { key: 'parasol', icon: 'umbrella-beach' },
-        { key: 'pizza', icon: 'pizza-slice' },
-        { key: 'thunder', icon: 'thunderstorm' },
-        { key: 'latte', icon: 'coffee-togo' },
-        { key: 'island', icon: 'island-tropical' },
-        { key: 'shovel', icon: 'shovel' },
-        { key: 'coffee', icon: 'coffee' },
-        { key: 'carrot', icon: 'carrot' },
-        { key: 'cactus', icon: 'cactus' },
-        { key: 'volcano', icon: 'volcano' },
-        { key: 'choco', icon: 'candy-bar' },
-        { key: 'industry', icon: 'industry-windows' },
-        { key: 'gun', icon: 'gun' },
-        { key: 'galaxy', icon: 'galaxy', label: 'blakchole' },
-    ]
-};
-var GenOption = function (params) {
-    var key = params.key, icon = params.icon, _a = params.label, label = _a === void 0 ? '' : _a;
-    var Color = function (alfa) { return ("hsla( var( --cH_".concat(key, " ),var( --cS_").concat(key, " ),var( --cL_").concat(key, " ),").concat(alfa !== null && alfa !== void 0 ? alfa : 1, " ) ")); };
-    return {
-        value: params.key,
-        label: _global_1.React.createElement(_global_1.React.Fragment, null, $.is.string(icon) ? _global_1.React.createElement(_atoms_1.FAIcon, { isSolidIcon: true, d: icon }) : icon),
-        freeCSS: {
-            backgroundColor: Color(0.15),
-            color: Color()
-        },
-        checkedStyles: {
-            fontColor: 'white',
-            boxShadow: 3,
-            freeCSS: {
-                backgroundColor: Color(),
-                color: 'white',
-                transform: 'scale(1.1)'
-            }
-        }
-    };
-};
-var ThemeColor = function (type) {
-    var ColorsArray = [];
-    if (type == 'all') {
-        ColorsArray = [
-            exports.Colors.Basics,
-            exports.Colors.Brands,
-            exports.Colors.Originals,
-        ];
-    }
-    else if (type == 'original') {
-        ColorsArray = [exports.Colors.Originals];
-    }
-    else if (type == 'basic') {
-        ColorsArray = [exports.Colors.Basics];
-    }
-    else if (type = 'brand') {
-        ColorsArray = [exports.Colors.Brands];
-    }
-    var UniParams = __assign(__assign({}, {}), { tone: 'plain', icon: false, override: 'force', flexType: 'row', gap: 1, horizontalAlign: 'around', cellStyles: {
-            ssSphere: 3,
-            flexCenter: true,
-            borderRadius: '1.tone.primary',
-            fontSize: '3.paragraph',
-            transition: 'middle'
-        } });
-    var Comp = function (params) {
-        var mounted = _global_1.React.useRef(false);
-        var _a = __read(useState(amotify.config.themeColor), 2), val_ColorKey = _a[0], set_ColorKey = _a[1];
-        useEffect(function () {
-            if (mounted.current) {
-                params.onUpdate(val_ColorKey);
-            }
-            else {
-                mounted.current = true;
-            }
-        }, [val_ColorKey]);
-        var Inputer = ColorsArray.map(function (Colors) {
-            return _global_1.React.createElement(_functions_1.Input.Radio, __assign({}, UniParams, { value: val_ColorKey, options: Colors.map(function (info) {
-                    return GenOption(info);
-                }), onUpdateValidValue: function (_a) {
-                    var value = _a.value;
-                    set_ColorKey(value[0]);
-                } }));
-        });
-        return _global_1.React.createElement(_mols_1.Column, { gap: 2 }, Inputer);
-    };
-    return Comp;
-};
-exports.ThemeColorALL = ThemeColor('all');
-exports.ThemeColorBasic = ThemeColor('basic');
-exports.ThemeColorOriginal = ThemeColor('original');
-exports.ThemeColorBrands = ThemeColor('brand');

package/dist/Templates/@export.d.ts

@@ -1,2 +0,0 @@
-import { PlayGround } from './PlayGround/parts';
-export { PlayGround };

package/dist/Templates/@export.js

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PlayGround = void 0;
-var parts_1 = require("./PlayGround/parts");
-Object.defineProperty(exports, "PlayGround", { enumerable: true, get: function () { return parts_1.PlayGround; } });

package/dist/Templates/PlayGround/parts.d.ts

@@ -1 +0,0 @@
-export declare const PlayGround: FNC<{}>;

package/dist/Templates/PlayGround/parts.js

@@ -1,55 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PlayGround = void 0;
-var _global_1 = require("../../Global/@export");
-var useEffect = _global_1.React.useEffect, useState = _global_1.React.useState;
-var _atoms_1 = require("../../Atoms/@export");
-var _mols_1 = require("../../Molecules/@export");
-var _orgs_1 = require("../../Organisms/@export");
-var _functions_1 = require("../../Functions/@export");
-var PlayGround = function () {
-    return (_global_1.React.createElement(_global_1.React.Fragment, null,
-        _global_1.React.createElement(_mols_1.Column, { gap: 2 },
-            _global_1.React.createElement(_orgs_1.DisplayStyleInput.Darkmode, { onUpdate: function (value) {
-                    amotify.config.update.darkMode(value);
-                } }),
-            _global_1.React.createElement(_orgs_1.DisplayStyleInput.ThemeColor.Originals, { onUpdate: function (value) {
-                    amotify.config.update.themeColor(value);
-                } }),
-            _global_1.React.createElement(_orgs_1.DisplayStyleInput.ThemeColor.Brands, { onUpdate: function (value) {
-                    amotify.config.update.themeColor(value);
-                } }),
-            _global_1.React.createElement(_functions_1.Input.Text.Normal, null),
-            _global_1.React.createElement(_functions_1.Input.Select, { options: [
-                    { value: 1, label: 'AAA' },
-                    { value: 2, label: 'BBB' },
-                    { value: 3, label: 'CCC' },
-                    {
-                        value: {
-                            test: 1,
-                        }, label: 'DDD'
-                    },
-                ], onUpdateValidValue: function (_a) {
-                    var value = _a.value;
-                    console.log(value);
-                } }),
-            _global_1.React.createElement(_functions_1.Buttons.Button.Prime.R, { submitOption: {
-                    formName: 'test',
-                    callback: function (form) {
-                        console.log(form);
-                    }
-                } }, "Submit"),
-            _global_1.React.createElement(_atoms_1.Box, null,
-                "Label1",
-                _global_1.React.createElement(_functions_1.Inputs.TextInput, { tone: 'normal' })),
-            _global_1.React.createElement(_atoms_1.Box, null,
-                "Label2",
-                _global_1.React.createElement(_functions_1.Inputs.TextInput, { tone: 'cloud', width: 1 })),
-            _global_1.React.createElement(_atoms_1.Box, null,
-                "Label3",
-                _global_1.React.createElement(_functions_1.Inputs.TextInput, { tone: 'bottomBorder', unitWidth: 12 })),
-            _global_1.React.createElement(_atoms_1.Box, null,
-                "Label4",
-                _global_1.React.createElement(_functions_1.Inputs.TextInput, { tone: 'plain', unitWidth: 6 })))));
-};
-exports.PlayGround = PlayGround;

package/dist/config.d.ts

@@ -1,16 +0,0 @@
-export declare const script: HTMLOrSVGScriptElement | null;
-export declare const fileName: string | null | undefined;
-export declare const Version: string;
-export declare const userAgent: string;
-export declare const deviceType: string;
-export declare const deviceIdentifier: () => {
-    isWhat: "Windows";
-    isTouchDevice: boolean;
-    isPhone: boolean;
-    isIOS: boolean;
-    isSystemDarkmode: () => boolean;
-    isBreakpoint: () => boolean;
-    isPhonepoint: () => boolean;
-};
-export declare const SetThemeColorTag: () => void;
-export declare const defaultConfig: amotify.config.Methods;

package/dist/config.js

@@ -1,171 +0,0 @@
-"use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.defaultConfig = exports.SetThemeColorTag = exports.deviceIdentifier = exports.deviceType = exports.userAgent = exports.Version = exports.fileName = exports.script = void 0;
-exports.script = document.currentScript;
-exports.fileName = exports.script === null || exports.script === void 0 ? void 0 : exports.script.attributes.getNamedItem('src').textContent;
-exports.Version = ((exports.fileName === null || exports.fileName === void 0 ? void 0 : exports.fileName.match(/v\d\.\d\.\d/)) || ['v0.0.0'])[0];
-exports.userAgent = window.navigator.userAgent.toLowerCase();
-exports.deviceType = exports.userAgent.indexOf("windows nt") !== -1 ? 'Windows'
-    : exports.userAgent.indexOf("android") !== -1 ? 'Android'
-        : exports.userAgent.indexOf("iphone") !== -1 ? 'iPhone'
-            : exports.userAgent.indexOf("ipad") > -1 || (exports.userAgent.indexOf("macintosh") > -1 && "ontouchend" in document) ? 'iPad'
-                : exports.userAgent.indexOf("mac os x") !== -1 ? 'macOSX'
-                    : 'undefined';
-var deviceIdentifier = function () {
-    var info = {
-        isWhat: exports.deviceType,
-        isTouchDevice: window.ontouchstart !== undefined && 0 < navigator.maxTouchPoints,
-        isPhone: ['Android', 'iPhone'].includes(exports.deviceType),
-        isIOS: ['iPhone', 'iPad'].includes(exports.deviceType),
-        isSystemDarkmode: function () {
-            return window.matchMedia('(prefers-color-scheme: dark)').matches == true;
-        },
-        isBreakpoint: function () { return window.innerWidth <= 896; },
-        isPhonepoint: function () { return window.innerWidth <= 690; }
-    };
-    return info;
-};
-exports.deviceIdentifier = deviceIdentifier;
-var SetThemeColorTag = function () {
-    var hex = '#45515c';
-    var meta = $('#ThemeColorMetaTag');
-    if (!meta[0])
-        return;
-    meta.setAttribute('content', hex);
-};
-exports.SetThemeColorTag = SetThemeColorTag;
-exports.defaultConfig = {
-    version: exports.Version,
-    tone: 'default',
-    darkMode: 'light',
-    themeColor: 'comun',
-    roundness: 2,
-    device: (0, exports.deviceIdentifier)(),
-    update: {
-        tone: function (value) {
-            if (!['default', 'flat', 'sharp'].includes(value))
-                value = 'default';
-            if (value == amotify.config.tone)
-                return;
-            amotify.config.tone = value;
-            var body = $('body');
-            body
-                .removeClass(body.findClass(/^bdsTN/))
-                .addClass('bdsTN' + value)
-                .callback(function () {
-                (0, exports.SetThemeColorTag)();
-            });
-            amotify.glob.useRecycle.do('RootViewController');
-        },
-        themeColor: function (value) {
-            if (![
-                'comun', 'leaf', 'heart', 'droplet',
-                'brick', 'flower', 'lip', 'wine', 'theater', 'bat', 'poizon', 'eggplant', 'ufo', 'alien', 'tombstone', 'ninja', 'moon', 'rain', 'unicorn', 'axe', 'gem', 'soap', 'drizzle', 'building', 'fish', 'icicles', 'water', 'tree1', 'tree2', 'tree3', 'battery', 'seedle', 'greenTea', 'oak', 'salad', 'cloudy', 'lemon', 'angel', 'parasol', 'pizza', 'thunder', 'latte', 'island', 'shovel', 'coffee', 'carrot', 'cactus', 'volcano', 'choco', 'industry', 'gun', 'galaxy',
-                'line', 'twitter', 'amazon', 'facebook', 'android', 'slackBlue', 'slackGreen', 'slackRed', 'slackYellow', 'slackBase', 'googleBlue', 'googleGreen', 'googleYellow', 'googleRed'
-            ].includes(value))
-                value = 'comun';
-            if (value == amotify.config.themeColor)
-                return;
-            amotify.config.themeColor = value;
-            var body = $(document.body);
-            body
-                .removeClass(body.findClass(/^bdsTC/))
-                .addClass('bdsTC_' + value)
-                .callback(function () {
-                (0, exports.SetThemeColorTag)();
-            });
-            amotify.glob.useRecycle.do('RootViewController');
-        },
-        darkMode: function (value) {
-            if (!['light', 'dark', 'dim', 'auto'].includes(value))
-                value = 'light';
-            if (value == amotify.config.darkMode)
-                return;
-            var Value = value == 'auto'
-                ? (0, exports.deviceIdentifier)().isSystemDarkmode()
-                    ? 'dark'
-                    : 'light'
-                : value;
-            amotify.config.darkMode = value;
-            var body = $('body');
-            body
-                .removeClass(body.findClass(/^bdsDM/))
-                .addClass('bdsDM_' + Value);
-            amotify.glob.useRecycle.do('RootViewController');
-        },
-        roundness: function (value) {
-            if (!(value >= 0 && value <= 5))
-                value = 2;
-            if (value == amotify.config.roundness)
-                return;
-            amotify.config.roundness = value;
-            amotify.glob.useRecycle.do('RootViewController');
-        },
-    },
-    readExtraCDN: function (key) { return __awaiter(void 0, void 0, void 0, function () {
-        var url, valid;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    url = key;
-                    valid = false;
-                    if (!url) return [3 /*break*/, 2];
-                    return [4 /*yield*/, $.CDNReader(url)];
-                case 1:
-                    _a.sent();
-                    console.log('Read extraCdn : ' + key);
-                    valid = true;
-                    _a.label = 2;
-                case 2: return [2 /*return*/, valid];
-            }
-        });
-    }); }
-};
-$('body').addClass([
-    'usrDevice_' + (0, exports.deviceIdentifier)().isWhat,
-    'bdsDM_' + exports.defaultConfig.darkMode,
-    'bdsTC_' + exports.defaultConfig.themeColor
-]);
-$(window).addEvent({
-    eventType: 'load',
-    callback: function () {
-        var style = document.body.style;
-        style.setProperty('--viewHeight', window.innerHeight + 'px');
-    }
-});

package/dist/launch.d.ts

@@ -1,9 +0,0 @@
-import 'jsmin-front/dist/@types';
-import './@types/_';
-declare let publicURI: string;
-export { publicURI };
-import './@jsminAmotifyExtension/_';
-declare const amotify: amotify;
-export { amotify };
-import './@styles/@app.scss';
-import './preload';

package/dist/launch.js

@@ -1,46 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.amotify = exports.publicURI = void 0;
-require("jsmin-front/dist/@types");
-if (!global.$)
-    console.log("%c\u203Bcan not find global.$,please read Jsmin to launch amotify.", 'color:orange;');
-require("./@types/_");
-var publicURI = 'https://public.comun.jp/';
-exports.publicURI = publicURI;
-require("./@jsminAmotifyExtension/_");
-var _global_1 = require("./Global/@export");
-var _atoms_1 = require("./Atoms/@export");
-var _mols_1 = require("./Molecules/@export");
-var _orgs_1 = require("./Organisms/@export");
-var _temps_1 = require("./Templates/@export");
-var _functions_1 = require("./Functions/@export");
-var config_1 = require("./config");
-var amotify = {
-    config: config_1.defaultConfig,
-    glob: { React: _global_1.React, ReactDom: _global_1.ReactDom, ReactRouterDom: _global_1.ReactRouterDom, pageTransit: _global_1.pageTransit, useStore: _global_1.useStore, useRecycle: _global_1.useRecycle, StyleConverter: _global_1.StyleConverter, LaunchReactApplication: _global_1.LaunchReactApplication },
-    atoms: { Flex: _atoms_1.Flex, FlexBr: _atoms_1.FlexBr, FAIcon: _atoms_1.FAIcon, Placeholder: _atoms_1.Placeholder, Grid: _atoms_1.Grid, Logo: _atoms_1.Logo, Box: _atoms_1.Box, Span: _atoms_1.Span, Paragraph: _atoms_1.Paragraph, Img: _atoms_1.Img },
-    mols: { List: _mols_1.List, Accordion: _mols_1.Accordion, LinkifyText: _mols_1.LinkifyText, Text: _mols_1.Text, Column: _mols_1.Column, Row: _mols_1.Row },
-    orgs: { DisplayStyleInput: _orgs_1.DisplayStyleInput },
-    temps: { PlayGround: _temps_1.PlayGround },
-    fn: { Buttons: _functions_1.Buttons, Input: _functions_1.Input, Table: _functions_1.Table, Layout: _functions_1.Layout, Sheet: _functions_1.Sheet, SnackBar: _functions_1.SnackBar, Loader: _functions_1.Loader, Tooltips: _functions_1.Tooltips, Effects: _functions_1.Effects, Cropper: _functions_1.Cropper }
-};
-exports.amotify = amotify;
-global.amotify = amotify;
-Object.freeze(global.amotify.atoms);
-Object.freeze(global.amotify.mols);
-Object.freeze(global.amotify.orgs);
-Object.freeze(global.amotify.temps);
-Object.freeze(global.amotify.fn);
-Object.freeze(global.amotify);
-require("./@styles/@app.scss");
-require("./preload");
-// document.oncontextmenu = () => {return false;}
-$(window).addEvent({
-    eventType: 'resize',
-    eventID: 'getDeviceInfo',
-    callback: function () {
-        global.amotify.config.device = (0, config_1.deviceIdentifier)();
-        $(document.body).setStyleProperty('--viewHeight', window.innerHeight + 'px');
-    }
-});
-(0, config_1.SetThemeColorTag)();

package/dist/preload.d.ts

@@ -1 +0,0 @@
-declare let tags: Jsmin.CreateElement.Args[];