@znap/components-vue2 1.1.3 → 1.1.5

package/dist/index.umd.js

@@ -2435,6 +2435,22 @@ var update = add("1ce21746", content, true, {"sourceMap":false,"shadowMode":fals
 })));
 
 
+/***/ }),
+
+/***/ 1233:
+/***/ (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__(6070);
+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("420dad0e", content, true, {"sourceMap":false,"shadowMode":false});
+
 /***/ }),
 
 /***/ 1237:
@@ -4455,22 +4471,6 @@ ___CSS_LOADER_EXPORT___.push([module.id, ".theme--light.v-input--switch .v-input
 /* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
 
 
-/***/ }),
-
-/***/ 1993:
-/***/ (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__(9666);
-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("d914f45a", content, true, {"sourceMap":false,"shadowMode":false});
-
 /***/ }),
 
 /***/ 2106:
@@ -5917,6 +5917,22 @@ ___CSS_LOADER_EXPORT___.push([module.id, ".theme--light.v-date-picker-table .v-d
 })));
 
 
+/***/ }),
+
+/***/ 2595:
+/***/ (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__(5064);
+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("32e48c2e", content, true, {"sourceMap":false,"shadowMode":false});
+
 /***/ }),
 
 /***/ 2608:
@@ -6280,6 +6296,22 @@ module.exports = function (iterable, unboundFunction, options) {
 })));
 
 
+/***/ }),
+
+/***/ 2730:
+/***/ (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__(9981);
+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("3f712704", content, true, {"sourceMap":false,"shadowMode":false});
+
 /***/ }),
 
 /***/ 2777:
@@ -9803,27 +9835,6 @@ module.exports = function isDisjointFrom(other) {
 })));
 
 
-/***/ }),
-
-/***/ 4469:
-/***/ (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-b1a1d5fc]{height:100%}", ""]);
-// Exports
-/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
-
-
 /***/ }),
 
 /***/ 4495:
@@ -10421,22 +10432,6 @@ var update = add("9ccf63e0", content, true, {"sourceMap":false,"shadowMode":fals
 })));
 
 
-/***/ }),
-
-/***/ 4882:
-/***/ (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__(4469);
-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("58632c8b", content, true, {"sourceMap":false,"shadowMode":false});
-
 /***/ }),
 
 /***/ 4901:
@@ -10844,6 +10839,27 @@ module.exports = getBuiltIn('Reflect', 'ownKeys') || function ownKeys(it) {
 })));
 
 
+/***/ }),
+
+/***/ 5064:
+/***/ (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___);
+
+
 /***/ }),
 
 /***/ 5075:
@@ -18494,6 +18510,27 @@ ___CSS_LOADER_EXPORT___.push([module.id, ".v-input--radio-group legend.v-label{c
 /* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
 
 
+/***/ }),
+
+/***/ 6070:
+/***/ (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___);
+
+
 /***/ }),
 
 /***/ 6080:
@@ -26746,27 +26783,6 @@ ___CSS_LOADER_EXPORT___.push([module.id, ".theme--light.v-progress-linear{color:
 /* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
 
 
-/***/ }),
-
-/***/ 9666:
-/***/ (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___);
-
-
 /***/ }),
 
 /***/ 9680:
@@ -27490,6 +27506,27 @@ if(content.locals) module.exports = content.locals;
 var add = (__webpack_require__(9548)/* ["default"] */ .A)
 var update = add("6f097521", content, true, {"sourceMap":false,"shadowMode":false});
 
+/***/ }),
+
+/***/ 9981:
+/***/ (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___);
+
+
 /***/ })
 
 /******/ 	});
@@ -34500,15 +34537,16 @@ var VDivider = __webpack_require__(1021);
     });
   }
 }));
-;// ./node_modules/vuetify-loader/lib/loader.js??ruleSet[1].rules[0].use!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.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-85.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": "",
@@ -34547,7 +34585,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
 
@@ -34656,56 +34694,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-67.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-67.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-67.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-67.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-67.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__(1233);
+;// ./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
   
 )
@@ -43552,7 +43595,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-85.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-85.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
 
 
 
@@ -43574,7 +43617,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', {
@@ -43703,6 +43746,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) {
@@ -43715,6 +43761,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) {
@@ -43730,7 +43777,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: {
@@ -43831,7 +43882,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": {
@@ -44182,7 +44232,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);
@@ -48719,7 +48769,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-85.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-85.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
 
 
 
@@ -48731,7 +48781,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, {
@@ -48740,7 +48790,7 @@ var BaseCrudSecondaryFiltersDrawervue_type_template_id_b1a1d5fc_scoped_true_rend
       "hide-overlay": "",
       "absolute": "",
       "right": "",
-      "width": "400"
+      "width": "500"
     },
     model: {
       value: _vm.showDrawer,
@@ -48783,8 +48833,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) {
@@ -48797,6 +48850,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) {
@@ -48894,7 +48948,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-85.use[1]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/drawers/BaseCrudSecondaryFiltersDrawer.vue?vue&type=script&lang=js
 
@@ -48969,9 +49023,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-67.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-67.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-67.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-67.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-67.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__(4882);
-;// ./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-67.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-67.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-67.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-67.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-67.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__(2595);
+;// ./src/components/drawers/BaseCrudSecondaryFiltersDrawer.vue?vue&type=style&index=0&id=aa8af4a4&prod&lang=scss&scoped=true
 
 ;// ./src/components/drawers/BaseCrudSecondaryFiltersDrawer.vue
 
@@ -48984,11 +49038,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
   
 )
@@ -49107,11 +49161,6 @@ var BaseCrudSecondaryFiltersDrawer_component = normalizeComponent(
       type: Object,
       required: true
     },
-    cardSubtractHeigth: {
-      type: Number,
-      required: false,
-      default: 0
-    },
     "update:rows-changed": {
       type: Function,
       required: false
@@ -49154,7 +49203,8 @@ var BaseCrudSecondaryFiltersDrawer_component = normalizeComponent(
       backupEditedItemsMap: new Map(),
       tableMaxHeigth: 0,
       alreadySetTableHeigth: false,
-      primaryFilterTab: 0
+      primaryFilterTab: 0,
+      isComponentMounted: false
     };
   },
   computed: {
@@ -49523,40 +49573,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-67.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-67.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-67.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-67.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-67.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__(1993);
-;// ./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-67.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-67.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-67.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-67.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-67.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__(2730);
+;// ./src/components/views/BaseCrudView.vue?vue&type=style&index=0&id=3d673e31&prod&lang=scss&scoped=true
 
 ;// ./src/components/views/BaseCrudView.vue
 
@@ -49569,11 +49592,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
   
 )
@@ -50993,7 +51016,7 @@ class CrudViewConfigs {
     return true;
   }
   isValidItemsArray(column) {
-    if (Array.isArray(column)) return false;
+    if (!Array.isArray(column)) return false;
     return true;
   }
   createFilterTab(title) {
@@ -51097,11 +51120,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;
   }
@@ -51148,15 +51171,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;