amotify 0.0.0

package/dist/@comps/Atoms/Logo/parts.js

@@ -0,0 +1,154 @@
+"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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Logo = void 0;
+var _atoms_1 = require("@atoms");
+var style_module_scss_1 = __importDefault(require("./style.module.scss"));
+var bios_1 = require("../../@core/bios");
+var SVG = {
+    ComunIcon: function () {
+        return (React.createElement("svg", { viewBox: "0,0,1200,1200", className: style_module_scss_1.default.ComunIcon },
+            React.createElement("g", null,
+                React.createElement("path", { d: '\n        M\n        100,600\n        A 500,500 0 0,0 600,1100\n        A 100,100 0 0,0 600,900\n        A 300,300 0 0,1 300,600\n        A 100,100 0 0,0 100,600\n        Z\n        ', className: style_module_scss_1.default.P1, style: {
+                        opacity: .9,
+                        fill: '#16a3ec'
+                    } }),
+                React.createElement("path", { d: '\n        M\n        600,1100\n        A 500,500 0 0,0 1100,600\n        A 100,100 0 0,0 900,600\n        A 300,300 0 0,1 600,900\n        A 100,100 0 1,0 600,1100\n        Z\n        ', className: style_module_scss_1.default.P2, style: {
+                        opacity: .9,
+                        fill: '#ea6093'
+                    } }),
+                React.createElement("path", { d: '\n        M\n        600,100\n        A 500,500 0 0,0 100,600\n        A 100,100 0 0,0 300,600\n        A 300,300 0 0,1 600,300\n        A 100,100 0 0,0 600,100\n        Z\n        ', className: style_module_scss_1.default.P3, style: {
+                        opacity: .9,
+                        fill: '#387cfe'
+                    } }),
+                React.createElement("path", { d: '\n        M\n        600,100\n        A 100,100 0 0,1 700,200\n        A 300,300 0 0,0 1000,500\n        A 100,100 0 0,1 1100,600\n        A 100,100 0 0,1 1000,700\n        A 500,500 0 0,1 500,200\n        A 100,100 0 0,1 600,100\n        Z\n        ', className: style_module_scss_1.default.P4, style: {
+                        opacity: .9,
+                        fill: '#9a66ff'
+                    } }))));
+    },
+    MingooIcon: function () {
+        var CircleSet = function (p) {
+            return (React.createElement(React.Fragment, null,
+                React.createElement("path", { d: '\n            M\n            600,100\n            A 80,80 0 0,1 600,260\n            A 80,80 0 0,1 600,100\n            L600,600\n            L600,300\n            Z\n            ', className: [
+                        style_module_scss_1.default.OuterCircle,
+                        style_module_scss_1.default.P,
+                        style_module_scss_1.default['P_' + p]
+                    ].join(' '), style: {
+                        fill: '#c56ff0'
+                        // fill: '#9a66ff'
+                    } }),
+                React.createElement("path", { d: '\n            M\n            600,300\n            A 45,45 0 0,1 600,390\n            A 45,45 0 0,1 600,300\n            L600,600\n            L600,300\n            Z\n            ', className: [
+                        style_module_scss_1.default.InnerCircle,
+                        style_module_scss_1.default.P,
+                        style_module_scss_1.default['P_' + p]
+                    ].join(' '), style: {
+                        fill: '#ea6093'
+                        // fill: '#ffa500'
+                    } })));
+        };
+        return React.createElement("svg", { viewBox: "0,0,1200,1200", className: style_module_scss_1.default.MingooIcon },
+            CircleSet(0),
+            CircleSet(1),
+            CircleSet(2),
+            CircleSet(3),
+            CircleSet(4),
+            CircleSet(5),
+            CircleSet(6),
+            CircleSet(7),
+            CircleSet(8));
+    }
+};
+var Mingoos = {
+    Icon: function (params) { return (React.createElement(exports.Logo.Icon, __assign({}, params),
+        React.createElement(SVG.MingooIcon, null))); },
+    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),
+            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),
+            React.createElement(Mingoos.Icon, { margin: 'auto', size: size, color: color }),
+            React.createElement(Mingoos.Title, { size: size, color: color })));
+    }
+};
+var Comuns = {
+    Icon: function (params) { return (React.createElement(exports.Logo.Icon, __assign({}, params),
+        React.createElement(SVG.ComunIcon, null))); },
+    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),
+            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),
+            React.createElement(Comuns.Icon, { margin: 'auto', size: size, color: color }),
+            React.createElement(Comuns.Title, { size: size, color: color })));
+    }
+};
+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: [
+                className,
+                style_module_scss_1.default.Icon,
+                style_module_scss_1.default['Size_' + size]
+            ].join(' ') }, others), $.is.function(Children) ? React.createElement(Children, null) : Children));
+    },
+    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: [
+                className,
+                style_module_scss_1.default.Title,
+                style_module_scss_1.default['Size_' + size]
+            ].join(' ') }, others, { freeCSS: __assign({ lineHeight: '1.25' }, others.freeCSS) }), $.is.function(Children) ? React.createElement(Children, null) : Children);
+    },
+    Brands: {
+        MingooIcon: Mingoos.Icon,
+        MingooTitle: Mingoos.Title,
+        MingooLogoH: Mingoos.LogoH,
+        MingooLogoV: Mingoos.LogoV,
+        ComunIcon: Comuns.Icon,
+        ComunTitle: Comuns.Title,
+        ComunLogoH: Comuns.LogoH,
+        ComunLogoV: Comuns.LogoV,
+        Google: function (params) { return (React.createElement(exports.Logo.Icon, __assign({}, params),
+            React.createElement(_atoms_1.Img, { src: bios_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: bios_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: bios_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: bios_1.publicURI + '@env/@logos/brands/Line_Icon.svg', alt: '' }))); },
+    }
+};

