infinity-forge 8.0.6 → 8.0.8
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 +14 -5
- package/dist/system/components/data/menu/components/menu-item/index.js.map +1 -1
- package/dist/system/components/data/menu/modes/collapsed-menu/index.js.map +1 -1
- package/dist/system/components/data/menu/modes/collapsed-menu/styles.js +1 -1
- package/dist/system/components/data/menu/modes/collapsed-menu/styles.js.map +1 -1
- package/dist/system/components/data/menu/styles.js +2 -2
- package/dist/system/components/data/menu/styles.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,4 +1,15 @@
|
|
|
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
|
+
};
|
|
2
13
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
14
|
if (k2 === undefined) k2 = k;
|
|
4
15
|
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
@@ -32,14 +43,10 @@ var __importStar = (this && this.__importStar) || (function () {
|
|
|
32
43
|
return result;
|
|
33
44
|
};
|
|
34
45
|
})();
|
|
35
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
36
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
37
|
-
};
|
|
38
46
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
39
47
|
exports.MenuItem = MenuItem;
|
|
40
48
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
41
49
|
var react_1 = require("react");
|
|
42
|
-
var link_1 = __importDefault(require("next/link"));
|
|
43
50
|
var router_1 = require("next/router");
|
|
44
51
|
var ui_1 = require("../../../../../../ui/index.js");
|
|
45
52
|
var system_1 = require("../../../../../../system/index.js");
|
|
@@ -73,7 +80,9 @@ function MenuItem(_a) {
|
|
|
73
80
|
function ItemContent(_a) {
|
|
74
81
|
var _b;
|
|
75
82
|
var href = _a.href;
|
|
76
|
-
|
|
83
|
+
var Element = href ? 'a' : 'span';
|
|
84
|
+
var attributes = href ? { href: href, target: item === null || item === void 0 ? void 0 : item.target } : {};
|
|
85
|
+
return ((0, jsx_runtime_1.jsxs)(Element, __assign({}, attributes, { 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' }) }))] })));
|
|
77
86
|
}
|
|
78
87
|
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)] }));
|
|
79
88
|
}
|
|
@@ -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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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/system/components/data/menu/modes/collapsed-menu/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/system/components/data/menu/modes/collapsed-menu/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,sCA+BC;;AAtCD,mCAA+C;AAC/C,2BAA2D;AAE3D,wDAAqD;AAErD,0CAA6B;AAE7B,SAAgB,aAAa;;IACnB,IAAA,IAAI,GAAK,IAAA,oBAAW,GAAE,KAAlB,CAAkB;IACxB,IAAA,KAA4B,IAAA,gBAAO,GAAE,EAAnC,QAAQ,cAAA,EAAE,WAAW,iBAAc,CAAA;IAC3C,IAAM,MAAM,GAAG,IAAA,iBAAY,EAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAA;IAE7C,IAAM,MAAM,GAAG,IAAA,cAAS,GAAE,CAAA;IAC1B,IAAM,QAAQ,GAAG,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,UAAU,KAAI,IAAI,CAAA;IAE3C,OAAO,CACL,uBAAC,UAAK,IAAC,IAAI,EAAC,eAAe,YACzB,gCAAK,KAAK,EAAE,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,EAAE,EAAE,EAAC,OAAO,EAAC,SAAS,EAAC,OAAO,YAC1F,wBAAC,CAAC,CAAC,aAAa,IACd,KAAK,EAAE,EAAE,MAAM,EAAE,uBAAgB,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,YAAY,IAAG,IAAI,MAAG,EAAE,EACjE,EAAE,EAAC,SAAS,EACZ,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,aAE1C,mCAAQ,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,QAAQ,EAAC,OAAO,EAAE,cAAM,OAAA,WAAW,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,EAAF,CAAE,CAAC,EAAtB,CAAsB,YAC5E,uBAAC,SAAI,IAAC,IAAI,EAAC,kBAAkB,GAAG,GACzB,EAER,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,0CAAE,GAAG,CAAC,UAAC,IAAI,EAAE,KAAK,IAAK,OAAA,CACjC,yCACE,uBAAC,UAAK,IAAC,IAAI,EAAE,IAAI,CAAC,EAAE,GAAG,IAAI,CAAC,KAAK,GAAG,gBAAgB,YAClD,uBAAC,oBAAQ,IAAwC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,IAA1D,WAAW,GAAG,KAAK,GAAG,IAAI,CAAC,KAAK,CAA8B,GACvE,IAHD,IAAI,CAAC,EAAE,GAAG,IAAI,CAAC,KAAK,CAIxB,CACN,EANkC,CAMlC,CAAC,IACc,GACd,GACA,CACT,CAAA;AACH,CAAC"}
|
|
@@ -10,6 +10,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
10
10
|
exports.CollapsedMenu = void 0;
|
|
11
11
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
12
12
|
var styles_1 = require("../../styles.js");
|
|
13
|
-
exports.CollapsedMenu = (0, styled_components_1.default)(styles_1.DefaultMenuStyle)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n padding: 41px 0 15px 0;\n z-index: 99;\n width: 65px;\n min-width: 65px;\n position: absolute;\n z-index: 2;\n left: 0;\n top: 0;\n\n .ghost {\n width: 65px;\n }\n\n &.open {\n width: 240px !important;\n transition: 0.3s;\n\n .expand {\n svg {\n transform: rotate(180deg);\n }\n }\n }\n\n .expand {\n position: absolute;\n top: 10px;\n right: -12px;\n padding: 8px;\n width: 24px;\n height: 24px;\n border-radius: 100%;\n background-color: ", ";\n display: flex;\n align-items: center;\n justify-content: center;\n border: 0;\n z-index: 56;\n\n svg {\n width: 100%;\n fill: #fff;\n height: auto;\n }\n }\n\n &:not(.open) > ul {\n > li {\n
|
|
13
|
+
exports.CollapsedMenu = (0, styled_components_1.default)(styles_1.DefaultMenuStyle)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n padding: 41px 0 15px 0;\n z-index: 99;\n width: 65px;\n min-width: 65px;\n position: absolute;\n z-index: 2;\n left: 0;\n top: 0;\n\n .ghost {\n width: 65px;\n }\n\n &.open {\n width: 240px !important;\n transition: 0.3s;\n\n .expand {\n svg {\n transform: rotate(180deg);\n }\n }\n }\n\n .expand {\n position: absolute;\n top: 10px;\n right: -12px;\n padding: 8px;\n width: 24px;\n height: 24px;\n border-radius: 100%;\n background-color: ", ";\n display: flex;\n align-items: center;\n justify-content: center;\n border: 0;\n z-index: 56;\n\n svg {\n width: 100%;\n fill: #fff;\n height: auto;\n }\n }\n\n &:not(.open) > ul {\n > li {\n .link-menu {\n grid-template-columns: 1fr !important;\n\n > div {\n width: fit-content;\n margin: auto;\n }\n\n a,\n .arrow {\n display: none;\n }\n }\n }\n\n ul {\n min-width: max-content;\n width: 240px;\n }\n }\n"], ["\n padding: 41px 0 15px 0;\n z-index: 99;\n width: 65px;\n min-width: 65px;\n position: absolute;\n z-index: 2;\n left: 0;\n top: 0;\n\n .ghost {\n width: 65px;\n }\n\n &.open {\n width: 240px !important;\n transition: 0.3s;\n\n .expand {\n svg {\n transform: rotate(180deg);\n }\n }\n }\n\n .expand {\n position: absolute;\n top: 10px;\n right: -12px;\n padding: 8px;\n width: 24px;\n height: 24px;\n border-radius: 100%;\n background-color: ", ";\n display: flex;\n align-items: center;\n justify-content: center;\n border: 0;\n z-index: 56;\n\n svg {\n width: 100%;\n fill: #fff;\n height: auto;\n }\n }\n\n &:not(.open) > ul {\n > li {\n .link-menu {\n grid-template-columns: 1fr !important;\n\n > div {\n width: fit-content;\n margin: auto;\n }\n\n a,\n .arrow {\n display: none;\n }\n }\n }\n\n ul {\n min-width: max-content;\n width: 240px;\n }\n }\n"])), function (props) { return props.theme.primaryColor; });
|
|
14
14
|
var templateObject_1;
|
|
15
15
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../../src/system/components/data/menu/modes/collapsed-menu/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AACtC,uCAA+C;AAElC,QAAA,aAAa,GAAG,IAAA,2BAAM,EAAC,yBAAgB,CAAC,
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../../src/system/components/data/menu/modes/collapsed-menu/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AACtC,uCAA+C;AAElC,QAAA,aAAa,GAAG,IAAA,2BAAM,EAAC,yBAAgB,CAAC,+mCAAA,kgBAiC7B,EAAmC,wiBAoC1D,KApCuB,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,YAAY,EAAxB,CAAwB,EAoC1D"}
|
|
@@ -9,8 +9,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
9
9
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
10
|
exports.Overlay = exports.SubMenu = exports.DefaultMenuStyle = void 0;
|
|
11
11
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
12
|
-
exports.DefaultMenuStyle = (0, styled_components_1.default)('aside')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n position: block;\n width: 285px;\n padding: 25px 0 15px 0;\n border-right: 1px solid #e1e1e1;\n z-index: 8;\n background: #fff;\n transition: 0.3s;\n\n * {\n transition: all 0.2s;\n }\n\n ul {\n list-style-type: none;\n padding: 0;\n margin-top: 0;\n /* margin-bottom: clamp(10px, 0.75vw, 15px); */\n background: #fff;\n\n &.submenu {\n width: fit-content;\n }\n\n & + & {\n margin-top: clamp(10px, 0.75vw, 15px);\n }\n\n * {\n color: ", ";\n text-decoration: none;\n }\n\n li:has(> ul > .active-page) {\n background: ", ";\n\n * {\n color: #fff;\n }\n }\n\n li {\n position: relative;\n border-radius: 5px;\n\n cursor: pointer;\n width: 100%;\n\n &:hover,\n &.open {\n background: ", ";\n\n * {\n color: #fff;\n }\n }\n\n svg {\n width: 100%;\n height: auto;\n fill: currentColor;\n }\n\n
|
|
13
|
-
exports.SubMenu = styled_components_1.default.ul(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: none;\n position: absolute;\n left: 100%;\n top: 0;\n border-radius: 5px;\n /* padding: 4px !important; */\n z-index: 24;\n background-color: #ffffff;\n border: 1px solid #d1d5db;\n box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);\n transition: background-color 0.3s, border-color 0.3s;\n width: 100%;\n\n * {\n color: ", " !important;\n }\n\n li {\n &:hover {\n background: rgb(225, 225, 225) !important;\n }\n\n &.active-page {\n background: rgb(225, 225, 225) !important;\n }\n }\n\n @media only screen and (max-width: 1024px) {\n position: relative;\n box-shadow: none;\n border: none;\n border-radius: 0;\n inset: unset;\n }\n"], ["\n display: none;\n position: absolute;\n left: 100%;\n top: 0;\n border-radius: 5px;\n /* padding: 4px !important; */\n z-index: 24;\n background-color: #ffffff;\n border: 1px solid #d1d5db;\n box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);\n transition: background-color 0.3s, border-color 0.3s;\n width: 100%;\n\n * {\n color: ", " !important;\n }\n\n li {\n &:hover {\n background: rgb(225, 225, 225) !important;\n }\n\n &.active-page {\n background: rgb(225, 225, 225) !important;\n }\n }\n\n @media only screen and (max-width: 1024px) {\n position: relative;\n box-shadow: none;\n border: none;\n border-radius: 0;\n inset: unset;\n }\n"])), function (props) { return props.theme.darkColor; });
|
|
12
|
+
exports.DefaultMenuStyle = (0, styled_components_1.default)('aside')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n position: block;\n width: 285px;\n padding: 25px 0 15px 0;\n border-right: 1px solid #e1e1e1;\n z-index: 8;\n background: #fff;\n transition: 0.3s;\n\n * {\n transition: all 0.2s;\n }\n\n ul {\n list-style-type: none;\n padding: 0;\n margin-top: 0;\n /* margin-bottom: clamp(10px, 0.75vw, 15px); */\n background: #fff;\n\n &.submenu {\n width: fit-content;\n }\n\n & + & {\n margin-top: clamp(10px, 0.75vw, 15px);\n }\n\n * {\n color: ", ";\n text-decoration: none;\n }\n\n li:has(> ul > .active-page) {\n background: ", ";\n\n * {\n color: #fff;\n }\n }\n\n li {\n position: relative;\n border-radius: 5px;\n\n cursor: pointer;\n width: 100%;\n\n &:hover,\n &.open {\n background: ", ";\n\n * {\n color: #fff;\n }\n }\n\n svg {\n width: 100%;\n height: auto;\n fill: currentColor;\n }\n\n .link-menu {\n display: grid;\n grid-template-columns: max-content 14px;\n align-items: center;\n justify-content: space-between;\n padding: 0px 15px;\n height: 100%;\n height: clamp(34px, 2.08vw, 40px);\n\n > div {\n display: flex;\n align-items: center;\n gap: 5px;\n }\n\n .icon {\n display: flex;\n width: 20px;\n height: 20px;\n }\n\n .arrow {\n width: 7px !important;\n display: flex;\n }\n }\n\n &:hover {\n > ul {\n display: block;\n }\n }\n }\n }\n\n // Responsives\n\n @media only screen and (max-width: 1024px) {\n position: fixed;\n top: 0;\n left: 0;\n transform: translateX(-120%);\n transition: transform 0.3s;\n min-height: 100dvh;\n\n &.open {\n transform: translateX(0);\n }\n\n li.open {\n ul {\n display: block;\n }\n }\n }\n"], ["\n position: block;\n width: 285px;\n padding: 25px 0 15px 0;\n border-right: 1px solid #e1e1e1;\n z-index: 8;\n background: #fff;\n transition: 0.3s;\n\n * {\n transition: all 0.2s;\n }\n\n ul {\n list-style-type: none;\n padding: 0;\n margin-top: 0;\n /* margin-bottom: clamp(10px, 0.75vw, 15px); */\n background: #fff;\n\n &.submenu {\n width: fit-content;\n }\n\n & + & {\n margin-top: clamp(10px, 0.75vw, 15px);\n }\n\n * {\n color: ", ";\n text-decoration: none;\n }\n\n li:has(> ul > .active-page) {\n background: ", ";\n\n * {\n color: #fff;\n }\n }\n\n li {\n position: relative;\n border-radius: 5px;\n\n cursor: pointer;\n width: 100%;\n\n &:hover,\n &.open {\n background: ", ";\n\n * {\n color: #fff;\n }\n }\n\n svg {\n width: 100%;\n height: auto;\n fill: currentColor;\n }\n\n .link-menu {\n display: grid;\n grid-template-columns: max-content 14px;\n align-items: center;\n justify-content: space-between;\n padding: 0px 15px;\n height: 100%;\n height: clamp(34px, 2.08vw, 40px);\n\n > div {\n display: flex;\n align-items: center;\n gap: 5px;\n }\n\n .icon {\n display: flex;\n width: 20px;\n height: 20px;\n }\n\n .arrow {\n width: 7px !important;\n display: flex;\n }\n }\n\n &:hover {\n > ul {\n display: block;\n }\n }\n }\n }\n\n // Responsives\n\n @media only screen and (max-width: 1024px) {\n position: fixed;\n top: 0;\n left: 0;\n transform: translateX(-120%);\n transition: transform 0.3s;\n min-height: 100dvh;\n\n &.open {\n transform: translateX(0);\n }\n\n li.open {\n ul {\n display: block;\n }\n }\n }\n"])), function (props) { return props.theme.darkColor; }, function (props) { return props.theme.darkColor; }, function (props) { return props.theme.darkColor; });
|
|
13
|
+
exports.SubMenu = styled_components_1.default.ul(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: none;\n position: absolute;\n left: 100%;\n top: 0;\n border-radius: 5px;\n /* padding: 4px !important; */\n z-index: 24;\n background-color: #ffffff;\n border: 1px solid #d1d5db;\n box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);\n transition: background-color 0.3s, border-color 0.3s;\n width: 100%;\n\n * {\n color: ", " !important;\n }\n\n li {\n &:hover {\n background: rgb(225, 225, 225) !important;\n }\n\n &.active-page {\n background: rgb(225, 225, 225) !important;\n }\n }\n\n @media only screen and (max-width: 1024px) {\n position: relative;\n box-shadow: none;\n border: none;\n border-radius: 0;\n inset: unset;\n }\n"], ["\n display: none;\n position: absolute;\n left: 100%;\n top: 0;\n border-radius: 5px;\n /* padding: 4px !important; */\n z-index: 24;\n background-color: #ffffff;\n border: 1px solid #d1d5db;\n box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);\n transition: background-color 0.3s, border-color 0.3s;\n width: 100%;\n\n * {\n color: ", " !important;\n }\n\n li {\n &:hover {\n background: rgb(225, 225, 225) !important;\n }\n\n &.active-page {\n background: rgb(225, 225, 225) !important;\n }\n }\n\n @media only screen and (max-width: 1024px) {\n position: relative;\n box-shadow: none;\n border: none;\n border-radius: 0;\n inset: unset;\n }\n"])), function (props) { return props.theme.darkColor || '#000'; });
|
|
14
14
|
exports.Overlay = (0, styled_components_1.default)('div')(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100dvh;\n background: rgba(0, 0, 0, 0.4);\n z-index: 7;\n"], ["\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100dvh;\n background: rgba(0, 0, 0, 0.4);\n z-index: 7;\n"])));
|
|
15
15
|
var templateObject_1, templateObject_2, templateObject_3;
|
|
16
16
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/system/components/data/menu/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,gBAAgB,GAAG,IAAA,2BAAM,EAAC,OAAO,CAAC,
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/system/components/data/menu/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,gBAAgB,GAAG,IAAA,2BAAM,EAAC,OAAO,CAAC,ihEAAA,kfA6BhC,EAAgC,iGAK3B,EAAgC,8NAgB9B,EAAgC,upCAoErD,KAzFc,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,SAAS,EAArB,CAAqB,EAK3B,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,SAAS,EAArB,CAAqB,EAgB9B,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,SAAS,EAArB,CAAqB,EAoErD;AAEY,QAAA,OAAO,GAAG,2BAAM,CAAC,EAAE,myBAAoB,8XAevC,EAA0C,gWAoBtD,KApBY,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,SAAS,IAAI,MAAM,EAA/B,CAA+B,EAoBtD;AAEY,QAAA,OAAO,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,uMAAA,oIAQnC,KAAA"}
|