@smitch/breeze 2.2.19 → 2.2.21
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.
|
@@ -1,3 +1,8 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { FileUploadProps } from "./types";
|
|
3
|
+
export interface FileUploadRef {
|
|
4
|
+
clear: () => void;
|
|
5
|
+
getFiles: () => FileList | null;
|
|
6
|
+
}
|
|
7
|
+
declare const FileUpload: React.ForwardRefExoticComponent<FileUploadProps & React.RefAttributes<FileUploadRef>>;
|
|
3
8
|
export default FileUpload;
|
|
@@ -1,57 +1,102 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
|
|
2
|
+
"use client";
|
|
3
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
4
|
+
if (k2 === undefined) k2 = k;
|
|
5
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
6
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
7
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
8
|
+
}
|
|
9
|
+
Object.defineProperty(o, k2, desc);
|
|
10
|
+
}) : (function(o, m, k, k2) {
|
|
11
|
+
if (k2 === undefined) k2 = k;
|
|
12
|
+
o[k2] = m[k];
|
|
13
|
+
}));
|
|
14
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
15
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
16
|
+
}) : function(o, v) {
|
|
17
|
+
o["default"] = v;
|
|
18
|
+
});
|
|
19
|
+
var __importStar = (this && this.__importStar) || (function () {
|
|
20
|
+
var ownKeys = function(o) {
|
|
21
|
+
ownKeys = Object.getOwnPropertyNames || function (o) {
|
|
22
|
+
var ar = [];
|
|
23
|
+
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
|
24
|
+
return ar;
|
|
25
|
+
};
|
|
26
|
+
return ownKeys(o);
|
|
27
|
+
};
|
|
28
|
+
return function (mod) {
|
|
29
|
+
if (mod && mod.__esModule) return mod;
|
|
30
|
+
var result = {};
|
|
31
|
+
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
|
32
|
+
__setModuleDefault(result, mod);
|
|
33
|
+
return result;
|
|
34
|
+
};
|
|
35
|
+
})();
|
|
3
36
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
4
37
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
5
38
|
};
|
|
6
39
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
7
40
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
8
|
-
var react_1 = require("react");
|
|
41
|
+
var react_1 = __importStar(require("react"));
|
|
9
42
|
var tailwind_merge_1 = require("tailwind-merge");
|
|
10
43
|
var Files_1 = __importDefault(require("./Files"));
|
|
11
44
|
var types_1 = require("./types");
|
|
12
45
|
var __1 = require("..");
|
|
13
46
|
var fa_1 = require("react-icons/fa");
|
|
14
47
|
var sizes = {
|
|
15
|
-
md:
|
|
16
|
-
lg:
|
|
17
|
-
xl:
|
|
48
|
+
md: "text-base",
|
|
49
|
+
lg: "text-lg",
|
|
50
|
+
xl: "text-xl",
|
|
18
51
|
};
|
|
19
|
-
var FileUpload = function (_a) {
|
|
20
|
-
var _b = _a.className, className = _b === void 0 ?
|
|
21
|
-
var
|
|
22
|
-
var
|
|
23
|
-
var
|
|
24
|
-
var
|
|
25
|
-
|
|
52
|
+
var FileUpload = (0, react_1.forwardRef)(function (_a, ref) {
|
|
53
|
+
var _b = _a.className, className = _b === void 0 ? "" : _b, _c = _a.size, size = _c === void 0 ? "md" : _c, accept = _a.accept, _d = _a.label, label = _d === void 0 ? "File Upload" : _d, icon = _a.icon, onChange = _a.onChange, _e = _a.showMultiple, showMultiple = _e === void 0 ? false : _e, _f = _a.multipleLabel, multipleLabel = _f === void 0 ? "Multiple" : _f;
|
|
54
|
+
var _g = (0, react_1.useState)(null), files = _g[0], setLocalFiles = _g[1];
|
|
55
|
+
var _h = (0, react_1.useState)(false), multiple = _h[0], setMultiple = _h[1];
|
|
56
|
+
var _j = (0, react_1.useState)(accept || "*"), selectedAcceptType = _j[0], setSelectedAcceptType = _j[1];
|
|
57
|
+
var inputRef = react_1.default.useRef(null);
|
|
58
|
+
(0, react_1.useImperativeHandle)(ref, function () { return ({
|
|
59
|
+
clear: function () {
|
|
60
|
+
setLocalFiles(null);
|
|
61
|
+
if (inputRef.current)
|
|
62
|
+
inputRef.current.value = "";
|
|
63
|
+
},
|
|
64
|
+
getFiles: function () { return files; },
|
|
65
|
+
}); });
|
|
66
|
+
var handleAcceptTypeChange = function (e) {
|
|
67
|
+
setSelectedAcceptType(e.target.value);
|
|
26
68
|
setLocalFiles(null);
|
|
27
|
-
if (
|
|
28
|
-
|
|
29
|
-
}
|
|
69
|
+
if (inputRef.current)
|
|
70
|
+
inputRef.current.value = "";
|
|
30
71
|
};
|
|
31
|
-
var
|
|
32
|
-
|
|
33
|
-
setMultiple(event.target.checked);
|
|
72
|
+
var handleMultipleChange = function (e) {
|
|
73
|
+
setMultiple(e.target.checked);
|
|
34
74
|
};
|
|
35
|
-
var handleFileChange = function (
|
|
36
|
-
var
|
|
37
|
-
if (
|
|
38
|
-
setLocalFiles(
|
|
39
|
-
|
|
40
|
-
onChange(event);
|
|
75
|
+
var handleFileChange = function (e) {
|
|
76
|
+
var selectedFiles = e.target.files;
|
|
77
|
+
if (selectedFiles && selectedFiles.length > 0) {
|
|
78
|
+
setLocalFiles(selectedFiles);
|
|
79
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(e);
|
|
41
80
|
}
|
|
42
81
|
};
|
|
43
82
|
var deleteFile = function (fileToDelete) {
|
|
44
|
-
if (files)
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
}
|
|
83
|
+
if (!files)
|
|
84
|
+
return;
|
|
85
|
+
var updated = Array.from(files).filter(function (f) { return f !== fileToDelete; });
|
|
86
|
+
var dt = new DataTransfer();
|
|
87
|
+
updated.forEach(function (f) { return dt.items.add(f); });
|
|
88
|
+
setLocalFiles(dt.files);
|
|
89
|
+
if (inputRef.current)
|
|
90
|
+
inputRef.current.files = dt.files;
|
|
53
91
|
};
|
|
54
|
-
|
|
55
|
-
|
|
92
|
+
var sizeClasses = (0, react_1.useMemo)(function () { return sizes[size]; }, [size]);
|
|
93
|
+
var GetLabel = function () {
|
|
94
|
+
if (!icon)
|
|
95
|
+
return label || "Upload File";
|
|
96
|
+
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(fa_1.FaUpload, { "aria-hidden": "true", className: "w-5 h-5" }), label ? label : (0, jsx_runtime_1.jsx)("span", { className: "sr-only", children: "Upload File" })] }));
|
|
97
|
+
};
|
|
98
|
+
return ((0, jsx_runtime_1.jsxs)("div", { className: (0, tailwind_merge_1.twMerge)("fileupload group overflow-hidden ".concat(sizeClasses), className), children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex flex-row flex-wrap gap-4 items-center", children: [(0, jsx_runtime_1.jsx)(__1.Label, { label: (0, jsx_runtime_1.jsx)(GetLabel, {}), layout: "col", size: size, type: "file", className: "items-center !flex !flex-row !w-auto gap-3 cursor-pointer", children: (0, jsx_runtime_1.jsx)(__1.Input, { ref: inputRef, accept: selectedAcceptType, name: "file", type: "file", onChange: handleFileChange, multiple: multiple, size: size, className: "hidden" }) }), (0, jsx_runtime_1.jsxs)("div", { className: "flex gap-4 items-center", children: [!accept && ((0, jsx_runtime_1.jsx)(__1.Select, { options: types_1.acceptTypes, id: "acceptType", value: selectedAcceptType, onChange: handleAcceptTypeChange, dropdownSize: size, className: "border-neutral min-w-32", rounded: "md" })), showMultiple && ((0, jsx_runtime_1.jsx)(__1.Switch, { label: multipleLabel, name: "multiple", checked: multiple, onChange: handleMultipleChange, shape: "circle", thin: true }))] })] }), files && files.length > 0 && (0, jsx_runtime_1.jsx)(Files_1.default, { files: Array.from(files), deleteFile: deleteFile })] }));
|
|
99
|
+
});
|
|
100
|
+
FileUpload.displayName = "FileUpload";
|
|
56
101
|
exports.default = FileUpload;
|
|
57
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
102
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmlsZVVwbG9hZC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy91aS9maWxldXBsb2FkL0ZpbGVVcGxvYWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxZQUFZLENBQUM7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUViLDZDQUFrRjtBQUNsRixpREFBeUM7QUFDekMsa0RBQTRCO0FBQzVCLGlDQUF1RDtBQUN2RCx3QkFBa0Q7QUFDbEQscUNBQTBDO0FBRTFDLElBQU0sS0FBSyxHQUFHO0lBQ1osRUFBRSxFQUFFLFdBQVc7SUFDZixFQUFFLEVBQUUsU0FBUztJQUNiLEVBQUUsRUFBRSxTQUFTO0NBQ0wsQ0FBQztBQU9YLElBQU0sVUFBVSxHQUFHLElBQUEsa0JBQVUsRUFDM0IsVUFDRSxFQVNDLEVBQ0QsR0FBRztRQVRELGlCQUFjLEVBQWQsU0FBUyxtQkFBRyxFQUFFLEtBQUEsRUFDZCxZQUFXLEVBQVgsSUFBSSxtQkFBRyxJQUFJLEtBQUEsRUFDWCxNQUFNLFlBQUEsRUFDTixhQUFxQixFQUFyQixLQUFLLG1CQUFHLGFBQWEsS0FBQSxFQUNyQixJQUFJLFVBQUEsRUFDSixRQUFRLGNBQUEsRUFDUixvQkFBb0IsRUFBcEIsWUFBWSxtQkFBRyxLQUFLLEtBQUEsRUFDcEIscUJBQTBCLEVBQTFCLGFBQWEsbUJBQUcsVUFBVSxLQUFBO0lBSXRCLElBQUEsS0FBeUIsSUFBQSxnQkFBUSxFQUFrQixJQUFJLENBQUMsRUFBdkQsS0FBSyxRQUFBLEVBQUUsYUFBYSxRQUFtQyxDQUFDO0lBQ3pELElBQUEsS0FBMEIsSUFBQSxnQkFBUSxFQUFDLEtBQUssQ0FBQyxFQUF4QyxRQUFRLFFBQUEsRUFBRSxXQUFXLFFBQW1CLENBQUM7SUFDMUMsSUFBQSxLQUE4QyxJQUFBLGdCQUFRLEVBQVMsTUFBTSxJQUFJLEdBQUcsQ0FBQyxFQUE1RSxrQkFBa0IsUUFBQSxFQUFFLHFCQUFxQixRQUFtQyxDQUFD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
|
|
@@ -24,9 +24,7 @@ export interface FileUploadProps {
|
|
|
24
24
|
accept?: string;
|
|
25
25
|
showMultiple?: boolean;
|
|
26
26
|
onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
|
|
27
|
-
setFiles?: (files: File[]) => void;
|
|
28
27
|
icon?: boolean;
|
|
29
|
-
files: File[];
|
|
30
28
|
}
|
|
31
29
|
export interface AcceptTypes {
|
|
32
30
|
label: string;
|
|
@@ -17,12 +17,14 @@ var fileUploadAcceptTypes = {
|
|
|
17
17
|
text: ['text/plain', 'text/csv'],
|
|
18
18
|
};
|
|
19
19
|
exports.acceptTypes = [
|
|
20
|
-
{ label: 'All Files', value: '
|
|
21
|
-
{ label: '
|
|
22
|
-
{ label: '
|
|
23
|
-
{ label: '
|
|
20
|
+
{ label: 'All Files', value: '*/*' },
|
|
21
|
+
{ label: 'Images', value: 'image/*' },
|
|
22
|
+
{ label: 'Videos', value: 'video/*' },
|
|
23
|
+
{ label: 'Audio', value: 'audio/*' },
|
|
24
24
|
{ label: 'PDF Documents', value: 'application/pdf' },
|
|
25
|
-
{ label: '
|
|
26
|
-
{ label: 'Excel Files', value: 'application/vnd.ms-excel' },
|
|
25
|
+
{ label: 'Word Documents', value: '.doc,.docx,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document' },
|
|
26
|
+
{ label: 'Excel Files', value: '.xls,.xlsx,application/vnd.ms-excel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' },
|
|
27
|
+
{ label: 'Text Files', value: 'text/*,.txt,.csv' },
|
|
28
|
+
{ label: 'ZIP Archives', value: 'application/zip,application/x-zip-compressed' },
|
|
27
29
|
];
|
|
28
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
30
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvdWkvZmlsZXVwbG9hZC90eXBlcy9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7QUFVQSxJQUFNLHFCQUFxQixHQUFlO0lBQ3pDLEdBQUcsRUFBRSxHQUFHO0lBQ1IsS0FBSyxFQUFFLFNBQVM7SUFDaEIsS0FBSyxFQUFFLFNBQVM7SUFDaEIsS0FBSyxFQUFFLFNBQVM7SUFDaEIsUUFBUSxFQUFFO1FBQ1QsaUJBQWlCO1FBQ2pCLG9CQUFvQjtRQUNwQix5RUFBeUU7UUFDekUsMEJBQTBCO1FBQzFCLG1FQUFtRTtLQUNuRTtJQUNELFVBQVUsRUFBRSxDQUFDLGlCQUFpQixFQUFFLDhCQUE4QixDQUFDO0lBQy9ELElBQUksRUFBRSxDQUFDLFlBQVksRUFBRSxVQUFVLENBQUM7Q0FDaEMsQ0FBQTtBQStCWSxRQUFBLFdBQVcsR0FBa0I7SUFDeEMsRUFBRSxLQUFLLEVBQUUsV0FBVyxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUU7SUFDcEMsRUFBRSxLQUFLLEVBQUUsUUFBUSxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUU7SUFDckMsRUFBRSxLQUFLLEVBQUUsUUFBUSxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUU7SUFDckMsRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUU7SUFDcEMsRUFBRSxLQUFLLEVBQUUsZUFBZSxFQUFFLEtBQUssRUFBRSxpQkFBaUIsRUFBRTtJQUNwRCxFQUFFLEtBQUssRUFBRSxnQkFBZ0IsRUFBRSxLQUFLLEVBQUUsdUdBQXVHLEVBQUU7SUFDM0ksRUFBRSxLQUFLLEVBQUUsYUFBYSxFQUFFLEtBQUssRUFBRSx1R0FBdUcsRUFBRTtJQUN4SSxFQUFFLEtBQUssRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLGtCQUFrQixFQUFFO0lBQ2xELEVBQUUsS0FBSyxFQUFFLGNBQWMsRUFBRSxLQUFLLEVBQUUsOENBQThDLEVBQUU7Q0FDakYsQ0FBQSJ9
|
package/lib/label/Label.js
CHANGED
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
4
4
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
5
|
var react_1 = require("react");
|
|
6
6
|
var tailwind_merge_1 = require("tailwind-merge");
|
|
7
|
-
var fileClasses = "bg-dark text-light dark:bg-light dark:text-dark rounded-md p-[1em] flex items-center justify-center whitespace-nowrap !w-auto";
|
|
7
|
+
var fileClasses = "bg-dark text-light dark:bg-light dark:text-dark rounded-md p-[1em] flex gap-4 items-center justify-center whitespace-nowrap !w-auto";
|
|
8
8
|
var requiredClasses = "after:text-warning-dark after:dark:text-warning-light after:content-['_*']";
|
|
9
9
|
var sizes = {
|
|
10
10
|
sm: "text-sm",
|
|
@@ -32,7 +32,7 @@ var Label = function (_a) {
|
|
|
32
32
|
var forId = _a.forId, _b = _a.size, size = _b === void 0 ? "md" : _b, _c = _a.layout, layout = _c === void 0 ? "col" : _c, label = _a.label, _d = _a.isBold, isBold = _d === void 0 ? true : _d, required = _a.required, _e = _a.type, type = _e === void 0 ? "text" : _e, children = _a.children, _f = _a.className, className = _f === void 0 ? "" : _f, style = _a.style;
|
|
33
33
|
var sizeClasses = (0, react_1.useMemo)(function () { return sizes[size]; }, [size]);
|
|
34
34
|
var layoutClasses = (0, react_1.useMemo)(function () { return layouts[layout]; }, [layout]);
|
|
35
|
-
return ((0, jsx_runtime_1.jsxs)("label", { className: (0, tailwind_merge_1.twMerge)("label group cursor-pointer w-full ".concat(sizeClasses, " ").concat(layoutClasses, " ").concat(isBold ? "font-semibold" : "font-nomal", " text-dark dark:text-light ").concat(type), className), "data-testid": "label", htmlFor: forId, style: style, children: [(0, jsx_runtime_1.
|
|
35
|
+
return ((0, jsx_runtime_1.jsxs)("label", { className: (0, tailwind_merge_1.twMerge)("label group cursor-pointer w-full ".concat(sizeClasses, " ").concat(layoutClasses, " ").concat(isBold ? "font-semibold" : "font-nomal", " text-dark dark:text-light ").concat(type), className), "data-testid": "label", htmlFor: forId, style: style, children: [(0, jsx_runtime_1.jsx)("span", { className: "inline-block [&:has(svg)]:w-full ".concat(layout === "row" ? "pt-2" : "", " ").concat(type === "file" ? fileClasses : "", " ").concat(required ? requiredClasses : ""), children: label }), (0, jsx_runtime_1.jsx)("div", { className: "".concat(widthClasses(type), " col-span-2 [&:has(input.w-0)]:absolute [&:has(input.password)]:relative"), children: children })] }));
|
|
36
36
|
};
|
|
37
37
|
exports.default = Label;
|
|
38
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
38
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGFiZWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvdWkvbGFiZWwvTGFiZWwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxZQUFZLENBQUM7OztBQUViLCtCQUF1QztBQUV2QyxpREFBeUM7QUFJekMsSUFBTSxXQUFXLEdBQ2YscUlBQXFJLENBQUM7QUFFeEksSUFBTSxlQUFlLEdBQ25CLDRFQUE0RSxDQUFDO0FBRS9FLElBQU0sS0FBSyxHQUFHO0lBQ1osRUFBRSxFQUFFLFNBQVM7SUFDYixFQUFFLEVBQUUsV0FBVztJQUNmLEVBQUUsRUFBRSxTQUFTO0lBQ2IsRUFBRSxFQUFFLFVBQVU7Q0FDZixDQUFDO0FBRUYsSUFBTSxPQUFPLEdBQUc7SUFDZCxHQUFHLEVBQUUsaUNBQWlDO0lBQ3RDLEdBQUcsRUFBRSxvQ0FBb0M7SUFDekMsV0FBVyxFQUFFLGdFQUFnRTtDQUM5RSxDQUFDO0FBRUYsSUFBTSxZQUFZLEdBQUcsVUFBQyxJQUFZO0lBQ2hDLE9BQU8sSUFBSSxLQUFLLFVBQVU7UUFDeEIsQ0FBQyxDQUFDLFFBQVE7UUFDVixDQUFDLENBQUMsSUFBSSxLQUFLLE9BQU87WUFDbEIsQ0FBQyxDQUFDLFFBQVE7WUFDVixDQUFDLENBQUMsSUFBSSxLQUFLLE9BQU87Z0JBQ2xCLENBQUMsQ0FBQyxRQUFRO2dCQUNWLENBQUMsQ0FBQyxJQUFJLEtBQUssUUFBUTtvQkFDbkIsQ0FBQyxDQUFDLFFBQVE7b0JBQ1YsQ0FBQyxDQUFDLFFBQVEsQ0FBQztBQUNmLENBQUMsQ0FBQztBQUVGLElBQU0sS0FBSyxHQUFHLFVBQUMsRUFXRjtRQVZYLEtBQUssV0FBQSxFQUNMLFlBQVcsRUFBWCxJQUFJLG1CQUFHLElBQUksS0FBQSxFQUNYLGNBQWMsRUFBZCxNQUFNLG1CQUFHLEtBQUssS0FBQSxFQUNkLEtBQUssV0FBQSxFQUNMLGNBQWEsRUFBYixNQUFNLG1CQUFHLElBQUksS0FBQSxFQUNiLFFBQVEsY0FBQSxFQUNSLFlBQWEsRUFBYixJQUFJLG1CQUFHLE1BQU0sS0FBQSxFQUNiLFFBQVEsY0FBQSxFQUNSLGlCQUFjLEVBQWQsU0FBUyxtQkFBRyxFQUFFLEtBQUEsRUFDZCxLQUFLLFdBQUE7SUFFTCxJQUFNLFdBQVcsR0FBRyxJQUFBLGVBQU8sRUFBQyxjQUFNLE9BQUEsS0FBSyxDQUFDLElBQUksQ0FBQyxFQUFYLENBQVcsRUFBRSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUM7SUFDdkQsSUFBTSxhQUFhLEdBQUcsSUFBQSxlQUFPLEVBQUMsY0FBTSxPQUFBLE9BQU8sQ0FBQyxNQUFNLENBQUMsRUFBZixDQUFlLEVBQUUsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDO0lBRS9ELE9BQU8sQ0FDTCxtQ0FDRSxTQUFTLEVBQUUsSUFBQSx3QkFBTyxFQUNoQiw2Q0FBc0MsV0FBVyxjQUFJLGFBQWEsY0FDaEUsTUFBTSxDQUFDLENBQUMsQ0FBQyxlQUFlLENBQUMsQ0FBQyxDQUFDLFlBQVksd0NBQ1gsSUFBSSxDQUFFLEVBQ3BDLFNBQVMsQ0FDVixpQkFDVyxPQUFPLEVBQ25CLE9BQU8sRUFBRSxLQUFLLEVBQ2QsS0FBSyxFQUFFLEtBQUssYUFFWixpQ0FDRSxTQUFTLEVBQUUsMkNBQW9DLE1BQU0sS0FBSyxLQUFLLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsRUFBRSxjQUMzRSxJQUFJLEtBQUssTUFBTSxDQUFDLENBQUMsQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDLEVBQUUsY0FDaEMsUUFBUSxDQUFDLENBQUMsQ0FBQyxlQUFlLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBRSxZQUVwQyxLQUFLLEdBQ0QsRUFDUCxnQ0FDRSxTQUFTLEVBQUUsVUFBRyxZQUFZLENBQ3hCLElBQUksQ0FDTCw2RUFBMEUsWUFFMUUsUUFBUSxHQUNMLElBQ0EsQ0FDVCxDQUFDO0FBQ0osQ0FBQyxDQUFDO0FBRUYsa0JBQWUsS0FBSyxDQUFDIn0=
|