package/dist/@comps/Atoms/Various/parts.d.ts

@@ -0,0 +1,9 @@
+export declare const Box: FNC<amotify.atoms.BoxInput>;
+export declare const Span: FNC<amotify.atoms.SpanProps>;
+export declare const Placeholder: FNC<amotify.atoms.PlaceholderParams>;
+declare let Img: amotify.atoms.Image.Methods;
+export { Img };
+export declare const Flex: FNC<amotify.atoms.FlexProps>;
+export declare const FlexBr: FNC<amotifyUniStyleParams>;
+export declare const Grid: FNC<amotify.atoms.GridProps>;
+export declare const Paragraph: FNC<amotify.atoms.ParagraphProps>;

package/dist/@comps/Atoms/Various/parts.js

@@ -0,0 +1,113 @@
+"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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": 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 StyleConverter = amotify.glob.StyleConverter;
+var bios_1 = require("../../@core/bios");
+var style_module_scss_1 = __importDefault(require("./style.module.scss"));
+var Box = function (params) {
+    var _a = 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 = StyleConverter.ToClassName(params), freeCSS = _a.freeCSS, Params = __rest(_a, ["freeCSS"]);
+    return (React.createElement("span", __assign({}, Params)));
+};
+exports.Span = Span;
+var Placeholder = function (params) {
+    var _a = params.color, color = _a === void 0 ? 'cloud' : _a, others = __rest(params, ["color"]);
+    var DefStyles = {
+        flexCenter: true,
+        position: 'relative',
+        ssCardBox: true,
+        border: 'unset',
+        overflow: 'hidden',
+        backgroundColor: '3.layer.canvas',
+    };
+    return (React.createElement(exports.Box, __assign({ className: [
+            style_module_scss_1.default.Placeholder,
+            params.className
+        ].join(' ') }, DefStyles, others),
+        React.createElement(exports.Box, { className: [
+                style_module_scss_1.default.Body,
+                style_module_scss_1.default['Color_' + color],
+            ].join(' ') })));
+};
+exports.Placeholder = Placeholder;
+var Img = {};
+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 = 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],
+            className
+        ].join(' ');
+        return React.createElement("img", __assign({ src: src, alt: alt, className: ClassName, onMouseDown: function (event) {
+                if (showExpand)
+                    event.stopPropagation();
+            }, onTouchStart: function (event) {
+                if (showExpand)
+                    event.stopPropagation();
+            }, onClick: function (event) {
+                if (showExpand) {
+                    event.stopPropagation();
+                    amotify.fn.Sheet.open({
+                        type: 'image',
+                        src: showExpand != true ? showExpand : src
+                    });
+                }
+            } }, Others));
+    };
+    exports.Img = Img = ImageComp;
+    Img.uri = {
+        comunIcon: bios_1.publicURI + 'app/admin/@logo/icon.png',
+        comunIconClear: bios_1.publicURI + 'app/admin/@logo/iconClear.png',
+        mingooIcon: '',
+        defaultIcon: function (type) {
+            return bios_1.publicURI + '@env/@icon/' + (type || 'image') + '.png';
+        },
+    };
+}
+var Flex = function (props) {
+    var children = props.children, freeCSS = props.freeCSS, others = __rest(props, ["children", "freeCSS"]);
+    return (React.createElement(exports.Box, __assign({ flexType: 'row', flexWrap: true, display: 'flex', freeCSS: __assign({ wordBreak: 'break-word' }, freeCSS) }, others, { children: children })));
+};
+exports.Flex = Flex;
+var FlexBr = function (params) { return (React.createElement(exports.Box, __assign({ width: 1, flexSizing: 'none' }, params))); };
+exports.FlexBr = FlexBr;
+var Grid = function (props) {
+    var children = props.children, freeCSS = props.freeCSS, others = __rest(props, ["children", "freeCSS"]);
+    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({}, StyleConverter.ToClassName(props)))); };
+exports.Paragraph = Paragraph;

