@znap/components-vue2 1.1.2 → 1.1.4

package/dist/index.common.js

@@ -1073,22 +1073,6 @@ module.exports = function (record, fn, ITERATOR_INSTEAD_OF_RECORD) {
 })));
 
 
-/***/ }),
-
-/***/ 589:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-// style-loader: Adds some css to the DOM by adding a <style> tag
-
-// load the styles
-var content = __webpack_require__(7435);
-if(content.__esModule) content = content.default;
-if(typeof content === 'string') content = [[module.id, content, '']];
-if(content.locals) module.exports = content.locals;
-// add the styles to the DOM
-var add = (__webpack_require__(9548)/* ["default"] */ .A)
-var update = add("3b3a370b", content, true, {"sourceMap":false,"shadowMode":false});
-
 /***/ }),
 
 /***/ 609:
@@ -3358,6 +3342,27 @@ var update = add("56d50235", content, true, {"sourceMap":false,"shadowMode":fals
 })));
 
 
+/***/ }),
+
+/***/ 1542:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(1601);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6314);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
+// Imports
+
+
+var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, ".h-100[data-v-aa8af4a4]{height:100%}", ""]);
+// Exports
+/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
+
+
 /***/ }),
 
 /***/ 1545:
@@ -3655,6 +3660,27 @@ module.exports = uncurryThis({}.isPrototypeOf);
 })));
 
 
+/***/ }),
+
+/***/ 1683:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(1601);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6314);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
+// Imports
+
+
+var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, ".edited-row[data-v-3d673e31]{background-color:hsla(44,94%,86%,.714)}.edited-row[data-v-3d673e31]:hover{background-color:hsla(44,93%,72%,.714)!important}.sum-row[data-v-3d673e31]{background-color:#ddd;font-weight:700}.sum-row[data-v-3d673e31]:hover{background-color:#ddd!important}.selected-row[data-v-3d673e31]{background-color:#eee!important}.selected-row[data-v-3d673e31]:hover{background-color:#ddd!important}", ""]);
+// Exports
+/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
+
+
 /***/ }),
 
 /***/ 1698:
@@ -7457,22 +7483,6 @@ module.exports = function difference(other) {
 };
 
 
-/***/ }),
-
-/***/ 3450:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-// style-loader: Adds some css to the DOM by adding a <style> tag
-
-// load the styles
-var content = __webpack_require__(7580);
-if(content.__esModule) content = content.default;
-if(typeof content === 'string') content = [[module.id, content, '']];
-if(content.locals) module.exports = content.locals;
-// add the styles to the DOM
-var add = (__webpack_require__(9548)/* ["default"] */ .A)
-var update = add("47079f5a", content, true, {"sourceMap":false,"shadowMode":false});
-
 /***/ }),
 
 /***/ 3478:
@@ -18498,6 +18508,22 @@ module.exports = !DESCRIPTORS && !fails(function () {
 });
 
 
+/***/ }),
+
+/***/ 5936:
+/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
+
+// style-loader: Adds some css to the DOM by adding a <style> tag
+
+// load the styles
+var content = __webpack_require__(1542);
+if(content.__esModule) content = content.default;
+if(typeof content === 'string') content = [[module.id, content, '']];
+if(content.locals) module.exports = content.locals;
+// add the styles to the DOM
+var add = (__webpack_require__(9548)/* ["default"] */ .A)
+var update = add("15bb96ae", content, true, {"sourceMap":false,"shadowMode":false});
+
 /***/ }),
 
 /***/ 5966:
@@ -19669,6 +19695,22 @@ var update = add("c605e776", content, true, {"sourceMap":false,"shadowMode":fals
 
 /***/ }),
 
