tg-listv 0.1.15 → 0.1.17

package/dist/tglistv.common.js

@@ -38792,7 +38792,7 @@ if (typeof window !== 'undefined') {
 // Indicate to webpack that this file can be concatenated
 /* harmony default export */ var setPublicPath = (null);
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"cea975cc-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/TgList.vue?vue&type=template&id=5694d912&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"cea975cc-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/TgList.vue?vue&type=template&id=fd8865d6&
 var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:_vm.classes},[((typeof(_vm.SearchPosition) === 'undefined' || _vm.SearchPosition == 'left') && _vm.SearchFields && _vm.SearchFields != null && _vm.SearchFields.length > 0)?_c('div',{staticClass:"left-menu-tab",attrs:{"id":"crmleftsearch"}},[_c('left-search',{ref:"leftSearch",attrs:{"header":_vm.HeaderText,"isShowHeaderText":_vm.isShowHeaderText,"fields":_vm.SearchFields,"modulename":_vm.ModuleName},on:{"SetLeftSearch":_vm.leftCommonSearch,"ClearFilter":_vm.ClearFilter}})],1):_vm._e(),_c('div',{class:{'right-content': ((typeof(_vm.SearchPosition) === 'undefined' || _vm.SearchPosition == 'left') && _vm.SearchFields)}},[(_vm.widgets.length > 0)?_c('ul',{staticClass:"dashbord-widget WalkHRLeaveWidgetContent_ul"},[_vm._l((_vm.widgets),function(widget,index){return (!_vm.isNewDesign)?_c('li',{class:'cursor-pointer ' + _vm.widgetClassArray[(index%5)],staticStyle:{"cursor":"pointer !important"},on:{"click":function($event){return _vm.onWidgetClick(widget, $event)}}},[_c('h3',[_vm._v(" "+_vm._s(widget.value)+" "),_c('br'),_c('span',[_vm._v(_vm._s(widget.name))])]),_c('i',{class:'fa ' + widget.icon,attrs:{"aria-hidden":"true"}})]):_vm._e()}),_vm._l((_vm.widgets),function(widget,index){return (_vm.isNewDesign)?_c('li',{class:'cursor-pointer ' + _vm.widgetClassArray[(index%5)],staticStyle:{"cursor":"pointer !important"},on:{"click":function($event){return _vm.onWidgetClick(widget, $event)}}},[_c('i',{class:'fa ' + widget.icon,attrs:{"aria-hidden":"true"}}),_c('h3',[_c('span',[_vm._v(_vm._s(widget.name))]),_c('br'),_vm._v(" "+_vm._s(widget.value)+" ")])]):_vm._e()})],2):_vm._e(),_c('div',{staticStyle:{"clear":"both"}}),(_vm.HeaderButtons)?_c('div',{staticClass:"col-md-12 p-0"},[_c('list-header-button-new',{ref:"tgListHeaderButtons",attrs:{"header":_vm.HeaderText,"isShowHeaderText":(_vm.isShowHeaderText && ((typeof(_vm.SearchFields) == 'undefined' || _vm.SearchFields.length == 0) || _vm.SearchPosition == 'top')),"icons":_vm.HeaderButtonArrayForUpdate,"submodulecode":_vm.SubModuleCode,"modulename":_vm.ModuleName,"ViewList":_vm.ViewList,"listType":_vm.listType},on:{"ApplyView":_vm.OnApplyView,"ButtonClick":_vm.commonHeaderButtonClick,"ChangeViewEvent":_vm.ChangeViewEvent},scopedSlots:_vm._u([{key:"headerleftbuttons",fn:function(ref){
 var data = ref.data;
 return [_vm._t("headerleftbuttons",null,{"data":{data: data}})]}}],null,true)})],1):_vm._e(),(( _vm.SearchPosition == 'top') && _vm.SearchFields  && _vm.SearchFields != null && _vm.SearchFields.length > 0)?_c('div',{staticClass:"top-menu-tab border p-3",attrs:{"id":"crmleftsearch"}},[_c('top-search',{ref:"topSearch",attrs:{"header":_vm.HeaderText,"fields":_vm.SearchFields,"isShowHeaderText":_vm.isShowHeaderText,"modulename":_vm.ModuleName},on:{"SetLeftSearch":_vm.leftCommonSearch,"ClearFilter":_vm.ClearFilter}})],1):_vm._e(),_c('div',{staticClass:"py-2 d-inline-block"},[_vm._l((_vm.LegendArray),function(lgnd){return [_c('span',{class:lgnd.class,staticStyle:{"border":"1px solid rgb(238, 238, 238)"}}),_vm._v(_vm._s(lgnd.text)+" ")]})],2),_c('div',{staticClass:"listing tg-listv mt-2"},[((typeof(_vm.SearchPosition) === 'undefined' || _vm.SearchPosition == 'left') && typeof(_vm.SearchFields) != 'undefined' && _vm.SearchFields.length > 0)?_c('div',{staticClass:"expand-list",class:{'d-none':_vm.SearchPosition=='none'}},[_c('a',{class:{'expand-list-btn justify-content-center align-items-center': true, 'filter-selected':_vm.IsFilterApplied==true},attrs:{"href":"javascript:;"}},[_c('em',{staticClass:"icon-solid arrow-solid-left text-white",staticStyle:{"font-size":"9pt"}})])]):_vm._e(),_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.ErrorText),expression:"ErrorText"}],staticClass:"text-center text-danger"},[_vm._v(_vm._s(_vm.ErrorText))]),(_vm.ListData && _vm.selectedView == 'List')?_c('DataTable',{attrs:{"Data":_vm.ListData,"noRecord":_vm.noRecord,"Headers":_vm.HeaderData,"SortExp":_vm.SortExp,"SortBy":_vm.SortBy,"tableClasses":_vm.tableClasses,"UserPageSize":_vm.PageSize,"totalrecords":_vm.TotalRecordsForPaging,"IsShowAction":_vm.IsShowAction,"randomNumberForIds":_vm.randomNumberForIds,"renderRowActionMethod":_vm.RenderRowActionMethod,"identityColumn":_vm.IdentityColumn,"subModuleCode":_vm.SubModuleCode,"NorecordfoundText":_vm.NorecordfoundText,"showCheckBox":_vm.showCheckBox,"selectionType":_vm.selectionType,"CurrentPageNumber":_vm.currentPage,"enabledataTruncate":_vm.enabledataTruncate(),"dataTruncateLength":_vm.dataTruncateLength},on:{"sortdata":_vm.sortdata,"ButtonClick":_vm.actionButtonClick,"PagerMethod":_vm.pagerMethod,"EventOfCheckbox":_vm.onChangeEventOfCheckbox},scopedSlots:_vm._u([{key:"slotdata",fn:function(ref){
@@ -38809,7 +38809,7 @@ return [_vm._t("customcard",null,{"data":{row:data.row,columnlist:data.columnlis
 var staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./src/components/TgList.vue?vue&type=template&id=5694d912&
+// CONCATENATED MODULE: ./src/components/TgList.vue?vue&type=template&id=fd8865d6&
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.symbol.js
 var es_symbol = __webpack_require__("a4d3");
@@ -38888,8 +38888,8 @@ var es_string_includes = __webpack_require__("2532");
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.from.js
 var es_array_from = __webpack_require__("a630");
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"cea975cc-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/DataTable.vue?vue&type=template&id=b7d0829e&
-var DataTablevue_type_template_id_b7d0829e_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{class:'table-responsive ' + _vm.tableClasses,staticStyle:{"overflow-x":"auto"}},[_c('table',{staticClass:"table table-bordered mt-0",staticStyle:{"width":"100%","min-width":"100%"},attrs:{"id":'tablelistingdata_' + _vm.randomNumberForIds}},[_c('thead',{staticClass:"thead-bg"},[_c('tr',[((typeof(_vm.showCheckBox) === 'undefined' || _vm.showCheckBox == true))?_c('th',{staticClass:"text-center",staticStyle:{"width":"50px !important"}},[(_vm.selectionType == 'multiple')?_c('label',{class:{'form-check form-check-inline' : true}},[_c('div',{staticClass:"custom-control custom-checkbox custom-control-inline"},[_c('input',{staticClass:"chkItems custom-control-input",attrs:{"id":'chkAll_' + _vm.randomNumberForIds,"value":"","type":"checkbox"},on:{"change":function($event){return _vm.onChangeEventOfCheckbox($event)}}}),_c('label',{staticClass:"custom-control-label",attrs:{"for":'chkAll_' + _vm.randomNumberForIds}})])]):_vm._e()]):_vm._e(),_vm._l((_vm.Headers),function(item,headerIndex){return [(item.VISIBLE)?_c('th',{key:headerIndex,class:{'text-center': item.COLUMN_NAME=='status', 'text-right':(item.DATA_TYPE=='decimal' || item.DATA_TYPE=='currency' || item.DATA_TYPE=='int' || item.DATA_TYPE=='bigint'), 'resizable-column': !_vm.isChild},staticStyle:{"text-transform":"capitalize","position":"relative"},style:(_vm.getColumnStyle(item)),attrs:{"id":item.COLUMN_NAME}},[(item.VISIBLE && item.SORTABLE == true && _vm.isChild == false)?_c('span',{class:{
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"cea975cc-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/DataTable.vue?vue&type=template&id=021da994&
+var DataTablevue_type_template_id_021da994_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{class:'table-responsive ' + _vm.tableClasses,staticStyle:{"overflow-x":"auto"}},[_c('table',{staticClass:"table table-bordered mt-0",staticStyle:{"width":"100%","min-width":"100%"},attrs:{"id":'tablelistingdata_' + _vm.randomNumberForIds}},[_c('thead',{staticClass:"thead-bg"},[_c('tr',[((typeof(_vm.showCheckBox) === 'undefined' || _vm.showCheckBox == true))?_c('th',{staticClass:"text-center",staticStyle:{"width":"50px !important"}},[(_vm.selectionType == 'multiple')?_c('label',{class:{'form-check form-check-inline' : true}},[_c('div',{staticClass:"custom-control custom-checkbox custom-control-inline"},[_c('input',{staticClass:"chkItems custom-control-input",attrs:{"id":'chkAll_' + _vm.randomNumberForIds,"value":"","type":"checkbox"},on:{"change":function($event){return _vm.onChangeEventOfCheckbox($event)}}}),_c('label',{staticClass:"custom-control-label",attrs:{"for":'chkAll_' + _vm.randomNumberForIds}})])]):_vm._e()]):_vm._e(),_vm._l((_vm.Headers),function(item,headerIndex){return [(item.VISIBLE)?_c('th',{key:headerIndex,class:{'text-center': item.COLUMN_NAME=='status', 'text-right':(item.DATA_TYPE=='decimal' || item.DATA_TYPE=='currency' || item.DATA_TYPE=='int' || item.DATA_TYPE=='bigint'), 'resizable-column': !_vm.isChild},staticStyle:{"text-transform":"capitalize","position":"relative"},style:(_vm.getColumnStyle(item)),attrs:{"id":item.COLUMN_NAME}},[(item.VISIBLE && item.SORTABLE == true && _vm.isChild == false)?_c('span',{class:{
                                                   'sort text-overflow-dynamic-container': item.SORTABLE == true,
                                                   'tb_headerSortUp': _vm.SortExp == 'ASC' && _vm.SortBy == item.COLUMN_NAME,
                                                   'tb_headerSortDown':
@@ -38898,10 +38898,10 @@ var DataTablevue_type_template_id_b7d0829e_render = function () {var _vm=this;va
                                     && typeof(key.settings.clickEvent) != 'undefined' && key.settings.clickEvent != null && key.settings.isInSlot != true)?_c('RouterLink',{attrs:{"id":"viewLeadeContent_a","to":typeof(item.rowDetailsUrl)!='undefined' ? item.rowDetailsUrl : ''},nativeOn:{"click":function($event){return _vm.clickEventCheck(key,item)}}},[_vm._v(" "+_vm._s(((typeof(key.settings.formatter) === 'function')?key.settings.formatter(item, key):_vm.TruncateStrDynamic(item[key.COLUMN_NAME], key)))+" ")]):_vm._e(),(typeof(key.settings) != 'undefined' && key.settings != null && (typeof(key.settings.clickEvent) === 'undefined' || key.settings.clickEvent == null) && key.settings.isInSlot != true)?_c('span',{attrs:{"title":item[key.COLUMN_NAME]}},[_vm._v(" "+_vm._s(((typeof(key.settings.formatter) === 'function')?key.settings.formatter(item, key):_vm.TruncateStrDynamic(item[key.COLUMN_NAME], key)))+" ")]):_vm._e(),(typeof(key.settings) === 'undefined' || key.settings == null)?_c('span',{attrs:{"title":item[key.COLUMN_NAME]}},[_vm._v(" "+_vm._s(_vm.TruncateStrDynamic(item[key.COLUMN_NAME], key))+" ")]):_vm._e()],1):_vm._e()]],2):_vm._e()]}),(_vm.IsShowAction == true)?_c('RowActions',{attrs:{"item":item,"index":dataIndex,"identityColumn":_vm.identityColumn,"listActionsMethod":_vm.renderRowActionMethod},on:{"ButtonClick":_vm.ButtonClick}}):_vm._e()],2),(typeof(item.child) != 'undefined' && item.child.isShowChild == true)?_c('tr',[_c('td',{attrs:{"colspan":(_vm.Headers.length + 2)}},[_c('data-table',{attrs:{"name":'child' + dataIndex,"Data":item.child.data,"noRecord":((typeof(item.child.data) != 'undefined' && item.child.data.length > 0) ? false: true),"Headers":(typeof(item.child.headers) != 'undefined' ? item.child.headers: _vm.Headers),"SortExp":_vm.SortExp,"SortBy":_vm.SortBy,"isChild":true,"UserPageSize":_vm.UserPageSize,"totalrecords":(typeof(item.child.data) != 'undefined' ? item.child.data.length: 0),"IsShowAction":_vm.IsShowAction,"renderRowActionMethod":_vm.renderRowActionMethod,"identityColumn":_vm.identityColumn,"subModuleCode":_vm.subModuleCode,"NorecordfoundText":_vm.NorecordfoundText,"showCheckBox":_vm.showCheckBox,"selectionType":_vm.selectionType},on:{"sortdata":_vm.sortdata,"ButtonClick":_vm.ChildButtonClick,"PagerMethod":_vm.pagerMethod,"EventOfCheckbox":_vm.onChangeEventOfCheckbox},scopedSlots:_vm._u([{key:"slotdata",fn:function(ref){
                                     var data = ref.data;
 return [_vm._t("slotdata",null,{"data":{row:data.row,column:data.column,listtype:_vm.selectedView}})]}}],null,true)})],1)]):_vm._e()]}),(_vm.noRecord || _vm.Data.length == 0)?_c('tr',[_c('td',{staticClass:"text-center text-danger no-record",attrs:{"colspan":"17"}},[_vm._v(_vm._s(_vm.NorecordfoundText))])]):_vm._e()],2)])]),(_vm.isChild == false)?_c('Pager',{attrs:{"UserPageSize":_vm.UserPageSize,"CurrentPageNumber":_vm.currentPage,"numberofrecords":_vm.totalrecords,"prev-text":_vm.$t('Previous'),"first-text":_vm.$t('First'),"last-text":_vm.$t('Last'),"next-text":_vm.$t('Next')},on:{"SetCurrentPage":_vm.pagerMethod}}):_vm._e()],1)}
-var DataTablevue_type_template_id_b7d0829e_staticRenderFns = []
+var DataTablevue_type_template_id_021da994_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./src/components/DataTable.vue?vue&type=template&id=b7d0829e&
+// CONCATENATED MODULE: ./src/components/DataTable.vue?vue&type=template&id=021da994&
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.json.stringify.js
 var es_json_stringify = __webpack_require__("e9c4");
@@ -39787,35 +39787,38 @@ var Pager_component = normalizeComponent(
           var thElement = document.getElementById(header.COLUMN_NAME);
           var width = "";
 
-          if (thElement) {
-            if (parseInt(thElement.offsetWidth) > 200) {
-              width = 200 + 'px';
-            }
-          }
+          if (thElement && header.VISIBLE) {
+            // Use saved width if present; otherwise use current width so all columns have explicit widths
+            // (prevents resizing one column from flexing others when showCheckbox is false)
+            if (ths.columnWidths[header.COLUMN_NAME]) {
+              width = ths.columnWidths[header.COLUMN_NAME] + 'px';
+            } else {
+              var current = parseInt(thElement.offsetWidth, 10);
 
-          if (header.VISIBLE && ths.columnWidths[header.COLUMN_NAME]) {
-            var width = ths.columnWidths[header.COLUMN_NAME] + 'px';
+              if (current > 200) {
+                width = 200 + 'px';
+              } else if (current > 0) {
+                width = current + 'px';
+              }
+            }
           }
 
-          if (thElement && width != "") {
+          if (thElement && width !== "") {
             thElement.style.width = width;
             thElement.style.minWidth = width;
-            thElement.style.maxWidth = width; // Also apply to corresponding td elements
+            thElement.style.maxWidth = width; // Also apply to corresponding td elements (only in full data rows)
 
-            var tableId = 'tablelistingdata_' + ths.randomNumberForIds;
-            var table = document.getElementById(tableId);
+            var table = thElement.closest('table');
 
             if (table) {
+              var headerRow = table.querySelector('thead tr');
+              var allThs = Array.from(headerRow.querySelectorAll('th'));
+              var columnIndex = allThs.indexOf(thElement);
               var rows = table.querySelectorAll('tbody tr');
               rows.forEach(function (row) {
-                var cells = row.querySelectorAll('td'); // Find the td that corresponds to this column
-                // We need to match by column index in the header
-
-                var headerRow = thElement.parentNode;
-                var allThs = Array.from(headerRow.querySelectorAll('th'));
-                var columnIndex = allThs.indexOf(thElement);
+                var cells = row.querySelectorAll('td');
 
-                if (cells[columnIndex]) {
+                if (cells.length === allThs.length && cells[columnIndex]) {
                   cells[columnIndex].style.width = width;
                   cells[columnIndex].style.minWidth = width;
                   cells[columnIndex].style.maxWidth = width;
@@ -39826,19 +39829,46 @@ var Pager_component = normalizeComponent(
         });
       });
     },
+    // Freeze current width on every column so only the resized column changes during drag
+    freezeAllColumnWidths: function freezeAllColumnWidths(table) {
+      if (!table) return;
+      var headerRow = table.querySelector('thead tr');
+      if (!headerRow) return;
+      var thElements = Array.from(headerRow.querySelectorAll('th'));
+      thElements.forEach(function (th, colIndex) {
+        var w = th.offsetWidth;
+        if (w <= 0) return;
+        var width = w + 'px';
+        th.style.width = width;
+        th.style.minWidth = width;
+        th.style.maxWidth = width;
+        var rows = table.querySelectorAll('tbody tr');
+        rows.forEach(function (row) {
+          var cells = row.querySelectorAll('td');
+
+          if (cells.length === thElements.length && cells[colIndex]) {
+            cells[colIndex].style.width = width;
+            cells[colIndex].style.minWidth = width;
+            cells[colIndex].style.maxWidth = width;
+          }
+        });
+      });
+    },
     startResize: function startResize(event, columnName) {
       var ths = this;
       if (ths.isChild) return;
       event.preventDefault();
       event.stopPropagation();
+      var thElement = document.getElementById(columnName);
+      if (!thElement) return;
+      var table = thElement.closest('table');
+      if (!table) return; // Freeze all column widths so only the dragged column changes (fixes showCheckbox=false)
+
+      ths.freezeAllColumnWidths(table);
       ths.isResizing = true;
       ths.resizingColumn = columnName;
       ths.startX = event.pageX;
-      var thElement = document.getElementById(columnName);
-
-      if (thElement) {
-        ths.startWidth = thElement.offsetWidth;
-      }
+      ths.startWidth = thElement.offsetWidth;
 
       var onResizeHandler = function onResizeHandler(e) {
         ths.onResize(e);
@@ -39860,33 +39890,27 @@ var Pager_component = normalizeComponent(
       var diff = event.pageX - this.startX;
       var newWidth = Math.max(50, this.startWidth + diff);
       var thElement = document.getElementById(this.resizingColumn);
-
-      if (thElement) {
-        thElement.style.width = newWidth + 'px';
-        thElement.style.minWidth = newWidth + 'px';
-        thElement.style.maxWidth = newWidth + 'px'; // Also update corresponding td elements
-
-        var tableId = 'tablelistingdata_' + this.randomNumberForIds;
-        var table = document.getElementById(tableId);
-        var ths = this;
-
-        if (table) {
-          // Get all th elements in the header row
-          var headerRow = thElement.parentNode;
-          var thElements = Array.from(headerRow.querySelectorAll('th'));
-          var columnIndex = thElements.indexOf(thElement);
-          var rows = table.querySelectorAll('tbody tr');
-          rows.forEach(function (row) {
-            var cells = row.querySelectorAll('td');
-
-            if (cells[columnIndex]) {
-              cells[columnIndex].style.width = newWidth + 'px';
-              cells[columnIndex].style.minWidth = newWidth + 'px';
-              cells[columnIndex].style.maxWidth = newWidth + 'px';
-            }
-          });
+      if (!thElement) return;
+      var table = thElement.closest('table');
+      if (!table) return;
+      thElement.style.width = newWidth + 'px';
+      thElement.style.minWidth = newWidth + 'px';
+      thElement.style.maxWidth = newWidth + 'px';
+      var headerRow = table.querySelector('thead tr');
+      if (!headerRow) return;
+      var thElements = Array.from(headerRow.querySelectorAll('th'));
+      var columnIndex = thElements.indexOf(thElement);
+      if (columnIndex === -1) return;
+      var rows = table.querySelectorAll('tbody tr');
+      rows.forEach(function (row) {
+        var cells = row.querySelectorAll('td');
+
+        if (cells.length === thElements.length && cells[columnIndex]) {
+          cells[columnIndex].style.width = newWidth + 'px';
+          cells[columnIndex].style.minWidth = newWidth + 'px';
+          cells[columnIndex].style.maxWidth = newWidth + 'px';
         }
-      }
+      });
     },
     stopResize: function stopResize(event) {
       if (!this.isResizing) return;
@@ -40034,8 +40058,8 @@ var DataTablevue_type_style_index_0_lang_css_ = __webpack_require__("6224");
 
 var DataTable_component = normalizeComponent(
   components_DataTablevue_type_script_lang_js_,
-  DataTablevue_type_template_id_b7d0829e_render,
-  DataTablevue_type_template_id_b7d0829e_staticRenderFns,
+  DataTablevue_type_template_id_021da994_render,
+  DataTablevue_type_template_id_021da994_staticRenderFns,
   false,
   null,
   null,
@@ -40565,6 +40589,49 @@ var es_object_keys = __webpack_require__("b64b");
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.concat.js
 var es_array_concat = __webpack_require__("99af");
 
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.object.get-own-property-descriptor.js
+var es_object_get_own_property_descriptor = __webpack_require__("e439");
+
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.object.get-own-property-descriptors.js
+var es_object_get_own_property_descriptors = __webpack_require__("dbb4");
+
+// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/objectSpread2.js
+
+
+
+
+
+
+
+
+
+function ownKeys(e, r) {
+  var t = Object.keys(e);
+
+  if (Object.getOwnPropertySymbols) {
+    var o = Object.getOwnPropertySymbols(e);
+    r && (o = o.filter(function (r) {
+      return Object.getOwnPropertyDescriptor(e, r).enumerable;
+    })), t.push.apply(t, o);
+  }
+
+  return t;
+}
+
+function _objectSpread2(e) {
+  for (var r = 1; r < arguments.length; r++) {
+    var t = null != arguments[r] ? arguments[r] : {};
+    r % 2 ? ownKeys(Object(t), !0).forEach(function (r) {
+      _defineProperty(e, r, t[r]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) {
+      Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
+    });
+  }
+
+  return e;
+}
+
+
 // EXTERNAL MODULE: external {"commonjs":"vue","commonjs2":"vue","root":"Vue"}
 var external_commonjs_vue_commonjs2_vue_root_Vue_ = __webpack_require__("8bbf");
 var external_commonjs_vue_commonjs2_vue_root_Vue_default = /*#__PURE__*/__webpack_require__.n(external_commonjs_vue_commonjs2_vue_root_Vue_);
@@ -43343,13 +43410,17 @@ var rules_double = {
 
 
 // CONCATENATED MODULE: ./src/utils/vee-validate-rules.js
+
+
 /**
  * Register vee-validate 3 built-in rules so that validationRules like "required|email" work.
  * In v3, built-in rules are not registered by default and must be extended once.
  */
 
 
-extend('required', required);
+extend('required', _objectSpread2(_objectSpread2({}, required), {}, {
+  message: 'The {_field_} is required'
+}));
 extend('email', email);
 extend('min_value', min_value);
 extend('max_value', max_value);
@@ -43382,49 +43453,6 @@ var SearchableSelectvue_type_template_id_37e24b56_scoped_true_staticRenderFns =
 
 // CONCATENATED MODULE: ./src/components/SearchableSelect.vue?vue&type=template&id=37e24b56&scoped=true&
 
-// EXTERNAL MODULE: ./node_modules/core-js/modules/es.object.get-own-property-descriptor.js
-var es_object_get_own_property_descriptor = __webpack_require__("e439");
-
-// EXTERNAL MODULE: ./node_modules/core-js/modules/es.object.get-own-property-descriptors.js
-var es_object_get_own_property_descriptors = __webpack_require__("dbb4");
-
-// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/objectSpread2.js
-
-
-
-
-
-
-
-
-
-function ownKeys(e, r) {
-  var t = Object.keys(e);
-
-  if (Object.getOwnPropertySymbols) {
-    var o = Object.getOwnPropertySymbols(e);
-    r && (o = o.filter(function (r) {
-      return Object.getOwnPropertyDescriptor(e, r).enumerable;
-    })), t.push.apply(t, o);
-  }
-
-  return t;
-}
-
-function _objectSpread2(e) {
-  for (var r = 1; r < arguments.length; r++) {
-    var t = null != arguments[r] ? arguments[r] : {};
-    r % 2 ? ownKeys(Object(t), !0).forEach(function (r) {
-      _defineProperty(e, r, t[r]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) {
-      Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
-    });
-  }
-
-  return e;
-}
-
-
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"cea975cc-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Autocomplete.vue?vue&type=template&id=0d240705&scoped=true&
 var Autocompletevue_type_template_id_0d240705_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"custom-autocomplete mt-0",class:{ 'is-disabled': _vm.disabled, 'has-error': _vm.hasError }},[(!_vm.multiple)?_c('div',{staticClass:"autocomplete-wrapper",attrs:{"id":_vm.label}},[_c('div',{staticClass:"input-group"},[_c('input',{ref:"input",staticClass:"form-control",class:{ 'is-invalid': _vm.hasError, 'form-control-sm': _vm.density === 'compact', 'form-control-lg': _vm.density === 'comfortable' },attrs:{"type":"text","placeholder":_vm.placeholder,"disabled":_vm.disabled},domProps:{"value":_vm.displayText},on:{"input":_vm.onInput,"focus":_vm.onFocus,"blur":_vm.onBlur,"keydown":[function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }$event.preventDefault();return _vm.handleEnter($event)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"arrow-down",undefined,$event.key,undefined)){ return null; }$event.preventDefault();return _vm.navigateDown($event)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"arrow-up",undefined,$event.key,undefined)){ return null; }$event.preventDefault();return _vm.navigateUp($event)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"escape",undefined,$event.key,undefined)){ return null; }return _vm.closeMenu($event)}]}}),_c('div',{staticClass:"input-group-append"},[(_vm.clearable && _vm.selectedValue)?_c('button',{staticClass:"btn btn-outline-secondary",attrs:{"type":"button","tabindex":"-1"},on:{"click":_vm.clearSelection}},[_c('i',{staticClass:"fa fa-times"})]):_vm._e(),_c('button',{staticClass:"btn btn-outline-secondary dropdown-toggle",class:{ 'active': _vm.isMenuOpen },attrs:{"type":"button","tabindex":"-1"},on:{"click":_vm.toggleMenu1}},[_c('i',{staticClass:"fa",class:_vm.loading ? 'fa-spinner fa-spin' : 'fa-chevron-down'})])])]),(_vm.isMenuOpen)?_c('div',{ref:"menu",staticClass:"autocomplete-menu",style:({ maxHeight: _vm.menuMaxHeight + 'px' }),on:{"scroll":_vm.onMenuScroll}},[(_vm.loading && !_vm.hasItems)?_c('div',{staticClass:"autocomplete-loading"},[_vm._m(0),_c('div',{staticClass:"mt-2 text-muted small"},[_vm._v("Loading...")])]):(!_vm.loading && !_vm.hasItems && _vm.searchTerm.length >= _vm.minSearchLength)?_c('div',{staticClass:"autocomplete-no-data"},[_c('i',{staticClass:"fa fa-search text-muted",staticStyle:{"font-size":"2rem"}}),_c('div',{staticClass:"mt-2 text-muted"},[_vm._v(_vm._s(_vm.noDataText))]),_c('div',{staticClass:"text-muted small"},[_vm._v("Try adjusting your search terms")])]):(_vm.hasGrouping)?_c('div',{staticClass:"autocomplete-grouped"},_vm._l((_vm.paginatedGroupedItems),function(group,groupIndex){return _c('div',{key:group.group || groupIndex,staticClass:"autocomplete-group"},[_c('div',{staticClass:"autocomplete-group-header"},[(_vm.groupFields.length > 0)?_c('div',{staticClass:"d-flex flex-column"},[_c('div',{staticClass:"font-weight-bold font-14"},[_vm._v(_vm._s(group.group))]),(_vm.groupFields.length > 1)?_c('div',{staticClass:"small text-muted mt-1"},_vm._l((_vm.groupFields),function(field,idx){return _c('span',{key:field},[(idx > 0)?_c('span',[_vm._v(" • ")]):_vm._e(),(_vm.getGroupFieldValue(group, field))?_c('span',[_vm._v(_vm._s(field)+": "+_vm._s(_vm.getGroupFieldValue(group, field)))]):_vm._e()])}),0):_vm._e()]):_c('div',[_vm._v(_vm._s(group.group))])]),_c('ul',{staticClass:"list-group list-group-flush"},_vm._l((group.items),function(item,itemIndex){return _c('li',{key:_vm.getItemValue(item),staticClass:"list-group-item autocomplete-item",class:{ 
                 'active': _vm.getFlatIndex(groupIndex, itemIndex) === _vm.highlightedIndex, 
@@ -48346,19 +48374,27 @@ var list_header_buttonNew_component = normalizeComponent(
       }
 
       try {
-        var checkIfExists = this.ListData.filter(function (x) {
-          return x.isCheckBoxDisabled != true && (typeof x.isSelected == 'undefined' || x.isSelected == false);
+        //let checkIfExists = this.ListData.filter((x) => { return (x.isCheckBoxDisabled != true && (typeof(x.isSelected) == 'undefined' || x.isSelected == false ))});
+        var checkedCount = this.ListData.filter(function (x) {
+          return x.isCheckBoxDisabled != true && typeof x.isSelected != 'undefined' && x.isSelected == true;
+        });
+        var listCount = this.ListData.filter(function (x) {
+          return x.isCheckBoxDisabled != true;
         });
 
-        if (checkIfExists.length > 0) {
-          document.getElementById("chkAll_" + this.randomNumberForIds).checked = false;
-        } else {
+        if (listCount.length > 0 && checkedCount.length == listCount.length) {
           document.getElementById("chkAll_" + this.randomNumberForIds).checked = true;
+        } else {
+          document.getElementById("chkAll_" + this.randomNumberForIds).checked = false;
         }
-      } catch (err) {}
+      } catch (err) {
+        document.getElementById("chkAll_" + this.randomNumberForIds).checked = false;
+      }
     }
   },
-  created: function created() {},
+  created: function created() {
+    this.classes += " tg-listv-control";
+  },
   mounted: function mounted() {
     var ths = this;
     var slots = this.$scopedSlots;
@@ -48566,15 +48602,26 @@ var list_header_buttonNew_component = normalizeComponent(
           ths.$set(item, 'isSelected', e.target.checked);
         }
 
-        var checkIfExists = ths.ListData.filter(function (x) {
-          return x.isCheckBoxDisabled != true && (typeof x.isSelected == 'undefined' || x.isSelected == false);
+        var checkedCount = ths.ListData.filter(function (x) {
+          return x.isCheckBoxDisabled != true && typeof x.isSelected != 'undefined' && x.isSelected == true;
         });
+        var listCount = ths.ListData.filter(function (x) {
+          return x.isCheckBoxDisabled != true;
+        });
+        console.log("checkedCount.length", checkedCount.length);
+        console.log("listCount.length", listCount.length);
 
-        if (checkIfExists.length > 0) {
-          document.getElementById("chkAll_" + ths.randomNumberForIds).checked = false;
+        if (listCount.length > 0 && checkedCount.length == listCount.length) {
+          document.getElementById("chkAll_" + this.randomNumberForIds).checked = true;
         } else {
-          document.getElementById("chkAll_" + ths.randomNumberForIds).checked = true;
-        }
+          document.getElementById("chkAll_" + this.randomNumberForIds).checked = false;
+        } // let checkIfExists = ths.ListData.filter((x) => { return (x.isCheckBoxDisabled != true && (typeof(x.isSelected) == 'undefined' || x.isSelected == false ))});
+        // if(checkIfExists.length > 0){
+        //     document.getElementById("chkAll_" + ths.randomNumberForIds).checked = false;
+        // } else{
+        //     document.getElementById("chkAll_" + ths.randomNumberForIds).checked = true;
+        // }
+
       }
 
       if (e.target.id.includes("chkAll") && e.target.classList.contains("chkItems")) {