package/dist/@comps/Functions/@export.d.ts

@@ -0,0 +1,12 @@
+import { Effects } from './Effects/_';
+import { Buttons } from './Button/_';
+import { Input } from './Input/_';
+import { Inputs } from './Inputs/_';
+import { Layout } from './Layout/_';
+import { Table } from './Table/_';
+import { Sheet } from './Sheet/parts';
+import { SnackBar } from './SnackBar/parts';
+import { Loader } from './Loader/parts';
+import { Tooltips } from './Tooltips/parts';
+import { Cropper } from './Cropper/parts';
+export { Buttons, Input, Inputs, Table, Layout, Sheet, SnackBar, Loader, Tooltips, Effects, Cropper, };

package/dist/@comps/Functions/@export.js

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Cropper = exports.Effects = exports.Tooltips = exports.Loader = exports.SnackBar = exports.Sheet = exports.Layout = exports.Table = exports.Inputs = exports.Input = exports.Buttons = void 0;
+var _1 = require("./Effects/_");
+Object.defineProperty(exports, "Effects", { enumerable: true, get: function () { return _1.Effects; } });
+var _2 = require("./Button/_");
+Object.defineProperty(exports, "Buttons", { enumerable: true, get: function () { return _2.Buttons; } });
+var _3 = require("./Input/_");
+Object.defineProperty(exports, "Input", { enumerable: true, get: function () { return _3.Input; } });
+var _4 = require("./Inputs/_");
+Object.defineProperty(exports, "Inputs", { enumerable: true, get: function () { return _4.Inputs; } });
+var _5 = require("./Layout/_");
+Object.defineProperty(exports, "Layout", { enumerable: true, get: function () { return _5.Layout; } });
+var _6 = require("./Table/_");
+Object.defineProperty(exports, "Table", { enumerable: true, get: function () { return _6.Table; } });
+var parts_1 = require("./Sheet/parts");
+Object.defineProperty(exports, "Sheet", { enumerable: true, get: function () { return parts_1.Sheet; } });
+var parts_2 = require("./SnackBar/parts");
+Object.defineProperty(exports, "SnackBar", { enumerable: true, get: function () { return parts_2.SnackBar; } });
+var parts_3 = require("./Loader/parts");
+Object.defineProperty(exports, "Loader", { enumerable: true, get: function () { return parts_3.Loader; } });
+var parts_4 = require("./Tooltips/parts");
+Object.defineProperty(exports, "Tooltips", { enumerable: true, get: function () { return parts_4.Tooltips; } });
+var parts_5 = require("./Cropper/parts");
+Object.defineProperty(exports, "Cropper", { enumerable: true, get: function () { return parts_5.Cropper; } });
+global.amotify.fn = {
+    Table: _6.Table,
+    Layout: _5.Layout,
+    Input: _3.Input,
+    Buttons: _2.Buttons,
+    Sheet: parts_1.Sheet,
+    SnackBar: parts_2.SnackBar,
+    Loader: parts_3.Loader,
+    Tooltips: parts_4.Tooltips,
+    Effects: _1.Effects,
+    Cropper: parts_5.Cropper
+};
+Object.freeze(global.amotify.fn);

