@pnp/spfx-controls-react 3.24.0-beta.2252463 → 3.24.0-beta.2280641

package/lib-commonjs/controls/dragDropFiles/DragDropFiles.js

@@ -0,0 +1,250 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DragDropFiles = void 0;
+var tslib_1 = require("tslib");
+var React = tslib_1.__importStar(require("react"));
+var DragDropFiles_module_scss_1 = tslib_1.__importDefault(require("./DragDropFiles.module.scss"));
+var Icon_1 = require("@fluentui/react/lib/Icon");
+/**
+ * DragDropFiles Class Control
+ */
+var DragDropFiles = /** @class */ (function (_super) {
+    tslib_1.__extends(DragDropFiles, _super);
+    function DragDropFiles(props) {
+        var _this = _super.call(this, props) || this;
+        _this.dragCounter = 0;
+        _this.dropRef = React.createRef();
+        /**
+         * Stop listeners from onDragOver event.
+         * @param e
+         */
+        _this.handleonDragOver = function (e) {
+            e.preventDefault();
+            e.stopPropagation();
+            if (e.dataTransfer.items && e.dataTransfer.items.length > 0) {
+                e.dataTransfer.dropEffect = e.dataTransfer.dropEffect = _this.props.dropEffect;
+            }
+        };
+        /**
+         * Stop listeners from onDragEnter event, enable drag and drop view.
+         * @param e
+         */
+        _this.handleonDragEnter = function (e) {
+            e.preventDefault();
+            e.stopPropagation();
+            _this.dragCounter++;
+            if (e.dataTransfer.items && e.dataTransfer.items.length > 0) {
+                e.dataTransfer.dropEffect = _this._dropEffect;
+                _this.setState({ dragStatus: true });
+            }
+        };
+        /**
+         * Stop listeners from ondragenter event, disable drag and drop view.
+         * @param e
+         */
+        _this.handleonDragLeave = function (e) {
+            e.preventDefault();
+            e.stopPropagation();
+            _this.dragCounter--;
+            if (_this.dragCounter === 0) {
+                _this.setState({ dragStatus: false });
+            }
+        };
+        /**
+        * Stop listeners from onDrop event and load files to property onDrop.
+        * @param e
+        */
+        _this.handleonDrop = function (e) { return tslib_1.__awaiter(_this, void 0, void 0, function () {
+            var _a, _b;
+            return tslib_1.__generator(this, function (_c) {
+                switch (_c.label) {
+                    case 0:
+                        e.preventDefault();
+                        e.stopPropagation();
+                        this.setState({ dragStatus: false });
+                        if (!(e.dataTransfer && e.dataTransfer.items)) return [3 /*break*/, 2];
+                        _b = (_a = this.props).onDrop;
+                        return [4 /*yield*/, this.getFilesAsync(e)];
+                    case 1:
+                        _b.apply(_a, [_c.sent()]);
+                        _c.label = 2;
+                    case 2:
+                        e.dataTransfer.clearData();
+                        this.dragCounter = 0;
+                        return [2 /*return*/];
+                }
+            });
+        }); };
+        /**
+           * Add File to Array Files of type File[]
+           * https://www.meziantou.net/upload-files-and-directories-using-an-input-drag-and-drop-or-copy-and-paste-with.htm
+           * @param dataTransfer
+           */
+        _this.getFilesAsync = function (e) { return tslib_1.__awaiter(_this, void 0, void 0, function () {
+            var Customfiles, items, Directory, entry, files, i, item, file, file, file, entryContent;
+            return tslib_1.__generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        Customfiles = e.dataTransfer;
+                        items = Customfiles.items;
+                        Directory = [];
+                        files = [];
+                        for (i = 0; i < items.length; i++) {
+                            item = items[i];
+                            if (item.kind === "file") {
+                                /**
+                                 * This method retrieves Files from Folders
+                                 * defensive code to only use method when exist in browser if not only return files.
+                                 * https://developer.mozilla.org/en-US/docs/Web/API/DataTransferItem/webkitGetAsEntry
+                                */
+                                if (item.getAsEntry) { // eslint-disable-line @typescript-eslint/no-explicit-any
+                                    entry = item.getAsEntry(); // eslint-disable-line @typescript-eslint/no-explicit-any
+                                    if (entry.isDirectory) {
+                                        Directory.push(entry);
+                                    }
+                                    else {
+                                        file = item.getAsFile();
+                                        if (file) {
+                                            file.fullPath = ""; // eslint-disable-line @typescript-eslint/no-explicit-any
+                                            files.push(file);
+                                        }
+                                    }
+                                }
+                                else if (item.webkitGetAsEntry) {
+                                    entry = item.webkitGetAsEntry();
+                                    if (entry.isDirectory) {
+                                        Directory.push(entry);
+                                    }
+                                    else {
+                                        file = item.getAsFile();
+                                        if (file) {
+                                            file.fullPath = ""; // eslint-disable-line @typescript-eslint/no-explicit-any
+                                            files.push(file);
+                                        }
+                                    }
+                                }
+                                else if ("function" === typeof item.getAsFile) {
+                                    file = item.getAsFile();
+                                    if (file) {
+                                        file.fullPath = ""; // eslint-disable-line @typescript-eslint/no-explicit-any
+                                        files.push(file);
+                                    }
+                                }
+                                continue;
+                            }
+                        }
+                        if (!(Directory.length > 0)) return [3 /*break*/, 2];
+                        return [4 /*yield*/, this.readEntryContentAsync(Directory)];
+                    case 1:
+                        entryContent = _a.sent();
+                        files.push.apply(files, entryContent);
+                        _a.label = 2;
+                    case 2: return [2 /*return*/, files];
+                }
+            });
+        }); };
+        // Returns a promise with all the files of the directory hierarchy
+        /**
+         *
+         * @param entry
+         */
+        _this.readEntryContentAsync = function (Directory) {
+            return new Promise(function (resolve, reject) {
+                var reading = 0;
+                var contents = [];
+                Directory.forEach(function (entry) {
+                    readEntry(entry, "");
+                });
+                function readEntry(entry, path) {
+                    if (entry.isDirectory) {
+                        readReaderContent(entry.createReader());
+                    }
+                    else {
+                        reading++;
+                        entry.file(function (file) {
+                            reading--;
+                            file.fullPath = path; // eslint-disable-line @typescript-eslint/no-explicit-any
+                            contents.push(file);
+                            if (reading === 0) {
+                                resolve(contents);
+                            }
+                        });
+                    }
+                }
+                function readReaderContent(reader) {
+                    reading++;
+                    reader.readEntries(function (entries) {
+                        reading--;
+                        for (var _i = 0, entries_1 = entries; _i < entries_1.length; _i++) {
+                            var entry = entries_1[_i];
+                            readEntry(entry, entry.fullPath);
+                        }
+                        if (reading === 0) {
+                            resolve(contents);
+                        }
+                    });
+                }
+            });
+        };
+        // Initialize state
+        _this.state = {
+            dragStatus: false
+        };
+        return _this;
+    }
+    /**
+   * Lifecycle hook when component is mounted
+   */
+    DragDropFiles.prototype.componentDidMount = function () {
+        var _a = this.props, dropEffect = _a.dropEffect, enable = _a.enable;
+        if (dropEffect === undefined || dropEffect === "") {
+            this._dropEffect = "copy";
+        }
+        else {
+            this._dropEffect = dropEffect;
+        }
+        if (enable === undefined) {
+            this._enable = true;
+        }
+        else {
+            this._enable = enable;
+        }
+        // Add EventListeners for drag zone area
+        var divDropArea = this.dropRef.current;
+        if (this._enable === true) {
+            divDropArea.addEventListener('dragenter', this.handleonDragEnter);
+            divDropArea.addEventListener('dragleave', this.handleonDragLeave);
+            divDropArea.addEventListener('dragover', this.handleonDragOver);
+            divDropArea.addEventListener('drop', this.handleonDrop);
+        }
+    };
+    /**
+     * Default React component render method
+     */
+    DragDropFiles.prototype.render = function () {
+        var dragStatus = this.state.dragStatus;
+        var _a = this.props, labelMessage = _a.labelMessage, iconName = _a.iconName;
+        if (labelMessage === undefined || labelMessage === "") {
+            this._LabelMessage = "";
+        }
+        else {
+            this._LabelMessage = labelMessage;
+        }
+        if (iconName === undefined || iconName === "") {
+            this._IconName = "";
+        }
+        else {
+            this._IconName = iconName;
+        }
+        return (React.createElement("div", { className: (dragStatus && this._enable) ? DragDropFiles_module_scss_1.default.DragDropFilesArea : DragDropFiles_module_scss_1.default.DragDropFilesAreaLeave, ref: this.dropRef },
+            (dragStatus && this._enable) &&
+                React.createElement("div", { className: DragDropFiles_module_scss_1.default.DragDropFilesAreaBorder },
+                    React.createElement("div", { className: DragDropFiles_module_scss_1.default.DragDropFilesAreaZone },
+                        React.createElement(Icon_1.Icon, { iconName: this._IconName, className: "ms-IconExample" }),
+                        React.createElement("div", null, this._LabelMessage))),
+            this.props.children));
+    };
+    return DragDropFiles;
+}(React.Component));
+exports.DragDropFiles = DragDropFiles;
+//# sourceMappingURL=DragDropFiles.js.map