+/***/ 6357:
+/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
+
+// style-loader: Adds some css to the DOM by adding a <style> tag
+
+// load the styles
+var content = __webpack_require__(1683);
+if(content.__esModule) content = content.default;
+if(typeof content === 'string') content = [[module.id, content, '']];
+if(content.locals) module.exports = content.locals;
+// add the styles to the DOM
+var add = (__webpack_require__(9548)/* ["default"] */ .A)
+var update = add("734c1184", content, true, {"sourceMap":false,"shadowMode":false});
+
+/***/ }),
+
 /***/ 6395:
 /***/ (function(module) {
 
@@ -22303,40 +22345,35 @@ ___CSS_LOADER_EXPORT___.push([module.id, ".theme--light.v-small-dialog__actions,
 
 /***/ }),
 
-/***/ 7435:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(1601);
-/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6314);
-/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
-// Imports
-
+/***/ 7447:
+/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
 
-var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
-// Module
-___CSS_LOADER_EXPORT___.push([module.id, ".h-100[data-v-b1a1d5fc]{height:100%}", ""]);
-// Exports
-/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
+// style-loader: Adds some css to the DOM by adding a <style> tag
 
+// load the styles
+var content = __webpack_require__(3380);
+if(content.__esModule) content = content.default;
+if(typeof content === 'string') content = [[module.id, content, '']];
+if(content.locals) module.exports = content.locals;
+// add the styles to the DOM
+var add = (__webpack_require__(9548)/* ["default"] */ .A)
+var update = add("5a6f590a", content, true, {"sourceMap":false,"shadowMode":false});
 
 /***/ }),
 
-/***/ 7447:
+/***/ 7470:
 /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
 
 // style-loader: Adds some css to the DOM by adding a <style> tag
 
 // load the styles
-var content = __webpack_require__(3380);
+var content = __webpack_require__(8384);
 if(content.__esModule) content = content.default;
 if(typeof content === 'string') content = [[module.id, content, '']];
 if(content.locals) module.exports = content.locals;
 // add the styles to the DOM
 var add = (__webpack_require__(9548)/* ["default"] */ .A)
-var update = add("5a6f590a", content, true, {"sourceMap":false,"shadowMode":false});
+var update = add("7e5ad3f9", content, true, {"sourceMap":false,"shadowMode":false});
 
 /***/ }),
 
@@ -22462,27 +22499,6 @@ ___CSS_LOADER_EXPORT___.push([module.id, ".container{width:100%;padding:12px;mar
 /* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
 
 
-/***/ }),
-
-/***/ 7580:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(1601);
-/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6314);
-/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
-// Imports
-
-
-var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
-// Module
-___CSS_LOADER_EXPORT___.push([module.id, ".edited-row{background-color:hsla(44,94%,86%,.714)}.edited-row:hover{background-color:hsla(44,93%,72%,.714)!important}.sum-row{background-color:#ddd;font-weight:700}.sum-row:hover{background-color:#ddd!important}.selected-row{background-color:#eee!important}.selected-row:hover{background-color:#ddd!important}.v-data-table__wrapper{flex-grow:1}", ""]);
-// Exports
-/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
-
-
 /***/ }),
 
 /***/ 7588:
@@ -24294,6 +24310,27 @@ $({ target: 'Iterator', proto: true, real: true, forced: FAILS_ON_INITIAL_UNDEFI
 })));
 
 
