amotify 0.0.7 → 0.0.8

package/dist/@jsminAmotifyExtension/formCollect.js

@@ -36,7 +36,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     }
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var _global_1 = require("../Global/@export");
+var _export_1 = require("../Global/@export");
 var formProcess = false;
 $.formCollect = function (form) { return __awaiter(void 0, void 0, void 0, function () {
     var focusElement, Inputs, totalValid, Values, index, Input, _a, componentId, componentData, _b, displayValue, name_1, checked, _c, value, _d, inputType, validation, Value, files, valid;
@@ -59,7 +59,7 @@ $.formCollect = function (form) { return __awaiter(void 0, void 0, void 0, funct
                 if (!(index < Inputs.length)) return [3 /*break*/, 5];
                 Input = Inputs[index];
                 _a = Input.dataset.componentId, componentId = _a === void 0 ? '' : _a;
-                componentData = _global_1.useStore.get(componentId);
+                componentData = _export_1.useStore.get(componentId);
                 if (!(componentData && componentData.Refresh)) return [3 /*break*/, 3];
                 return [4 /*yield*/, componentData.Refresh()];
             case 2:

package/dist/Atoms/Logo/parts.js

@@ -26,7 +26,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Logo = void 0;
-var _atoms_1 = require("../@export");
+var _export_1 = require("../../Atoms/@export");
 var style_module_scss_1 = __importDefault(require("./style.module.scss"));
 var launch_1 = require("../../launch");
 var SVG = {
@@ -88,13 +88,13 @@ var Mingoos = {
     Title: function (params) { return (React.createElement(exports.Logo.Title, __assign({ height: 'auto', className: style_module_scss_1.default.ComunTitle }, params, { freeCSS: __assign({ letterSpacing: '3px' }, params.freeCSS) }), "mingoo")); },
     LogoH: function (params) {
         var size = params.size, color = params.color, others = __rest(params, ["size", "color"]);
-        return (React.createElement(_atoms_1.Flex, __assign({ gap: '1/2', flexCenter: true }, others),
+        return (React.createElement(_export_1.Flex, __assign({ gap: '1/2', flexCenter: true }, others),
             React.createElement(Mingoos.Icon, { size: size, color: color }),
             React.createElement(Mingoos.Title, { size: size, color: color })));
     },
     LogoV: function (params) {
         var size = params.size, color = params.color, others = __rest(params, ["size", "color"]);
-        return (React.createElement(_atoms_1.Flex, __assign({ flexType: "col", gap: '1/2' }, others),
+        return (React.createElement(_export_1.Flex, __assign({ flexType: "col", gap: '1/2' }, others),
             React.createElement(Mingoos.Icon, { margin: 'auto', size: size, color: color }),
             React.createElement(Mingoos.Title, { size: size, color: color })));
     }
@@ -105,13 +105,13 @@ var Comuns = {
     Title: function (params) { return (React.createElement(exports.Logo.Title, __assign({ height: 'auto', className: style_module_scss_1.default.ComunTitle }, params, { freeCSS: __assign({ letterSpacing: '3px' }, params.freeCSS) }), "comun")); },
     LogoH: function (params) {
         var size = params.size, color = params.color, others = __rest(params, ["size", "color"]);
-        return (React.createElement(_atoms_1.Flex, __assign({ gap: '1/2', flexCenter: true }, others),
+        return (React.createElement(_export_1.Flex, __assign({ gap: '1/2', flexCenter: true }, others),
             React.createElement(Comuns.Icon, { size: size, color: color }),
             React.createElement(Comuns.Title, { size: size, color: color })));
     },
     LogoV: function (params) {
         var size = params.size, color = params.color, others = __rest(params, ["size", "color"]);
-        return (React.createElement(_atoms_1.Flex, __assign({ flexType: "col", gap: '1/2' }, others),
+        return (React.createElement(_export_1.Flex, __assign({ flexType: "col", gap: '1/2' }, others),
             React.createElement(Comuns.Icon, { margin: 'auto', size: size, color: color }),
             React.createElement(Comuns.Title, { size: size, color: color })));
     }
@@ -119,7 +119,7 @@ var Comuns = {
 exports.Logo = {
     Icon: function (props) {
         var _a = props.size, size = _a === void 0 ? 'R' : _a, _b = props.color, color = _b === void 0 ? 'normal' : _b, _c = props.className, className = _c === void 0 ? '' : _c, Children = props.children, others = __rest(props, ["size", "color", "className", "children"]);
-        return (React.createElement(_atoms_1.Flex, __assign({ verticalAlign: 'center', className: [
+        return (React.createElement(_export_1.Flex, __assign({ verticalAlign: 'center', className: [
                 className,
                 style_module_scss_1.default.Icon,
                 style_module_scss_1.default['Size_' + size]
@@ -127,7 +127,7 @@ exports.Logo = {
     },
     Title: function (props) {
         var _a = props.size, size = _a === void 0 ? 'R' : _a, _b = props.color, color = _b === void 0 ? 'normal' : _b, _c = props.className, className = _c === void 0 ? '' : _c, Children = props.children, others = __rest(props, ["size", "color", "className", "children"]);
-        return React.createElement(_atoms_1.Flex, __assign({ verticalAlign: 'center', fontColor: color == 'white' ? 'white' : 'logo', className: [
+        return React.createElement(_export_1.Flex, __assign({ verticalAlign: 'center', fontColor: color == 'white' ? 'white' : 'logo', className: [
                 className,
                 style_module_scss_1.default.Title,
                 style_module_scss_1.default['Size_' + size]
@@ -143,12 +143,12 @@ exports.Logo = {
         ComunLogoH: Comuns.LogoH,
         ComunLogoV: Comuns.LogoV,
         Google: function (params) { return (React.createElement(exports.Logo.Icon, __assign({}, params),
-            React.createElement(_atoms_1.Img, { src: launch_1.publicURI + '@env/@logos/brands/Google_Icon.svg', alt: '' }))); },
+            React.createElement(_export_1.Img, { src: launch_1.publicURI + '@env/@logos/brands/Google_Icon.svg', alt: '' }))); },
         Facebook: function (params) { return (React.createElement(exports.Logo.Icon, __assign({}, params),
-            React.createElement(_atoms_1.Img, { src: launch_1.publicURI + '@env/@logos/brands/FaceBook_Icon.svg', alt: '' }))); },
+            React.createElement(_export_1.Img, { src: launch_1.publicURI + '@env/@logos/brands/FaceBook_Icon.svg', alt: '' }))); },
         Twitter: function (params) { return (React.createElement(exports.Logo.Icon, __assign({}, params),
-            React.createElement(_atoms_1.Img, { src: launch_1.publicURI + '@env/@logos/brands/Twitter_Icon.svg', alt: '' }))); },
+            React.createElement(_export_1.Img, { src: launch_1.publicURI + '@env/@logos/brands/Twitter_Icon.svg', alt: '' }))); },
         LINE: function (params) { return (React.createElement(exports.Logo.Icon, __assign({}, params),
-            React.createElement(_atoms_1.Img, { src: launch_1.publicURI + '@env/@logos/brands/Line_Icon.svg', alt: '' }))); },
+            React.createElement(_export_1.Img, { src: launch_1.publicURI + '@env/@logos/brands/Line_Icon.svg', alt: '' }))); },
     }
 };

package/dist/Atoms/Various/parts.js

@@ -26,16 +26,16 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Paragraph = exports.Grid = exports.FlexBr = exports.Flex = exports.Img = exports.Placeholder = exports.Span = exports.Box = void 0;
-var _global_1 = require("../../Global/@export");
+var _export_1 = require("../../Global/@export");
 var launch_1 = require("../../launch");
 var style_module_scss_1 = __importDefault(require("./style.module.scss"));
 var Box = function (params) {
-    var _a = _global_1.StyleConverter.ToClassName(params), freeCSS = _a.freeCSS, Params = __rest(_a, ["freeCSS"]);
+    var _a = _export_1.StyleConverter.ToClassName(params), freeCSS = _a.freeCSS, Params = __rest(_a, ["freeCSS"]);
     return (React.createElement("div", __assign({}, Params)));
 };
 exports.Box = Box;
 var Span = function (params) {
-    var _a = _global_1.StyleConverter.ToClassName(params), freeCSS = _a.freeCSS, Params = __rest(_a, ["freeCSS"]);
+    var _a = _export_1.StyleConverter.ToClassName(params), freeCSS = _a.freeCSS, Params = __rest(_a, ["freeCSS"]);
     return (React.createElement("span", __assign({}, Params)));
 };
 exports.Span = Span;
@@ -65,7 +65,7 @@ exports.Img = Img;
     var ImageComp = function (params) {
         var _a = params.src, src = _a === void 0 ? '' : _a, _b = params.alt, alt = _b === void 0 ? '' : _b, showExpand = params.showExpand, others = __rest(params, ["src", "alt", "showExpand"]);
         others.freeCSS = __assign({ cursor: showExpand ? 'zoom-in' : 'inherit' }, others.freeCSS);
-        var _c = _global_1.StyleConverter.ToClassName(others), _d = _c.className, className = _d === void 0 ? '' : _d, Others = __rest(_c, ["className"]);
+        var _c = _export_1.StyleConverter.ToClassName(others), _d = _c.className, className = _d === void 0 ? '' : _d, Others = __rest(_c, ["className"]);
         var ClassName = [
             style_module_scss_1.default.Img,
             style_module_scss_1.default['ShowExpand_' + showExpand],
@@ -109,5 +109,5 @@ var Grid = function (props) {
     return (React.createElement(exports.Box, __assign({ freeCSS: __assign({ display: 'grid' }, freeCSS) }, others, { children: children })));
 };
 exports.Grid = Grid;
-var Paragraph = function (props) { return (React.createElement("p", __assign({}, _global_1.StyleConverter.ToClassName(props)))); };
+var Paragraph = function (props) { return (React.createElement("p", __assign({}, _export_1.StyleConverter.ToClassName(props)))); };
 exports.Paragraph = Paragraph;

package/dist/Functions/Button/_.js

@@ -62,7 +62,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Buttons = void 0;
-var _global_1 = require("../../Global/@export");
+var _export_1 = require("../../Global/@export");
 var style_module_scss_1 = __importDefault(require("./style.module.scss"));
 var Styles = {
     Size: function (seed, tone, size, color) {
@@ -161,7 +161,7 @@ var Styles = {
     }
 };
 var SeedWrapper = function (params) {
-    var Params = _global_1.StyleConverter.ReadStyleSet(__assign({ isLocked: false, isActive: false, isActiveStyles: {}, isActiveClassName: '', tabIndex: 0, className: '', color: 'theme', componentID: $.uuidGen(), 'aria-label': $.uuidGen() }, params));
+    var Params = _export_1.StyleConverter.ReadStyleSet(__assign({ isLocked: false, isActive: false, isActiveStyles: {}, isActiveClassName: '', tabIndex: 0, className: '', color: 'theme', componentID: $.uuidGen(), 'aria-label': $.uuidGen() }, params));
     var seed = Params.seed;
     {
         var _a = Params.isLocked, isLocked = _a === void 0 ? false : _a, _b = Params.isActive, isActive = _b === void 0 ? false : _b, _c = Params.isActiveStyles, isActiveStyles = _c === void 0 ? {} : _c, _d = Params.isActiveClassName, isActiveClassName = _d === void 0 ? '' : _d, _e = Params.tone, tone = _e === void 0 ? 'border' : _e, _f = Params.color, color = _f === void 0 ? 'theme' : _f, _g = Params.className, className = _g === void 0 ? '' : _g;
@@ -192,7 +192,7 @@ var SeedWrapper = function (params) {
                     isActiveClassName
                 ].join(' ') }, Params), isActiveStyles);
         }
-        Params = _global_1.StyleConverter.ToClassName(Params);
+        Params = _export_1.StyleConverter.ToClassName(Params);
     }
     if (seed == 'Button') {
         var _h = Params, componentID = _h.componentID, submitOption_1 = _h.submitOption, onClick_1 = _h.onClick, Props = __rest(_h, ["componentID", "submitOption", "onClick"]);
@@ -233,10 +233,10 @@ var SeedWrapper = function (params) {
                 if (shiftQueryParams_1)
                     URL += location.search;
                 if (sync_1) {
-                    _global_1.pageTransit.pushSync(URL);
+                    _export_1.pageTransit.pushSync(URL);
                 }
                 else {
-                    _global_1.pageTransit.push(URL, !!openNew);
+                    _export_1.pageTransit.push(URL, !!openNew);
                 }
             } }));
     }

package/dist/Functions/Cropper/parts.js

@@ -76,10 +76,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Cropper = void 0;
-var _global_1 = require("../../Global/@export");
-var _atoms_1 = require("../../Atoms/@export");
-var _mols_1 = require("../../Molecules/@export");
-var _functions_1 = require("../@export");
+var _export_1 = require("../../Global/@export");
+var _export_2 = require("../../Atoms/@export");
+var _export_3 = require("../../Molecules/@export");
+var _export_4 = require("../../Functions/@export");
 var useState = React.useState, useEffect = React.useEffect;
 var style_module_scss_1 = __importDefault(require("./style.module.scss"));
 var CroppImage = /** @class */ (function () {
@@ -456,7 +456,7 @@ var Comps = {
         var _e = __read(useState(DefaultOptions.grayScale), 2), val_grayScale = _e[0], set_grayScale = _e[1];
         var _f = __read(useState(DefaultOptions.tone), 2), val_tone = _f[0], set_tone = _f[1];
         useEffect(function () {
-            _global_1.useStore.set({
+            _export_1.useStore.set({
                 key: val_componentID,
                 value: {}
             });
@@ -495,7 +495,7 @@ var Comps = {
                                     _c.rotate = DefaultOptions.rotate,
                                     _c),
                                     _b)]))();
-                            _global_1.useStore.set({
+                            _export_1.useStore.set({
                                 key: val_componentID,
                                 value: {
                                     Instance: __Cropper
@@ -591,14 +591,14 @@ var Comps = {
         }, [val_file.id]);
         useEffect(function () {
             var _a;
-            var Instance = (_a = _global_1.useStore.get(val_componentID)) === null || _a === void 0 ? void 0 : _a.Instance;
+            var Instance = (_a = _export_1.useStore.get(val_componentID)) === null || _a === void 0 ? void 0 : _a.Instance;
             if (Instance) {
                 Instance.updateScale(val_scale);
             }
         }, [val_scale]);
         useEffect(function () {
             var _a;
-            var Instance = (_a = _global_1.useStore.get(val_componentID)) === null || _a === void 0 ? void 0 : _a.Instance;
+            var Instance = (_a = _export_1.useStore.get(val_componentID)) === null || _a === void 0 ? void 0 : _a.Instance;
             if (Instance) {
                 Instance.updateFilter({
                     grayScale: val_grayScale,
@@ -607,42 +607,42 @@ var Comps = {
                 });
             }
         }, [val_grayScale, val_tone, val_rotate]);
-        return (React.createElement(_functions_1.Sheet.Comps.Body, null,
-            React.createElement(_atoms_1.Flex, { className: [style_module_scss_1.default.Wrap, 'Use_' + use].join(' '), flexWrap: false, position: 'relative', overflow: 'hidden', borderRadius: 'inherit', boxShadow: 3, UnderBreakPointStyles: {
+        return (React.createElement(_export_4.Sheet.Comps.Body, null,
+            React.createElement(_export_2.Flex, { className: [style_module_scss_1.default.Wrap, 'Use_' + use].join(' '), flexWrap: false, position: 'relative', overflow: 'hidden', borderRadius: 'inherit', boxShadow: 3, UnderBreakPointStyles: {
                     flexType: 'col'
                 } },
-                React.createElement(_atoms_1.Box, { flexGrid: 3, UnderBreakPointStyles: {
+                React.createElement(_export_2.Box, { flexGrid: 3, UnderBreakPointStyles: {
                         width: 1,
                         padding: 2
                     } },
-                    React.createElement(_atoms_1.Box, { overflow: 'hidden', position: 'relative', backgroundColor: '4.layer.darken', freeCSS: {
+                    React.createElement(_export_2.Box, { overflow: 'hidden', position: 'relative', backgroundColor: '4.layer.darken', freeCSS: {
                             zIndex: 1
                         }, UnderBreakPointStyles: {
                             borderRadius: '1.tone.primary'
                         } },
                         React.createElement("canvas", { width: '2400', height: use == 'profile' ? '2400' : '1800', className: style_module_scss_1.default.Canvas, id: 'Canvas-' + val_componentID }))),
-                React.createElement(_mols_1.Column, { gap: 0, flexGrid: 2, boxShadow: 3, UnderBreakPointStyles: {
+                React.createElement(_export_3.Column, { gap: 0, flexGrid: 2, boxShadow: 3, UnderBreakPointStyles: {
                         width: 1,
                         maxWidth: 'unset'
                     }, freeCSS: {
                         maxWidth: 12 * 28
                     } },
-                    React.createElement(_mols_1.Column, { gap: 1, flexSizing: 0, overflow: 'auto', padding: 1.5, UnderBreakPointStyles: {
+                    React.createElement(_export_3.Column, { gap: 1, flexSizing: 0, overflow: 'auto', padding: 1.5, UnderBreakPointStyles: {
                             flexSizing: 'none'
                         } },
-                        React.createElement(_atoms_1.Box, { flexSizing: 'none', fontSize: '4.thirdTitle', isBoldFont: true }, "\u30D5\u30A3\u30EB\u30BF\u30FC"),
+                        React.createElement(_export_2.Box, { flexSizing: 'none', fontSize: '4.thirdTitle', isBoldFont: true }, "\u30D5\u30A3\u30EB\u30BF\u30FC"),
                         React.createElement(Comps.SettingRegion, { DefaultOptions: DefaultOptions, val_scale: val_scale, set_scale: set_scale, val_tone: val_tone, set_tone: set_tone, val_grayScale: val_grayScale, set_grayScale: set_grayScale, val_rotate: val_rotate, set_rotate: set_rotate })),
-                    React.createElement(_atoms_1.Flex, { padding: 1.5, flexSizing: 'none', gap: 1, borderTop: true },
-                        React.createElement(_functions_1.Buttons.Button.Border.R, { flexGrid: 1, onClick: function () {
+                    React.createElement(_export_2.Flex, { padding: 1.5, flexSizing: 'none', gap: 1, borderTop: true },
+                        React.createElement(_export_4.Buttons.Button.Border.R, { flexGrid: 1, onClick: function () {
                                 abortCallback();
                             } }, "\u30AD\u30E3\u30F3\u30BB\u30EB"),
-                        React.createElement(_functions_1.Buttons.Button.Prime.R, { flexGrid: 2, onClick: function () { return __awaiter(void 0, void 0, void 0, function () {
+                        React.createElement(_export_4.Buttons.Button.Prime.R, { flexGrid: 2, onClick: function () { return __awaiter(void 0, void 0, void 0, function () {
                                 var Instance, Files;
                                 var _a;
                                 return __generator(this, function (_b) {
                                     switch (_b.label) {
                                         case 0:
-                                            Instance = (_a = _global_1.useStore.get(val_componentID)) === null || _a === void 0 ? void 0 : _a.Instance;
+                                            Instance = (_a = _export_1.useStore.get(val_componentID)) === null || _a === void 0 ? void 0 : _a.Instance;
                                             if (!Instance)
                                                 return [2 /*return*/];
                                             amotify.fn.Loader.fn.mini.active('CropperExportation');
@@ -657,8 +657,8 @@ var Comps = {
                                     }
                                 });
                             }); } },
-                            React.createElement(_mols_1.Row.Center, { gap: '1/2' },
-                                React.createElement(_functions_1.Loader.White.R, { loaderID: 'CropperExportation' }),
+                            React.createElement(_export_3.Row.Center, { gap: '1/2' },
+                                React.createElement(_export_4.Loader.White.R, { loaderID: 'CropperExportation' }),
                                 "\u6C7A\u5B9A")))))));
     },
     SettingRegion: function (params) {
@@ -667,38 +667,38 @@ var Comps = {
             ToneList.push({
                 value: index,
                 label: React.createElement(React.Fragment, null,
-                    React.createElement(_atoms_1.Box, { className: [
+                    React.createElement(_export_2.Box, { className: [
                             style_module_scss_1.default.ToneBall,
                             style_module_scss_1.default['ToneBall_' + index]
                         ].join(' ') }),
-                    React.createElement(_atoms_1.Box, { textAlign: 'center', flexSizing: 'auto' }, ['', '暖色', '寒色', 'セピア', 'シアン', 'マゼンタ', 'イエロー', 'オリジナル1', 'オリジナル2', 'オリジナル3', 'オリジナル4'][index]))
+                    React.createElement(_export_2.Box, { textAlign: 'center', flexSizing: 'auto' }, ['', '暖色', '寒色', 'セピア', 'シアン', 'マゼンタ', 'イエロー', 'オリジナル1', 'オリジナル2', 'オリジナル3', 'オリジナル4'][index]))
             });
         }
         return (React.createElement(React.Fragment, null,
-            React.createElement(_mols_1.Column, { gap: '1/3' },
-                React.createElement(_atoms_1.Box, null,
-                    React.createElement(_atoms_1.FAIcon.Rotate, { fontSize: '3.paragraph' }),
+            React.createElement(_export_3.Column, { gap: '1/3' },
+                React.createElement(_export_2.Box, null,
+                    React.createElement(_export_2.FAIcon.Rotate, { fontSize: '3.paragraph' }),
                     " Rotate"),
-                React.createElement(_mols_1.Row.Separate, { flexChilds: 'even', paddingLeft: 2 },
-                    React.createElement(_functions_1.Buttons.Button.Border.R, { onClick: function () {
+                React.createElement(_export_3.Row.Separate, { flexChilds: 'even', paddingLeft: 2 },
+                    React.createElement(_export_4.Buttons.Button.Border.R, { onClick: function () {
                             var next = params.val_rotate - 90;
                             if (next < 0)
                                 next += 360;
                             params.set_rotate(next);
                         } },
-                        React.createElement(_atoms_1.FAIcon.RotateLeft, null),
+                        React.createElement(_export_2.FAIcon.RotateLeft, null),
                         " \u5DE6\u306B\u56DE\u8EE2"),
-                    React.createElement(_functions_1.Buttons.Button.Border.R, { onClick: function () {
+                    React.createElement(_export_4.Buttons.Button.Border.R, { onClick: function () {
                             params.set_rotate((params.val_rotate + 90) % 360);
                         } },
                         "\u53F3\u306B\u56DE\u8EE2 ",
-                        React.createElement(_atoms_1.FAIcon.RotateRight, null)))),
-            React.createElement(_mols_1.Column, { gap: '1/3' },
-                React.createElement(_atoms_1.Box, null,
-                    React.createElement(_atoms_1.FAIcon, { fontSize: '3.paragraph', d: 'magnifying-glass-plus' }),
+                        React.createElement(_export_2.FAIcon.RotateRight, null)))),
+            React.createElement(_export_3.Column, { gap: '1/3' },
+                React.createElement(_export_2.Box, null,
+                    React.createElement(_export_2.FAIcon, { fontSize: '3.paragraph', d: 'magnifying-glass-plus' }),
                     " Zoom"),
-                React.createElement(_atoms_1.Box, { paddingLeft: 2 },
-                    React.createElement(_functions_1.Input.Slider, { override: 'force', value: params.val_scale - 100, min: params.DefaultOptions.scale.min - 100, max: params.DefaultOptions.scale.max - 100, step: 25, onUpdateValidValue: function (_a) {
+                React.createElement(_export_2.Box, { paddingLeft: 2 },
+                    React.createElement(_export_4.Input.Slider, { override: 'force', value: params.val_scale - 100, min: params.DefaultOptions.scale.min - 100, max: params.DefaultOptions.scale.max - 100, step: 25, onUpdateValidValue: function (_a) {
                             var eventType = _a.eventType, value = _a.value;
                             params.set_scale(value + 100);
                         }, legends: {
@@ -708,24 +708,24 @@ var Comps = {
                                 return 'x' + scale / 100;
                             }
                         } }))),
-            React.createElement(_mols_1.Column, { gap: '1/3' },
-                React.createElement(_atoms_1.Box, null,
-                    React.createElement(_atoms_1.FAIcon, { fontSize: '3.paragraph', d: 'palette' }),
+            React.createElement(_export_3.Column, { gap: '1/3' },
+                React.createElement(_export_2.Box, null,
+                    React.createElement(_export_2.FAIcon, { fontSize: '3.paragraph', d: 'palette' }),
                     " Gray Scale"),
-                React.createElement(_atoms_1.Box, { paddingLeft: 2 },
-                    React.createElement(_functions_1.Input.Slider, { value: params.val_grayScale, min: 0, max: 100, step: 25, onUpdateValidValue: function (_a) {
+                React.createElement(_export_2.Box, { paddingLeft: 2 },
+                    React.createElement(_export_4.Input.Slider, { value: params.val_grayScale, min: 0, max: 100, step: 25, onUpdateValidValue: function (_a) {
                             var value = _a.value;
                             params.set_grayScale(value);
                         }, legends: {
                             enable: true,
                             custom: function (value) { return (value + '%'); }
                         } }))),
-            React.createElement(_mols_1.Column, { gap: '1/3' },
-                React.createElement(_atoms_1.Box, null,
-                    React.createElement(_atoms_1.FAIcon, { fontSize: '3.paragraph', d: 'bars-staggered' }),
+            React.createElement(_export_3.Column, { gap: '1/3' },
+                React.createElement(_export_2.Box, null,
+                    React.createElement(_export_2.FAIcon, { fontSize: '3.paragraph', d: 'bars-staggered' }),
                     " Tone"),
-                React.createElement(_atoms_1.Box, { paddingLeft: 2 },
-                    React.createElement(_functions_1.Input.Radio, { value: params.val_tone, gap: '1/2', cellStyles: {
+                React.createElement(_export_2.Box, { paddingLeft: 2 },
+                    React.createElement(_export_4.Input.Radio, { value: params.val_tone, gap: '1/2', cellStyles: {
                             isRounded: true,
                             borderWidth: 2,
                             borderColor: '1.thin',
@@ -751,7 +751,7 @@ exports.Cropper = {
         var Image, sheetID;
         return __generator(this, function (_a) {
             switch (_a.label) {
-                case 0: return [4 /*yield*/, _functions_1.Input.File.fn.openDialog({
+                case 0: return [4 /*yield*/, _export_4.Input.File.fn.openDialog({
                         // accept: 'image/jpeg,image/jpg,image/png,image/gif',
                         accept: 'image',
                         multiple: false

package/dist/Functions/Effects/Fade.js

@@ -39,9 +39,9 @@ var __read = (this && this.__read) || function (o, n) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FadeEffects = void 0;
-var _global_1 = require("../../Global/@export");
-var _atoms_1 = require("../../Atoms/@export");
-var useState = _global_1.React.useState, useEffect = _global_1.React.useEffect;
+var _export_1 = require("../../Global/@export");
+var _export_2 = require("../../Atoms/@export");
+var useState = _export_1.React.useState, useEffect = _export_1.React.useEffect;
 exports.FadeEffects = __assign(__assign({}, {}), { FadeIn: function (params) {
         var _a = params.animationDelay, animationDelay = _a === void 0 ? 100 : _a, _b = params.animationTime, animationTime = _b === void 0 ? 300 : _b, _c = params.componentID, componentID = _c === void 0 ? $.uuidGen() : _c, others = __rest(params, ["animationDelay", "animationTime", "componentID"]);
         var _d = __read(useState(componentID), 1), val_componentID = _d[0];
@@ -59,7 +59,7 @@ exports.FadeEffects = __assign(__assign({}, {}), { FadeIn: function (params) {
                 });
             }, animationDelay);
         }, []);
-        return (_global_1.React.createElement(_atoms_1.Box, __assign({}, others, { freeCSS: __assign(__assign({}, others.freeCSS), { opacity: 0 }), componentID: val_componentID })));
+        return (_export_1.React.createElement(_export_2.Box, __assign({}, others, { freeCSS: __assign(__assign({}, others.freeCSS), { opacity: 0 }), componentID: val_componentID })));
     }, FadeUp: function (params) {
         var _a = params.animationDelay, animationDelay = _a === void 0 ? 100 : _a, _b = params.animationTime, animationTime = _b === void 0 ? 300 : _b, _c = params.componentID, componentID = _c === void 0 ? $.uuidGen() : _c, others = __rest(params, ["animationDelay", "animationTime", "componentID"]);
         var _d = __read(useState(componentID), 1), val_componentID = _d[0];
@@ -78,5 +78,5 @@ exports.FadeEffects = __assign(__assign({}, {}), { FadeIn: function (params) {
                 });
             }, animationDelay);
         }, []);
-        return (_global_1.React.createElement(_atoms_1.Box, __assign({ paddingTop: 2 }, others, { freeCSS: __assign(__assign({}, others.freeCSS), { opacity: 0 }), componentID: val_componentID })));
+        return (_export_1.React.createElement(_export_2.Box, __assign({ paddingTop: 2 }, others, { freeCSS: __assign(__assign({}, others.freeCSS), { opacity: 0 }), componentID: val_componentID })));
     } });

package/dist/Functions/Input/Chips/Selector.js

@@ -87,11 +87,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ChipsInputFNs = void 0;
-var _global_1 = require("../../../Global/@export");
+var _export_1 = require("../../../Global/@export");
 var useEffect = React.useEffect, useState = React.useState;
-var _atoms_1 = require("../../../Atoms/@export");
-var _mols_1 = require("../../../Molecules/@export");
-var _functions_1 = require("../../@export");
+var _export_2 = require("../../../Atoms/@export");
+var _export_3 = require("../../../Molecules/@export");
+var _export_4 = require("../../../Functions/@export");
 var style_module_scss_1 = __importDefault(require("./style.module.scss"));
 var Selector = function (params) {
     var _a = __read(useState('show'), 2), val_status = _a[0], set_status = _a[1];
@@ -102,7 +102,7 @@ var Selector = function (params) {
     var _f = __read(useState(params.selected), 2), val_selected = _f[0], set_selected = _f[1];
     var _g = __read(useState('init'), 2), val_keyEvent = _g[0], set_keyEvent = _g[1];
     useEffect(function () {
-        _global_1.useStore.set({
+        _export_1.useStore.set({
             key: params.selectorID,
             value: {
                 updateOptions: function (options) {
@@ -117,7 +117,7 @@ var Selector = function (params) {
     var mountedOptions = React.useRef(false);
     useEffect(function () {
         if (mountedOptions.current) {
-            _functions_1.Sheet.reposition(params.selectorID);
+            _export_4.Sheet.reposition(params.selectorID);
         }
         else {
             mountedOptions.current = true;
@@ -207,9 +207,9 @@ var Selector = function (params) {
     }, [val_focus]);
     var List = [];
     if (val_status == 'interlude') {
-        List = [React.createElement(_mols_1.Row.Center, { padding: 2, gap: 0 },
-                React.createElement(_functions_1.Loader.Theme.R, { showInitial: true }),
-                React.createElement(_atoms_1.Box, { padding: [0, 1], fontSize: '1.mini', fontColor: '4.thin' }, "\u691C\u7D22\u4E2D..."))];
+        List = [React.createElement(_export_3.Row.Center, { padding: 2, gap: 0 },
+                React.createElement(_export_4.Loader.Theme.R, { showInitial: true }),
+                React.createElement(_export_2.Box, { padding: [0, 1], fontSize: '1.mini', fontColor: '4.thin' }, "\u691C\u7D22\u4E2D..."))];
     }
     else {
         List = [
@@ -232,7 +232,7 @@ var Selector = function (params) {
                 if (isSelected) {
                     styles = __assign(__assign({}, styles), { backgroundColor: 'tcOpFew' });
                 }
-                return React.createElement(_functions_1.Buttons.Button.Clear.R, __assign({ color: 'cloud', padding: '1/3', tabIndex: -1, textAlign: 'left', "data-chips-selector-cell": val_componentID + '-' + safeValue.replace(/\"/ig, ''), isActive: isSelected || isFocused, isActiveStyles: styles }, styles, { onMouseOver: function () {
+                return React.createElement(_export_4.Buttons.Button.Clear.R, __assign({ color: 'cloud', padding: '1/3', tabIndex: -1, textAlign: 'left', "data-chips-selector-cell": val_componentID + '-' + safeValue.replace(/\"/ig, ''), isActive: isSelected || isFocused, isActiveStyles: styles }, styles, { onMouseOver: function () {
                         set_keyEvent('MouseEvent');
                         set_focus(option);
                     }, onClick: function () {
@@ -255,13 +255,13 @@ var Selector = function (params) {
         ];
     }
     return (React.createElement(React.Fragment, null,
-        React.createElement(_mols_1.Column, { padding: '2/3', gap: '2/3', borderBottom: true },
-            React.createElement(_mols_1.Row.Separate, null,
-                React.createElement(_functions_1.Input.Text.Normal, { value: val_keyword, onUpdateValidValue: function (_a) {
+        React.createElement(_export_3.Column, { padding: '2/3', gap: '2/3', borderBottom: true },
+            React.createElement(_export_3.Row.Separate, null,
+                React.createElement(_export_4.Input.Text.Normal, { value: val_keyword, onUpdateValidValue: function (_a) {
                         var value = _a.value;
                         set_keyword(value);
-                    }, id: params.selectorID + '-KeywordInput', padding: '2/3', placeholder: '\u691C\u7D22...', leftIcon: React.createElement(_functions_1.Input.Comps.LeftIcon, { right: '2/3', fontSize: '1.mini', fontColor: '3.blur' },
-                        React.createElement(_atoms_1.FAIcon.Search, null)), onKeyDown: function (event) {
+                    }, id: params.selectorID + '-KeywordInput', padding: '2/3', placeholder: '\u691C\u7D22...', leftIcon: React.createElement(_export_4.Input.Comps.LeftIcon, { right: '2/3', fontSize: '1.mini', fontColor: '3.blur' },
+                        React.createElement(_export_2.FAIcon.Search, null)), onKeyDown: function (event) {
                         var key = event.key, metaKey = event.metaKey, ctrlKey = event.ctrlKey;
                         var auxKey = metaKey || ctrlKey;
                         if (['ArrowDown', 'ArrowUp'].includes(key)) {
@@ -302,20 +302,20 @@ var Selector = function (params) {
                         }
                         set_keyEvent(key);
                     } }),
-                React.createElement(_functions_1.Buttons.Button.Border.S, { marginRight: '1/3', ssSphere: 2, backgroundColor: 'cloud', borderRadius: '2.tone.secondary', onClick: function () {
-                        _functions_1.Sheet.close(params.selectorID);
+                React.createElement(_export_4.Buttons.Button.Border.S, { marginRight: '1/3', ssSphere: 2, backgroundColor: 'cloud', borderRadius: '2.tone.secondary', onClick: function () {
+                        _export_4.Sheet.close(params.selectorID);
                     } },
-                    React.createElement(_atoms_1.FAIcon, { d: 'window-minimize' }))),
-            React.createElement(_mols_1.Row.Separate, null,
-                React.createElement(_mols_1.Row.Left, { gap: '1/2', verticalAlign: 'baseline' },
-                    React.createElement(_atoms_1.Span, { fontColor: 'theme' }, val_options.length),
-                    React.createElement(_atoms_1.Box, { fontSize: '1.mini', fontColor: '3.blur' }, "\u4EF6\u306E\u30D2\u30C3\u30C8")),
-                React.createElement(_mols_1.Row.Right, null, params.limit ? React.createElement(_atoms_1.Span, { fontColor: '3.blur', fontSize: '1.mini' },
-                    React.createElement(_atoms_1.Span, { fontSize: '3.paragraph', fontColor: 'theme', isBoldFont: true }, val_selected.length),
+                    React.createElement(_export_2.FAIcon, { d: 'window-minimize' }))),
+            React.createElement(_export_3.Row.Separate, null,
+                React.createElement(_export_3.Row.Left, { gap: '1/2', verticalAlign: 'baseline' },
+                    React.createElement(_export_2.Span, { fontColor: 'theme' }, val_options.length),
+                    React.createElement(_export_2.Box, { fontSize: '1.mini', fontColor: '3.blur' }, "\u4EF6\u306E\u30D2\u30C3\u30C8")),
+                React.createElement(_export_3.Row.Right, null, params.limit ? React.createElement(_export_2.Span, { fontColor: '3.blur', fontSize: '1.mini' },
+                    React.createElement(_export_2.Span, { fontSize: '3.paragraph', fontColor: 'theme', isBoldFont: true }, val_selected.length),
                     " / ",
                     params.limit,
                     " \u4EF6") : null))),
-        React.createElement(_mols_1.Column, { gap: '1/4', padding: '1/2', overflow: 'auto', freeCSS: {
+        React.createElement(_export_3.Column, { gap: '1/4', padding: '1/2', overflow: 'auto', freeCSS: {
                 maxHeight: 12 * 26,
                 maxWidth: 12 * 26
             }, id: val_componentID + '-Selector-Cell-Wrap', className: style_module_scss_1.default.SelectorWrapper }, List),
@@ -326,14 +326,14 @@ exports.ChipsInputFNs = {
         var selectorID = params.selectorID, options = params.options, selected = params.selected, limit = params.limit, bottomContent = params.bottomContent, onDynamicSearch = params.onDynamicSearch, SelectorCellComponent = params.SelectorCellComponent, onUpdated = params.onUpdated, onClosed = params.onClosed, parent = params.parent, sheetarams = __rest(params, ["selectorID", "options", "selected", "limit", "bottomContent", "onDynamicSearch", "SelectorCellComponent", "onUpdated", "onClosed", "parent"]);
         var sheetID = selectorID;
         SelectorCellComponent = SelectorCellComponent || (function (params) {
-            return React.createElement(_mols_1.Row.Left, null,
-                React.createElement(_atoms_1.FAIcon.CheckCircle, { isSolidIcon: params.isSelected, isRegularIcon: !params.isSelected, fontColor: params.isSelected ? 'theme' : '6.clear' }),
+            return React.createElement(_export_3.Row.Left, null,
+                React.createElement(_export_2.FAIcon.CheckCircle, { isSolidIcon: params.isSelected, isRegularIcon: !params.isSelected, fontColor: params.isSelected ? 'theme' : '6.clear' }),
                 params.label);
         });
-        _functions_1.Sheet.open(__assign(__assign({ parent: parent, sheetID: sheetID, type: 'custom', gravityPoint: 22, padding: [1, 0], holdState: true, closeOption: {
+        _export_4.Sheet.open(__assign(__assign({ parent: parent, sheetID: sheetID, type: 'custom', gravityPoint: 22, padding: [1, 0], holdState: true, closeOption: {
                 aroundClick: true,
                 escapeKeyDown: true
-            } }, sheetarams), { content: React.createElement(_atoms_1.Box, { borderRadius: '2.tone.secondary', backgroundColor: '1.layer.base', border: true, boxShadow: 'borderBox', overflow: 'hidden' },
+            } }, sheetarams), { content: React.createElement(_export_2.Box, { borderRadius: '2.tone.secondary', backgroundColor: '1.layer.base', border: true, boxShadow: 'borderBox', overflow: 'hidden' },
                 React.createElement(Selector, { selectorID: selectorID, options: options, limit: limit, selected: selected, onUpdated: onUpdated, SelectorCellComponent: SelectorCellComponent, bottomContent: bottomContent, onDynamicSearch: onDynamicSearch })), openAfter: function () {
                 $('#' + params.selectorID + '-KeywordInput').focus();
             }, closeAfter: function () {
@@ -341,15 +341,15 @@ exports.ChipsInputFNs = {
             } }));
     },
     closeSelector: function (selectorID) {
-        _functions_1.Sheet.close(selectorID);
+        _export_4.Sheet.close(selectorID);
     },
     updateOptions: function (selectorID, options) {
-        var C = _global_1.useStore.get(selectorID);
+        var C = _export_1.useStore.get(selectorID);
         if (C && C.updateOptions)
             C.updateOptions(options);
     },
     updateSelected: function (selectorID, selected) {
-        var C = _global_1.useStore.get(selectorID);
+        var C = _export_1.useStore.get(selectorID);
         if (C && C.updateSelected)
             C.updateSelected(selected);
     }