package/dist/@comps/Functions/Button/_.d.ts

@@ -0,0 +1 @@
+export declare const Buttons: amotify.fn.Buttons.Methods;

package/dist/@comps/Functions/Button/_.js

@@ -0,0 +1,270 @@
+"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 __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 };
+    }
+};
+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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Buttons = void 0;
+var _global_1 = require("@global");
+var style_module_scss_1 = __importDefault(require("./style.module.scss"));
+var Styles = {
+    Size: function (seed, tone, size, color) {
+        var styles = {};
+        size = size || 'R';
+        if (['Plain', 'Link'].includes(tone))
+            return {};
+        if (size == 'XS') {
+            styles = __assign(__assign({}, styles), { padding: ['1/3', '2/3'], fontSize: '0.xs', borderRadius: '3.tone.tertiary' });
+        }
+        else if (size == 'S') {
+            styles = __assign(__assign({}, styles), { padding: ['1/2', 1], fontSize: '1.mini', borderRadius: '3.tone.tertiary' });
+        }
+        else if (size == 'R') {
+            styles.padding = ['3/4', 1];
+            if (tone == 'Prime') {
+                styles.padding = ['3/4', 2];
+            }
+        }
+        else if (size == 'L') {
+            styles.padding = [1, 3];
+            styles.fontSize = '3.paragraph';
+            styles.isBoldFont = true;
+        }
+        styles = __assign({ borderRadius: '2.tone.secondary', transition: 'middle', position: 'relative', textAlign: 'center' }, styles);
+        return styles;
+    },
+    Tone: function (seed, tone, size, color) {
+        var styles = {};
+        if (tone == 'Plain')
+            return styles;
+        if (tone == 'Link') {
+            styles.fontColor = 'theme';
+            styles.textAlign = 'left';
+        }
+        else if (tone == 'Normal') {
+            styles = {
+                backgroundColor: 'trans'
+            };
+        }
+        else if (tone == 'Border') {
+            styles = {
+                backgroundColor: '1.layer.base',
+                border: '2.normal',
+                boxShadow: 0,
+            };
+        }
+        else if (tone == 'Prime') {
+            styles = {
+                isBoldFont: true,
+                fontColor: 'white',
+                backgroundColor: color,
+                boxShadow: 1,
+                ssEffectsOnActive: ['shrink', 'ripple.white']
+            };
+            if (color == 'white') {
+                styles = __assign(__assign({}, styles), { fontColor: 'theme', ssEffectsOnActive: ['shrink', 'ripple.cloud'] });
+            }
+        }
+        else if (tone == 'Sub') {
+            styles = {
+                fontColor: color,
+                ssEffectsOnActive: 'shrink'
+            };
+        }
+        else if (tone == 'Clear') {
+            styles = {
+                fontColor: color,
+                backgroundColor: 'trans',
+            };
+        }
+        else if (tone == 'FillToBorder') {
+            styles = {
+                fontColor: 'white',
+                boxShadow: 1,
+                borderWidth: 2,
+                borderStyle: 'solid',
+                borderColor: color,
+                backgroundColor: color,
+            };
+        }
+        else if (tone == 'BorderToFill') {
+            styles = {
+                fontColor: color,
+                boxShadow: 1,
+                borderWidth: 2,
+                borderStyle: 'solid',
+                borderColor: color,
+                backgroundColor: 'trans'
+            };
+        }
+        if (tone != 'Link') {
+            styles = __assign({ position: 'relative', ssEffectsOnActive: 'shrink' }, styles);
+        }
+        return 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 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;
+        Params = __assign(__assign(__assign({}, Styles.Size(params.seed, params.tone, params.size, color)), Styles.Tone(params.seed, params.tone, params.size, color)), Params);
+        Params.className = [
+            className,
+            style_module_scss_1.default.Wrap,
+            style_module_scss_1.default['isActive_' + !!isActive],
+            style_module_scss_1.default['isLocked_' + isLocked],
+            style_module_scss_1.default['Tone_' + tone],
+            style_module_scss_1.default['Color_' + color],
+        ].join(' ');
+        if (['Link', 'Plain'].includes(Params.tone)) {
+            Params.className = [
+                Params.className,
+                style_module_scss_1.default.uae_blur
+            ].join(' ');
+        }
+        else {
+            Params.className = [
+                Params.className,
+                style_module_scss_1.default.uae_remark
+            ].join(' ');
+        }
+        if (isActive) {
+            Params = __assign(__assign({ className: [
+                    Params.className,
+                    isActiveClassName
+                ].join(' ') }, Params), isActiveStyles);
+        }
+        Params = _global_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"]);
+        if (submitOption_1) {
+            submitOption_1 = __assign({ acceptInvalidForm: false, submitDelegationKey: 'auxEnter' }, submitOption_1);
+            Props = __assign(__assign({}, Props), { 'data-form-submit-button': submitOption_1.formName, 'data-sdfike': $.flatArray(submitOption_1.submitDelegationKey).join(',') });
+        }
+        return React.createElement("button", __assign({ "data-component-id": componentID, onClick: function (args) { return __awaiter(void 0, void 0, void 0, function () {
+                var form;
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0:
+                            if (onClick_1)
+                                onClick_1(args);
+                            if (!submitOption_1)
+                                return [2 /*return*/];
+                            return [4 /*yield*/, $.formCollect(submitOption_1.formName)];
+                        case 1:
+                            form = _a.sent();
+                            if (!submitOption_1.acceptInvalidForm && !form.valid)
+                                return [2 /*return*/];
+                            submitOption_1.callback(form.data, form.valid);
+                            return [2 /*return*/];
+                    }
+                });
+            }); } }, Props));
+    }
+    else if (seed == 'Label') {
+        var _j = Params, componentID = _j.componentID, Props = __rest(_j, ["componentID"]);
+        return React.createElement("label", __assign({}, Props));
+    }
+    else if (seed == 'Anchor') {
+        var _k = Params, componentID = _k.componentID, _l = _k.href, href_1 = _l === void 0 ? '' : _l, newTab_1 = _k.newTab, sync_1 = _k.sync, shiftQueryParams_1 = _k.shiftQueryParams, Props = __rest(_k, ["componentID", "href", "newTab", "sync", "shiftQueryParams"]);
+        return React.createElement("button", __assign({}, Props, { onClick: function (event) {
+                var aux = event.ctrlKey || event.metaKey;
+                var openNew = newTab_1 || !!aux;
+                var URL = href_1;
+                if (shiftQueryParams_1)
+                    URL += location.search;
+                if (sync_1) {
+                    _global_1.pageTransit.pushSync(URL);
+                }
+                else {
+                    _global_1.pageTransit.push(URL, !!openNew);
+                }
+            } }));
+    }
+    return null;
+};
+var SizeBalancer = function (seed, tone) {
+    return {
+        XS: function (params) { return (React.createElement(SeedWrapper, __assign({}, params, { seed: seed, tone: tone, size: 'S' }))); },
+        S: function (params) { return (React.createElement(SeedWrapper, __assign({}, params, { seed: seed, tone: tone, size: 'S' }))); },
+        R: function (params) { return (React.createElement(SeedWrapper, __assign({}, params, { seed: seed, tone: tone, size: 'R' }))); },
+        L: function (params) { return (React.createElement(SeedWrapper, __assign({}, params, { seed: seed, tone: tone, size: 'L' }))); },
+    };
+};
+var ToneBalancer = function (seed) {
+    return {
+        Plain: function (params) { return (React.createElement(SeedWrapper, __assign({}, params, { seed: seed, tone: 'Plain', size: 'R' }))); },
+        Link: function (params) { return (React.createElement(SeedWrapper, __assign({}, params, { seed: seed, tone: 'Link', size: 'R' }))); },
+        Normal: SizeBalancer(seed, 'Normal'),
+        Border: SizeBalancer(seed, 'Border'),
+        Prime: SizeBalancer(seed, 'Prime'),
+        Sub: SizeBalancer(seed, 'Sub'),
+        Clear: SizeBalancer(seed, 'Clear'),
+        FillToBorder: SizeBalancer(seed, 'FillToBorder'),
+        BorderToFill: SizeBalancer(seed, 'BorderToFill'),
+    };
+};
+exports.Buttons = {
+    Button: ToneBalancer('Button'),
+    Label: ToneBalancer('Label'),
+    Anchor: ToneBalancer('Anchor')
+};

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

@@ -0,0 +1 @@
+export declare const Cropper: amotify.fn.Cropper.Methods;