+/***/ }),
+
+/***/ 8384:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(1601);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6314);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
+// Imports
+
+
+var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, ".znap-crud-full-height-container[data-v-3d09d098]{height:calc(100vh - 64px);max-height:calc(100vh - 64px);overflow:hidden;display:flex;flex-direction:column;position:relative}.znap-crud-full-height-container[data-v-3d09d098] .v-container{height:100%;max-height:100%;padding:16px;margin:0;overflow:hidden}.znap-crud-full-height-container[data-v-3d09d098] .v-card{height:100%;max-height:100%;overflow:hidden;display:flex;flex-direction:column;border-radius:4px;margin:0}.znap-crud-full-height-container[data-v-3d09d098] .flex-grow-1{flex:1 1 auto;min-height:0;overflow:hidden;display:flex;flex-direction:column}.znap-crud-full-height-container[data-v-3d09d098] .v-layout{height:100%;flex:1 1 auto;overflow:hidden}.znap-crud-full-height-container[data-v-3d09d098] .v-data-table{height:100%;max-height:none;display:flex;flex-direction:column}.znap-crud-full-height-container[data-v-3d09d098] .v-data-table__wrapper{flex:1 1 auto;overflow:auto;min-height:0}.znap-crud-full-height-container[data-v-3d09d098] .v-data-table__header{flex-shrink:0}.znap-crud-full-height-container[data-v-3d09d098] .v-data-footer{flex-shrink:0}.znap-crud-full-height-container[data-v-3d09d098] .v-toolbar{flex-shrink:0}", ""]);
+// Exports
+/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
+
+
 /***/ }),
 
 /***/ 8414:
@@ -34474,15 +34511,16 @@ var VDivider = __webpack_require__(8999);
     });
   }
 }));
-;// ./node_modules/vuetify-loader/lib/loader.js??ruleSet[1].rules[0].use!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[5]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/views/BaseViewLayout.vue?vue&type=template&id=72c9885a&scoped=true
+;// ./node_modules/vuetify-loader/lib/loader.js??ruleSet[1].rules[0].use!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[5]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/views/BaseViewLayout.vue?vue&type=template&id=3d09d098&scoped=true
 
 
 
 
-var BaseViewLayoutvue_type_template_id_72c9885a_scoped_true_render = function render() {
+var BaseViewLayoutvue_type_template_id_3d09d098_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c(VContainer, {
+    staticClass: "znap-crud-full-height-container",
     attrs: {
       "fluid": "",
       "fill-height": "",
@@ -34521,7 +34559,7 @@ var BaseViewLayoutvue_type_template_id_72c9885a_scoped_true_render = function re
     staticClass: "w-100 flex-grow-1 d-flex flex-column"
   }, [_vm._t("default")], 2)], 1)], 1);
 };
-var BaseViewLayoutvue_type_template_id_72c9885a_scoped_true_staticRenderFns = [];
+var BaseViewLayoutvue_type_template_id_3d09d098_scoped_true_staticRenderFns = [];
 
 ;// ./node_modules/vuetify/lib/components/VGrid/VSpacer.js
 
@@ -34630,56 +34668,61 @@ var ViewHeader_component = normalizeComponent(
   },
   data() {
     return {
-      defaultContainerObserver: null,
-      defaultContainerSize: {
-        heigth: 0,
-        width: 0
-      }
+      isComponentMounted: false
     };
   },
   emits: ["closeTable"],
   mounted() {
-    const el = this.$refs["default-container"];
-    this.defaultContainerObserver = new ResizeObserver(entries => {
-      for (const entry of entries) {
-        const {
-          width,
-          height
-        } = entry.contentRect;
-        this.defaultContainerSize.width = width;
-        this.defaultContainerSize.heigth = height;
-      }
+    window.addEventListener("resize", this.adjustComponentLayout);
+    this.isComponentMounted = true;
+    this.$nextTick(() => {
+      this.adjustComponentLayout();
     });
-    this.defaultContainerObserver.observe(el);
   },
   beforeDestroy() {
-    if (this.defaultContainerObserver) {
-      this.defaultContainerObserver.disconnect();
-    }
+    this.isComponentMounted = false;
+    window.removeEventListener("resize", this.adjustComponentLayout);
   },
   methods: {
     closeTable() {
       this.$emit("closeTable");
+    },
+    adjustComponentLayout() {
+      if (!this.isComponentMounted || !this.$el) return;
+      const appBar = document.querySelector(".v-app-bar");
+      const appBarHeight = appBar ? appBar.offsetHeight : 64;
+      const availableHeight = `calc(100vh - ${appBarHeight}px)`;
+      const container = this.$el;
+      if (container) {
+        container.style.height = availableHeight;
+        container.style.maxHeight = availableHeight;
+        container.style.overflow = "hidden";
+      }
     }
   }
 });
 ;// ./src/components/views/BaseViewLayout.vue?vue&type=script&lang=js
  /* harmony default export */ var views_BaseViewLayoutvue_type_script_lang_js = (BaseViewLayoutvue_type_script_lang_js); 
+// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/views/BaseViewLayout.vue?vue&type=style&index=0&id=3d09d098&prod&lang=scss&scoped=true
+var BaseViewLayoutvue_type_style_index_0_id_3d09d098_prod_lang_scss_scoped_true = __webpack_require__(7470);
+;// ./src/components/views/BaseViewLayout.vue?vue&type=style&index=0&id=3d09d098&prod&lang=scss&scoped=true
+
 ;// ./src/components/views/BaseViewLayout.vue
 
 
 
+;
 
 
 /* normalize component */
-;
+
 var BaseViewLayout_component = normalizeComponent(
   views_BaseViewLayoutvue_type_script_lang_js,
-  BaseViewLayoutvue_type_template_id_72c9885a_scoped_true_render,
-  BaseViewLayoutvue_type_template_id_72c9885a_scoped_true_staticRenderFns,
+  BaseViewLayoutvue_type_template_id_3d09d098_scoped_true_render,
+  BaseViewLayoutvue_type_template_id_3d09d098_scoped_true_staticRenderFns,
   false,
   null,
-  "72c9885a",
+  "3d09d098",
   null
   
 )
@@ -43526,7 +43569,7 @@ const VTabs_baseMixins = mixins(colorable, proxyable, themeable);
     }, [this.genBar(tab, slider), this.genItems(items, item)]);
   }
 }));
-;// ./node_modules/vuetify-loader/lib/loader.js??ruleSet[1].rules[0].use!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[5]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/views/BaseCrudView.vue?vue&type=template&id=80461eb2
+;// ./node_modules/vuetify-loader/lib/loader.js??ruleSet[1].rules[0].use!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[5]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/views/BaseCrudView.vue?vue&type=template&id=3d673e31&scoped=true
 
 
 
@@ -43548,7 +43591,7 @@ const VTabs_baseMixins = mixins(colorable, proxyable, themeable);
 
 
 
