phx-react 1.3.78 → 1.3.79
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/components/FormWrap/FormWrap.d.ts +7 -4
- package/dist/cjs/components/FormWrap/FormWrap.js +15 -5
- package/dist/cjs/components/FormWrap/FormWrap.js.map +1 -1
- package/dist/cjs/components/Input/Input.d.ts +2 -1
- package/dist/cjs/components/Input/Input.js +4 -1
- package/dist/cjs/components/Input/Input.js.map +1 -1
- package/dist/esm/components/FormWrap/FormWrap.d.ts +7 -4
- package/dist/esm/components/FormWrap/FormWrap.js +15 -5
- package/dist/esm/components/FormWrap/FormWrap.js.map +1 -1
- package/dist/esm/components/Input/Input.d.ts +2 -1
- package/dist/esm/components/Input/Input.js +4 -1
- package/dist/esm/components/Input/Input.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
export interface FooterBarProps {
|
|
3
3
|
title?: string;
|
|
4
|
+
nameOfModal?: string;
|
|
4
5
|
method?: string;
|
|
5
6
|
headerAction?: boolean;
|
|
6
7
|
footerAction?: boolean;
|
|
@@ -13,14 +14,16 @@ export interface FooterBarProps {
|
|
|
13
14
|
deleteText?: string;
|
|
14
15
|
cancelText?: string;
|
|
15
16
|
submitText?: string;
|
|
17
|
+
deletedLoading?: boolean;
|
|
18
|
+
formType?: 'add' | 'edit' | 'custom';
|
|
16
19
|
badge?: {
|
|
17
20
|
badgeText?: string;
|
|
18
21
|
badgeType?: string;
|
|
19
22
|
} | any;
|
|
20
23
|
size?: 'small' | 'medium' | 'large';
|
|
21
24
|
type?: 'default' | 'title-with-badge';
|
|
22
|
-
onDelete
|
|
23
|
-
onCancel
|
|
24
|
-
onSubmit
|
|
25
|
+
onDelete?(): void;
|
|
26
|
+
onCancel?(): void;
|
|
27
|
+
onSubmit?(): void;
|
|
25
28
|
}
|
|
26
|
-
export declare const PHXFormWrap: ({
|
|
29
|
+
export declare const PHXFormWrap: ({ badge, cancelText, children, className, deleteText, deleted, deletedLoading, footerAction, headerAction, loading, method, nameOfModal, onCancel, onDelete, onSubmit, onlyDelete, size, formType, submit, submitText, title, type, }: FooterBarProps) => JSX.Element;
|
|
@@ -2,14 +2,22 @@
|
|
|
2
2
|
exports.__esModule = true;
|
|
3
3
|
exports.PHXFormWrap = void 0;
|
|
4
4
|
var tslib_1 = require("tslib");
|
|
5
|
-
var react_1 = tslib_1.
|
|
5
|
+
var react_1 = tslib_1.__importStar(require("react"));
|
|
6
6
|
var Button_1 = require("../Button");
|
|
7
7
|
var types_1 = require("../types");
|
|
8
8
|
var solid_1 = require("@heroicons/react/20/solid");
|
|
9
9
|
var Badge_1 = require("../Badge");
|
|
10
|
+
var Modal_1 = require("../Modal");
|
|
10
11
|
var PHXFormWrap = function (_a) {
|
|
11
|
-
var
|
|
12
|
+
var badge = _a.badge, cancelText = _a.cancelText, children = _a.children, className = _a.className, deleteText = _a.deleteText, deleted = _a.deleted, deletedLoading = _a.deletedLoading, _b = _a.footerAction, footerAction = _b === void 0 ? true : _b, _c = _a.headerAction, headerAction = _c === void 0 ? true : _c, loading = _a.loading, method = _a.method, nameOfModal = _a.nameOfModal, onCancel = _a.onCancel, onDelete = _a.onDelete, onSubmit = _a.onSubmit, onlyDelete = _a.onlyDelete, _d = _a.size, size = _d === void 0 ? 'large' : _d, formType = _a.formType, submit = _a.submit, submitText = _a.submitText, title = _a.title, _e = _a.type, type = _e === void 0 ? 'default' : _e;
|
|
12
13
|
var sizeClassName = (0, types_1.classNames)(size === 'small' && 'mx-auto md:w-4/6 lg:w-1/2', size === 'medium' && 'mx-auto md:w-5/6 lg:w-3/4', size === 'large' && 'mx-auto md:w-md lg:w-11/12');
|
|
14
|
+
var _f = (0, react_1.useState)(false), isModalOpen = _f[0], setIsModalOpen = _f[1];
|
|
15
|
+
var handleOpenModalConfirm = function () {
|
|
16
|
+
setIsModalOpen(true);
|
|
17
|
+
};
|
|
18
|
+
var handleCancelModalConfirm = function () {
|
|
19
|
+
setIsModalOpen(false);
|
|
20
|
+
};
|
|
13
21
|
return (react_1["default"].createElement("div", { className: className },
|
|
14
22
|
react_1["default"].createElement("form", { method: method, onSubmit: onSubmit },
|
|
15
23
|
react_1["default"].createElement("div", { className: sizeClassName },
|
|
@@ -24,10 +32,12 @@ var PHXFormWrap = function (_a) {
|
|
|
24
32
|
react_1["default"].createElement("div", { className: footerAction
|
|
25
33
|
? (0, types_1.classNames)(deleted ? 'justify-between' : 'justify-end gap-x-3', 'pt-6 border-t border-gray-900/10 mt-6 flex items-center')
|
|
26
34
|
: 'hidden' },
|
|
27
|
-
deleted && (react_1["default"].createElement(
|
|
35
|
+
deleted && (react_1["default"].createElement(react_1["default"].Fragment, null,
|
|
36
|
+
react_1["default"].createElement(Button_1.PHXButton, { danger2: true, size: 'small', onClick: handleOpenModalConfirm }, deleteText),
|
|
37
|
+
react_1["default"].createElement(Modal_1.PHXModal, { dangerActionText: 'Xo\u00E1 b\u1EA3n ghi', dangerLoading: deletedLoading, onDangerClick: onDelete, onHide: handleCancelModalConfirm, primaryActionText: '', show: isModalOpen, title: "B\u1EA1n mu\u1ED1n xo\u00E1 b\u1EA3n ghi ".concat(nameOfModal, "?") }))),
|
|
28
38
|
!onlyDelete && (react_1["default"].createElement("div", { className: 'flex justify-end gap-x-3' },
|
|
29
|
-
react_1["default"].createElement(Button_1.PHXButton, { size: 'small', secondary: true, onClick: onCancel }, cancelText),
|
|
30
|
-
submit ? (react_1["default"].createElement(Button_1.PHXButton, { size: 'small', loading: loading, submit: true, primary: true }, submitText)) : (react_1["default"].createElement(Button_1.PHXButton, { size: 'small', loading: loading, onClick: onSubmit, primary: true }, submitText)))))))));
|
|
39
|
+
react_1["default"].createElement(Button_1.PHXButton, { size: 'small', secondary: true, onClick: onCancel }, formType === 'custom' ? cancelText : 'Huỷ thay đổi'),
|
|
40
|
+
submit ? (react_1["default"].createElement(Button_1.PHXButton, { size: 'small', loading: loading, submit: true, primary: true }, formType === 'custom' ? submitText : formType === 'add' ? 'Thêm mới' : 'Cập nhật')) : (react_1["default"].createElement(Button_1.PHXButton, { size: 'small', loading: loading, onClick: onSubmit, primary: true }, formType === 'custom' ? submitText : formType === 'add' ? 'Thêm mới' : 'Cập nhật')))))))));
|
|
31
41
|
};
|
|
32
42
|
exports.PHXFormWrap = PHXFormWrap;
|
|
33
43
|
//# sourceMappingURL=FormWrap.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormWrap.js","sourceRoot":"","sources":["../../../../src/components/FormWrap/FormWrap.tsx"],"names":[],"mappings":";;;;AAAA,
|
|
1
|
+
{"version":3,"file":"FormWrap.js","sourceRoot":"","sources":["../../../../src/components/FormWrap/FormWrap.tsx"],"names":[],"mappings":"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"}
|
|
@@ -6,6 +6,7 @@ export interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
|
|
|
6
6
|
helpText?: string;
|
|
7
7
|
register?: UseFormRegisterReturn;
|
|
8
8
|
error?: boolean;
|
|
9
|
-
|
|
9
|
+
errorMessageCustom?: string;
|
|
10
|
+
errorType?: 'required-field' | 'validate-input-field' | 'duplicate-field' | 'validate-phone-number' | 'validate-input-email' | 'custom-message';
|
|
10
11
|
}
|
|
11
12
|
export declare const PHXInput: React.FC<InputProps>;
|
|
@@ -5,7 +5,7 @@ var tslib_1 = require("tslib");
|
|
|
5
5
|
var react_1 = tslib_1.__importDefault(require("react"));
|
|
6
6
|
var types_1 = require("../types");
|
|
7
7
|
var PHXInput = function (_a) {
|
|
8
|
-
var className = _a.className, error = _a.error, errorType = _a.errorType, helpText = _a.helpText, label = _a.label, register = _a.register, rest = tslib_1.__rest(_a, ["className", "error", "errorType", "helpText", "label", "register"]);
|
|
8
|
+
var className = _a.className, error = _a.error, errorType = _a.errorType, errorMessageCustom = _a.errorMessageCustom, helpText = _a.helpText, label = _a.label, register = _a.register, rest = tslib_1.__rest(_a, ["className", "error", "errorType", "errorMessageCustom", "helpText", "label", "register"]);
|
|
9
9
|
var message = function (type) {
|
|
10
10
|
var errorMessage = '';
|
|
11
11
|
switch (type) {
|
|
@@ -24,6 +24,9 @@ var PHXInput = function (_a) {
|
|
|
24
24
|
case 'validate-input-email':
|
|
25
25
|
errorMessage = 'Định dạng email chưa đúng, vui lòng nhập lại';
|
|
26
26
|
break;
|
|
27
|
+
case 'custom-message':
|
|
28
|
+
errorMessage = errorMessageCustom;
|
|
29
|
+
break;
|
|
27
30
|
default:
|
|
28
31
|
break;
|
|
29
32
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../src/components/Input/Input.tsx"],"names":[],"mappings":";;;;AAAA,wDAAkD;AAElD,kCAAqC;
|
|
1
|
+
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../src/components/Input/Input.tsx"],"names":[],"mappings":";;;;AAAA,wDAAkD;AAElD,kCAAqC;AAkB9B,IAAM,QAAQ,GAAyB,UAAC,EASlC;IARX,IAAA,SAAS,eAAA,EACT,KAAK,WAAA,EACL,SAAS,eAAA,EACT,kBAAkB,wBAAA,EAClB,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,QAAQ,cAAA,EACL,IAAI,sBARsC,0FAS9C,CADQ;IAEP,IAAM,OAAO,GAAG,UAAC,IAAS;QACxB,IAAI,YAAY,GAAG,EAAE,CAAA;QACrB,QAAQ,IAAI,EAAE;YACZ,KAAK,gBAAgB;gBACnB,YAAY,GAAG,yBAAyB,CAAA;gBACxC,MAAK;YACP,KAAK,sBAAsB;gBACzB,YAAY,GAAG,sDAAsD,CAAA;gBACrE,MAAK;YACP,KAAK,iBAAiB;gBACpB,YAAY,GAAG,sBAAsB,CAAA;gBACrC,MAAK;YACP,KAAK,uBAAuB;gBAC1B,YAAY,GAAG,2BAA2B,CAAA;gBAC1C,MAAK;YACP,KAAK,sBAAsB;gBACzB,YAAY,GAAG,8CAA8C,CAAA;gBAC7D,MAAK;YACP,KAAK,gBAAgB;gBACnB,YAAY,GAAG,kBAA4B,CAAA;gBAC3C,MAAK;YACP;gBACE,MAAK;SACR;QACD,OAAO,YAAY,CAAA;IACrB,CAAC,CAAA;IACD,OAAO,CACL,0CAAK,SAAS,EAAE,SAAS;QACtB,KAAK,IAAI,4CAAO,SAAS,EAAC,8CAA8C,IAAE,KAAK,CAAS;QACzF,+DACM,IAAI,EACJ,QAAQ,IACZ,SAAS,EAAE,IAAA,kBAAU,EACnB,2OAA2O,EAC3O,KAAK,CAAC,CAAC,CAAC,+EAA+E,CAAC,CAAC,CAAC,EAAE,CAC7F,IACD;QACD,QAAQ,CAAC,CAAC,CAAC,0CAAK,SAAS,EAAC,4CAA4C,IAAE,QAAQ,CAAO,CAAC,CAAC,CAAC,IAAI;QAC9F,KAAK,IAAI,SAAS,CAAC,CAAC,CAAC,CACpB,0CAAK,SAAS,EAAC,6BAA6B;YAC1C,0CACE,SAAS,EAAC,2BAA2B,EACrC,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,EACf,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,4BAA4B;gBAElC,2CACE,CAAC,EAAC,0EAA0E,EAC5E,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACtB,CACE;YAEN,wCAAG,SAAS,EAAC,sBAAsB,IAAE,OAAO,CAAC,SAAS,CAAC,CAAK,CACxD,CACP,CAAC,CAAC,CAAC,IAAI,CACJ,CACP,CAAA;AACH,CAAC,CAAA;AAtEY,QAAA,QAAQ,YAsEpB"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
export interface FooterBarProps {
|
|
3
3
|
title?: string;
|
|
4
|
+
nameOfModal?: string;
|
|
4
5
|
method?: string;
|
|
5
6
|
headerAction?: boolean;
|
|
6
7
|
footerAction?: boolean;
|
|
@@ -13,14 +14,16 @@ export interface FooterBarProps {
|
|
|
13
14
|
deleteText?: string;
|
|
14
15
|
cancelText?: string;
|
|
15
16
|
submitText?: string;
|
|
17
|
+
deletedLoading?: boolean;
|
|
18
|
+
formType?: 'add' | 'edit' | 'custom';
|
|
16
19
|
badge?: {
|
|
17
20
|
badgeText?: string;
|
|
18
21
|
badgeType?: string;
|
|
19
22
|
} | any;
|
|
20
23
|
size?: 'small' | 'medium' | 'large';
|
|
21
24
|
type?: 'default' | 'title-with-badge';
|
|
22
|
-
onDelete
|
|
23
|
-
onCancel
|
|
24
|
-
onSubmit
|
|
25
|
+
onDelete?(): void;
|
|
26
|
+
onCancel?(): void;
|
|
27
|
+
onSubmit?(): void;
|
|
25
28
|
}
|
|
26
|
-
export declare const PHXFormWrap: ({
|
|
29
|
+
export declare const PHXFormWrap: ({ badge, cancelText, children, className, deleteText, deleted, deletedLoading, footerAction, headerAction, loading, method, nameOfModal, onCancel, onDelete, onSubmit, onlyDelete, size, formType, submit, submitText, title, type, }: FooterBarProps) => JSX.Element;
|
|
@@ -1,11 +1,19 @@
|
|
|
1
|
-
import React from 'react';
|
|
1
|
+
import React, { useState } from 'react';
|
|
2
2
|
import { PHXButton } from '../Button';
|
|
3
3
|
import { classNames } from '../types';
|
|
4
4
|
import { ArrowLeftIcon } from '@heroicons/react/20/solid';
|
|
5
5
|
import { PHXBadge } from '../Badge';
|
|
6
|
+
import { PHXModal } from '../Modal';
|
|
6
7
|
export var PHXFormWrap = function (_a) {
|
|
7
|
-
var
|
|
8
|
+
var badge = _a.badge, cancelText = _a.cancelText, children = _a.children, className = _a.className, deleteText = _a.deleteText, deleted = _a.deleted, deletedLoading = _a.deletedLoading, _b = _a.footerAction, footerAction = _b === void 0 ? true : _b, _c = _a.headerAction, headerAction = _c === void 0 ? true : _c, loading = _a.loading, method = _a.method, nameOfModal = _a.nameOfModal, onCancel = _a.onCancel, onDelete = _a.onDelete, onSubmit = _a.onSubmit, onlyDelete = _a.onlyDelete, _d = _a.size, size = _d === void 0 ? 'large' : _d, formType = _a.formType, submit = _a.submit, submitText = _a.submitText, title = _a.title, _e = _a.type, type = _e === void 0 ? 'default' : _e;
|
|
8
9
|
var sizeClassName = classNames(size === 'small' && 'mx-auto md:w-4/6 lg:w-1/2', size === 'medium' && 'mx-auto md:w-5/6 lg:w-3/4', size === 'large' && 'mx-auto md:w-md lg:w-11/12');
|
|
10
|
+
var _f = useState(false), isModalOpen = _f[0], setIsModalOpen = _f[1];
|
|
11
|
+
var handleOpenModalConfirm = function () {
|
|
12
|
+
setIsModalOpen(true);
|
|
13
|
+
};
|
|
14
|
+
var handleCancelModalConfirm = function () {
|
|
15
|
+
setIsModalOpen(false);
|
|
16
|
+
};
|
|
9
17
|
return (React.createElement("div", { className: className },
|
|
10
18
|
React.createElement("form", { method: method, onSubmit: onSubmit },
|
|
11
19
|
React.createElement("div", { className: sizeClassName },
|
|
@@ -20,9 +28,11 @@ export var PHXFormWrap = function (_a) {
|
|
|
20
28
|
React.createElement("div", { className: footerAction
|
|
21
29
|
? classNames(deleted ? 'justify-between' : 'justify-end gap-x-3', 'pt-6 border-t border-gray-900/10 mt-6 flex items-center')
|
|
22
30
|
: 'hidden' },
|
|
23
|
-
deleted && (React.createElement(
|
|
31
|
+
deleted && (React.createElement(React.Fragment, null,
|
|
32
|
+
React.createElement(PHXButton, { danger2: true, size: 'small', onClick: handleOpenModalConfirm }, deleteText),
|
|
33
|
+
React.createElement(PHXModal, { dangerActionText: 'Xo\u00E1 b\u1EA3n ghi', dangerLoading: deletedLoading, onDangerClick: onDelete, onHide: handleCancelModalConfirm, primaryActionText: '', show: isModalOpen, title: "B\u1EA1n mu\u1ED1n xo\u00E1 b\u1EA3n ghi ".concat(nameOfModal, "?") }))),
|
|
24
34
|
!onlyDelete && (React.createElement("div", { className: 'flex justify-end gap-x-3' },
|
|
25
|
-
React.createElement(PHXButton, { size: 'small', secondary: true, onClick: onCancel }, cancelText),
|
|
26
|
-
submit ? (React.createElement(PHXButton, { size: 'small', loading: loading, submit: true, primary: true }, submitText)) : (React.createElement(PHXButton, { size: 'small', loading: loading, onClick: onSubmit, primary: true }, submitText)))))))));
|
|
35
|
+
React.createElement(PHXButton, { size: 'small', secondary: true, onClick: onCancel }, formType === 'custom' ? cancelText : 'Huỷ thay đổi'),
|
|
36
|
+
submit ? (React.createElement(PHXButton, { size: 'small', loading: loading, submit: true, primary: true }, formType === 'custom' ? submitText : formType === 'add' ? 'Thêm mới' : 'Cập nhật')) : (React.createElement(PHXButton, { size: 'small', loading: loading, onClick: onSubmit, primary: true }, formType === 'custom' ? submitText : formType === 'add' ? 'Thêm mới' : 'Cập nhật')))))))));
|
|
27
37
|
};
|
|
28
38
|
//# sourceMappingURL=FormWrap.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormWrap.js","sourceRoot":"","sources":["../../../../src/components/FormWrap/FormWrap.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"FormWrap.js","sourceRoot":"","sources":["../../../../src/components/FormWrap/FormWrap.tsx"],"names":[],"mappings":"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"}
|
|
@@ -6,6 +6,7 @@ export interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
|
|
|
6
6
|
helpText?: string;
|
|
7
7
|
register?: UseFormRegisterReturn;
|
|
8
8
|
error?: boolean;
|
|
9
|
-
|
|
9
|
+
errorMessageCustom?: string;
|
|
10
|
+
errorType?: 'required-field' | 'validate-input-field' | 'duplicate-field' | 'validate-phone-number' | 'validate-input-email' | 'custom-message';
|
|
10
11
|
}
|
|
11
12
|
export declare const PHXInput: React.FC<InputProps>;
|
|
@@ -2,7 +2,7 @@ import { __assign, __rest } from "tslib";
|
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { classNames } from '../types';
|
|
4
4
|
export var PHXInput = function (_a) {
|
|
5
|
-
var className = _a.className, error = _a.error, errorType = _a.errorType, helpText = _a.helpText, label = _a.label, register = _a.register, rest = __rest(_a, ["className", "error", "errorType", "helpText", "label", "register"]);
|
|
5
|
+
var className = _a.className, error = _a.error, errorType = _a.errorType, errorMessageCustom = _a.errorMessageCustom, helpText = _a.helpText, label = _a.label, register = _a.register, rest = __rest(_a, ["className", "error", "errorType", "errorMessageCustom", "helpText", "label", "register"]);
|
|
6
6
|
var message = function (type) {
|
|
7
7
|
var errorMessage = '';
|
|
8
8
|
switch (type) {
|
|
@@ -21,6 +21,9 @@ export var PHXInput = function (_a) {
|
|
|
21
21
|
case 'validate-input-email':
|
|
22
22
|
errorMessage = 'Định dạng email chưa đúng, vui lòng nhập lại';
|
|
23
23
|
break;
|
|
24
|
+
case 'custom-message':
|
|
25
|
+
errorMessage = errorMessageCustom;
|
|
26
|
+
break;
|
|
24
27
|
default:
|
|
25
28
|
break;
|
|
26
29
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../src/components/Input/Input.tsx"],"names":[],"mappings":";AAAA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAElD,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;
|
|
1
|
+
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../src/components/Input/Input.tsx"],"names":[],"mappings":";AAAA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAElD,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAkBrC,MAAM,CAAC,IAAM,QAAQ,GAAyB,UAAC,EASlC;IARX,IAAA,SAAS,eAAA,EACT,KAAK,WAAA,EACL,SAAS,eAAA,EACT,kBAAkB,wBAAA,EAClB,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,QAAQ,cAAA,EACL,IAAI,cARsC,0FAS9C,CADQ;IAEP,IAAM,OAAO,GAAG,UAAC,IAAS;QACxB,IAAI,YAAY,GAAG,EAAE,CAAA;QACrB,QAAQ,IAAI,EAAE;YACZ,KAAK,gBAAgB;gBACnB,YAAY,GAAG,yBAAyB,CAAA;gBACxC,MAAK;YACP,KAAK,sBAAsB;gBACzB,YAAY,GAAG,sDAAsD,CAAA;gBACrE,MAAK;YACP,KAAK,iBAAiB;gBACpB,YAAY,GAAG,sBAAsB,CAAA;gBACrC,MAAK;YACP,KAAK,uBAAuB;gBAC1B,YAAY,GAAG,2BAA2B,CAAA;gBAC1C,MAAK;YACP,KAAK,sBAAsB;gBACzB,YAAY,GAAG,8CAA8C,CAAA;gBAC7D,MAAK;YACP,KAAK,gBAAgB;gBACnB,YAAY,GAAG,kBAA4B,CAAA;gBAC3C,MAAK;YACP;gBACE,MAAK;SACR;QACD,OAAO,YAAY,CAAA;IACrB,CAAC,CAAA;IACD,OAAO,CACL,6BAAK,SAAS,EAAE,SAAS;QACtB,KAAK,IAAI,+BAAO,SAAS,EAAC,8CAA8C,IAAE,KAAK,CAAS;QACzF,0CACM,IAAI,EACJ,QAAQ,IACZ,SAAS,EAAE,UAAU,CACnB,2OAA2O,EAC3O,KAAK,CAAC,CAAC,CAAC,+EAA+E,CAAC,CAAC,CAAC,EAAE,CAC7F,IACD;QACD,QAAQ,CAAC,CAAC,CAAC,6BAAK,SAAS,EAAC,4CAA4C,IAAE,QAAQ,CAAO,CAAC,CAAC,CAAC,IAAI;QAC9F,KAAK,IAAI,SAAS,CAAC,CAAC,CAAC,CACpB,6BAAK,SAAS,EAAC,6BAA6B;YAC1C,6BACE,SAAS,EAAC,2BAA2B,EACrC,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,EACf,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,4BAA4B;gBAElC,8BACE,CAAC,EAAC,0EAA0E,EAC5E,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACtB,CACE;YAEN,2BAAG,SAAS,EAAC,sBAAsB,IAAE,OAAO,CAAC,SAAS,CAAC,CAAK,CACxD,CACP,CAAC,CAAC,CAAC,IAAI,CACJ,CACP,CAAA;AACH,CAAC,CAAA"}
|