infinity-forge 8.2.0 → 8.2.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/system/components/data/menu/components/menu-item/index.js +9 -15
- package/dist/system/components/data/menu/components/menu-item/index.js.map +1 -1
- package/dist/system/components/data/page-wrapper/index.js +1 -1
- package/dist/system/components/data/page-wrapper/index.js.map +1 -1
- package/dist/ui/components/form/input-control/index.d.ts +1 -1
- package/dist/ui/components/form/input-control/index.js +3 -3
- package/dist/ui/components/form/input-control/index.js.map +1 -1
- package/dist/ui/components/form/input-control/styles.js +1 -1
- package/dist/ui/components/form/input-control/styles.js.map +1 -1
- package/dist/ui/components/form/interfaces.d.ts +1 -0
- package/package.json +1 -1
|
@@ -1,15 +1,4 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
2
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
14
3
|
if (k2 === undefined) k2 = k;
|
|
15
4
|
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
@@ -43,10 +32,14 @@ var __importStar = (this && this.__importStar) || (function () {
|
|
|
43
32
|
return result;
|
|
44
33
|
};
|
|
45
34
|
})();
|
|
35
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
36
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
37
|
+
};
|
|
46
38
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
47
39
|
exports.MenuItem = MenuItem;
|
|
48
40
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
49
41
|
var react_1 = require("react");
|
|
42
|
+
var link_1 = __importDefault(require("next/link"));
|
|
50
43
|
var router_1 = require("next/router");
|
|
51
44
|
var ui_1 = require("../../../../../../ui/index.js");
|
|
52
45
|
var system_1 = require("../../../../../../system/index.js");
|
|
@@ -78,11 +71,12 @@ function MenuItem(_a) {
|
|
|
78
71
|
}
|
|
79
72
|
}
|
|
80
73
|
function ItemContent(_a) {
|
|
81
|
-
var _b;
|
|
74
|
+
var _b, _c;
|
|
82
75
|
var href = _a.href;
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
76
|
+
if (href) {
|
|
77
|
+
return (0, jsx_runtime_1.jsxs)(link_1.default, { href: href, target: item.target, className: 'font-13-regular link-menu', children: [(0, jsx_runtime_1.jsxs)("div", { onClick: toggleMenuItem, children: [(item === null || item === void 0 ? void 0 : item.icon) && (0, jsx_runtime_1.jsx)("div", { className: 'icon', dangerouslySetInnerHTML: { __html: item.icon } }), (0, jsx_runtime_1.jsx)("span", { className: 'content-title', children: item === null || item === void 0 ? void 0 : item.title })] }), ((_b = item === null || item === void 0 ? void 0 : item.items) === null || _b === void 0 ? void 0 : _b.length) > 0 && ((0, jsx_runtime_1.jsx)("div", { onClick: toggleMenuItem, className: 'arrow', children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconRightChevron' }) }))] });
|
|
78
|
+
}
|
|
79
|
+
return ((0, jsx_runtime_1.jsxs)("span", { className: 'font-13-regular link-menu', children: [(0, jsx_runtime_1.jsxs)("div", { onClick: toggleMenuItem, children: [(item === null || item === void 0 ? void 0 : item.icon) && (0, jsx_runtime_1.jsx)("div", { className: 'icon', dangerouslySetInnerHTML: { __html: item.icon } }), (0, jsx_runtime_1.jsx)("span", { className: 'content-title', children: item === null || item === void 0 ? void 0 : item.title })] }), ((_c = item === null || item === void 0 ? void 0 : item.items) === null || _c === void 0 ? void 0 : _c.length) > 0 && ((0, jsx_runtime_1.jsx)("div", { onClick: toggleMenuItem, className: 'arrow', children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconRightChevron' }) }))] }));
|
|
86
80
|
}
|
|
87
81
|
return ((0, jsx_runtime_1.jsxs)("li", { className: (open ? ' open' : '') + (isActivePage ? ' active-page' : ''), children: [item.route ? (0, jsx_runtime_1.jsx)(ItemContent, { href: item.route }) : (0, jsx_runtime_1.jsx)(ItemContent, { href: item.route }), hasMenuItems && (0, jsx_runtime_1.jsx)(SubMenu, { index: index, item: item === null || item === void 0 ? void 0 : item.items }, 'submenu' + item.title)] }));
|
|
88
82
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/system/components/data/menu/components/menu-item/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/system/components/data/menu/components/menu-item/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -39,6 +39,6 @@ var ui_1 = require("../../../../ui/index.js");
|
|
|
39
39
|
var S = __importStar(require("./styles.js"));
|
|
40
40
|
function PageWrapper(_a) {
|
|
41
41
|
var title = _a.title, children = _a.children, breadCrumb = _a.breadCrumb;
|
|
42
|
-
return ((0, jsx_runtime_1.jsxs)(S.PageWrapper, { children: [(0, jsx_runtime_1.jsxs)("div", { className: 'header', children: [(0, jsx_runtime_1.jsx)("h1", { className: 'font-24-bold-lexend', children: title }), (0, jsx_runtime_1.jsx)(ui_1.Breadcrumb, { links: breadCrumb })] }), children] }));
|
|
42
|
+
return ((0, jsx_runtime_1.jsxs)(S.PageWrapper, { children: [(0, jsx_runtime_1.jsx)(ui_1.HeadComponent, { headContent: { pageTitle: title } }), (0, jsx_runtime_1.jsxs)("div", { className: 'header', children: [(0, jsx_runtime_1.jsx)("h1", { className: 'font-24-bold-lexend', children: title }), (0, jsx_runtime_1.jsx)(ui_1.Breadcrumb, { links: breadCrumb })] }), children] }));
|
|
43
43
|
}
|
|
44
44
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/system/components/data/page-wrapper/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/system/components/data/page-wrapper/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,kCAcC;;AApBD,2BAAgD;AAIhD,0CAA6B;AAE7B,SAAgB,WAAW,CAAC,EAA6C;QAA3C,KAAK,WAAA,EAAE,QAAQ,cAAA,EAAE,UAAU,gBAAA;IACvD,OAAO,CACL,wBAAC,CAAC,CAAC,WAAW,eACZ,uBAAC,kBAAa,IAAC,WAAW,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,GAAI,EAEpD,iCAAK,SAAS,EAAC,QAAQ,aACrB,+BAAI,SAAS,EAAC,qBAAqB,YAAE,KAAK,GAAM,EAEhD,uBAAC,eAAU,IAAC,KAAK,EAAE,UAAU,GAAI,IAC7B,EAEL,QAAQ,IACK,CACjB,CAAA;AACH,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { InputProps } from '../interfaces.js';
|
|
2
|
-
export declare function InputControl({ fieldValue, icon, name, label, loading, children, disable, referenceID, defaultTranslate, isGlobal, }: InputProps & {
|
|
2
|
+
export declare function InputControl({ fieldValue, icon, name, label, loading, children, disable, referenceID, defaultTranslate, isGlobal, enableToClearInput, }: InputProps & {
|
|
3
3
|
fieldValue?: string;
|
|
4
4
|
}): import("react/jsx-runtime").JSX.Element;
|
|
@@ -42,12 +42,12 @@ var error_1 = require("./error/index.js");
|
|
|
42
42
|
var loader_input_1 = require("./loader-input/index.js");
|
|
43
43
|
var S = __importStar(require("./styles.js"));
|
|
44
44
|
function InputControl(_a) {
|
|
45
|
-
var fieldValue = _a.fieldValue, icon = _a.icon, name = _a.name, label = _a.label, loading = _a.loading, children = _a.children, disable = _a.disable, referenceID = _a.referenceID, defaultTranslate = _a.defaultTranslate, isGlobal = _a.isGlobal;
|
|
46
|
-
var
|
|
45
|
+
var fieldValue = _a.fieldValue, icon = _a.icon, name = _a.name, label = _a.label, loading = _a.loading, children = _a.children, disable = _a.disable, referenceID = _a.referenceID, defaultTranslate = _a.defaultTranslate, isGlobal = _a.isGlobal, enableToClearInput = _a.enableToClearInput;
|
|
46
|
+
var _b = (0, formik_1.useFormikContext)(), setFieldValue = _b.setFieldValue, errors = _b.errors;
|
|
47
47
|
var error = (0, formik_1.getIn)(errors, name);
|
|
48
48
|
if (disable) {
|
|
49
49
|
return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
|
|
50
50
|
}
|
|
51
|
-
return ((0, jsx_runtime_1.jsx)(ui_1.Error, { name: "input-control-".concat(name), children: (0, jsx_runtime_1.jsxs)(S.InputControl, { "$loading": loading, "$error": !!error, className: "input_control ".concat(error ?
|
|
51
|
+
return ((0, jsx_runtime_1.jsx)(ui_1.Error, { name: "input-control-".concat(name), children: (0, jsx_runtime_1.jsxs)(S.InputControl, { "$loading": loading, "$error": !!error, className: "input_control ".concat(error ? ' error' : ''), "$inputIconSize": (icon === null || icon === void 0 ? void 0 : icon.size) || 20, "$inputIconDirection": (icon === null || icon === void 0 ? void 0 : icon.direction) || 'left', children: [(0, jsx_runtime_1.jsxs)("div", { className: 'container-switch', children: [label && ((0, jsx_runtime_1.jsx)(label_1.Label, { inputId: name, label: label, referenceID: referenceID, defaultTranslate: defaultTranslate, isGlobal: isGlobal })), (0, jsx_runtime_1.jsxs)("div", { className: 'input-content', children: [loading && (0, jsx_runtime_1.jsx)(loader_input_1.LoaderInput, {}), icon && ((0, jsx_runtime_1.jsx)("div", { className: 'input-icon', onClick: function () { return icon.onClick && icon.onClick(fieldValue); }, children: icon.element ? icon.element : (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: icon === null || icon === void 0 ? void 0 : icon.name, color: icon === null || icon === void 0 ? void 0 : icon.color }) })), (0, jsx_runtime_1.jsx)("div", { className: 'input-wrapper', children: children }), enableToClearInput && ((0, jsx_runtime_1.jsx)("button", { type: 'button', className: 'button-clear-input', onClick: function () { return setFieldValue(name, ''); }, children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconClose', color: '#000' }) }))] })] }), error && (0, jsx_runtime_1.jsx)(error_1.ErrorMessage, { error: error })] }) }));
|
|
52
52
|
}
|
|
53
53
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/input-control/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/input-control/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA,oCA+DC;;AA1ED,iCAAgD;AAEhD,2BAAkC;AAClC,iCAA+B;AAC/B,iCAAsC;AACtC,+CAA4C;AAI5C,0CAA6B;AAE7B,SAAgB,YAAY,CAAC,EAYU;QAXrC,UAAU,gBAAA,EACV,IAAI,UAAA,EACJ,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,WAAW,iBAAA,EACX,gBAAgB,sBAAA,EAChB,QAAQ,cAAA,EACR,kBAAkB,wBAAA;IAEZ,IAAA,KAA4B,IAAA,yBAAgB,GAAE,EAA5C,aAAa,mBAAA,EAAE,MAAM,YAAuB,CAAA;IAEpD,IAAM,KAAK,GAAG,IAAA,cAAK,EAAC,MAAM,EAAE,IAAI,CAAC,CAAA;IAEjC,IAAI,OAAO,EAAE,CAAC;QACZ,OAAO,kDAAK,CAAA;IACd,CAAC;IAED,OAAO,CACL,uBAAC,UAAK,IAAC,IAAI,EAAE,wBAAiB,IAAI,CAAE,YAClC,wBAAC,CAAC,CAAC,YAAY,gBACH,OAAO,YACT,CAAC,CAAC,KAAK,EACf,SAAS,EAAE,wBAAiB,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAE,oBACnC,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,KAAI,EAAE,yBACX,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,SAAS,KAAI,MAAM,aAE9C,iCAAK,SAAS,EAAC,kBAAkB,aAC9B,KAAK,IAAI,CACR,uBAAC,aAAK,IACJ,OAAO,EAAE,IAAI,EACb,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,gBAAgB,EAAE,gBAAgB,EAClC,QAAQ,EAAE,QAAQ,GAClB,CACH,EAED,iCAAK,SAAS,EAAC,eAAe,aAC3B,OAAO,IAAI,uBAAC,0BAAW,KAAG,EAE1B,IAAI,IAAI,CACP,gCAAK,SAAS,EAAC,YAAY,EAAC,OAAO,EAAE,cAAM,OAAA,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,EAAxC,CAAwC,YAChF,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,uBAAC,SAAI,IAAC,IAAI,EAAE,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,EAAE,KAAK,EAAE,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,GAAI,GACzE,CACP,EACD,gCAAK,SAAS,EAAC,eAAe,YAAE,QAAQ,GAAO,EAE9C,kBAAkB,IAAI,CACrB,mCAAQ,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,oBAAoB,EAAC,OAAO,EAAE,cAAM,OAAA,aAAa,CAAC,IAAI,EAAE,EAAE,CAAC,EAAvB,CAAuB,YACzF,uBAAC,SAAI,IAAC,IAAI,EAAC,WAAW,EAAC,KAAK,EAAC,MAAM,GAAG,GAC/B,CACV,IACG,IACF,EAEL,KAAK,IAAI,uBAAC,oBAAY,IAAC,KAAK,EAAE,KAAK,GAAI,IACzB,GACX,CACT,CAAA;AACH,CAAC"}
|
|
@@ -9,6 +9,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
9
9
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
10
|
exports.InputControl = void 0;
|
|
11
11
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
12
|
-
exports.InputControl = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: 100%;\n margin-bottom: 10px;\n position: relative;\n\n .input-content {\n position: relative;\n }\n\n .eye .icon svg {\n fill: ", ";\n }\n\n .input-icon {\n position: absolute;\n z-index: 2;\n left: ", ";\n right: ", ";\n top: 50%;\n transform: translateY(-50%);\n\n svg {\n width: 100%;\n height: auto;\n max-width: ", ";\n }\n }\n\n input,\n select,\n textarea {\n border: 0;\n background-color: #fff;\n color: ", ";\n padding: 0 10px;\n width: -webkit-fill-available;\n position: relative;\n display: flex;\n font-weight: 400;\n border: 1px solid ", ";\n border-radius: 4px;\n font-size: 14px;\n outline: transparent;\n\n &::placeholder {\n font-weight: 400;\n color: ", ";\n }\n }\n\n input
|
|
12
|
+
exports.InputControl = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: 100%;\n margin-bottom: 10px;\n position: relative;\n\n .input-content {\n position: relative;\n }\n\n .eye .icon svg {\n fill: ", ";\n }\n\n .button-clear-input {\n display: flex;\n align-items: center;\n justify-content: center;\n position: absolute;\n right: 5px;\n top: 50%;\n transform: translateY(-50%);\n background-color: transparent;\n border: 0;\n padding: 0;\n width: 14px;\n height: auto;\n\n svg {\n width: 100%;\n height: auto;\n }\n }\n\n &:has(.button-clear-input) input {\n padding-right: 25px;\n }\n\n .input-icon {\n position: absolute;\n z-index: 2;\n left: ", ";\n right: ", ";\n top: 50%;\n transform: translateY(-50%);\n\n svg {\n width: 100%;\n height: auto;\n max-width: ", ";\n }\n }\n\n input,\n select,\n textarea {\n border: 0;\n background-color: #fff;\n color: ", ";\n padding: 0 10px;\n width: -webkit-fill-available;\n position: relative;\n display: flex;\n font-weight: 400;\n border: 1px solid ", ";\n border-radius: 4px;\n font-size: 14px;\n outline: transparent;\n\n &::placeholder {\n font-weight: 400;\n color: ", ";\n }\n }\n\n input,\n select {\n height: 42px;\n }\n\n .input-icon + .input-wrapper {\n input,\n select,\n textarea {\n padding-left: ", ";\n padding-right: ", ";\n }\n }\n\n textarea {\n /* height: 120px; */\n padding-top: 20px;\n padding-bottom: 20px;\n }\n\n input::placeholder {\n color: ", ";\n }\n\n textarea::placeholder {\n color: ", ";\n }\n\n input:read-only,\n select:read-only,\n textarea:read-only {\n opacity: 0.6;\n background-color: #ccc;\n }\n"], ["\n width: 100%;\n margin-bottom: 10px;\n position: relative;\n\n .input-content {\n position: relative;\n }\n\n .eye .icon svg {\n fill: ", ";\n }\n\n .button-clear-input {\n display: flex;\n align-items: center;\n justify-content: center;\n position: absolute;\n right: 5px;\n top: 50%;\n transform: translateY(-50%);\n background-color: transparent;\n border: 0;\n padding: 0;\n width: 14px;\n height: auto;\n\n svg {\n width: 100%;\n height: auto;\n }\n }\n\n &:has(.button-clear-input) input {\n padding-right: 25px;\n }\n\n .input-icon {\n position: absolute;\n z-index: 2;\n left: ", ";\n right: ", ";\n top: 50%;\n transform: translateY(-50%);\n\n svg {\n width: 100%;\n height: auto;\n max-width: ", ";\n }\n }\n\n input,\n select,\n textarea {\n border: 0;\n background-color: #fff;\n color: ", ";\n padding: 0 10px;\n width: -webkit-fill-available;\n position: relative;\n display: flex;\n font-weight: 400;\n border: 1px solid ", ";\n border-radius: 4px;\n font-size: 14px;\n outline: transparent;\n\n &::placeholder {\n font-weight: 400;\n color: ", ";\n }\n }\n\n input,\n select {\n height: 42px;\n }\n\n .input-icon + .input-wrapper {\n input,\n select,\n textarea {\n padding-left: ", ";\n padding-right: ", ";\n }\n }\n\n textarea {\n /* height: 120px; */\n padding-top: 20px;\n padding-bottom: 20px;\n }\n\n input::placeholder {\n color: ", ";\n }\n\n textarea::placeholder {\n color: ", ";\n }\n\n input:read-only,\n select:read-only,\n textarea:read-only {\n opacity: 0.6;\n background-color: #ccc;\n }\n"])), function (props) { return (props.$error ? 'red !important' : '#526484'); }, function (props) { return (props.$inputIconDirection === 'left' ? '10px' : 'unset'); }, function (props) { return (props.$inputIconDirection === 'right' ? '10px' : 'unset'); }, function (props) { return props.$inputIconSize + 'px'; }, function (props) { return (props.$error ? 'red' : '#111'); }, function (props) { return (props.$error ? 'red' : '#ccc'); }, function (props) { return (props.$error ? 'red' : '#828282'); }, function (props) { return (props.$inputIconDirection === 'left' ? props.$inputIconSize + 20 + 'px' : '16px'); }, function (props) { return (props.$inputIconDirection === 'right' ? props.$inputIconSize + 20 + 'px' : '16px'); }, function (props) { return props.theme['grey-dark']; }, function (props) { return props.theme['grey-dark']; });
|
|
13
13
|
var templateObject_1;
|
|
14
14
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/input-control/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AASzB,QAAA,YAAY,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/input-control/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AASzB,QAAA,YAAY,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,+xDAAkB,uJAU/C,EAAwD,sgBA8BxD,EAAoE,gBACnE,EAAqE,6HAO/D,EAAsC,8GAS5C,EAA0C,yJAM/B,EAA0C,6IAOnD,EAA6C,kKAatC,EAA6F,0BAC5F,EAA8F,wJAWxG,EAAmC,kDAInC,EAAmC,kIAS/C,KAlGW,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,SAAS,CAAC,EAA7C,CAA6C,EA8BxD,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,mBAAmB,KAAK,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,EAAzD,CAAyD,EACnE,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,mBAAmB,KAAK,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,EAA1D,CAA0D,EAO/D,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,cAAc,GAAG,IAAI,EAA3B,CAA2B,EAS5C,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,EAA/B,CAA+B,EAM/B,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,EAA/B,CAA+B,EAOnD,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,EAAlC,CAAkC,EAatC,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,mBAAmB,KAAK,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,cAAc,GAAG,EAAE,GAAG,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,EAAlF,CAAkF,EAC5F,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,mBAAmB,KAAK,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,cAAc,GAAG,EAAE,GAAG,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,EAAnF,CAAmF,EAWxG,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,EAAxB,CAAwB,EAInC,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,EAAxB,CAAwB,EAS/C"}
|