-var BaseCrudViewvue_type_template_id_80461eb2_render = function render() {
+var BaseCrudViewvue_type_template_id_3d673e31_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('BaseViewLayout', {
@@ -43677,6 +43720,9 @@ var BaseCrudViewvue_type_template_id_80461eb2_render = function render() {
       key: "primary-filters",
       fn: function () {
         return [_vm.hasPrimaryFilters ? _c('section', [_c(VTabs_VTabs, {
+          attrs: {
+            "height": "30"
+          },
           model: {
             value: _vm.primaryFilterTab,
             callback: function ($$v) {
@@ -43689,6 +43735,7 @@ var BaseCrudViewvue_type_template_id_80461eb2_render = function render() {
             key: tabIndex
           }, [_vm._v(" " + _vm._s(tab.title) + " ")]);
         }), 1), _c(VTabsItems, {
+          staticClass: "mt-3",
           model: {
             value: _vm.primaryFilterTab,
             callback: function ($$v) {
@@ -43704,7 +43751,11 @@ var BaseCrudViewvue_type_template_id_80461eb2_render = function render() {
               key: primaryFilter.column,
               staticClass: "flex-grow-1",
               attrs: {
-                "cols": "auto"
+                "cols": primaryFilter.componentProps?.cols || 'auto',
+                "md": primaryFilter.componentProps?.md || undefined,
+                "sm": primaryFilter.componentProps?.sm || undefined,
+                "lg": primaryFilter.componentProps?.lg || undefined,
+                "xl": primaryFilter.componentProps?.xl || undefined
               }
             }, [primaryFilter.component === 'v-autocomplete' ? _c(VAutocomplete_VAutocomplete, _vm._b({
               attrs: {
@@ -43805,7 +43856,6 @@ var BaseCrudViewvue_type_template_id_80461eb2_render = function render() {
       "items": _vm.apiData,
       "loading": _vm.loading,
       "fixed-header": "",
-      "height": _vm.tableMaxHeigth,
       "item-key": _vm.primaryKey,
       "options": _vm.paginationOptions,
       "footer-props": {
@@ -44156,7 +44206,7 @@ var BaseCrudViewvue_type_template_id_80461eb2_render = function render() {
     }
   })], 1);
 };
-var BaseCrudViewvue_type_template_id_80461eb2_staticRenderFns = [];
+var BaseCrudViewvue_type_template_id_3d673e31_scoped_true_staticRenderFns = [];
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.set.difference.v2.js
 var es_set_difference_v2 = __webpack_require__(7642);
@@ -48693,7 +48743,7 @@ const VNavigationDrawer_baseMixins = mixins(applicationable('left', ['isActive',
     }), children);
   }
 }));
-;// ./node_modules/vuetify-loader/lib/loader.js??ruleSet[1].rules[0].use!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[5]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/drawers/BaseCrudSecondaryFiltersDrawer.vue?vue&type=template&id=b1a1d5fc&scoped=true
+;// ./node_modules/vuetify-loader/lib/loader.js??ruleSet[1].rules[0].use!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[5]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/drawers/BaseCrudSecondaryFiltersDrawer.vue?vue&type=template&id=aa8af4a4&scoped=true
 
 
 
@@ -48705,7 +48755,7 @@ const VNavigationDrawer_baseMixins = mixins(applicationable('left', ['isActive',
 
 
 
-var BaseCrudSecondaryFiltersDrawervue_type_template_id_b1a1d5fc_scoped_true_render = function render() {
+var BaseCrudSecondaryFiltersDrawervue_type_template_id_aa8af4a4_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c(VNavigationDrawer_VNavigationDrawer, {
@@ -48714,7 +48764,7 @@ var BaseCrudSecondaryFiltersDrawervue_type_template_id_b1a1d5fc_scoped_true_rend
       "hide-overlay": "",
       "absolute": "",
       "right": "",
-      "width": "400"
+      "width": "500"
     },
     model: {
       value: _vm.showDrawer,
@@ -48757,8 +48807,11 @@ var BaseCrudSecondaryFiltersDrawervue_type_template_id_b1a1d5fc_scoped_true_rend
   }, [_c('LoadingIndicator', {
     staticClass: "mt-4"
   })], 1) : _c('section', {
-    staticClass: "mx-3"
+    staticClass: "mx-3 mt-4"
   }, [_vm.filters?.length ? _c('section', [_c(VTabs_VTabs, {
+    attrs: {
+      "height": "30"
+    },
     model: {
       value: _vm.tabIndex,
       callback: function ($$v) {
@@ -48771,6 +48824,7 @@ var BaseCrudSecondaryFiltersDrawervue_type_template_id_b1a1d5fc_scoped_true_rend
       key: tabIndex
     }, [_vm._v(" " + _vm._s(tab.title) + " ")]);
   }), 1), _c(VTabsItems, {
+    staticClass: "mt-3",
     model: {
       value: _vm.tabIndex,
       callback: function ($$v) {
@@ -48868,7 +48922,7 @@ var BaseCrudSecondaryFiltersDrawervue_type_template_id_b1a1d5fc_scoped_true_rend
     }), 1);
   }), 1)], 1) : _vm._e()])]);
 };
-var BaseCrudSecondaryFiltersDrawervue_type_template_id_b1a1d5fc_scoped_true_staticRenderFns = [];
+var BaseCrudSecondaryFiltersDrawervue_type_template_id_aa8af4a4_scoped_true_staticRenderFns = [];
 
 ;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/drawers/BaseCrudSecondaryFiltersDrawer.vue?vue&type=script&lang=js
 
@@ -48943,9 +48997,9 @@ var BaseCrudSecondaryFiltersDrawervue_type_template_id_b1a1d5fc_scoped_true_stat
 });
 ;// ./src/components/drawers/BaseCrudSecondaryFiltersDrawer.vue?vue&type=script&lang=js
  /* harmony default export */ var drawers_BaseCrudSecondaryFiltersDrawervue_type_script_lang_js = (BaseCrudSecondaryFiltersDrawervue_type_script_lang_js); 
-// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/drawers/BaseCrudSecondaryFiltersDrawer.vue?vue&type=style&index=0&id=b1a1d5fc&prod&lang=scss&scoped=true
-var BaseCrudSecondaryFiltersDrawervue_type_style_index_0_id_b1a1d5fc_prod_lang_scss_scoped_true = __webpack_require__(589);
-;// ./src/components/drawers/BaseCrudSecondaryFiltersDrawer.vue?vue&type=style&index=0&id=b1a1d5fc&prod&lang=scss&scoped=true
+// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/drawers/BaseCrudSecondaryFiltersDrawer.vue?vue&type=style&index=0&id=aa8af4a4&prod&lang=scss&scoped=true
+var BaseCrudSecondaryFiltersDrawervue_type_style_index_0_id_aa8af4a4_prod_lang_scss_scoped_true = __webpack_require__(5936);
+;// ./src/components/drawers/BaseCrudSecondaryFiltersDrawer.vue?vue&type=style&index=0&id=aa8af4a4&prod&lang=scss&scoped=true
 
 ;// ./src/components/drawers/BaseCrudSecondaryFiltersDrawer.vue
 
@@ -48958,11 +49012,11 @@ var BaseCrudSecondaryFiltersDrawervue_type_style_index_0_id_b1a1d5fc_prod_lang_s
 
 var BaseCrudSecondaryFiltersDrawer_component = normalizeComponent(
   drawers_BaseCrudSecondaryFiltersDrawervue_type_script_lang_js,
-  BaseCrudSecondaryFiltersDrawervue_type_template_id_b1a1d5fc_scoped_true_render,
-  BaseCrudSecondaryFiltersDrawervue_type_template_id_b1a1d5fc_scoped_true_staticRenderFns,
+  BaseCrudSecondaryFiltersDrawervue_type_template_id_aa8af4a4_scoped_true_render,
+  BaseCrudSecondaryFiltersDrawervue_type_template_id_aa8af4a4_scoped_true_staticRenderFns,
   false,
   null,
-  "b1a1d5fc",
+  "aa8af4a4",
   null
   
 )
@@ -49081,11 +49135,6 @@ var BaseCrudSecondaryFiltersDrawer_component = normalizeComponent(
       type: Object,
       required: true
     },
-    cardSubtractHeigth: {
-      type: Number,
-      required: false,
-      default: 0
-    },
     "update:rows-changed": {
       type: Function,
       required: false
@@ -49128,7 +49177,8 @@ var BaseCrudSecondaryFiltersDrawer_component = normalizeComponent(
       backupEditedItemsMap: new Map(),
       tableMaxHeigth: 0,
       alreadySetTableHeigth: false,
-      primaryFilterTab: 0
+      primaryFilterTab: 0,
+      isComponentMounted: false
     };
   },
   computed: {
@@ -49497,40 +49547,13 @@ var BaseCrudSecondaryFiltersDrawer_component = normalizeComponent(
   },
   created() {
     this.paginationOptions = this.paginationSettings;
-  },
-  mounted() {
-    let tableFooterHeigth = 60;
-    if (this.cardSubtractHeigth) {
-      tableFooterHeigth += this.cardSubtractHeigth ?? 0;
-    }
-    this.$watch(() => this.$refs.baseViewLayoutRef?.defaultContainerSize?.heigth - tableFooterHeigth, value => {
-      if (this.alreadySetTableHeigth) return;
-      requestAnimationFrame(() => {
-        this.tableMaxHeigth = value;
-        this.alreadySetTableHeigth = true;
-      });
-    }, {
-      immediate: false
-    });
-    this.$watch(() => this.alreadySetTableHeigth, value => {
-      if (value) return;
-      requestAnimationFrame(() => {
-        this.tableMaxHeigth = this.$refs.baseViewLayoutRef?.defaultContainerSize.heigth - tableFooterHeigth;
-      });
-    }, {
-      immediate: false
-    });
-  },
-  destroyed() {
-    this.tableMaxHeigth = 0;
-    this.alreadySetTableHeigth = false;
   }
 });
 ;// ./src/components/views/BaseCrudView.vue?vue&type=script&lang=js
  /* harmony default export */ var views_BaseCrudViewvue_type_script_lang_js = (BaseCrudViewvue_type_script_lang_js); 
-// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/views/BaseCrudView.vue?vue&type=style&index=0&id=80461eb2&prod&lang=scss
-var BaseCrudViewvue_type_style_index_0_id_80461eb2_prod_lang_scss = __webpack_require__(3450);
-;// ./src/components/views/BaseCrudView.vue?vue&type=style&index=0&id=80461eb2&prod&lang=scss
+// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/views/BaseCrudView.vue?vue&type=style&index=0&id=3d673e31&prod&lang=scss&scoped=true
+var BaseCrudViewvue_type_style_index_0_id_3d673e31_prod_lang_scss_scoped_true = __webpack_require__(6357);
+;// ./src/components/views/BaseCrudView.vue?vue&type=style&index=0&id=3d673e31&prod&lang=scss&scoped=true
 
 ;// ./src/components/views/BaseCrudView.vue
 
@@ -49543,11 +49566,11 @@ var BaseCrudViewvue_type_style_index_0_id_80461eb2_prod_lang_scss = __webpack_re
 
 var BaseCrudView_component = normalizeComponent(
   views_BaseCrudViewvue_type_script_lang_js,
-  BaseCrudViewvue_type_template_id_80461eb2_render,
-  BaseCrudViewvue_type_template_id_80461eb2_staticRenderFns,
+  BaseCrudViewvue_type_template_id_3d673e31_scoped_true_render,
+  BaseCrudViewvue_type_template_id_3d673e31_scoped_true_staticRenderFns,
   false,
   null,
-  null,
+  "3d673e31",
   null
   
 )
@@ -50722,8 +50745,11 @@ class CrudViewConfigs {
     };
   }
   validateFiltersKeyHaveChange(filters, currentFilters, keysToValidate = ["search", "primary", "secondary"]) {
+    const filtersToCheck = this.getCurrentFilters(filters);
     return keysToValidate.some(key => {
-      if (Array.isArray(filters[key])) return filters[key].some((filter, index) => filter.value !== currentFilters[key][index] && filter?.type !== "display");
+      if (Array.isArray(filters[key])) {
+        return filtersToCheck[key].some((filterValue, index) => filterValue !== currentFilters[key][index]);
+      }
       return filters[key] !== currentFilters[key];
     });
   }
@@ -50861,30 +50887,63 @@ class CrudViewConfigs {
     this.currentFilters.search = filters.search;
     return this.currentFilters;
   }
-  async fetchTableOptionsData(tableOptions = [], httpFetcher) {
+  getCurrentFilters(filters) {
+    const currentFilters = {
+      primary: [],
+      secondary: [],
+      search: ""
+    };
+    filters?.primary?.forEach(tab => {
+      tab.filters.forEach(filter => {
+        if (filter?.type === "display") return;
+        currentFilters.primary.push(filter.value);
+      });
+    });
+    filters?.secondary?.forEach(tab => {
+      tab.filters.forEach(filter => {
+        if (filter?.type === "display") return;
+        currentFilters.secondary.push(filter.value);
+      });
+    });
+    currentFilters.search = filters.search;
+    return currentFilters;
+  }
+  async fetchTableOption(tableOption, httpFetcher) {
+    if (!tableOption.endpoint?.length || !tableOption?.endpoint[0]) return;
+    try {
+      const response = await httpFetcher.post(tableOption.endpoint[0], tableOption.endpoint[1] ?? {});
+      tableOption.items = response?.data?.rows ?? [];
+    } catch (error) {
+      console.error(error);
+    }
+  }
+  async fetchTableOptionsData(tableOptions, httpFetcher) {
     const optionsPromises = [];
     tableOptions.forEach(option => {
-      if (!option.endpoint?.length || !option?.endpoint[0]) return optionsPromises.push(null);
       if (option?.ignoreOnFetchFunction) return optionsPromises.push(null);
-      optionsPromises.push(httpFetcher.post(option.endpoint[0], option.endpoint[1] ?? null));
-    });
-    const optionsData = await Promise.all(optionsPromises);
-    optionsData.forEach((option, index) => {
-      tableOptions[index].items = option?.data?.rows ?? [];
+      optionsPromises.push(this.fetchTableOption(option, httpFetcher));
     });
+    await Promise.all(optionsPromises);
   }
-  async fetchFormOptionsData(formOptions = [], httpFetcher) {
+  async fetchFormOption(formOption, httpFetcher) {
+    if (!formOption.endpoint?.length || !formOption?.endpoint[0]) return;
+    try {
+      formOption.loading = true;
+      const response = await httpFetcher.post(formOption.endpoint[0], formOption.endpoint[1] ?? {});
+      formOption.items = response?.data?.rows ?? [];
+    } catch (error) {
+      console.error(error);
+    } finally {
+      formOption.loading = false;
+    }
+  }
+  async fetchFormOptionsData(formOptions, httpFetcher) {
     const optionsPromises = [];
     formOptions.forEach(option => {
-      option.loading = true;
-      if (!option.endpoint?.length || option?.ignoreOnFetchFunction) return optionsPromises.push(null);
-      optionsPromises.push(httpFetcher.post(option.endpoint[0], option.endpoint[1] ?? null));
-    });
-    const optionsData = await Promise.all(optionsPromises);
-    optionsData.forEach((option, index) => {
-      formOptions[index].items = option?.data?.rows ?? [];
-      formOptions[index].loading = false;
+      if (option.ignoreOnFetchFunction) return;
+      optionsPromises.push(this.fetchFormOption(option, httpFetcher));
     });
+    await Promise.all(optionsPromises);
   }
   async fetchFilter(filter, httpFetcher) {
     if (!filter.endpoint?.length || !filter.endpoint[0]) return;
@@ -51035,11 +51094,11 @@ class CrudViewConfigs {
     };
     return this;
   }
-  setFormModel(model = {}) {
+  setFormModel(model) {
     this.formSettings.baseModel = model;
     return this;
   }
-  setFormOptions(formOptions = []) {
+  setFormOptions(formOptions) {
     this.formSettings.formOptions = formOptions;
     return this;
   }
@@ -51086,15 +51145,15 @@ class CrudViewConfigs {
   setPaginationSettings({
     page = 1,
     itemsPerPage = 15,
-    itemsPerPageOption = [],
+    itemsPerPageOptions = [],
     serverItemsLength = 0,
     sortBy = [],
     sortDesc = []
-  } = {}) {
+  }) {
     this.paginationSettings.page = page;
     this.paginationSettings.itemsPerPage = itemsPerPage;
     this.paginationSettings.serverItemsLength = serverItemsLength;
-    if (itemsPerPageOption?.length) this.paginationSettings.itemsPerPageOptions = itemsPerPageOption;
+    if (itemsPerPageOptions?.length) this.paginationSettings.itemsPerPageOptions = itemsPerPageOptions;
     if (sortBy.length) this.paginationSettings.sortBy = sortBy;
     if (sortDesc.length) this.paginationSettings.sortDesc = sortDesc;
     return this;