phx-react 1.3.1446 → 1.3.1447
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/cjs/assets/icons/empty-record-icon.svg +1 -1
- package/dist/cjs/components/EmptyRecord/EmptyRecord.d.ts +1 -4
- package/dist/cjs/components/EmptyRecord/EmptyRecord.js +16 -14
- package/dist/cjs/components/EmptyRecord/EmptyRecord.js.map +1 -1
- package/dist/cjs/components/EmptyRecord/EmptySvg.js +1 -1
- package/dist/cjs/components/EmptySearch/EmptySearch.js +1 -1
- package/dist/cjs/components/EmptySearch/EmptySearch.js.map +1 -1
- package/dist/esm/assets/icons/empty-record-icon.svg +1 -1
- package/dist/esm/components/EmptyRecord/EmptyRecord.d.ts +1 -4
- package/dist/esm/components/EmptyRecord/EmptyRecord.js +16 -14
- package/dist/esm/components/EmptyRecord/EmptyRecord.js.map +1 -1
- package/dist/esm/components/EmptyRecord/EmptySvg.js +1 -1
- package/dist/esm/components/EmptySearch/EmptySearch.js +1 -1
- package/dist/esm/components/EmptySearch/EmptySearch.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
<svg width="
|
|
1
|
+
<svg width="130" height="101" viewBox="0 0 152 120" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
2
|
<circle cx="76" cy="52" r="52" fill="#F4F4F4"/>
|
|
3
3
|
<g filter="url(#filter0_dd_2226_63659)">
|
|
4
4
|
<path d="M77.6 16C66.8273 16 57.2978 21.3233 51.4987 29.4829C49.605 29.0363 47.6301 28.8 45.6 28.8C31.4615 28.8 20 40.2615 20 54.4C20 68.5385 31.4615 80 45.6 80L109.6 80C121.971 80 132 69.9712 132 57.6C132 45.2288 121.971 35.2 109.6 35.2C108.721 35.2 107.854 35.2506 107.002 35.349C102.098 23.9677 90.7797 16 77.6 16Z" fill="#F9FAFB"/>
|
|
@@ -6,12 +6,9 @@ export interface PHXEmptyRecordProps {
|
|
|
6
6
|
icon?: React.ReactNode;
|
|
7
7
|
primaryAction?: ComplexAction;
|
|
8
8
|
secondaryAction?: ComplexAction;
|
|
9
|
-
primaryActionText?: string;
|
|
10
|
-
buttonType?: 'primary' | 'secondary' | 'danger' | 'danger2' | 'soft' | 'plain' | 'tertiary' | 'plainCritical' | 'primaryCritical' | 'deleted';
|
|
11
|
-
onPrimaryAction?(): void;
|
|
12
9
|
type?: 'default' | 'small' | 'micro';
|
|
13
10
|
title?: string;
|
|
14
11
|
description?: string;
|
|
15
12
|
loading?: boolean;
|
|
16
13
|
}
|
|
17
|
-
export declare function PHXEmptyRecord({ border,
|
|
14
|
+
export declare function PHXEmptyRecord({ border, className, description, icon, loading, primaryAction, secondaryAction, title, type, }: PHXEmptyRecordProps): React.JSX.Element;
|
|
@@ -7,23 +7,25 @@ var EmptySvg_1 = tslib_1.__importDefault(require("./EmptySvg"));
|
|
|
7
7
|
var Button_1 = require("../Button");
|
|
8
8
|
var Loading_1 = require("../Loading");
|
|
9
9
|
function PHXEmptyRecord(_a) {
|
|
10
|
-
var _b, _c, _d;
|
|
11
|
-
var
|
|
10
|
+
var border = _a.border, className = _a.className, _b = _a.description, description = _b === void 0 ? 'Dữ liệu đang trống.' : _b, icon = _a.icon, loading = _a.loading, primaryAction = _a.primaryAction, secondaryAction = _a.secondaryAction, _c = _a.title, title = _c === void 0 ? 'Trống' : _c, _d = _a.type, type = _d === void 0 ? 'default' : _d;
|
|
11
|
+
var renderActionComponent = function () { return (react_1.default.createElement("div", { className: 'flex flex-row-reverse flex-wrap items-center justify-center gap-2 pt-3' },
|
|
12
|
+
primaryAction && (react_1.default.createElement(Button_1.PHXButton, { className: 'font-semibold', disabled: primaryAction === null || primaryAction === void 0 ? void 0 : primaryAction.disabled, loading: primaryAction === null || primaryAction === void 0 ? void 0 : primaryAction.loading, onClick: primaryAction.onClick, primary: true, size: 'small' }, primaryAction.content)),
|
|
13
|
+
secondaryAction && (react_1.default.createElement(Button_1.PHXButton, { className: 'font-semibold', disabled: secondaryAction === null || secondaryAction === void 0 ? void 0 : secondaryAction.disabled, loading: secondaryAction === null || secondaryAction === void 0 ? void 0 : secondaryAction.loading, onClick: secondaryAction.onClick, secondary: true, size: 'small' }, secondaryAction.content)))); };
|
|
12
14
|
return (react_1.default.createElement("div", { className: className },
|
|
13
|
-
type === 'default' && (react_1.default.createElement("div", { className: "flex
|
|
15
|
+
type === 'default' && (react_1.default.createElement("div", { className: "flex min-w-full flex-col items-center bg-white px-4 py-2 pb-14 pt-16 text-center align-middle sm:rounded-lg md:px-6 md:pr-0 lg:px-8 ".concat(border ? 'border shadow' : '') }, !loading ? (react_1.default.createElement(react_1.default.Fragment, null,
|
|
14
16
|
react_1.default.createElement(EmptySvg_1.default, { icon: icon }),
|
|
15
|
-
react_1.default.createElement("p", { className: ' mt-
|
|
16
|
-
react_1.default.createElement("span", { className: 'mt-1 text-
|
|
17
|
-
|
|
18
|
-
type === 'small' && (react_1.default.createElement("div", { className: "flex
|
|
17
|
+
react_1.default.createElement("p", { className: ' mt-3 text-sm font-semibold text-gray-900' }, title),
|
|
18
|
+
react_1.default.createElement("span", { className: 'mt-1 text-[12px] font-medium text-gray-500' }, description),
|
|
19
|
+
primaryAction || secondaryAction ? renderActionComponent() : react_1.default.createElement(react_1.default.Fragment, null))) : (react_1.default.createElement(Loading_1.PHXSpinner, null)))),
|
|
20
|
+
type === 'small' && (react_1.default.createElement("div", { className: "flex min-w-full flex-col items-center bg-white px-4 py-2 pb-10 pt-10 text-center align-middle sm:rounded-lg md:px-6 md:pr-0 lg:px-8 ".concat(border ? 'border shadow' : '') }, !loading ? (react_1.default.createElement(react_1.default.Fragment, null,
|
|
19
21
|
react_1.default.createElement(EmptySvg_1.default, { icon: icon }),
|
|
20
|
-
react_1.default.createElement("p", { className: '
|
|
21
|
-
react_1.default.createElement("span", { className: 'mt-1 text-
|
|
22
|
-
|
|
23
|
-
type === 'micro' && (react_1.default.createElement("div", { className: "flex
|
|
22
|
+
react_1.default.createElement("p", { className: 'text-sm font-semibold text-gray-900' }, title),
|
|
23
|
+
react_1.default.createElement("span", { className: 'mt-1 text-[12px] font-medium text-gray-500' }, description),
|
|
24
|
+
primaryAction || secondaryAction ? renderActionComponent() : react_1.default.createElement(react_1.default.Fragment, null))) : (react_1.default.createElement(Loading_1.PHXSpinner, null)))),
|
|
25
|
+
type === 'micro' && (react_1.default.createElement("div", { className: "flex min-w-full flex-col items-center bg-white px-4 py-2 pb-5 pt-8 text-center align-middle sm:rounded-lg md:px-6 md:pr-0 lg:px-8 ".concat(border ? 'border shadow' : '') }, !loading ? (react_1.default.createElement(react_1.default.Fragment, null,
|
|
24
26
|
react_1.default.createElement(EmptySvg_1.default, { icon: icon }),
|
|
25
|
-
react_1.default.createElement("p", { className: '
|
|
26
|
-
react_1.default.createElement("span", { className: 'mt-1 text-
|
|
27
|
-
|
|
27
|
+
react_1.default.createElement("p", { className: 'text-sm font-semibold text-gray-900' }, title),
|
|
28
|
+
react_1.default.createElement("span", { className: 'mt-1 text-[12px] font-medium text-gray-500' }, description),
|
|
29
|
+
primaryAction || secondaryAction ? renderActionComponent() : react_1.default.createElement(react_1.default.Fragment, null))) : (react_1.default.createElement(Loading_1.PHXSpinner, null))))));
|
|
28
30
|
}
|
|
29
31
|
//# sourceMappingURL=EmptyRecord.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EmptyRecord.js","sourceRoot":"","sources":["../../../../src/components/EmptyRecord/EmptyRecord.tsx"],"names":[],"mappings":";;
|
|
1
|
+
{"version":3,"file":"EmptyRecord.js","sourceRoot":"","sources":["../../../../src/components/EmptyRecord/EmptyRecord.tsx"],"names":[],"mappings":"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"}
|
|
@@ -7,6 +7,6 @@ var image_1 = tslib_1.__importDefault(require("next/image"));
|
|
|
7
7
|
var icons_1 = require("../../assets/icons");
|
|
8
8
|
function EmptySvg(_a) {
|
|
9
9
|
var icon = _a.icon;
|
|
10
|
-
return (react_1.default.createElement("div", { className: 'mx-auto flex justify-center items-center' }, icon ? (icon) : (react_1.default.createElement(image_1.default, { alt: '', className: 'h-[70px] w-[90px]\n md:h-[
|
|
10
|
+
return (react_1.default.createElement("div", { className: 'mx-auto flex justify-center items-center' }, icon ? (icon) : (react_1.default.createElement(image_1.default, { alt: '', className: 'h-[70px] w-[90px]\n md:h-[89px] md:w-[120px]\n lg:h-[101px] lg:w-[130px]', height: 0, src: icons_1.PHXIcons.EmptyRecordIcon, width: 0 }))));
|
|
11
11
|
}
|
|
12
12
|
//# sourceMappingURL=EmptySvg.js.map
|
|
@@ -5,7 +5,7 @@ var tslib_1 = require("tslib");
|
|
|
5
5
|
var react_1 = tslib_1.__importDefault(require("react"));
|
|
6
6
|
var SearchSvg_1 = tslib_1.__importDefault(require("./SearchSvg"));
|
|
7
7
|
function PHXEmptySearch(_a) {
|
|
8
|
-
var className = _a.className, _b = _a.description, description = _b === void 0 ? 'Hãy thử thay đổi cú pháp tìm kiếm' : _b, _c = _a.title, title = _c === void 0 ? 'Không có kết quả tìm kiếm
|
|
8
|
+
var className = _a.className, _b = _a.description, description = _b === void 0 ? 'Hãy thử thay đổi cú pháp tìm kiếm.' : _b, _c = _a.title, title = _c === void 0 ? 'Không có kết quả tìm kiếm' : _c;
|
|
9
9
|
return (react_1.default.createElement("div", { className: "-mx-4 -my-2 sm:-mx-6 lg:-mx-8 ".concat(className) },
|
|
10
10
|
react_1.default.createElement("div", { className: 'flex h-60 min-w-full items-center justify-center py-2 align-middle md:px-6 md:pr-0 lg:px-8' },
|
|
11
11
|
react_1.default.createElement("div", { className: 'bg-white px-4 py-5 sm:p-6' },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EmptySearch.js","sourceRoot":"","sources":["../../../../src/components/EmptySearch/EmptySearch.tsx"],"names":[],"mappings":";;AASA,wCAkBC;;AA3BD,wDAAyB;AACzB,kEAAmC;AAQnC,SAAgB,cAAc,CAAC,EAIvB;QAHN,SAAS,eAAA,EACT,
|
|
1
|
+
{"version":3,"file":"EmptySearch.js","sourceRoot":"","sources":["../../../../src/components/EmptySearch/EmptySearch.tsx"],"names":[],"mappings":";;AASA,wCAkBC;;AA3BD,wDAAyB;AACzB,kEAAmC;AAQnC,SAAgB,cAAc,CAAC,EAIvB;QAHN,SAAS,eAAA,EACT,mBAAkD,EAAlD,WAAW,mBAAG,oCAAoC,KAAA,EAClD,aAAmC,EAAnC,KAAK,mBAAG,2BAA2B,KAAA;IAEnC,OAAO,CACL,uCAAK,SAAS,EAAE,wCAAiC,SAAS,CAAE;QAC1D,uCAAK,SAAS,EAAC,4FAA4F;YACzG,uCAAK,SAAS,EAAC,2BAA2B;gBACxC,uCAAK,SAAS,EAAC,mCAAmC;oBAChD,8BAAC,mBAAS,OAAG;oBACb,qCAAG,SAAS,EAAC,mCAAmC,IAAE,KAAK,CAAK;oBAC5D,qCAAG,SAAS,EAAC,uBAAuB,IAAE,WAAW,CAAK,CAClD,CACF,CACF,CACF,CACP,CAAA;AACH,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
<svg width="
|
|
1
|
+
<svg width="130" height="101" viewBox="0 0 152 120" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
2
|
<circle cx="76" cy="52" r="52" fill="#F4F4F4"/>
|
|
3
3
|
<g filter="url(#filter0_dd_2226_63659)">
|
|
4
4
|
<path d="M77.6 16C66.8273 16 57.2978 21.3233 51.4987 29.4829C49.605 29.0363 47.6301 28.8 45.6 28.8C31.4615 28.8 20 40.2615 20 54.4C20 68.5385 31.4615 80 45.6 80L109.6 80C121.971 80 132 69.9712 132 57.6C132 45.2288 121.971 35.2 109.6 35.2C108.721 35.2 107.854 35.2506 107.002 35.349C102.098 23.9677 90.7797 16 77.6 16Z" fill="#F9FAFB"/>
|
|
@@ -6,12 +6,9 @@ export interface PHXEmptyRecordProps {
|
|
|
6
6
|
icon?: React.ReactNode;
|
|
7
7
|
primaryAction?: ComplexAction;
|
|
8
8
|
secondaryAction?: ComplexAction;
|
|
9
|
-
primaryActionText?: string;
|
|
10
|
-
buttonType?: 'primary' | 'secondary' | 'danger' | 'danger2' | 'soft' | 'plain' | 'tertiary' | 'plainCritical' | 'primaryCritical' | 'deleted';
|
|
11
|
-
onPrimaryAction?(): void;
|
|
12
9
|
type?: 'default' | 'small' | 'micro';
|
|
13
10
|
title?: string;
|
|
14
11
|
description?: string;
|
|
15
12
|
loading?: boolean;
|
|
16
13
|
}
|
|
17
|
-
export declare function PHXEmptyRecord({ border,
|
|
14
|
+
export declare function PHXEmptyRecord({ border, className, description, icon, loading, primaryAction, secondaryAction, title, type, }: PHXEmptyRecordProps): React.JSX.Element;
|
|
@@ -3,23 +3,25 @@ import EmptySvg from './EmptySvg';
|
|
|
3
3
|
import { PHXButton } from '../Button';
|
|
4
4
|
import { PHXSpinner } from '../Loading';
|
|
5
5
|
export function PHXEmptyRecord(_a) {
|
|
6
|
-
var _b, _c, _d;
|
|
7
|
-
var
|
|
6
|
+
var border = _a.border, className = _a.className, _b = _a.description, description = _b === void 0 ? 'Dữ liệu đang trống.' : _b, icon = _a.icon, loading = _a.loading, primaryAction = _a.primaryAction, secondaryAction = _a.secondaryAction, _c = _a.title, title = _c === void 0 ? 'Trống' : _c, _d = _a.type, type = _d === void 0 ? 'default' : _d;
|
|
7
|
+
var renderActionComponent = function () { return (React.createElement("div", { className: 'flex flex-row-reverse flex-wrap items-center justify-center gap-2 pt-3' },
|
|
8
|
+
primaryAction && (React.createElement(PHXButton, { className: 'font-semibold', disabled: primaryAction === null || primaryAction === void 0 ? void 0 : primaryAction.disabled, loading: primaryAction === null || primaryAction === void 0 ? void 0 : primaryAction.loading, onClick: primaryAction.onClick, primary: true, size: 'small' }, primaryAction.content)),
|
|
9
|
+
secondaryAction && (React.createElement(PHXButton, { className: 'font-semibold', disabled: secondaryAction === null || secondaryAction === void 0 ? void 0 : secondaryAction.disabled, loading: secondaryAction === null || secondaryAction === void 0 ? void 0 : secondaryAction.loading, onClick: secondaryAction.onClick, secondary: true, size: 'small' }, secondaryAction.content)))); };
|
|
8
10
|
return (React.createElement("div", { className: className },
|
|
9
|
-
type === 'default' && (React.createElement("div", { className: "flex
|
|
11
|
+
type === 'default' && (React.createElement("div", { className: "flex min-w-full flex-col items-center bg-white px-4 py-2 pb-14 pt-16 text-center align-middle sm:rounded-lg md:px-6 md:pr-0 lg:px-8 ".concat(border ? 'border shadow' : '') }, !loading ? (React.createElement(React.Fragment, null,
|
|
10
12
|
React.createElement(EmptySvg, { icon: icon }),
|
|
11
|
-
React.createElement("p", { className: ' mt-
|
|
12
|
-
React.createElement("span", { className: 'mt-1 text-
|
|
13
|
-
|
|
14
|
-
type === 'small' && (React.createElement("div", { className: "flex
|
|
13
|
+
React.createElement("p", { className: ' mt-3 text-sm font-semibold text-gray-900' }, title),
|
|
14
|
+
React.createElement("span", { className: 'mt-1 text-[12px] font-medium text-gray-500' }, description),
|
|
15
|
+
primaryAction || secondaryAction ? renderActionComponent() : React.createElement(React.Fragment, null))) : (React.createElement(PHXSpinner, null)))),
|
|
16
|
+
type === 'small' && (React.createElement("div", { className: "flex min-w-full flex-col items-center bg-white px-4 py-2 pb-10 pt-10 text-center align-middle sm:rounded-lg md:px-6 md:pr-0 lg:px-8 ".concat(border ? 'border shadow' : '') }, !loading ? (React.createElement(React.Fragment, null,
|
|
15
17
|
React.createElement(EmptySvg, { icon: icon }),
|
|
16
|
-
React.createElement("p", { className: '
|
|
17
|
-
React.createElement("span", { className: 'mt-1 text-
|
|
18
|
-
|
|
19
|
-
type === 'micro' && (React.createElement("div", { className: "flex
|
|
18
|
+
React.createElement("p", { className: 'text-sm font-semibold text-gray-900' }, title),
|
|
19
|
+
React.createElement("span", { className: 'mt-1 text-[12px] font-medium text-gray-500' }, description),
|
|
20
|
+
primaryAction || secondaryAction ? renderActionComponent() : React.createElement(React.Fragment, null))) : (React.createElement(PHXSpinner, null)))),
|
|
21
|
+
type === 'micro' && (React.createElement("div", { className: "flex min-w-full flex-col items-center bg-white px-4 py-2 pb-5 pt-8 text-center align-middle sm:rounded-lg md:px-6 md:pr-0 lg:px-8 ".concat(border ? 'border shadow' : '') }, !loading ? (React.createElement(React.Fragment, null,
|
|
20
22
|
React.createElement(EmptySvg, { icon: icon }),
|
|
21
|
-
React.createElement("p", { className: '
|
|
22
|
-
React.createElement("span", { className: 'mt-1 text-
|
|
23
|
-
|
|
23
|
+
React.createElement("p", { className: 'text-sm font-semibold text-gray-900' }, title),
|
|
24
|
+
React.createElement("span", { className: 'mt-1 text-[12px] font-medium text-gray-500' }, description),
|
|
25
|
+
primaryAction || secondaryAction ? renderActionComponent() : React.createElement(React.Fragment, null))) : (React.createElement(PHXSpinner, null))))));
|
|
24
26
|
}
|
|
25
27
|
//# sourceMappingURL=EmptyRecord.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EmptyRecord.js","sourceRoot":"","sources":["../../../../src/components/EmptyRecord/EmptyRecord.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,QAAQ,MAAM,YAAY,CAAA;AACjC,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAA;
|
|
1
|
+
{"version":3,"file":"EmptyRecord.js","sourceRoot":"","sources":["../../../../src/components/EmptyRecord/EmptyRecord.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,6 +3,6 @@ import Image from 'next/image';
|
|
|
3
3
|
import { PHXIcons } from '../../assets/icons';
|
|
4
4
|
export default function EmptySvg(_a) {
|
|
5
5
|
var icon = _a.icon;
|
|
6
|
-
return (React.createElement("div", { className: 'mx-auto flex justify-center items-center' }, icon ? (icon) : (React.createElement(Image, { alt: '', className: 'h-[70px] w-[90px]\n md:h-[
|
|
6
|
+
return (React.createElement("div", { className: 'mx-auto flex justify-center items-center' }, icon ? (icon) : (React.createElement(Image, { alt: '', className: 'h-[70px] w-[90px]\n md:h-[89px] md:w-[120px]\n lg:h-[101px] lg:w-[130px]', height: 0, src: PHXIcons.EmptyRecordIcon, width: 0 }))));
|
|
7
7
|
}
|
|
8
8
|
//# sourceMappingURL=EmptySvg.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import SearchSvg from './SearchSvg';
|
|
3
3
|
export function PHXEmptySearch(_a) {
|
|
4
|
-
var className = _a.className, _b = _a.description, description = _b === void 0 ? 'Hãy thử thay đổi cú pháp tìm kiếm' : _b, _c = _a.title, title = _c === void 0 ? 'Không có kết quả tìm kiếm
|
|
4
|
+
var className = _a.className, _b = _a.description, description = _b === void 0 ? 'Hãy thử thay đổi cú pháp tìm kiếm.' : _b, _c = _a.title, title = _c === void 0 ? 'Không có kết quả tìm kiếm' : _c;
|
|
5
5
|
return (React.createElement("div", { className: "-mx-4 -my-2 sm:-mx-6 lg:-mx-8 ".concat(className) },
|
|
6
6
|
React.createElement("div", { className: 'flex h-60 min-w-full items-center justify-center py-2 align-middle md:px-6 md:pr-0 lg:px-8' },
|
|
7
7
|
React.createElement("div", { className: 'bg-white px-4 py-5 sm:p-6' },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EmptySearch.js","sourceRoot":"","sources":["../../../../src/components/EmptySearch/EmptySearch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,SAAS,MAAM,aAAa,CAAA;AAQnC,MAAM,UAAU,cAAc,CAAC,EAIvB;QAHN,SAAS,eAAA,EACT,
|
|
1
|
+
{"version":3,"file":"EmptySearch.js","sourceRoot":"","sources":["../../../../src/components/EmptySearch/EmptySearch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,SAAS,MAAM,aAAa,CAAA;AAQnC,MAAM,UAAU,cAAc,CAAC,EAIvB;QAHN,SAAS,eAAA,EACT,mBAAkD,EAAlD,WAAW,mBAAG,oCAAoC,KAAA,EAClD,aAAmC,EAAnC,KAAK,mBAAG,2BAA2B,KAAA;IAEnC,OAAO,CACL,6BAAK,SAAS,EAAE,wCAAiC,SAAS,CAAE;QAC1D,6BAAK,SAAS,EAAC,4FAA4F;YACzG,6BAAK,SAAS,EAAC,2BAA2B;gBACxC,6BAAK,SAAS,EAAC,mCAAmC;oBAChD,oBAAC,SAAS,OAAG;oBACb,2BAAG,SAAS,EAAC,mCAAmC,IAAE,KAAK,CAAK;oBAC5D,2BAAG,SAAS,EAAC,uBAAuB,IAAE,WAAW,CAAK,CAClD,CACF,CACF,CACF,CACP,CAAA;AACH,CAAC"}
|