phx-react 1.3.1354 → 1.3.1356
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.
|
@@ -11,7 +11,7 @@ var image_1 = tslib_1.__importDefault(require("next/image"));
|
|
|
11
11
|
function SelectedAction(_a) {
|
|
12
12
|
var selectedBtn = _a.selectedBtn, selectedPeople = _a.selectedPeople, _b = _a.slectedTitle, slectedTitle = _b === void 0 ? 'bản ghi' : _b, toggleAll = _a.toggleAll;
|
|
13
13
|
var _c = (0, react_1.useState)({
|
|
14
|
-
|
|
14
|
+
index: 0,
|
|
15
15
|
isOver: false,
|
|
16
16
|
}), isActionOver = _c[0], setIsActionOver = _c[1];
|
|
17
17
|
var iconAction = function (icon) {
|
|
@@ -36,21 +36,10 @@ function SelectedAction(_a) {
|
|
|
36
36
|
};
|
|
37
37
|
}
|
|
38
38
|
};
|
|
39
|
-
// useEffect(() => {
|
|
40
|
-
// const handleEsc = (e) => {
|
|
41
|
-
// if (e.key === 'Escape' && selectedPeople.length > 0) {
|
|
42
|
-
// toggleAll();
|
|
43
|
-
// }
|
|
44
|
-
// };
|
|
45
|
-
// window.addEventListener('keydown', handleEsc);
|
|
46
|
-
// return () => {
|
|
47
|
-
// window.removeEventListener('keydown', handleEsc);
|
|
48
|
-
// };
|
|
49
|
-
// }, []);
|
|
50
39
|
return (react_1.default.createElement("div", { "aria-live": 'assertive', className: 'pointer-events-none absolute inset-0 flex items-center sm:items-start sm:px-4 sm:py-6' },
|
|
51
40
|
react_1.default.createElement("div", { className: 'fixed bottom-10 z-[50] mr-8 flex w-full flex-col items-center' },
|
|
52
41
|
react_1.default.createElement(react_3.Transition, { as: react_2.Fragment, enter: 'transform ease-out duration-300 transition', enterFrom: 'translate-y-2 opacity-0 sm:translate-y-0 sm:translate-y-10', enterTo: 'translate-y-0 opacity-300 sm:translate-y-0', leave: 'transition ease-in duration-100', leaveFrom: 'translate-y-0 opacity-100 sm:translate-y-0', leaveTo: 'translate-y-2 opacity-0 sm:translate-y-0 sm:translate-y-10', show: selectedPeople.length > 0 },
|
|
53
|
-
react_1.default.createElement("div", { className: 'pointer-events-auto flex items-center gap-x-10 rounded-xl bg-indigo-800 p-2.5 text-[12px] sm:gap-x-20 sm:text-xs' },
|
|
42
|
+
react_1.default.createElement("div", { className: 'pointer-events-auto flex items-center gap-x-10 rounded-xl bg-indigo-800 p-2.5 text-[12px] sm:min-w-[30rem] sm:justify-between sm:gap-x-20 sm:text-xs' },
|
|
54
43
|
react_1.default.createElement("button", { className: 'flex items-center gap-x-2 rounded-lg border border-gray-600 p-1.5 text-white hover:bg-white hover:bg-opacity-10', onClick: toggleAll, type: 'button' },
|
|
55
44
|
react_1.default.createElement("p", { className: 'font-normal' }, selectedPeople === null || selectedPeople === void 0 ? void 0 :
|
|
56
45
|
selectedPeople.length,
|
|
@@ -58,19 +47,13 @@ function SelectedAction(_a) {
|
|
|
58
47
|
slectedTitle,
|
|
59
48
|
" \u0111\u00E3 ch\u1ECDn"),
|
|
60
49
|
react_1.default.createElement(outline_1.XMarkIcon, { className: 'mt-0.5 h-4 w-4' })),
|
|
61
|
-
react_1.default.createElement("div", { className: 'hidden items-center gap-x-1 text-gray-300 sm:flex' }, selectedBtn.map(function (item, index) { return (react_1.default.createElement("button", { key: index + 1, className: 'flex gap-x-1.5 rounded-lg px-2.5 py-1.5 hover:bg-white hover:bg-opacity-10 hover:text-white', onClick: function () { return item.onClick(selectedPeople); }, onMouseOut: function () { return setIsActionOver({
|
|
62
|
-
react_1.default.createElement(image_1.default, { alt: '',
|
|
63
|
-
// className="h-5 w-5"
|
|
64
|
-
height: 18, src: isActionOver.icon === (item === null || item === void 0 ? void 0 : item.icon) && isActionOver.isOver
|
|
50
|
+
react_1.default.createElement("div", { className: 'hidden items-center gap-x-1 text-gray-300 sm:flex' }, selectedBtn.map(function (item, index) { return (react_1.default.createElement("button", { key: index + 1, className: 'flex gap-x-1.5 rounded-lg px-2.5 py-1.5 hover:bg-white hover:bg-opacity-10 hover:text-white', onClick: function () { return item.onClick(selectedPeople); }, onMouseOut: function () { return setIsActionOver({ index: index, isOver: false }); }, onMouseOver: function () { return setIsActionOver({ index: index, isOver: true }); }, type: 'button' },
|
|
51
|
+
react_1.default.createElement(image_1.default, { alt: '', height: 18, src: isActionOver.index === index && isActionOver.isOver
|
|
65
52
|
? iconAction(item === null || item === void 0 ? void 0 : item.icon).icon_hover
|
|
66
53
|
: iconAction(item === null || item === void 0 ? void 0 : item.icon).icon, width: 18 }),
|
|
67
54
|
react_1.default.createElement("p", null, item.content))); })),
|
|
68
55
|
selectedBtn.length <= 1 && (react_1.default.createElement("div", { className: 'flex items-center gap-x-1 text-gray-300 sm:hidden' }, selectedBtn.map(function (item, index) { return (react_1.default.createElement("button", { key: index + 1, className: 'flex gap-x-1.5 rounded-lg px-2.5 py-1.5 hover:bg-white hover:bg-opacity-10 hover:text-white', onClick: function () { return item.onClick(selectedPeople); }, type: 'button' },
|
|
69
|
-
react_1.default.createElement(image_1.default, { alt: '',
|
|
70
|
-
// className="h-5 w-5"
|
|
71
|
-
height: 18, src: isActionOver.icon === (item === null || item === void 0 ? void 0 : item.icon) && isActionOver.isOver
|
|
72
|
-
? iconAction(item === null || item === void 0 ? void 0 : item.icon).icon_hover
|
|
73
|
-
: iconAction(item === null || item === void 0 ? void 0 : item.icon).icon, width: 18 }),
|
|
56
|
+
react_1.default.createElement(image_1.default, { alt: '', height: 18, src: iconAction(item === null || item === void 0 ? void 0 : item.icon).icon, width: 18 }),
|
|
74
57
|
react_1.default.createElement("p", null, item.content))); }))),
|
|
75
58
|
selectedBtn.length > 1 && (react_1.default.createElement("div", { className: 'flex items-center gap-x-1 sm:hidden' },
|
|
76
59
|
react_1.default.createElement(react_3.Menu, { as: 'div', className: 'relative inline-block text-left' }, function (_a) {
|
|
@@ -79,11 +62,7 @@ function SelectedAction(_a) {
|
|
|
79
62
|
react_1.default.createElement(react_3.Menu.Button, null,
|
|
80
63
|
react_1.default.createElement("div", { className: 'flex gap-x-1 rounded-lg px-2.5 py-1.5 text-gray-300 hover:bg-white hover:bg-opacity-10 hover:text-white' },
|
|
81
64
|
react_1.default.createElement("p", null, "Xem th\u00EAm"),
|
|
82
|
-
open ? (react_1.default.createElement(image_1.default, { alt: '',
|
|
83
|
-
// className="h-5 w-5"
|
|
84
|
-
height: 18, src: icon_1.PHXIcons.TABLE_ARROW_DOWN, width: 18 })) : (react_1.default.createElement(image_1.default, { alt: '',
|
|
85
|
-
// className="h-5 w-5"
|
|
86
|
-
height: 18, src: icon_1.PHXIcons.TABLE_ARROW_UP, width: 18 })))),
|
|
65
|
+
open ? (react_1.default.createElement(image_1.default, { alt: '', height: 18, src: icon_1.PHXIcons.TABLE_ARROW_DOWN, width: 18 })) : (react_1.default.createElement(image_1.default, { alt: '', height: 18, src: icon_1.PHXIcons.TABLE_ARROW_UP, width: 18 })))),
|
|
87
66
|
react_1.default.createElement(react_3.Transition, { as: react_2.Fragment, enter: 'transition ease-out duration-100', enterFrom: 'transform opacity-0 scale-95', enterTo: 'transform opacity-100 scale-100', leave: 'transition ease-in duration-75', leaveFrom: 'transform opacity-100 scale-100', leaveTo: 'transform opacity-0 scale-95' },
|
|
88
67
|
react_1.default.createElement(react_3.Menu.Items, { className: (0, types_1.classNames)('absolute bottom-10 right-0 z-[50] min-w-[5.2rem] whitespace-nowrap rounded-lg border bg-white px-3 py-1 shadow-[0rem_0.25rem_0.375rem_-0.125rem_rgba(26,26,26,.2)] focus:outline-none') },
|
|
89
68
|
react_1.default.createElement(react_1.default.Fragment, null,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectedAction.js","sourceRoot":"","sources":["../../../../src/components/TableV3/SelectedAction.tsx"],"names":[],"mappings":";;;AAAA,qDAAuC;AACvC,+BAAgC;AAChC,2CAAoD;AACpD,uDAAuD;AACvD,kCAAqC;AACrC,0CAA4C;AAC5C,6DAA8B;AAI9B,SAAS,cAAc,CAAC,EAOrB;QAND,WAAW,iBAAA,EACX,cAAc,oBAAA,EACd,oBAAwB,EAAxB,YAAY,mBAAG,SAAS,KAAA,EACxB,SAAS,eAAA;IAIH,IAAA,KAAkC,IAAA,gBAAQ,EAAC;QAC/C,
|
|
1
|
+
{"version":3,"file":"SelectedAction.js","sourceRoot":"","sources":["../../../../src/components/TableV3/SelectedAction.tsx"],"names":[],"mappings":"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"}
|
|
@@ -8,7 +8,7 @@ import Image from 'next/image';
|
|
|
8
8
|
function SelectedAction(_a) {
|
|
9
9
|
var selectedBtn = _a.selectedBtn, selectedPeople = _a.selectedPeople, _b = _a.slectedTitle, slectedTitle = _b === void 0 ? 'bản ghi' : _b, toggleAll = _a.toggleAll;
|
|
10
10
|
var _c = useState({
|
|
11
|
-
|
|
11
|
+
index: 0,
|
|
12
12
|
isOver: false,
|
|
13
13
|
}), isActionOver = _c[0], setIsActionOver = _c[1];
|
|
14
14
|
var iconAction = function (icon) {
|
|
@@ -33,21 +33,10 @@ function SelectedAction(_a) {
|
|
|
33
33
|
};
|
|
34
34
|
}
|
|
35
35
|
};
|
|
36
|
-
// useEffect(() => {
|
|
37
|
-
// const handleEsc = (e) => {
|
|
38
|
-
// if (e.key === 'Escape' && selectedPeople.length > 0) {
|
|
39
|
-
// toggleAll();
|
|
40
|
-
// }
|
|
41
|
-
// };
|
|
42
|
-
// window.addEventListener('keydown', handleEsc);
|
|
43
|
-
// return () => {
|
|
44
|
-
// window.removeEventListener('keydown', handleEsc);
|
|
45
|
-
// };
|
|
46
|
-
// }, []);
|
|
47
36
|
return (React.createElement("div", { "aria-live": 'assertive', className: 'pointer-events-none absolute inset-0 flex items-center sm:items-start sm:px-4 sm:py-6' },
|
|
48
37
|
React.createElement("div", { className: 'fixed bottom-10 z-[50] mr-8 flex w-full flex-col items-center' },
|
|
49
38
|
React.createElement(Transition, { as: Fragment, enter: 'transform ease-out duration-300 transition', enterFrom: 'translate-y-2 opacity-0 sm:translate-y-0 sm:translate-y-10', enterTo: 'translate-y-0 opacity-300 sm:translate-y-0', leave: 'transition ease-in duration-100', leaveFrom: 'translate-y-0 opacity-100 sm:translate-y-0', leaveTo: 'translate-y-2 opacity-0 sm:translate-y-0 sm:translate-y-10', show: selectedPeople.length > 0 },
|
|
50
|
-
React.createElement("div", { className: 'pointer-events-auto flex items-center gap-x-10 rounded-xl bg-indigo-800 p-2.5 text-[12px] sm:gap-x-20 sm:text-xs' },
|
|
39
|
+
React.createElement("div", { className: 'pointer-events-auto flex items-center gap-x-10 rounded-xl bg-indigo-800 p-2.5 text-[12px] sm:min-w-[30rem] sm:justify-between sm:gap-x-20 sm:text-xs' },
|
|
51
40
|
React.createElement("button", { className: 'flex items-center gap-x-2 rounded-lg border border-gray-600 p-1.5 text-white hover:bg-white hover:bg-opacity-10', onClick: toggleAll, type: 'button' },
|
|
52
41
|
React.createElement("p", { className: 'font-normal' }, selectedPeople === null || selectedPeople === void 0 ? void 0 :
|
|
53
42
|
selectedPeople.length,
|
|
@@ -55,19 +44,13 @@ function SelectedAction(_a) {
|
|
|
55
44
|
slectedTitle,
|
|
56
45
|
" \u0111\u00E3 ch\u1ECDn"),
|
|
57
46
|
React.createElement(XMarkIcon, { className: 'mt-0.5 h-4 w-4' })),
|
|
58
|
-
React.createElement("div", { className: 'hidden items-center gap-x-1 text-gray-300 sm:flex' }, selectedBtn.map(function (item, index) { return (React.createElement("button", { key: index + 1, className: 'flex gap-x-1.5 rounded-lg px-2.5 py-1.5 hover:bg-white hover:bg-opacity-10 hover:text-white', onClick: function () { return item.onClick(selectedPeople); }, onMouseOut: function () { return setIsActionOver({
|
|
59
|
-
React.createElement(Image, { alt: '',
|
|
60
|
-
// className="h-5 w-5"
|
|
61
|
-
height: 18, src: isActionOver.icon === (item === null || item === void 0 ? void 0 : item.icon) && isActionOver.isOver
|
|
47
|
+
React.createElement("div", { className: 'hidden items-center gap-x-1 text-gray-300 sm:flex' }, selectedBtn.map(function (item, index) { return (React.createElement("button", { key: index + 1, className: 'flex gap-x-1.5 rounded-lg px-2.5 py-1.5 hover:bg-white hover:bg-opacity-10 hover:text-white', onClick: function () { return item.onClick(selectedPeople); }, onMouseOut: function () { return setIsActionOver({ index: index, isOver: false }); }, onMouseOver: function () { return setIsActionOver({ index: index, isOver: true }); }, type: 'button' },
|
|
48
|
+
React.createElement(Image, { alt: '', height: 18, src: isActionOver.index === index && isActionOver.isOver
|
|
62
49
|
? iconAction(item === null || item === void 0 ? void 0 : item.icon).icon_hover
|
|
63
50
|
: iconAction(item === null || item === void 0 ? void 0 : item.icon).icon, width: 18 }),
|
|
64
51
|
React.createElement("p", null, item.content))); })),
|
|
65
52
|
selectedBtn.length <= 1 && (React.createElement("div", { className: 'flex items-center gap-x-1 text-gray-300 sm:hidden' }, selectedBtn.map(function (item, index) { return (React.createElement("button", { key: index + 1, className: 'flex gap-x-1.5 rounded-lg px-2.5 py-1.5 hover:bg-white hover:bg-opacity-10 hover:text-white', onClick: function () { return item.onClick(selectedPeople); }, type: 'button' },
|
|
66
|
-
React.createElement(Image, { alt: '',
|
|
67
|
-
// className="h-5 w-5"
|
|
68
|
-
height: 18, src: isActionOver.icon === (item === null || item === void 0 ? void 0 : item.icon) && isActionOver.isOver
|
|
69
|
-
? iconAction(item === null || item === void 0 ? void 0 : item.icon).icon_hover
|
|
70
|
-
: iconAction(item === null || item === void 0 ? void 0 : item.icon).icon, width: 18 }),
|
|
53
|
+
React.createElement(Image, { alt: '', height: 18, src: iconAction(item === null || item === void 0 ? void 0 : item.icon).icon, width: 18 }),
|
|
71
54
|
React.createElement("p", null, item.content))); }))),
|
|
72
55
|
selectedBtn.length > 1 && (React.createElement("div", { className: 'flex items-center gap-x-1 sm:hidden' },
|
|
73
56
|
React.createElement(Menu, { as: 'div', className: 'relative inline-block text-left' }, function (_a) {
|
|
@@ -76,11 +59,7 @@ function SelectedAction(_a) {
|
|
|
76
59
|
React.createElement(Menu.Button, null,
|
|
77
60
|
React.createElement("div", { className: 'flex gap-x-1 rounded-lg px-2.5 py-1.5 text-gray-300 hover:bg-white hover:bg-opacity-10 hover:text-white' },
|
|
78
61
|
React.createElement("p", null, "Xem th\u00EAm"),
|
|
79
|
-
open ? (React.createElement(Image, { alt: '',
|
|
80
|
-
// className="h-5 w-5"
|
|
81
|
-
height: 18, src: PHXIcons.TABLE_ARROW_DOWN, width: 18 })) : (React.createElement(Image, { alt: '',
|
|
82
|
-
// className="h-5 w-5"
|
|
83
|
-
height: 18, src: PHXIcons.TABLE_ARROW_UP, width: 18 })))),
|
|
62
|
+
open ? (React.createElement(Image, { alt: '', height: 18, src: PHXIcons.TABLE_ARROW_DOWN, width: 18 })) : (React.createElement(Image, { alt: '', height: 18, src: PHXIcons.TABLE_ARROW_UP, width: 18 })))),
|
|
84
63
|
React.createElement(Transition, { as: Fragment, enter: 'transition ease-out duration-100', enterFrom: 'transform opacity-0 scale-95', enterTo: 'transform opacity-100 scale-100', leave: 'transition ease-in duration-75', leaveFrom: 'transform opacity-100 scale-100', leaveTo: 'transform opacity-0 scale-95' },
|
|
85
64
|
React.createElement(Menu.Items, { className: classNames('absolute bottom-10 right-0 z-[50] min-w-[5.2rem] whitespace-nowrap rounded-lg border bg-white px-3 py-1 shadow-[0rem_0.25rem_0.375rem_-0.125rem_rgba(26,26,26,.2)] focus:outline-none') },
|
|
86
65
|
React.createElement(React.Fragment, null,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectedAction.js","sourceRoot":"","sources":["../../../../src/components/TableV3/SelectedAction.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAChC,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAA;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AACrC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAC5C,OAAO,KAAK,MAAM,YAAY,CAAA;AAI9B,SAAS,cAAc,CAAC,EAOrB;QAND,WAAW,iBAAA,EACX,cAAc,oBAAA,EACd,oBAAwB,EAAxB,YAAY,mBAAG,SAAS,KAAA,EACxB,SAAS,eAAA;IAIH,IAAA,KAAkC,QAAQ,CAAC;QAC/C,
|
|
1
|
+
{"version":3,"file":"SelectedAction.js","sourceRoot":"","sources":["../../../../src/components/TableV3/SelectedAction.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAChC,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAA;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AACrC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAC5C,OAAO,KAAK,MAAM,YAAY,CAAA;AAI9B,SAAS,cAAc,CAAC,EAOrB;QAND,WAAW,iBAAA,EACX,cAAc,oBAAA,EACd,oBAAwB,EAAxB,YAAY,mBAAG,SAAS,KAAA,EACxB,SAAS,eAAA;IAIH,IAAA,KAAkC,QAAQ,CAAC;QAC/C,KAAK,EAAE,CAAC;QACR,MAAM,EAAE,KAAK;KACd,CAAC,EAHK,YAAY,QAAA,EAAE,eAAe,QAGlC,CAAA;IAEF,IAAM,UAAU,GAAG,UAAC,IAAwB;QAC1C,QAAQ,IAAI,EAAE,CAAC;YACb,KAAK,cAAc;gBACjB,OAAO;oBACL,IAAI,EAAE,QAAQ,CAAC,kBAAkB;oBACjC,UAAU,EAAE,QAAQ,CAAC,wBAAwB;oBAC7C,WAAW,EAAE,QAAQ,CAAC,yBAAyB;iBAChD,CAAA;YACH,KAAK,cAAc;gBACjB,OAAO;oBACL,IAAI,EAAE,QAAQ,CAAC,mBAAmB;oBAClC,UAAU,EAAE,QAAQ,CAAC,wBAAwB;oBAC7C,WAAW,EAAE,QAAQ,CAAC,yBAAyB;iBAChD,CAAA;YACH;gBACE,OAAO;oBACL,IAAI,EAAE,QAAQ,CAAC,mBAAmB;oBAClC,UAAU,EAAE,QAAQ,CAAC,yBAAyB;oBAC9C,WAAW,EAAE,QAAQ,CAAC,0BAA0B;iBACjD,CAAA;QACL,CAAC;IACH,CAAC,CAAA;IAED,OAAO,CACL,0CACY,WAAW,EACrB,SAAS,EAAC,uFAAuF;QAEjG,6BAAK,SAAS,EAAC,+DAA+D;YAC5E,oBAAC,UAAU,IACT,EAAE,EAAE,QAAQ,EACZ,KAAK,EAAC,4CAA4C,EAClD,SAAS,EAAC,4DAA4D,EACtE,OAAO,EAAC,4CAA4C,EACpD,KAAK,EAAC,iCAAiC,EACvC,SAAS,EAAC,4CAA4C,EACtD,OAAO,EAAC,4DAA4D,EACpE,IAAI,EAAE,cAAc,CAAC,MAAM,GAAG,CAAC;gBAE/B,6BAAK,SAAS,EAAC,sJAAsJ;oBACnK,gCACE,SAAS,EAAC,iHAAiH,EAC3H,OAAO,EAAE,SAAS,EAClB,IAAI,EAAC,QAAQ;wBAEb,2BAAG,SAAS,EAAC,aAAa,IACvB,cAAc,aAAd,cAAc;4BAAd,cAAc,CAAE,MAAM;;4BAAG,YAAY;sDACpC;wBACJ,oBAAC,SAAS,IAAC,SAAS,EAAC,gBAAgB,GAAG,CACjC;oBACT,6BAAK,SAAS,EAAC,mDAAmD,IAC/D,WAAW,CAAC,GAAG,CAAC,UAAC,IAAS,EAAE,KAAa,IAAK,OAAA,CAC7C,gCACE,GAAG,EAAE,KAAK,GAAG,CAAC,EACd,SAAS,EAAC,6FAA6F,EACvG,OAAO,EAAE,cAAM,OAAA,IAAI,CAAC,OAAO,CAAC,cAAc,CAAC,EAA5B,CAA4B,EAC3C,UAAU,EAAE,cAAM,OAAA,eAAe,CAAC,EAAE,KAAK,OAAA,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,EAAzC,CAAyC,EAC3D,WAAW,EAAE,cAAM,OAAA,eAAe,CAAC,EAAE,KAAK,OAAA,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,EAAxC,CAAwC,EAC3D,IAAI,EAAC,QAAQ;wBAEb,oBAAC,KAAK,IACJ,GAAG,EAAC,EAAE,EACN,MAAM,EAAE,EAAE,EACV,GAAG,EACD,YAAY,CAAC,KAAK,KAAK,KAAK,IAAI,YAAY,CAAC,MAAM;gCACjD,CAAC,CAAC,UAAU,CAAC,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,CAAC,CAAC,UAAU;gCACnC,CAAC,CAAC,UAAU,CAAC,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,CAAC,CAAC,IAAI,EAEjC,KAAK,EAAE,EAAE,GACT;wBACF,+BAAI,IAAI,CAAC,OAAO,CAAK,CACd,CACV,EArB8C,CAqB9C,CAAC,CACE;oBACL,WAAW,CAAC,MAAM,IAAI,CAAC,IAAI,CAC1B,6BAAK,SAAS,EAAC,mDAAmD,IAC/D,WAAW,CAAC,GAAG,CAAC,UAAC,IAAS,EAAE,KAAa,IAAK,OAAA,CAC7C,gCACE,GAAG,EAAE,KAAK,GAAG,CAAC,EACd,SAAS,EAAC,6FAA6F,EACvG,OAAO,EAAE,cAAM,OAAA,IAAI,CAAC,OAAO,CAAC,cAAc,CAAC,EAA5B,CAA4B,EAC3C,IAAI,EAAC,QAAQ;wBAEb,oBAAC,KAAK,IAAC,GAAG,EAAC,EAAE,EAAC,MAAM,EAAE,EAAE,EAAE,GAAG,EAAE,UAAU,CAAC,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,GAAI;wBACzE,+BAAI,IAAI,CAAC,OAAO,CAAK,CACd,CACV,EAV8C,CAU9C,CAAC,CACE,CACP;oBACA,WAAW,CAAC,MAAM,GAAG,CAAC,IAAI,CACzB,6BAAK,SAAS,EAAC,qCAAqC;wBAClD,oBAAC,IAAI,IAAC,EAAE,EAAC,KAAK,EAAC,SAAS,EAAC,iCAAiC,IACvD,UAAC,EAAQ;gCAAN,IAAI,UAAA;4BAAO,OAAA,CACb;gCACE,oBAAC,IAAI,CAAC,MAAM;oCACV,6BAAK,SAAS,EAAC,yGAAyG;wCACtH,+CAAe;wCACd,IAAI,CAAC,CAAC,CAAC,CACN,oBAAC,KAAK,IAAC,GAAG,EAAC,EAAE,EAAC,MAAM,EAAE,EAAE,EAAE,GAAG,EAAE,QAAQ,CAAC,gBAAgB,EAAE,KAAK,EAAE,EAAE,GAAI,CACxE,CAAC,CAAC,CAAC,CACF,oBAAC,KAAK,IAAC,GAAG,EAAC,EAAE,EAAC,MAAM,EAAE,EAAE,EAAE,GAAG,EAAE,QAAQ,CAAC,cAAc,EAAE,KAAK,EAAE,EAAE,GAAI,CACtE,CACG,CACM;gCACd,oBAAC,UAAU,IACT,EAAE,EAAE,QAAQ,EACZ,KAAK,EAAC,kCAAkC,EACxC,SAAS,EAAC,8BAA8B,EACxC,OAAO,EAAC,iCAAiC,EACzC,KAAK,EAAC,gCAAgC,EACtC,SAAS,EAAC,iCAAiC,EAC3C,OAAO,EAAC,8BAA8B;oCAEtC,oBAAC,IAAI,CAAC,KAAK,IACT,SAAS,EAAE,UAAU,CACnB,uLAAuL,CACxL;wCAED;4CACE,6BAAK,SAAS,EAAC,MAAM,IAClB,WAAW,CAAC,GAAG,CAAC,UAAC,IAAS,EAAE,KAAa,IAAK,OAAA,CAC7C,oBAAC,IAAI,CAAC,IAAI,IAAC,GAAG,EAAE,KAAK;gDACnB,gCACE,GAAG,EAAE,KAAK,GAAG,CAAC,EACd,SAAS,EAAC,qEAAqE,EAC/E,OAAO,EAAE,cAAM,OAAA,IAAI,CAAC,OAAO,CAAC,cAAc,CAAC,EAA5B,CAA4B,EAC3C,IAAI,EAAC,QAAQ;oDAEb,oBAAC,KAAK,IACJ,GAAG,EAAC,EAAE,EACN,SAAS,EAAC,uBAAuB,EACjC,MAAM,EAAE,EAAE,EACV,GAAG,EAAE,UAAU,CAAC,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,CAAC,CAAC,WAAW,EACvC,KAAK,EAAE,EAAE,GACT;oDACF,+BAAI,IAAI,CAAC,OAAO,CAAK,CACd,CACC,CACb,EAlB8C,CAkB9C,CAAC,CACE,CACL,CACQ,CACF,CACT,CACP;wBApDc,CAoDd,CACI,CACH,CACP,CACG,CACK,CACT,CACF,CACP,CAAA;AACH,CAAC;AAED,eAAe,cAAc,CAAA"}
|