package/lib-commonjs/controls/dragDropFiles/DragDropFiles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DragDropFiles.js","sourceRoot":"","sources":["../../../src/controls/dragDropFiles/DragDropFiles.tsx"],"names":[],"mappings":"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"}

package/lib-commonjs/controls/dragDropFiles/DragDropFiles.module.scss.css

@@ -0,0 +1,29 @@
+.DragDropFilesArea {
+  position: relative;
+  min-height: 150px;
+}
+
+.DragDropFilesAreaLeave {
+  position: relative;
+}
+
+.DragDropFilesAreaBorder {
+  border: dashed grey 1px;
+  background-color: rgba(255, 255, 255, 0.6);
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  z-index: 1;
+}
+
+.DragDropFilesAreaZone {
+  position: absolute;
+  top: 35%;
+  right: 0;
+  left: 0;
+  text-align: center;
+  color: grey;
+  font-size: 34px;
+}

package/lib-commonjs/controls/dragDropFiles/IDragDropFiles.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=IDragDropFiles.js.map

package/lib-commonjs/controls/dragDropFiles/IDragDropFiles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IDragDropFiles.js","sourceRoot":"","sources":["../../../src/controls/dragDropFiles/IDragDropFiles.ts"],"names":[],"mappings":""}

package/lib-commonjs/controls/dragDropFiles/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./IDragDropFiles"), exports);
+tslib_1.__exportStar(require("./DragDropFiles"), exports);
+//# sourceMappingURL=index.js.map

