From f73df24b479699a173afa6d096837454de6248ad Mon Sep 17 00:00:00 2001 From: Radu Liviu Carjan Date: Fri, 21 May 2021 17:45:49 +0300 Subject: [PATCH] Minor updates to UI --- public/css/app.css | 4 +- public/js/app.js | 1634 ++++++++++++----- resources/js/app.ts | 4 + .../components/ProcessFile/ProcessFile.scss | 51 +- .../js/components/ProcessFile/ProcessFile.ts | 83 +- .../js/components/ProcessFile/ProcessFile.vue | 212 ++- resources/js/components/layout/Header.vue | 2 +- resources/sass/_variables.scss | 6 +- 8 files changed, 1476 insertions(+), 520 deletions(-) diff --git a/public/css/app.css b/public/css/app.css index a4e2988..b938ced 100644 --- a/public/css/app.css +++ b/public/css/app.css @@ -10373,7 +10373,7 @@ } .header { - background: var(--blue-400); + background: #2196F3; height: 4rem; padding: 0 2rem; border-bottom: 1px solid #dee2e6; @@ -10388,7 +10388,7 @@ } .footer { - background: var(--blue-400); + background: #2196F3; height: 4rem; border-top: 1px solid #dee2e6; border-bottom: 1px solid #dee2e6; diff --git a/public/js/app.js b/public/js/app.js index f5a8ef8..712d612 100644 --- a/public/js/app.js +++ b/public/js/app.js @@ -1982,8 +1982,8 @@ AppHeader = (0,tslib__WEBPACK_IMPORTED_MODULE_1__.__decorate)([vue_class_compone "use strict"; __webpack_require__.r(__webpack_exports__); /* harmony import */ var _bootstrap__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./bootstrap */ "./resources/js/bootstrap.ts"); -/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_30__ = __webpack_require__(/*! vue */ "./node_modules/vue/dist/vue.esm.js"); -/* harmony import */ var vue_markdown_render__WEBPACK_IMPORTED_MODULE_31__ = __webpack_require__(/*! vue-markdown-render */ "./node_modules/vue-markdown-render/dist/VueMarkdown.js"); +/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_32__ = __webpack_require__(/*! vue */ "./node_modules/vue/dist/vue.esm.js"); +/* harmony import */ var vue_markdown_render__WEBPACK_IMPORTED_MODULE_33__ = __webpack_require__(/*! vue-markdown-render */ "./node_modules/vue-markdown-render/dist/VueMarkdown.js"); /* harmony import */ var primevue_config__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! primevue/config */ "./node_modules/primevue/config/index.js"); /* harmony import */ var primevue_button__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! primevue/button */ "./node_modules/primevue/button/index.js"); /* harmony import */ var primevue_panel__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! primevue/panel */ "./node_modules/primevue/panel/index.js"); @@ -2008,11 +2008,13 @@ __webpack_require__.r(__webpack_exports__); /* harmony import */ var primevue_checkbox__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! primevue/checkbox */ "./node_modules/primevue/checkbox/index.js"); /* harmony import */ var primevue_progressspinner__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! primevue/progressspinner */ "./node_modules/primevue/progressspinner/index.js"); /* harmony import */ var primevue_inputtext__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! primevue/inputtext */ "./node_modules/primevue/inputtext/index.js"); -/* harmony import */ var _plugins_ApiPlugin__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! @plugins/ApiPlugin */ "./resources/js/plugins/ApiPlugin.ts"); -/* harmony import */ var _components_layout_Header_vue__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! @components/layout/Header.vue */ "./resources/js/components/layout/Header.vue"); -/* harmony import */ var _components_layout_Footer_vue__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! @components/layout/Footer.vue */ "./resources/js/components/layout/Footer.vue"); -/* harmony import */ var _components_Home_Home_vue__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(/*! @components/Home/Home.vue */ "./resources/js/components/Home/Home.vue"); -/* harmony import */ var _components_ProcessFile_ProcessFile_vue__WEBPACK_IMPORTED_MODULE_29__ = __webpack_require__(/*! @components/ProcessFile/ProcessFile.vue */ "./resources/js/components/ProcessFile/ProcessFile.vue"); +/* harmony import */ var primevue_dialog__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! primevue/dialog */ "./node_modules/primevue/dialog/index.js"); +/* harmony import */ var primevue_message__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! primevue/message */ "./node_modules/primevue/message/index.js"); +/* harmony import */ var _plugins_ApiPlugin__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! @plugins/ApiPlugin */ "./resources/js/plugins/ApiPlugin.ts"); +/* harmony import */ var _components_layout_Header_vue__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(/*! @components/layout/Header.vue */ "./resources/js/components/layout/Header.vue"); +/* harmony import */ var _components_layout_Footer_vue__WEBPACK_IMPORTED_MODULE_29__ = __webpack_require__(/*! @components/layout/Footer.vue */ "./resources/js/components/layout/Footer.vue"); +/* harmony import */ var _components_Home_Home_vue__WEBPACK_IMPORTED_MODULE_30__ = __webpack_require__(/*! @components/Home/Home.vue */ "./resources/js/components/Home/Home.vue"); +/* harmony import */ var _components_ProcessFile_ProcessFile_vue__WEBPACK_IMPORTED_MODULE_31__ = __webpack_require__(/*! @components/ProcessFile/ProcessFile.vue */ "./resources/js/components/ProcessFile/ProcessFile.vue"); /** @@ -2040,6 +2042,8 @@ __webpack_require__.r(__webpack_exports__); + + @@ -2050,39 +2054,41 @@ __webpack_require__.r(__webpack_exports__); -vue__WEBPACK_IMPORTED_MODULE_30__.default.use(primevue_config__WEBPACK_IMPORTED_MODULE_1__.default, { +vue__WEBPACK_IMPORTED_MODULE_32__.default.use(primevue_config__WEBPACK_IMPORTED_MODULE_1__.default, { ripple: true }); -vue__WEBPACK_IMPORTED_MODULE_30__.default.use(primevue_toastservice__WEBPACK_IMPORTED_MODULE_14__.default); -vue__WEBPACK_IMPORTED_MODULE_30__.default.use(_plugins_ApiPlugin__WEBPACK_IMPORTED_MODULE_25__.default); -vue__WEBPACK_IMPORTED_MODULE_30__.default.component('vue-markdown', vue_markdown_render__WEBPACK_IMPORTED_MODULE_31__.default); -vue__WEBPACK_IMPORTED_MODULE_30__.default.component('Button', primevue_button__WEBPACK_IMPORTED_MODULE_2__.default); -vue__WEBPACK_IMPORTED_MODULE_30__.default.component('Panel', primevue_panel__WEBPACK_IMPORTED_MODULE_3__.default); -vue__WEBPACK_IMPORTED_MODULE_30__.default.component('Card', primevue_card__WEBPACK_IMPORTED_MODULE_4__.default); -vue__WEBPACK_IMPORTED_MODULE_30__.default.component('FileUpload', primevue_fileupload__WEBPACK_IMPORTED_MODULE_5__.default); -vue__WEBPACK_IMPORTED_MODULE_30__.default.component('BlockUI', primevue_blockui__WEBPACK_IMPORTED_MODULE_6__.default); -vue__WEBPACK_IMPORTED_MODULE_30__.default.component('Sidebar', primevue_sidebar__WEBPACK_IMPORTED_MODULE_7__.default); -vue__WEBPACK_IMPORTED_MODULE_30__.default.component('OrderList', primevue_orderlist__WEBPACK_IMPORTED_MODULE_8__.default); -vue__WEBPACK_IMPORTED_MODULE_30__.default.component('Chip', primevue_chip__WEBPACK_IMPORTED_MODULE_9__.default); -vue__WEBPACK_IMPORTED_MODULE_30__.default.component('Divider', primevue_divider__WEBPACK_IMPORTED_MODULE_10__.default); -vue__WEBPACK_IMPORTED_MODULE_30__.default.component('Listbox', primevue_listbox__WEBPACK_IMPORTED_MODULE_11__.default); -vue__WEBPACK_IMPORTED_MODULE_30__.default.component('Toolbar', primevue_toolbar__WEBPACK_IMPORTED_MODULE_12__.default); -vue__WEBPACK_IMPORTED_MODULE_30__.default.component('Skeleton', primevue_skeleton__WEBPACK_IMPORTED_MODULE_13__.default); -vue__WEBPACK_IMPORTED_MODULE_30__.default.component('Toast', primevue_toast__WEBPACK_IMPORTED_MODULE_15__.default); -vue__WEBPACK_IMPORTED_MODULE_30__.default.component('Dropdown', primevue_dropdown__WEBPACK_IMPORTED_MODULE_17__.default); -vue__WEBPACK_IMPORTED_MODULE_30__.default.component('Fieldset', primevue_fieldset__WEBPACK_IMPORTED_MODULE_16__.default); -vue__WEBPACK_IMPORTED_MODULE_30__.default.component('InputSwitch', primevue_inputswitch__WEBPACK_IMPORTED_MODULE_18__.default); -vue__WEBPACK_IMPORTED_MODULE_30__.default.component('DataTable', primevue_datatable__WEBPACK_IMPORTED_MODULE_19__.default); -vue__WEBPACK_IMPORTED_MODULE_30__.default.component('Column', primevue_column__WEBPACK_IMPORTED_MODULE_20__.default); -vue__WEBPACK_IMPORTED_MODULE_30__.default.component('OverlayPanel', primevue_overlaypanel__WEBPACK_IMPORTED_MODULE_21__.default); -vue__WEBPACK_IMPORTED_MODULE_30__.default.component('Checkbox', primevue_checkbox__WEBPACK_IMPORTED_MODULE_22__.default); -vue__WEBPACK_IMPORTED_MODULE_30__.default.component('ProgressSpinner', primevue_progressspinner__WEBPACK_IMPORTED_MODULE_23__.default); -vue__WEBPACK_IMPORTED_MODULE_30__.default.component('InputText', primevue_inputtext__WEBPACK_IMPORTED_MODULE_24__.default); -vue__WEBPACK_IMPORTED_MODULE_30__.default.component('home', _components_Home_Home_vue__WEBPACK_IMPORTED_MODULE_28__.default); -vue__WEBPACK_IMPORTED_MODULE_30__.default.component('process-file', _components_ProcessFile_ProcessFile_vue__WEBPACK_IMPORTED_MODULE_29__.default); -vue__WEBPACK_IMPORTED_MODULE_30__.default.component('app-header', _components_layout_Header_vue__WEBPACK_IMPORTED_MODULE_26__.default); -vue__WEBPACK_IMPORTED_MODULE_30__.default.component('app-footer', _components_layout_Footer_vue__WEBPACK_IMPORTED_MODULE_27__.default); -new vue__WEBPACK_IMPORTED_MODULE_30__.default({ +vue__WEBPACK_IMPORTED_MODULE_32__.default.use(primevue_toastservice__WEBPACK_IMPORTED_MODULE_14__.default); +vue__WEBPACK_IMPORTED_MODULE_32__.default.use(_plugins_ApiPlugin__WEBPACK_IMPORTED_MODULE_27__.default); +vue__WEBPACK_IMPORTED_MODULE_32__.default.component('vue-markdown', vue_markdown_render__WEBPACK_IMPORTED_MODULE_33__.default); +vue__WEBPACK_IMPORTED_MODULE_32__.default.component('Button', primevue_button__WEBPACK_IMPORTED_MODULE_2__.default); +vue__WEBPACK_IMPORTED_MODULE_32__.default.component('Panel', primevue_panel__WEBPACK_IMPORTED_MODULE_3__.default); +vue__WEBPACK_IMPORTED_MODULE_32__.default.component('Card', primevue_card__WEBPACK_IMPORTED_MODULE_4__.default); +vue__WEBPACK_IMPORTED_MODULE_32__.default.component('FileUpload', primevue_fileupload__WEBPACK_IMPORTED_MODULE_5__.default); +vue__WEBPACK_IMPORTED_MODULE_32__.default.component('BlockUI', primevue_blockui__WEBPACK_IMPORTED_MODULE_6__.default); +vue__WEBPACK_IMPORTED_MODULE_32__.default.component('Sidebar', primevue_sidebar__WEBPACK_IMPORTED_MODULE_7__.default); +vue__WEBPACK_IMPORTED_MODULE_32__.default.component('OrderList', primevue_orderlist__WEBPACK_IMPORTED_MODULE_8__.default); +vue__WEBPACK_IMPORTED_MODULE_32__.default.component('Chip', primevue_chip__WEBPACK_IMPORTED_MODULE_9__.default); +vue__WEBPACK_IMPORTED_MODULE_32__.default.component('Divider', primevue_divider__WEBPACK_IMPORTED_MODULE_10__.default); +vue__WEBPACK_IMPORTED_MODULE_32__.default.component('Listbox', primevue_listbox__WEBPACK_IMPORTED_MODULE_11__.default); +vue__WEBPACK_IMPORTED_MODULE_32__.default.component('Toolbar', primevue_toolbar__WEBPACK_IMPORTED_MODULE_12__.default); +vue__WEBPACK_IMPORTED_MODULE_32__.default.component('Skeleton', primevue_skeleton__WEBPACK_IMPORTED_MODULE_13__.default); +vue__WEBPACK_IMPORTED_MODULE_32__.default.component('Toast', primevue_toast__WEBPACK_IMPORTED_MODULE_15__.default); +vue__WEBPACK_IMPORTED_MODULE_32__.default.component('Dropdown', primevue_dropdown__WEBPACK_IMPORTED_MODULE_17__.default); +vue__WEBPACK_IMPORTED_MODULE_32__.default.component('Fieldset', primevue_fieldset__WEBPACK_IMPORTED_MODULE_16__.default); +vue__WEBPACK_IMPORTED_MODULE_32__.default.component('InputSwitch', primevue_inputswitch__WEBPACK_IMPORTED_MODULE_18__.default); +vue__WEBPACK_IMPORTED_MODULE_32__.default.component('DataTable', primevue_datatable__WEBPACK_IMPORTED_MODULE_19__.default); +vue__WEBPACK_IMPORTED_MODULE_32__.default.component('Column', primevue_column__WEBPACK_IMPORTED_MODULE_20__.default); +vue__WEBPACK_IMPORTED_MODULE_32__.default.component('OverlayPanel', primevue_overlaypanel__WEBPACK_IMPORTED_MODULE_21__.default); +vue__WEBPACK_IMPORTED_MODULE_32__.default.component('Checkbox', primevue_checkbox__WEBPACK_IMPORTED_MODULE_22__.default); +vue__WEBPACK_IMPORTED_MODULE_32__.default.component('ProgressSpinner', primevue_progressspinner__WEBPACK_IMPORTED_MODULE_23__.default); +vue__WEBPACK_IMPORTED_MODULE_32__.default.component('InputText', primevue_inputtext__WEBPACK_IMPORTED_MODULE_24__.default); +vue__WEBPACK_IMPORTED_MODULE_32__.default.component('Dialog', primevue_dialog__WEBPACK_IMPORTED_MODULE_25__.default); +vue__WEBPACK_IMPORTED_MODULE_32__.default.component('Message', primevue_message__WEBPACK_IMPORTED_MODULE_26__.default); +vue__WEBPACK_IMPORTED_MODULE_32__.default.component('home', _components_Home_Home_vue__WEBPACK_IMPORTED_MODULE_30__.default); +vue__WEBPACK_IMPORTED_MODULE_32__.default.component('process-file', _components_ProcessFile_ProcessFile_vue__WEBPACK_IMPORTED_MODULE_31__.default); +vue__WEBPACK_IMPORTED_MODULE_32__.default.component('app-header', _components_layout_Header_vue__WEBPACK_IMPORTED_MODULE_28__.default); +vue__WEBPACK_IMPORTED_MODULE_32__.default.component('app-footer', _components_layout_Footer_vue__WEBPACK_IMPORTED_MODULE_29__.default); +new vue__WEBPACK_IMPORTED_MODULE_32__.default({ el: '#app' }); @@ -2337,13 +2343,24 @@ var ProcessFile = /*#__PURE__*/function (_Vue) { _this = _super.apply(this, arguments); // The content of the file we are processing - _this.fileContent = ''; // The list of filters/searchers in a format usable by the datatable + _this.fileContent = ''; // The processed document content + + _this.processedFileContent = ''; // Flag to determine whether the text is processing or not + + _this.processing = false; // Toggles the visibility of the selected searchers sidebar - _this.searchersData = []; // The list of selected filters/searchers + _this.searchersSidebarVisible = false; // Toggles the visibility of the available searchers dialog + + _this.searchersDialogVisible = false; // The list of filters/searchers in a format usable by the datatable + + _this.searchersData = []; // The list of filters applied to the selected searchers + + _this.searchersFilters = []; // The list of selected filters/searchers _this.selectedSearchers = []; //The list of expanded rows in the selected filters/searchers table - _this.expandedRows = []; + _this.expandedRows = []; // The list of options applied to the searchers (for the moment, only replace_with) + _this.searchersOptions = {}; return _this; } @@ -2365,6 +2382,30 @@ var ProcessFile = /*#__PURE__*/function (_Vue) { this.intervalId = setInterval(this.waitForFile, 3000); } + /** + * Toggle the sidebar containing the searchers + */ + + }, { + key: "toggleSearchersSidebar", + value: function toggleSearchersSidebar() { + this.searchersSidebarVisible = !this.searchersSidebarVisible; + } + /** + * Toggle the menu containing the list of available searchers + * + * @param {string} newValue The new value for the dialog visibility + */ + + }, { + key: "toggleSearchersDialog", + value: function toggleSearchersDialog(newValue) { + if (typeof newValue !== 'undefined') { + this.searchersDialogVisible = newValue; + } else { + this.searchersDialogVisible = !this.searchersDialogVisible; + } + } /** * Wait for the file to be processed in ingest */ @@ -2418,65 +2459,72 @@ var ProcessFile = /*#__PURE__*/function (_Vue) { return waitForFile; }() - /** - * Toggle the menu containing the list of available searchers - * - * @param $event - */ - - }, { - key: "toggleSearchersMenu", - value: function toggleSearchersMenu($event) { - this.$refs['searchers-overlay'].toggle($event); - } }, { key: "onSelectedSearchersReorder", value: function onSelectedSearchersReorder($event) { this.selectedSearchers = $event.value; } /** - * Run the filters + * Run the searchers */ }, { - key: "runFilters", + key: "runSearchers", value: function () { - var _runFilters = _asyncToGenerator( /*#__PURE__*/_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default().mark(function _callee2() { + var _runSearchers = _asyncToGenerator( /*#__PURE__*/_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default().mark(function _callee3() { var _this2 = this; - var searchers, response; - return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default().wrap(function _callee2$(_context2) { + return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default().wrap(function _callee3$(_context3) { while (1) { - switch (_context2.prev = _context2.next) { + switch (_context3.prev = _context3.next) { case 0: - searchers = []; - this.selectedSearchers.forEach(function (searcher) { - searchers.push({ - 'key': searcher.id, - 'replace_with': _this2.searchersOptions[searcher.id] || '' - }); - }); - _context2.next = 4; - return this.$api.filterDocument(this.fileContent, searchers); + this.processing = true; + this.processedFileContent = ''; + setTimeout( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default().mark(function _callee2() { + var searchers, response; + return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default().wrap(function _callee2$(_context2) { + while (1) { + switch (_context2.prev = _context2.next) { + case 0: + searchers = []; + + _this2.selectedSearchers.forEach(function (searcher) { + searchers.push({ + 'key': searcher.id, + 'replace_with': _this2.searchersOptions[searcher.id] || '' + }); + }); - case 4: - response = _context2.sent; - console.log(response); - this.fileContent = response.content; + _context2.next = 4; + return _this2.$api.filterDocument(_this2.fileContent, searchers); - case 7: + case 4: + response = _context2.sent; + console.log(response); + _this2.processedFileContent = response.content; + _this2.processing = false; + + case 8: + case "end": + return _context2.stop(); + } + } + }, _callee2); + })), 2500); + + case 3: case "end": - return _context2.stop(); + return _context3.stop(); } } - }, _callee2, this); + }, _callee3, this); })); - function runFilters() { - return _runFilters.apply(this, arguments); + function runSearchers() { + return _runSearchers.apply(this, arguments); } - return runFilters; + return runSearchers; }() }]); @@ -2819,6 +2867,30 @@ ___CSS_LOADER_EXPORT___.push([module.id, "\n.p-datatable {\n position: relati /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___); +/***/ }), + +/***/ "./node_modules/css-loader/dist/cjs.js??clonedRuleSet-10[0].rules[0].use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-10[0].rules[0].use[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./node_modules/primevue/dialog/Dialog.vue?vue&type=style&index=0&lang=css&": +/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ + !*** ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-10[0].rules[0].use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-10[0].rules[0].use[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./node_modules/primevue/dialog/Dialog.vue?vue&type=style&index=0&lang=css& ***! + \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ +/***/ ((module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) +/* harmony export */ }); +/* harmony import */ var _css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js"); +/* harmony import */ var _css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__); +// Imports + +var ___CSS_LOADER_EXPORT___ = _css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(function(i){return i[1]}); +// Module +___CSS_LOADER_EXPORT___.push([module.id, "\n.p-dialog-mask {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n pointer-events: none;\n background-color: transparent;\n transition-property: background-color;\n}\n.p-dialog-mask.p-component-overlay {\n pointer-events: auto;\n}\n.p-dialog {\n display: flex;\n flex-direction: column;\n pointer-events: auto;\n max-height: 90%;\n transform: scale(1);\n}\n.p-dialog-content {\n overflow-y: auto;\n}\n.p-dialog-header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n flex-shrink: 0;\n}\n.p-dialog-footer {\n flex-shrink: 0;\n}\n.p-dialog .p-dialog-header-icons {\n display: flex;\n align-items: center;\n}\n.p-dialog .p-dialog-header-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n position: relative;\n}\n\n/* Fluid */\n.p-fluid .p-dialog-footer .p-button {\n width: auto;\n}\n\n/* Animation */\n/* Center */\n.p-dialog-enter-active {\n transition: all 150ms cubic-bezier(0, 0, 0.2, 1);\n}\n.p-dialog-leave-active {\n transition: all 150ms cubic-bezier(0.4, 0.0, 0.2, 1);\n}\n.p-dialog-enter,\n.p-dialog-leave-to {\n opacity: 0;\n transform: scale(0.7);\n}\n.p-dialog-mask.p-dialog-mask-leave {\n background-color: transparent;\n}\n\n/* Top, Bottom, Left, Right, Top* and Bottom* */\n.p-dialog-top .p-dialog,\n.p-dialog-bottom .p-dialog,\n.p-dialog-left .p-dialog,\n.p-dialog-right .p-dialog,\n.p-dialog-topleft .p-dialog,\n.p-dialog-topright .p-dialog,\n.p-dialog-bottomleft .p-dialog,\n.p-dialog-bottomright .p-dialog {\n margin: .75rem;\n transform: translate3d(0px, 0px, 0px);\n}\n.p-dialog-top .p-dialog-enter-active,\n.p-dialog-top .p-dialog-leave-active,\n.p-dialog-bottom .p-dialog-enter-active,\n.p-dialog-bottom .p-dialog-leave-active,\n.p-dialog-left .p-dialog-enter-active,\n.p-dialog-left .p-dialog-leave-active,\n.p-dialog-right .p-dialog-enter-active,\n.p-dialog-right .p-dialog-leave-active,\n.p-dialog-topleft .p-dialog-enter-active,\n.p-dialog-topleft .p-dialog-leave-active,\n.p-dialog-topright .p-dialog-enter-active,\n.p-dialog-topright .p-dialog-leave-active,\n.p-dialog-bottomleft .p-dialog-enter-active,\n.p-dialog-bottomleft .p-dialog-leave-active,\n.p-dialog-bottomright .p-dialog-enter-active,\n.p-dialog-bottomright .p-dialog-leave-active {\n transition: all .3s ease-out;\n}\n.p-dialog-top .p-dialog-enter,\n.p-dialog-top .p-dialog-leave-to {\n transform: translate3d(0px, -100%, 0px);\n}\n.p-dialog-bottom .p-dialog-enter,\n.p-dialog-bottom .p-dialog-leave-to {\n transform: translate3d(0px, 100%, 0px);\n}\n.p-dialog-left .p-dialog-enter,\n.p-dialog-left .p-dialog-leave-to,\n.p-dialog-topleft .p-dialog-enter,\n.p-dialog-topleft .p-dialog-leave-to,\n.p-dialog-bottomleft .p-dialog-enter,\n.p-dialog-bottomleft .p-dialog-leave-to {\n transform: translate3d(-100%, 0px, 0px);\n}\n.p-dialog-right .p-dialog-enter,\n.p-dialog-right .p-dialog-leave-to,\n.p-dialog-topright .p-dialog-enter,\n.p-dialog-topright .p-dialog-leave-to,\n.p-dialog-bottomright .p-dialog-enter,\n.p-dialog-bottomright .p-dialog-leave-to {\n transform: translate3d(100%, 0px, 0px);\n}\n\n/* Maximize */\n.p-dialog-maximized {\n transition: none;\n transform: none;\n width: 100vw !important;\n max-height: 100%;\n height: 100%;\n}\n.p-dialog-maximized .p-dialog-content {\n flex-grow: 1;\n}\n\n/* Position */\n.p-dialog-left {\n justify-content: flex-start;\n}\n.p-dialog-right {\n justify-content: flex-end;\n}\n.p-dialog-top {\n align-items: flex-start;\n}\n.p-dialog-topleft {\n justify-content: flex-start;\n align-items: flex-start;\n}\n.p-dialog-topright {\n justify-content: flex-end;\n align-items: flex-start;\n}\n.p-dialog-bottom {\n align-items: flex-end;\n}\n.p-dialog-bottomleft {\n justify-content: flex-start;\n align-items: flex-end;\n}\n.p-dialog-bottomright {\n justify-content: flex-end;\n align-items: flex-end;\n}\n.p-confirm-dialog .p-dialog-content {\n display: flex;\n align-items: center;\n}\n", ""]); +// Exports +/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___); + + /***/ }), /***/ "./node_modules/css-loader/dist/cjs.js??clonedRuleSet-10[0].rules[0].use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-10[0].rules[0].use[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./node_modules/primevue/divider/Divider.vue?vue&type=style&index=0&lang=css&": @@ -3246,7 +3318,7 @@ __webpack_require__.r(__webpack_exports__); var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(function(i){return i[1]}); // Module -___CSS_LOADER_EXPORT___.push([module.id, ".file-card {\n flex: 0 1 74%;\n}\n.filters-card {\n flex: 0 1 24%;\n}\n.p-overlaypanel {\n min-width: 450px;\n}", ""]); +___CSS_LOADER_EXPORT___.push([module.id, ".file-card {\n flex: 0 1 49%;\n}\n.p-overlaypanel {\n min-width: 450px;\n}\n.p-toolbar-group-right button {\n margin-left: 10px;\n}\n.p-sidebar-content .p-toolbar {\n margin-top: 32px;\n}\n.p-card-header .p-toolbar {\n border: unset;\n border-radius: unset;\n border-bottom: 1px solid #dee2e6;\n padding: 0.5rem;\n}\nbutton.add-searchers {\n height: 100%;\n}\n.p-col.sidebar-title {\n display: flex;\n align-content: flex-start;\n justify-content: flex-start;\n}\n.p-grid.sidebar-title-container {\n padding-top: 50px;\n}\n.md-viewer {\n text-align: start;\n}\n.md-viewer h1, .md-viewer h2, .md-viewer h3, .md-viewer h4, .md-viewer h5 {\n font-size: initial;\n}", ""]); // Exports /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___); @@ -11701,6 +11773,18 @@ module.exports = __webpack_require__(/*! ./DataTable.vue */ "./node_modules/prim /***/ }), +/***/ "./node_modules/primevue/dialog/index.js": +/*!***********************************************!*\ + !*** ./node_modules/primevue/dialog/index.js ***! + \***********************************************/ +/***/ ((module, __unused_webpack_exports, __webpack_require__) => { + +"use strict"; + +module.exports = __webpack_require__(/*! ./Dialog.vue */ "./node_modules/primevue/dialog/Dialog.vue"); + +/***/ }), + /***/ "./node_modules/primevue/divider/index.js": /*!************************************************!*\ !*** ./node_modules/primevue/divider/index.js ***! @@ -11785,6 +11869,18 @@ module.exports = __webpack_require__(/*! ./Listbox.vue */ "./node_modules/primev /***/ }), +/***/ "./node_modules/primevue/message/index.js": +/*!************************************************!*\ + !*** ./node_modules/primevue/message/index.js ***! + \************************************************/ +/***/ ((module, __unused_webpack_exports, __webpack_require__) => { + +"use strict"; + +module.exports = __webpack_require__(/*! ./Message.vue */ "./node_modules/primevue/message/Message.vue"); + +/***/ }), + /***/ "./node_modules/primevue/orderlist/index.js": /*!**************************************************!*\ !*** ./node_modules/primevue/orderlist/index.js ***! @@ -19930,103 +20026,10 @@ __webpack_require__.r(__webpack_exports__); /***/ }), -/***/ "./node_modules/primevue/divider/Divider.vue": -/*!***************************************************!*\ - !*** ./node_modules/primevue/divider/Divider.vue ***! - \***************************************************/ -/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) -/* harmony export */ }); -/* harmony import */ var _Divider_vue_vue_type_template_id_96cb93bc___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Divider.vue?vue&type=template&id=96cb93bc& */ "./node_modules/primevue/divider/Divider.vue?vue&type=template&id=96cb93bc&"); -/* harmony import */ var _Divider_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Divider.vue?vue&type=script&lang=js& */ "./node_modules/primevue/divider/Divider.vue?vue&type=script&lang=js&"); -/* harmony import */ var _Divider_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Divider.vue?vue&type=style&index=0&lang=css& */ "./node_modules/primevue/divider/Divider.vue?vue&type=style&index=0&lang=css&"); -/* harmony import */ var _vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! !../../vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js"); - - - -; - - -/* normalize component */ - -var component = (0,_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_3__.default)( - _Divider_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__.default, - _Divider_vue_vue_type_template_id_96cb93bc___WEBPACK_IMPORTED_MODULE_0__.render, - _Divider_vue_vue_type_template_id_96cb93bc___WEBPACK_IMPORTED_MODULE_0__.staticRenderFns, - false, - null, - null, - null - -) - -/* hot reload */ -if (false) { var api; } -component.options.__file = "node_modules/primevue/divider/Divider.vue" -/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (component.exports); - -/***/ }), - -/***/ "./node_modules/vue-loader/lib/index.js??vue-loader-options!./node_modules/primevue/divider/Divider.vue?vue&type=script&lang=js&": -/*!***************************************************************************************************************************************!*\ - !*** ./node_modules/vue-loader/lib/index.js??vue-loader-options!./node_modules/primevue/divider/Divider.vue?vue&type=script&lang=js& ***! - \***************************************************************************************************************************************/ -/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) -/* harmony export */ }); -// -// -// -// -// -// -// -// - -/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({ - props: { - align: { - type: String, - default: null - }, - layout: { - type: String, - default: 'horizontal' - }, - type: { - type: String, - default: 'solid' - } - }, - computed: { - containerClass() { - return ['p-divider p-component', 'p-divider-' + this.layout, 'p-divider-' + this.type, - {'p-divider-left': this.layout === 'horizontal' && (!this.align || this.align === 'left')}, - {'p-divider-center': this.layout === 'horizontal' && this.align === 'center'}, - {'p-divider-right': this.layout === 'horizontal' && this.align === 'right'}, - {'p-divider-top': this.layout === 'vertical' && (this.align === 'top')}, - {'p-divider-center': this.layout === 'vertical' && (!this.align || this.align === 'center')}, - {'p-divider-bottom': this.layout === 'vertical' && this.align === 'bottom'} - ]; - } - } -}); - - -/***/ }), - -/***/ "./node_modules/primevue/dropdown/Dropdown.vue": -/*!*****************************************************!*\ - !*** ./node_modules/primevue/dropdown/Dropdown.vue ***! - \*****************************************************/ +/***/ "./node_modules/primevue/dialog/Dialog.vue": +/*!*************************************************!*\ + !*** ./node_modules/primevue/dialog/Dialog.vue ***! + \*************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { "use strict"; @@ -20034,9 +20037,9 @@ __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); -/* harmony import */ var _Dropdown_vue_vue_type_template_id_23d670ce___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Dropdown.vue?vue&type=template&id=23d670ce& */ "./node_modules/primevue/dropdown/Dropdown.vue?vue&type=template&id=23d670ce&"); -/* harmony import */ var _Dropdown_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Dropdown.vue?vue&type=script&lang=js& */ "./node_modules/primevue/dropdown/Dropdown.vue?vue&type=script&lang=js&"); -/* harmony import */ var _Dropdown_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Dropdown.vue?vue&type=style&index=0&lang=css& */ "./node_modules/primevue/dropdown/Dropdown.vue?vue&type=style&index=0&lang=css&"); +/* harmony import */ var _Dialog_vue_vue_type_template_id_2c914024___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Dialog.vue?vue&type=template&id=2c914024& */ "./node_modules/primevue/dialog/Dialog.vue?vue&type=template&id=2c914024&"); +/* harmony import */ var _Dialog_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Dialog.vue?vue&type=script&lang=js& */ "./node_modules/primevue/dialog/Dialog.vue?vue&type=script&lang=js&"); +/* harmony import */ var _Dialog_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Dialog.vue?vue&type=style&index=0&lang=css& */ "./node_modules/primevue/dialog/Dialog.vue?vue&type=style&index=0&lang=css&"); /* harmony import */ var _vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! !../../vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js"); @@ -20047,9 +20050,9 @@ __webpack_require__.r(__webpack_exports__); /* normalize component */ var component = (0,_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_3__.default)( - _Dropdown_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__.default, - _Dropdown_vue_vue_type_template_id_23d670ce___WEBPACK_IMPORTED_MODULE_0__.render, - _Dropdown_vue_vue_type_template_id_23d670ce___WEBPACK_IMPORTED_MODULE_0__.staticRenderFns, + _Dialog_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__.default, + _Dialog_vue_vue_type_template_id_2c914024___WEBPACK_IMPORTED_MODULE_0__.render, + _Dialog_vue_vue_type_template_id_2c914024___WEBPACK_IMPORTED_MODULE_0__.staticRenderFns, false, null, null, @@ -20059,15 +20062,15 @@ var component = (0,_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPOR /* hot reload */ if (false) { var api; } -component.options.__file = "node_modules/primevue/dropdown/Dropdown.vue" +component.options.__file = "node_modules/primevue/dialog/Dialog.vue" /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (component.exports); /***/ }), -/***/ "./node_modules/vue-loader/lib/index.js??vue-loader-options!./node_modules/primevue/dropdown/Dropdown.vue?vue&type=script&lang=js&": -/*!*****************************************************************************************************************************************!*\ - !*** ./node_modules/vue-loader/lib/index.js??vue-loader-options!./node_modules/primevue/dropdown/Dropdown.vue?vue&type=script&lang=js& ***! - \*****************************************************************************************************************************************/ +/***/ "./node_modules/vue-loader/lib/index.js??vue-loader-options!./node_modules/primevue/dialog/Dialog.vue?vue&type=script&lang=js&": +/*!*************************************************************************************************************************************!*\ + !*** ./node_modules/vue-loader/lib/index.js??vue-loader-options!./node_modules/primevue/dialog/Dialog.vue?vue&type=script&lang=js& ***! + \*************************************************************************************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { "use strict"; @@ -20075,24 +20078,9 @@ __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); -/* harmony import */ var _utils_ConnectedOverlayScrollHandler__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../utils/ConnectedOverlayScrollHandler */ "./node_modules/primevue/utils/ConnectedOverlayScrollHandler.js"); -/* harmony import */ var _utils_ObjectUtils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../utils/ObjectUtils */ "./node_modules/primevue/utils/ObjectUtils.js"); -/* harmony import */ var _utils_DomHandler__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../utils/DomHandler */ "./node_modules/primevue/utils/DomHandler.js"); -/* harmony import */ var _ripple_Ripple__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../ripple/Ripple */ "./node_modules/primevue/ripple/Ripple.js"); -// -// -// -// -// -// -// -// -// -// -// -// -// -// +/* harmony import */ var _utils_UniqueComponentId__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../utils/UniqueComponentId */ "./node_modules/primevue/utils/UniqueComponentId.js"); +/* harmony import */ var _utils_DomHandler__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../utils/DomHandler */ "./node_modules/primevue/utils/DomHandler.js"); +/* harmony import */ var _ripple_Ripple__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../ripple/Ripple */ "./node_modules/primevue/ripple/Ripple.js"); // // // @@ -20125,46 +20113,478 @@ __webpack_require__.r(__webpack_exports__); - /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({ + inheritAttrs: false, props: { - value: null, - options: Array, - optionLabel: null, - optionValue: null, - optionDisabled: null, - scrollHeight: { - type: String, - default: '200px' - }, - filter: Boolean, - filterPlaceholder: String, - filterLocale: String, - editable: Boolean, - placeholder: String, - disabled: Boolean, - dataKey: null, - showClear: Boolean, - inputId: String, - tabindex: String, - ariaLabelledBy: null, - appendTo: { - type: String, - default: null + header: null, + footer: null, + visible: Boolean, + modal: Boolean, + contentStyle: null, + rtl: Boolean, + maximizable: Boolean, + dismissableMask: Boolean, + closable: { + type: Boolean, + default: true }, - emptyFilterMessage: { - type: String, - default: 'No results found' - } - }, - data() { - return { - focused: false, - filterValue: null, - overlayVisible: false - }; - }, - outsideClickListener: null, + closeOnEscape: { + type: Boolean, + default: true + }, + showHeader: { + type: Boolean, + default: true + }, + baseZIndex: { + type: Number, + default: 0 + }, + autoZIndex: { + type: Boolean, + default: true + }, + ariaCloseLabel: { + type: String, + default: 'close' + }, + position: { + type: String, + default: 'center' + } + }, + data() { + return { + dialogClasses: null, + dialogStyles: null, + maskVisible: this.visible, + maximized: false + } + }, + documentKeydownListener: null, + updated() { + this.removeStylesFromMask(); + + if (this.visible && !this.maskVisible) { + this.maskVisible = true; + } + + if (this.modal && this.$refs.mask && !_utils_DomHandler__WEBPACK_IMPORTED_MODULE_1__.default.hasClass(this.$refs.mask, 'p-component-overlay')) { + _utils_DomHandler__WEBPACK_IMPORTED_MODULE_1__.default.addClass(this.$refs.mask, 'p-component-overlay'); + } + }, + mounted() { + this.removeStylesFromMask(); + }, + beforeDestroy() { + this.disableDocumentSettings(); + }, + methods: { + close() { + this.$emit('update:visible', false); + }, + onBeforeEnter(el) { + if (this.autoZIndex) { + el.style.zIndex = String(this.baseZIndex + _utils_DomHandler__WEBPACK_IMPORTED_MODULE_1__.default.generateZIndex()); + } + }, + onEnter() { + this.$refs.mask.style.zIndex = String(parseInt(this.$refs.dialog.style.zIndex, 10) - 1); + + this.$emit('show'); + this.focus(); + this.enableDocumentSettings(); + }, + onBeforeLeave() { + _utils_DomHandler__WEBPACK_IMPORTED_MODULE_1__.default.addClass(this.$refs.mask, 'p-dialog-mask-leave'); + }, + onLeave() { + this.$emit('hide'); + }, + onAfterLeave() { + this.maskVisible = false; + this.disableDocumentSettings(); + }, + onAppear() { + if (this.visible) { + this.onEnter(); + } + }, + onMaskClick(event) { + if (this.dismissableMask && this.closable && this.modal && this.$refs.mask === event.target) { + this.close(); + } + }, + focus() { + let focusTarget = this.$refs.dialog.querySelector('[autofocus]'); + if (focusTarget) { + focusTarget.focus(); + } + }, + maximize() { + this.maximized = !this.maximized; + + if (!this.modal) { + if (this.maximized) + _utils_DomHandler__WEBPACK_IMPORTED_MODULE_1__.default.addClass(document.body, 'p-overflow-hidden'); + else + _utils_DomHandler__WEBPACK_IMPORTED_MODULE_1__.default.removeClass(document.body, 'p-overflow-hidden'); + } + }, + enableDocumentSettings() { + if (this.modal) { + _utils_DomHandler__WEBPACK_IMPORTED_MODULE_1__.default.addClass(document.body, 'p-overflow-hidden'); + this.bindDocumentKeydownListener(); + } + else if (this.maximizable && this.maximized) { + _utils_DomHandler__WEBPACK_IMPORTED_MODULE_1__.default.addClass(document.body, 'p-overflow-hidden'); + } + }, + disableDocumentSettings() { + if (this.modal) { + _utils_DomHandler__WEBPACK_IMPORTED_MODULE_1__.default.removeClass(document.body, 'p-overflow-hidden'); + this.unbindDocumentKeydownListener(); + } + else if (this.maximizable && this.maximized) { + _utils_DomHandler__WEBPACK_IMPORTED_MODULE_1__.default.removeClass(document.body, 'p-overflow-hidden'); + } + }, + onKeyDown(event) { + if (event.which === 9) { + event.preventDefault(); + let focusableElements = _utils_DomHandler__WEBPACK_IMPORTED_MODULE_1__.default.getFocusableElements(this.$refs.dialog); + if (focusableElements && focusableElements.length > 0) { + if (!document.activeElement) { + focusableElements[0].focus(); + } + else { + let focusedIndex = focusableElements.indexOf(document.activeElement); + if (event.shiftKey) { + if (focusedIndex == -1 || focusedIndex === 0) + focusableElements[focusableElements.length - 1].focus(); + else + focusableElements[focusedIndex - 1].focus(); + } + else { + if (focusedIndex == -1 || focusedIndex === (focusableElements.length - 1)) + focusableElements[0].focus(); + else + focusableElements[focusedIndex + 1].focus(); + } + } + } + } else if (event.which === 27 && this.closeOnEscape) { + this.close(); + } + }, + bindDocumentKeydownListener() { + if (!this.documentKeydownListener) { + this.documentKeydownListener = this.onKeyDown.bind(this); + window.document.addEventListener('keydown', this.documentKeydownListener); + } + }, + unbindDocumentKeydownListener() { + if (this.documentKeydownListener) { + window.document.removeEventListener('keydown', this.documentKeydownListener); + this.documentKeydownListener = null; + } + }, + getPositionClass() { + const positions = ['left', 'right', 'top', 'topleft', 'topright', 'bottom', 'bottomleft', 'bottomright']; + const pos = positions.find(item => item === this.position); + + return pos ? `p-dialog-${pos}` : ''; + }, + removeStylesFromMask() { + if (this.$refs.mask) { + this.dialogStyles = this.$vnode.data.style; + if (this.dialogStyles) { + Object.keys(this.dialogStyles).forEach((key) => { + this.$refs.mask.style[key] = ''; + }); + } + + this.dialogClasses = this.$vnode.data.class || this.$vnode.data.staticClass; + if (this.dialogClasses) { + this.$refs.mask.classList = 'p-dialog-mask' + (this.modal && ' p-component-overlay ') + this.getPositionClass(); + } + } + } + }, + computed: { + listeners() { + return { + ...this.$listeners + }; + }, + maskClass() { + return ['p-dialog-mask', this.getPositionClass()]; + }, + dialogClass() { + return ['p-dialog p-component', { + 'p-dialog-rtl': this.rtl, + 'p-dialog-maximized': this.maximizable && this.maximized + }, this.dialogClasses]; + }, + maximizeIconClass() { + return ['p-dialog-header-maximize-icon pi', { + 'pi-window-maximize': !this.maximized, + 'pi-window-minimize': this.maximized + }]; + }, + dialogStyle() { + return this.dialogStyles; + }, + ariaId() { + return (0,_utils_UniqueComponentId__WEBPACK_IMPORTED_MODULE_0__.default)(); + }, + ariaLabelledById() { + return this.header != null ? this.ariaId + '_header' : null; + } + }, + directives: { + 'ripple': _ripple_Ripple__WEBPACK_IMPORTED_MODULE_2__.default + } +}); + + +/***/ }), + +/***/ "./node_modules/primevue/divider/Divider.vue": +/*!***************************************************!*\ + !*** ./node_modules/primevue/divider/Divider.vue ***! + \***************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) +/* harmony export */ }); +/* harmony import */ var _Divider_vue_vue_type_template_id_96cb93bc___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Divider.vue?vue&type=template&id=96cb93bc& */ "./node_modules/primevue/divider/Divider.vue?vue&type=template&id=96cb93bc&"); +/* harmony import */ var _Divider_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Divider.vue?vue&type=script&lang=js& */ "./node_modules/primevue/divider/Divider.vue?vue&type=script&lang=js&"); +/* harmony import */ var _Divider_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Divider.vue?vue&type=style&index=0&lang=css& */ "./node_modules/primevue/divider/Divider.vue?vue&type=style&index=0&lang=css&"); +/* harmony import */ var _vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! !../../vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js"); + + + +; + + +/* normalize component */ + +var component = (0,_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_3__.default)( + _Divider_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__.default, + _Divider_vue_vue_type_template_id_96cb93bc___WEBPACK_IMPORTED_MODULE_0__.render, + _Divider_vue_vue_type_template_id_96cb93bc___WEBPACK_IMPORTED_MODULE_0__.staticRenderFns, + false, + null, + null, + null + +) + +/* hot reload */ +if (false) { var api; } +component.options.__file = "node_modules/primevue/divider/Divider.vue" +/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (component.exports); + +/***/ }), + +/***/ "./node_modules/vue-loader/lib/index.js??vue-loader-options!./node_modules/primevue/divider/Divider.vue?vue&type=script&lang=js&": +/*!***************************************************************************************************************************************!*\ + !*** ./node_modules/vue-loader/lib/index.js??vue-loader-options!./node_modules/primevue/divider/Divider.vue?vue&type=script&lang=js& ***! + \***************************************************************************************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) +/* harmony export */ }); +// +// +// +// +// +// +// +// + +/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({ + props: { + align: { + type: String, + default: null + }, + layout: { + type: String, + default: 'horizontal' + }, + type: { + type: String, + default: 'solid' + } + }, + computed: { + containerClass() { + return ['p-divider p-component', 'p-divider-' + this.layout, 'p-divider-' + this.type, + {'p-divider-left': this.layout === 'horizontal' && (!this.align || this.align === 'left')}, + {'p-divider-center': this.layout === 'horizontal' && this.align === 'center'}, + {'p-divider-right': this.layout === 'horizontal' && this.align === 'right'}, + {'p-divider-top': this.layout === 'vertical' && (this.align === 'top')}, + {'p-divider-center': this.layout === 'vertical' && (!this.align || this.align === 'center')}, + {'p-divider-bottom': this.layout === 'vertical' && this.align === 'bottom'} + ]; + } + } +}); + + +/***/ }), + +/***/ "./node_modules/primevue/dropdown/Dropdown.vue": +/*!*****************************************************!*\ + !*** ./node_modules/primevue/dropdown/Dropdown.vue ***! + \*****************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) +/* harmony export */ }); +/* harmony import */ var _Dropdown_vue_vue_type_template_id_23d670ce___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Dropdown.vue?vue&type=template&id=23d670ce& */ "./node_modules/primevue/dropdown/Dropdown.vue?vue&type=template&id=23d670ce&"); +/* harmony import */ var _Dropdown_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Dropdown.vue?vue&type=script&lang=js& */ "./node_modules/primevue/dropdown/Dropdown.vue?vue&type=script&lang=js&"); +/* harmony import */ var _Dropdown_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Dropdown.vue?vue&type=style&index=0&lang=css& */ "./node_modules/primevue/dropdown/Dropdown.vue?vue&type=style&index=0&lang=css&"); +/* harmony import */ var _vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! !../../vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js"); + + + +; + + +/* normalize component */ + +var component = (0,_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_3__.default)( + _Dropdown_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__.default, + _Dropdown_vue_vue_type_template_id_23d670ce___WEBPACK_IMPORTED_MODULE_0__.render, + _Dropdown_vue_vue_type_template_id_23d670ce___WEBPACK_IMPORTED_MODULE_0__.staticRenderFns, + false, + null, + null, + null + +) + +/* hot reload */ +if (false) { var api; } +component.options.__file = "node_modules/primevue/dropdown/Dropdown.vue" +/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (component.exports); + +/***/ }), + +/***/ "./node_modules/vue-loader/lib/index.js??vue-loader-options!./node_modules/primevue/dropdown/Dropdown.vue?vue&type=script&lang=js&": +/*!*****************************************************************************************************************************************!*\ + !*** ./node_modules/vue-loader/lib/index.js??vue-loader-options!./node_modules/primevue/dropdown/Dropdown.vue?vue&type=script&lang=js& ***! + \*****************************************************************************************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) +/* harmony export */ }); +/* harmony import */ var _utils_ConnectedOverlayScrollHandler__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../utils/ConnectedOverlayScrollHandler */ "./node_modules/primevue/utils/ConnectedOverlayScrollHandler.js"); +/* harmony import */ var _utils_ObjectUtils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../utils/ObjectUtils */ "./node_modules/primevue/utils/ObjectUtils.js"); +/* harmony import */ var _utils_DomHandler__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../utils/DomHandler */ "./node_modules/primevue/utils/DomHandler.js"); +/* harmony import */ var _ripple_Ripple__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../ripple/Ripple */ "./node_modules/primevue/ripple/Ripple.js"); +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// + + + + + + +/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({ + props: { + value: null, + options: Array, + optionLabel: null, + optionValue: null, + optionDisabled: null, + scrollHeight: { + type: String, + default: '200px' + }, + filter: Boolean, + filterPlaceholder: String, + filterLocale: String, + editable: Boolean, + placeholder: String, + disabled: Boolean, + dataKey: null, + showClear: Boolean, + inputId: String, + tabindex: String, + ariaLabelledBy: null, + appendTo: { + type: String, + default: null + }, + emptyFilterMessage: { + type: String, + default: 'No results found' + } + }, + data() { + return { + focused: false, + filterValue: null, + overlayVisible: false + }; + }, + outsideClickListener: null, scrollHandler: null, resizeListener: null, searchTimeout: null, @@ -24987,6 +25407,39 @@ __webpack_require__.r(__webpack_exports__); /* harmony import */ var _vue_loader_lib_loaders_templateLoader_js_vue_loader_options_vue_loader_lib_index_js_vue_loader_options_TableLoadingBody_vue_vue_type_template_id_1741dc6c___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../vue-loader/lib/index.js??vue-loader-options!./TableLoadingBody.vue?vue&type=template&id=1741dc6c& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib/index.js??vue-loader-options!./node_modules/primevue/datatable/TableLoadingBody.vue?vue&type=template&id=1741dc6c&"); +/***/ }), + +/***/ "./node_modules/primevue/dialog/Dialog.vue?vue&type=script&lang=js&": +/*!**************************************************************************!*\ + !*** ./node_modules/primevue/dialog/Dialog.vue?vue&type=script&lang=js& ***! + \**************************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) +/* harmony export */ }); +/* harmony import */ var _vue_loader_lib_index_js_vue_loader_options_Dialog_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../vue-loader/lib/index.js??vue-loader-options!./Dialog.vue?vue&type=script&lang=js& */ "./node_modules/vue-loader/lib/index.js??vue-loader-options!./node_modules/primevue/dialog/Dialog.vue?vue&type=script&lang=js&"); + /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_vue_loader_lib_index_js_vue_loader_options_Dialog_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__.default); + +/***/ }), + +/***/ "./node_modules/primevue/dialog/Dialog.vue?vue&type=template&id=2c914024&": +/*!********************************************************************************!*\ + !*** ./node_modules/primevue/dialog/Dialog.vue?vue&type=template&id=2c914024& ***! + \********************************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "render": () => (/* reexport safe */ _vue_loader_lib_loaders_templateLoader_js_vue_loader_options_vue_loader_lib_index_js_vue_loader_options_Dialog_vue_vue_type_template_id_2c914024___WEBPACK_IMPORTED_MODULE_0__.render), +/* harmony export */ "staticRenderFns": () => (/* reexport safe */ _vue_loader_lib_loaders_templateLoader_js_vue_loader_options_vue_loader_lib_index_js_vue_loader_options_Dialog_vue_vue_type_template_id_2c914024___WEBPACK_IMPORTED_MODULE_0__.staticRenderFns) +/* harmony export */ }); +/* harmony import */ var _vue_loader_lib_loaders_templateLoader_js_vue_loader_options_vue_loader_lib_index_js_vue_loader_options_Dialog_vue_vue_type_template_id_2c914024___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../vue-loader/lib/index.js??vue-loader-options!./Dialog.vue?vue&type=template&id=2c914024& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib/index.js??vue-loader-options!./node_modules/primevue/dialog/Dialog.vue?vue&type=template&id=2c914024&"); + + /***/ }), /***/ "./node_modules/primevue/divider/Divider.vue?vue&type=script&lang=js&": @@ -25981,6 +26434,23 @@ __webpack_require__.r(__webpack_exports__); /* harmony reexport (unknown) */ __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__); +/***/ }), + +/***/ "./node_modules/primevue/dialog/Dialog.vue?vue&type=style&index=0&lang=css&": +/*!**********************************************************************************!*\ + !*** ./node_modules/primevue/dialog/Dialog.vue?vue&type=style&index=0&lang=css& ***! + \**********************************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony import */ var _vue_style_loader_index_js_css_loader_dist_cjs_js_clonedRuleSet_10_0_rules_0_use_1_vue_loader_lib_loaders_stylePostLoader_js_postcss_loader_dist_cjs_js_clonedRuleSet_10_0_rules_0_use_2_vue_loader_lib_index_js_vue_loader_options_Dialog_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../vue-style-loader/index.js!../../css-loader/dist/cjs.js??clonedRuleSet-10[0].rules[0].use[1]!../../vue-loader/lib/loaders/stylePostLoader.js!../../postcss-loader/dist/cjs.js??clonedRuleSet-10[0].rules[0].use[2]!../../vue-loader/lib/index.js??vue-loader-options!./Dialog.vue?vue&type=style&index=0&lang=css& */ "./node_modules/vue-style-loader/index.js!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-10[0].rules[0].use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-10[0].rules[0].use[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./node_modules/primevue/dialog/Dialog.vue?vue&type=style&index=0&lang=css&"); +/* harmony import */ var _vue_style_loader_index_js_css_loader_dist_cjs_js_clonedRuleSet_10_0_rules_0_use_1_vue_loader_lib_loaders_stylePostLoader_js_postcss_loader_dist_cjs_js_clonedRuleSet_10_0_rules_0_use_2_vue_loader_lib_index_js_vue_loader_options_Dialog_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_vue_style_loader_index_js_css_loader_dist_cjs_js_clonedRuleSet_10_0_rules_0_use_1_vue_loader_lib_loaders_stylePostLoader_js_postcss_loader_dist_cjs_js_clonedRuleSet_10_0_rules_0_use_2_vue_loader_lib_index_js_vue_loader_options_Dialog_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__); +/* harmony reexport (unknown) */ var __WEBPACK_REEXPORT_OBJECT__ = {}; +/* harmony reexport (unknown) */ for(const __WEBPACK_IMPORT_KEY__ in _vue_style_loader_index_js_css_loader_dist_cjs_js_clonedRuleSet_10_0_rules_0_use_1_vue_loader_lib_loaders_stylePostLoader_js_postcss_loader_dist_cjs_js_clonedRuleSet_10_0_rules_0_use_2_vue_loader_lib_index_js_vue_loader_options_Dialog_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__) if(__WEBPACK_IMPORT_KEY__ !== "default") __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = () => _vue_style_loader_index_js_css_loader_dist_cjs_js_clonedRuleSet_10_0_rules_0_use_1_vue_loader_lib_loaders_stylePostLoader_js_postcss_loader_dist_cjs_js_clonedRuleSet_10_0_rules_0_use_2_vue_loader_lib_index_js_vue_loader_options_Dialog_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__[__WEBPACK_IMPORT_KEY__] +/* harmony reexport (unknown) */ __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__); + + /***/ }), /***/ "./node_modules/primevue/divider/Divider.vue?vue&type=style&index=0&lang=css&": @@ -28609,12 +29079,186 @@ var render = function() { ], 1 ) - }), - 0 + }), + 0 + ) + }), + 0 + ) +} +var staticRenderFns = [] +render._withStripped = true + + + +/***/ }), + +/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib/index.js??vue-loader-options!./node_modules/primevue/dialog/Dialog.vue?vue&type=template&id=2c914024&": +/*!***********************************************************************************************************************************************************************************************************************!*\ + !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib/index.js??vue-loader-options!./node_modules/primevue/dialog/Dialog.vue?vue&type=template&id=2c914024& ***! + \***********************************************************************************************************************************************************************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "render": () => (/* binding */ render), +/* harmony export */ "staticRenderFns": () => (/* binding */ staticRenderFns) +/* harmony export */ }); +var render = function() { + var _vm = this + var _h = _vm.$createElement + var _c = _vm._self._c || _h + return _vm.maskVisible + ? _c( + "div", + { ref: "mask", class: _vm.maskClass, on: { click: _vm.onMaskClick } }, + [ + _c( + "transition", + { + attrs: { name: "p-dialog" }, + on: { + "before-enter": _vm.onBeforeEnter, + enter: _vm.onEnter, + "before-leave": _vm.onBeforeLeave, + leave: _vm.onLeave, + "after-leave": _vm.onAfterLeave, + appear: _vm.onAppear + } + }, + [ + _vm.visible + ? _c( + "div", + _vm._g( + _vm._b( + { + ref: "dialog", + class: _vm.dialogClass, + style: _vm.dialogStyle, + attrs: { + role: "dialog", + "aria-labelledby": _vm.ariaLabelledById, + "aria-modal": _vm.modal + } + }, + "div", + _vm.$attrs, + false + ), + _vm.listeners + ), + [ + _vm.showHeader + ? _c( + "div", + { staticClass: "p-dialog-header" }, + [ + _vm._t("header", [ + _vm.header + ? _c( + "span", + { + staticClass: "p-dialog-title", + attrs: { id: _vm.ariaLabelledById } + }, + [_vm._v(_vm._s(_vm.header))] + ) + : _vm._e() + ]), + _vm._v(" "), + _c( + "div", + { staticClass: "p-dialog-header-icons" }, + [ + _vm.maximizable + ? _c( + "button", + { + directives: [ + { + name: "ripple", + rawName: "v-ripple" + } + ], + staticClass: + "p-dialog-header-icon p-dialog-header-maximize p-link", + attrs: { + type: "button", + tabindex: "-1" + }, + on: { click: _vm.maximize } + }, + [ + _c("span", { + class: _vm.maximizeIconClass + }) + ] + ) + : _vm._e(), + _vm._v(" "), + _vm.closable + ? _c( + "button", + { + directives: [ + { + name: "ripple", + rawName: "v-ripple" + } + ], + staticClass: + "p-dialog-header-icon p-dialog-header-close p-link", + attrs: { + "aria-label": _vm.ariaCloseLabel, + type: "button", + tabindex: "-1" + }, + on: { click: _vm.close } + }, + [ + _c("span", { + staticClass: + "p-dialog-header-close-icon pi pi-times" + }) + ] + ) + : _vm._e() + ] + ) + ], + 2 + ) + : _vm._e(), + _vm._v(" "), + _c( + "div", + { + staticClass: "p-dialog-content", + style: _vm.contentStyle + }, + [_vm._t("default")], + 2 + ), + _vm._v(" "), + _vm.footer || _vm.$slots.footer + ? _c( + "div", + { staticClass: "p-dialog-footer" }, + [_vm._t("footer", [_vm._v(_vm._s(_vm.footer))])], + 2 + ) + : _vm._e() + ] + ) + : _vm._e() + ] + ) + ], + 1 ) - }), - 0 - ) + : _vm._e() } var staticRenderFns = [] render._withStripped = true @@ -30764,29 +31408,7 @@ var render = function() { { key: "left", fn: function() { - return [_c("h3", [_vm._v("File preview")])] - }, - proxy: true - }, - { - key: "right", - fn: function() { - return [ - _c("Button", { - staticClass: - "p-button-success p-button-outlined p-button-sm", - attrs: { - label: "Run filters", - icon: "pi pi-play", - disabled: _vm.fileContent == "" - }, - on: { - click: function($event) { - return _vm.runFilters() - } - } - }) - ] + return [_c("h3", [_vm._v("Original document content")])] }, proxy: true } @@ -30800,30 +31422,41 @@ var render = function() { key: "content", fn: function() { return [ - _vm.fileContent === "" - ? [ - _c("Skeleton"), - _c("br"), - _vm._v(" "), - _c("Skeleton"), - _c("br"), - _vm._v(" "), - _c("Skeleton"), - _c("br"), - _vm._v(" "), - _c("Skeleton"), - _c("br"), - _vm._v(" "), - _c("Skeleton"), - _c("br"), - _vm._v(" "), - _c("Skeleton"), - _c("br"), - _vm._v(" "), - _c("Skeleton"), - _c("br") - ] - : [_c("vue-markdown", { attrs: { source: _vm.fileContent } })] + _c( + "div", + { staticClass: "md-viewer" }, + [ + _vm.fileContent === "" + ? [ + _c("Skeleton"), + _c("br"), + _vm._v(" "), + _c("Skeleton"), + _c("br"), + _vm._v(" "), + _c("Skeleton"), + _c("br"), + _vm._v(" "), + _c("Skeleton"), + _c("br"), + _vm._v(" "), + _c("Skeleton"), + _c("br"), + _vm._v(" "), + _c("Skeleton"), + _c("br"), + _vm._v(" "), + _c("Skeleton"), + _c("br") + ] + : [ + _c("vue-markdown", { + attrs: { source: _vm.fileContent } + }) + ] + ], + 2 + ) ] }, proxy: true @@ -30832,7 +31465,7 @@ var render = function() { }), _vm._v(" "), _c("Card", { - staticClass: "p-mr-2 p-as-stretch filters-card", + staticClass: "p-mr-2 p-as-stretch file-card", scopedSlots: _vm._u([ { key: "header", @@ -30843,7 +31476,9 @@ var render = function() { { key: "left", fn: function() { - return [_c("h3", [_vm._v("Document searchers")])] + return [ + _c("h3", [_vm._v("Processed document content")]) + ] }, proxy: true }, @@ -30853,13 +31488,40 @@ var render = function() { return [ _c("Button", { staticClass: - "p-button-success p-button-sm p-button-text", + "p-button-secondary p-button-outlined p-button-sm", + attrs: { + label: "Download document", + icon: "pi pi-download" + } + }), + _vm._v(" "), + _c("Button", { + staticClass: + "p-button-success p-button-outlined p-button-sm", + attrs: { + label: "Run filters", + icon: "pi pi-play", + disabled: _vm.fileContent == "" + }, + on: { + click: function($event) { + return _vm.runSearchers() + } + } + }), + _vm._v(" "), + _c("Button", { + staticClass: + "p-button-info p-button-outlined p-button-sm", attrs: { - icon: "pi pi-plus", - "aria:haspopup": "true", - "aria-controls": "overlay_panel" + label: "Toggle filters list", + icon: "pi pi-list" }, - on: { click: _vm.toggleSearchersMenu } + on: { + click: function($event) { + return _vm.toggleSearchersSidebar() + } + } }) ] }, @@ -30876,99 +31538,51 @@ var render = function() { fn: function() { return [ _c( - "DataTable", - { - staticClass: "p-datatable-sm", - attrs: { - value: _vm.selectedSearchers, - dataKey: "id", - expandedRows: _vm.expandedRows - }, - on: { - "update:value": function($event) { - _vm.selectedSearchers = $event - }, - "update:expandedRows": function($event) { - _vm.expandedRows = $event - }, - "update:expanded-rows": function($event) { - _vm.expandedRows = $event - }, - "row-reorder": _vm.onSelectedSearchersReorder - }, - scopedSlots: _vm._u([ - { - key: "expansion", - fn: function(slotProps) { - return [ - _c("div", { staticClass: "options-subtable" }, [ - _c("div", { staticClass: "p-fluid" }, [ - _c( - "div", - { staticClass: "p-field" }, - [ - _c( - "label", - { - attrs: { - for: - "replace_with__" + slotProps.data.id - } - }, - [ - _vm._v( - "\n Replace values with:\n " - ) - ] - ), - _vm._v(" "), - _c("InputText", { - staticClass: "p-inputtext-sm", - attrs: { - id: - "replace_with__" + slotProps.data.id, - type: "text" - }, - model: { - value: - _vm.searchersOptions[ - slotProps.data.id - ], - callback: function($$v) { - _vm.$set( - _vm.searchersOptions, - slotProps.data.id, - $$v - ) - }, - expression: - "searchersOptions[slotProps.data.id]" - } - }) - ], - 1 - ) - ]) - ]) - ] - } - } - ]) - }, + "div", + { staticClass: "md-viewer" }, [ - _c("Column", { - attrs: { rowReorder: true, headerStyle: "width: 3rem" } - }), - _vm._v(" "), - _c("Column", { - attrs: { field: "name", header: "Name", sortable: "" } - }), - _vm._v(" "), - _c("Column", { - attrs: { expander: true, headerStyle: "width: 3rem" } - }) + _vm.processing === true + ? [ + _c("Skeleton"), + _c("br"), + _vm._v(" "), + _c("Skeleton"), + _c("br"), + _vm._v(" "), + _c("Skeleton"), + _c("br"), + _vm._v(" "), + _c("Skeleton"), + _c("br"), + _vm._v(" "), + _c("Skeleton"), + _c("br"), + _vm._v(" "), + _c("Skeleton"), + _c("br"), + _vm._v(" "), + _c("Skeleton"), + _c("br") + ] + : _vm.processedFileContent !== "" + ? [ + _c("vue-markdown", { + attrs: { source: _vm.processedFileContent } + }) + ] + : [ + _c( + "Message", + { attrs: { severity: "info", closable: false } }, + [ + _vm._v( + "\n Not processed yet. Please select and run some filters to see the result.\n " + ) + ] + ) + ] ], - 1 + 2 ) ] }, @@ -30978,45 +31592,222 @@ var render = function() { }), _vm._v(" "), _c( - "OverlayPanel", + "Sidebar", { - ref: "searchers-overlay", - staticStyle: { width: "300px" }, - attrs: { appendTo: "body", id: "overlay_panel" } + staticClass: "p-sidebar-md", + attrs: { + visible: _vm.searchersSidebarVisible, + showCloseIcon: true, + position: "right" + }, + on: { + "update:visible": function($event) { + _vm.searchersSidebarVisible = $event + } + } }, [ + _c( + "div", + { staticClass: "p-grid p-jc-between sidebar-title-container" }, + [ + _c("div", { staticClass: "p-col sidebar-title" }, [ + _c("h3", [_vm._v("Document searchers")]) + ]), + _vm._v(" "), + _c( + "div", + { staticClass: "p-col-2" }, + [ + _c("Button", { + staticClass: + "p-button-success p-button-sm p-button-text add-searchers", + attrs: { + icon: "pi pi-plus", + "aria:haspopup": "true", + "aria-controls": "searcers_dialog" + }, + on: { + click: function($event) { + return _vm.toggleSearchersDialog(true) + } + } + }) + ], + 1 + ) + ] + ), + _vm._v(" "), + _c( + "Dialog", + { + ref: "searcers-dialog", + style: { width: "50vw" }, + attrs: { + header: "Available document searchers", + visible: _vm.searchersDialogVisible, + maximizable: true, + contentStyle: { overflow: "visible" }, + id: "searcers_dialog" + }, + on: { + "update:visible": function($event) { + _vm.searchersDialogVisible = $event + } + }, + scopedSlots: _vm._u([ + { + key: "footer", + fn: function() { + return [ + _c("Button", { + staticClass: + "p-button-info p-button-outlined p-button-sm", + attrs: { label: "Done", icon: "pi pi-check" }, + on: { + click: function($event) { + return _vm.toggleSearchersDialog(false) + } + } + }) + ] + }, + proxy: true + } + ]) + }, + [ + _c( + "DataTable", + { + staticClass: "p-datatable-sm", + attrs: { + value: _vm.searchersData, + selection: _vm.selectedSearchers, + dataKey: "id", + selectionMode: "multiple", + metaKeySelection: false, + paginator: true, + rows: 10, + paginatorTemplate: + "CurrentPageReport FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown", + currentPageReportTemplate: + "Showing {first} to {last} of {totalRecords}", + rowsPerPageOptions: [10, 20, 50] + }, + on: { + "update:value": function($event) { + _vm.searchersData = $event + }, + "update:selection": function($event) { + _vm.selectedSearchers = $event + } + } + }, + [ + _c("Column", { + attrs: { + selectionMode: "multiple", + headerStyle: "width: 3em" + } + }), + _vm._v(" "), + _c("Column", { + attrs: { field: "name", header: "Name", sortable: "" } + }) + ], + 1 + ) + ], + 1 + ), + _vm._v(" "), _c( "DataTable", { staticClass: "p-datatable-sm", attrs: { - value: _vm.searchersData, - selection: _vm.selectedSearchers, + value: _vm.selectedSearchers, dataKey: "id", - selectionMode: "multiple", - metaKeySelection: false, - paginator: true, - rows: 10, - paginatorTemplate: - "FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown", - rowsPerPageOptions: [10, 20, 50] + expandedRows: _vm.expandedRows }, on: { "update:value": function($event) { - _vm.searchersData = $event - }, - "update:selection": function($event) { _vm.selectedSearchers = $event + }, + "update:expandedRows": function($event) { + _vm.expandedRows = $event + }, + "update:expanded-rows": function($event) { + _vm.expandedRows = $event + }, + "row-reorder": _vm.onSelectedSearchersReorder + }, + scopedSlots: _vm._u([ + { + key: "expansion", + fn: function(slotProps) { + return [ + _c("div", { staticClass: "options-subtable" }, [ + _c("div", { staticClass: "p-fluid" }, [ + _c( + "div", + { staticClass: "p-field" }, + [ + _c( + "label", + { + attrs: { + for: "replace_with__" + slotProps.data.id + } + }, + [ + _vm._v( + "\n Replace values with:\n " + ) + ] + ), + _vm._v(" "), + _c("InputText", { + staticClass: "p-inputtext-sm", + attrs: { + id: "replace_with__" + slotProps.data.id, + type: "text" + }, + model: { + value: + _vm.searchersOptions[slotProps.data.id], + callback: function($$v) { + _vm.$set( + _vm.searchersOptions, + slotProps.data.id, + $$v + ) + }, + expression: + "searchersOptions[slotProps.data.id]" + } + }) + ], + 1 + ) + ]) + ]) + ] + } } - } + ]) }, [ _c("Column", { - attrs: { selectionMode: "multiple", headerStyle: "width: 3em" } + attrs: { rowReorder: true, headerStyle: "width: 3rem" } }), _vm._v(" "), + _c("Column", { attrs: { field: "name", header: "Name" } }), + _vm._v(" "), _c("Column", { - attrs: { field: "name", header: "Name", sortable: "" } + attrs: { expander: true, headerStyle: "width: 3rem" } }) ], 1 @@ -31095,7 +31886,7 @@ var render = function() { { staticClass: "left" }, [ _c("Button", { - staticClass: "p-button-text", + staticClass: "p-button-primary", attrs: { label: "Search and Displace" } }) ], @@ -31670,6 +32461,27 @@ if(false) {} /***/ }), +/***/ "./node_modules/vue-style-loader/index.js!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-10[0].rules[0].use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-10[0].rules[0].use[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./node_modules/primevue/dialog/Dialog.vue?vue&type=style&index=0&lang=css&": +/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ + !*** ./node_modules/vue-style-loader/index.js!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-10[0].rules[0].use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-10[0].rules[0].use[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./node_modules/primevue/dialog/Dialog.vue?vue&type=style&index=0&lang=css& ***! + \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ +/***/ ((module, __unused_webpack_exports, __webpack_require__) => { + +// style-loader: Adds some css to the DOM by adding a