package/lib-commonjs/controls/dragDropFiles/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/controls/dragDropFiles/index.ts"],"names":[],"mappings":";;;AAAA,2DAAiC;AACjC,0DAAgC"}

package/lib-commonjs/controls/dynamicForm/CurrencyMap.js

@@ -0,0 +1,252 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    AD: 'EUR',
+    AE: 'AED',
+    AF: 'AFN',
+    AG: 'XCD',
+    AI: 'XCD',
+    AL: 'ALL',
+    AM: 'AMD',
+    AO: 'AOA',
+    AR: 'ARS',
+    AS: 'USD',
+    AT: 'EUR',
+    AU: 'AUD',
+    AW: 'AWG',
+    AX: 'EUR',
+    AZ: 'AZN',
+    BA: 'BAM',
+    BB: 'BBD',
+    BD: 'BDT',
+    BE: 'EUR',
+    BF: 'XOF',
+    BG: 'BGN',
+    BH: 'BHD',
+    BI: 'BIF',
+    BJ: 'XOF',
+    BL: 'EUR',
+    BM: 'BMD',
+    BN: 'BND',
+    BO: 'BOB',
+    BQ: 'USD',
+    BR: 'BRL',
+    BS: 'BSD',
+    BT: 'BTN',
+    BV: 'NOK',
+    BW: 'BWP',
+    BY: 'BYN',
+    BZ: 'BZD',
+    CA: 'CAD',
+    CC: 'AUD',
+    CD: 'CDF',
+    CF: 'XAF',
+    CG: 'XAF',
+    CH: 'CHF',
+    CI: 'XOF',
+    CK: 'NZD',
+    CL: 'CLP',
+    CM: 'XAF',
+    CN: 'CNY',
+    CO: 'COP',
+    CR: 'CRC',
+    CU: 'CUP',
+    CV: 'CVE',
+    CW: 'ANG',
+    CX: 'AUD',
+    CY: 'EUR',
+    CZ: 'CZK',
+    DE: 'EUR',
+    DJ: 'DJF',
+    DK: 'DKK',
+    DM: 'XCD',
+    DO: 'DOP',
+    DZ: 'DZD',
+    EC: 'USD',
+    EE: 'EUR',
+    EG: 'EGP',
+    EH: 'MAD',
+    ER: 'ERN',
+    ES: 'EUR',
+    ET: 'ETB',
+    FI: 'EUR',
+    FJ: 'FJD',
+    FK: 'FKP',
+    FM: 'USD',
+    FO: 'DKK',
+    FR: 'EUR',
+    GA: 'XAF',
+    GB: 'GBP',
+    GD: 'XCD',
+    GE: 'GEL',
+    GF: 'EUR',
+    GG: 'GBP',
+    GH: 'GHS',
+    GI: 'GIP',
+    GL: 'DKK',
+    GM: 'GMD',
+    GN: 'GNF',
+    GP: 'EUR',
+    GQ: 'XAF',
+    GR: 'EUR',
+    GS: 'GBP',
+    GT: 'GTQ',
+    GU: 'USD',
+    GW: 'XOF',
+    GY: 'GYD',
+    HK: 'HKD',
+    HM: 'AUD',
+    HN: 'HNL',
+    HR: 'EUR',
+    HT: 'HTG',
+    HU: 'HUF',
+    ID: 'IDR',
+    IE: 'EUR',
+    IL: 'ILS',
+    IM: 'GBP',
+    IN: 'INR',
+    IO: 'USD',
+    IQ: 'IQD',
+    IR: 'IRR',
+    IS: 'ISK',
+    IT: 'EUR',
+    JE: 'GBP',
+    JM: 'JMD',
+    JO: 'JOD',
+    JP: 'JPY',
+    KE: 'KES',
+    KG: 'KGS',
+    KH: 'KHR',
+    KI: 'AUD',
+    KM: 'KMF',
+    KN: 'XCD',
+    KP: 'KPW',
+    KR: 'KRW',
+    KW: 'KWD',
+    KY: 'KYD',
+    KZ: 'KZT',
+    LA: 'LAK',
+    LB: 'LBP',
+    LC: 'XCD',
+    LI: 'CHF',
+    LK: 'LKR',
+    LR: 'LRD',
+    LS: 'LSL',
+    LT: 'EUR',
+    LU: 'EUR',
+    LV: 'EUR',
+    LY: 'LYD',
+    MA: 'MAD',
+    MC: 'EUR',
+    MD: 'MDL',
+    ME: 'EUR',
+    MF: 'EUR',
+    MG: 'MGA',
+    MH: 'USD',
+    MK: 'MKD',
+    ML: 'XOF',
+    MM: 'MMK',
+    MN: 'MNT',
+    MO: 'MOP',
+    MP: 'USD',
+    MQ: 'EUR',
+    MR: 'MRO',
+    MS: 'XCD',
+    MT: 'EUR',
+    MU: 'MUR',
+    MV: 'MVR',
+    MW: 'MWK',
+    MX: 'MXN',
+    MY: 'MYR',
+    MZ: 'MZN',
+    NA: 'NAD',
+    NC: 'XPF',
+    NE: 'XOF',
+    NF: 'AUD',
+    NG: 'NGN',
+    NI: 'NIO',
+    NL: 'EUR',
+    NO: 'NOK',
+    NP: 'NPR',
+    NR: 'AUD',
+    NU: 'NZD',
+    NZ: 'NZD',
+    OM: 'OMR',
+    PA: 'PAB',
+    PE: 'PEN',
+    PF: 'XPF',
+    PG: 'PGK',
+    PH: 'PHP',
+    PK: 'PKR',
+    PL: 'PLN',
+    PM: 'EUR',
+    PN: 'NZD',
+    PR: 'USD',
+    PS: 'ILS',
+    PT: 'EUR',
+    PW: 'USD',
+    PY: 'PYG',
+    QA: 'QAR',
+    RE: 'EUR',
+    RO: 'RON',
+    RS: 'RSD',
+    RU: 'RUB',
+    RW: 'RWF',
+    SA: 'SAR',
+    SB: 'SBD',
+    SC: 'SCR',
+    SD: 'SDG',
+    SE: 'SEK',
+    SG: 'SGD',
+    SH: 'SHP',
+    SI: 'EUR',
+    SJ: 'NOK',
+    SK: 'EUR',
+    SL: 'SLL',
+    SM: 'EUR',
+    SN: 'XOF',
+    SO: 'SOS',
+    SR: 'SRD',
+    ST: 'STD',
+    SV: 'SVC',
+    SX: 'ANG',
+    SY: 'SYP',
+    SZ: 'SZL',
+    TC: 'USD',
+    TD: 'XAF',
+    TF: 'EUR',
+    TG: 'XOF',
+    TH: 'THB',
+    TJ: 'TJS',
+    TK: 'NZD',
+    TL: 'USD',
+    TM: 'TMT',
+    TN: 'TND',
+    TO: 'TOP',
+    TR: 'TRY',
+    TT: 'TTD',
+    TV: 'AUD',
+    TW: 'TWD',
+    TZ: 'TZS',
+    UA: 'UAH',
+    UG: 'UGX',
+    UM: 'USD',
+    US: 'USD',
+    UY: 'UYU',
+    UZ: 'UZS',
+    VA: 'EUR',
+    VC: 'XCD',
+    VE: 'VEF',
+    VG: 'USD',
+    VI: 'USD',
+    VN: 'VND',
+    VU: 'VUV',
+    WF: 'XPF',
+    WS: 'WST',
+    YE: 'YER',
+    YT: 'EUR',
+    ZA: 'ZAR',
+    ZM: 'ZMW',
+    ZW: 'ZWL'
+};
+//# sourceMappingURL=CurrencyMap.js.map

package/lib-commonjs/controls/dynamicForm/CurrencyMap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CurrencyMap.js","sourceRoot":"","sources":["../../../src/controls/dynamicForm/CurrencyMap.ts"],"names":[],"mappings":";;AAAA,kBAAe;IACX,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;CACR,CAAC"}