toggle-components-library 1.33.0-beta.9 → 1.34.0

package/dist/toggle-components-library.umd.js

@@ -14790,7 +14790,7 @@ if (typeof window !== 'undefined') {
 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_);
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"38b951bb-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/forms/ToggleInputText.vue?vue&type=template&id=6957860c&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"38b951bb-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/forms/ToggleInputText.vue?vue&type=template&id=4d4c2c24&
 var render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -14817,7 +14817,6 @@ var render = function render() {
       value: _vm.inputVal,
       expression: "inputVal"
     }],
-    ref: 'input_ele',
     class: ['toggle-input', _vm.size],
     attrs: {
       "name": _vm.name ? _vm.name : 'ToggleInputText',
@@ -14833,10 +14832,6 @@ var render = function render() {
       "checked": Array.isArray(_vm.inputVal) ? _vm._i(_vm.inputVal, null) > -1 : _vm.inputVal
     },
     on: {
-      "keyup": function ($event) {
-        if (!$event.type.indexOf('key') && _vm._k($event.keyCode, "esc", 27, $event.key, ["Esc", "Escape"])) return null;
-        return _vm.handleEscPress.apply(null, arguments);
-      },
       "change": function ($event) {
         var $$a = _vm.inputVal,
           $$el = $event.target,
@@ -14861,7 +14856,6 @@ var render = function render() {
       value: _vm.inputVal,
       expression: "inputVal"
     }],
-    ref: 'input_ele',
     class: ['toggle-input', _vm.size],
     attrs: {
       "name": _vm.name ? _vm.name : 'ToggleInputText',
@@ -14877,10 +14871,6 @@ var render = function render() {
       "checked": _vm._q(_vm.inputVal, null)
     },
     on: {
-      "keyup": function ($event) {
-        if (!$event.type.indexOf('key') && _vm._k($event.keyCode, "esc", 27, $event.key, ["Esc", "Escape"])) return null;
-        return _vm.handleEscPress.apply(null, arguments);
-      },
       "change": function ($event) {
         _vm.inputVal = null;
       }
@@ -14892,7 +14882,6 @@ var render = function render() {
       value: _vm.inputVal,
       expression: "inputVal"
     }],
-    ref: 'input_ele',
     class: ['toggle-input', _vm.size],
     attrs: {
       "name": _vm.name ? _vm.name : 'ToggleInputText',
@@ -14908,10 +14897,6 @@ var render = function render() {
       "value": _vm.inputVal
     },
     on: {
-      "keyup": function ($event) {
-        if (!$event.type.indexOf('key') && _vm._k($event.keyCode, "esc", 27, $event.key, ["Esc", "Escape"])) return null;
-        return _vm.handleEscPress.apply(null, arguments);
-      },
       "input": function ($event) {
         if ($event.target.composing) return;
         _vm.inputVal = $event.target.value;
@@ -14926,7 +14911,7 @@ var render = function render() {
 };
 var staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/components/forms/ToggleInputText.vue?vue&type=template&id=6957860c&
+// CONCATENATED MODULE: ./src/components/forms/ToggleInputText.vue?vue&type=template&id=4d4c2c24&
 
 // EXTERNAL MODULE: ./src/sass/includes/_as_variables.scss
 var _as_variables = __webpack_require__("b659");
@@ -15177,25 +15162,9 @@ const charts = {
       type: Boolean,
       required: false,
       default: false
-    },
-    // in toggle-table context, if search bar height expand transition has finished
-    searchIsOpen: {
-      type: Boolean,
-      required: false
-    }
-  },
-  created: function () {
-    if (this.searchIsOpen) {
-      this.$nextTick(() => this.$refs['input_ele'].focus());
-    }
-  },
-  watch: {
-    searchIsOpen(new_value) {
-      if (new_value) {
-        this.$nextTick(() => this.$refs['input_ele'].focus());
-      }
     }
   },
+  created: function () {},
   computed: {
     inputVal: {
       get: function () {
@@ -15207,9 +15176,6 @@ const charts = {
     }
   },
   methods: {
-    handleEscPress() {
-      this.$emit('bail');
-    },
     /*
     * Concat message for count characters
     * @return string
@@ -17689,11 +17655,11 @@ var ToggleDateRangePicker_component = normalizeComponent(
 )
 
 /* harmony default export */ var ToggleDateRangePicker = (ToggleDateRangePicker_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"38b951bb-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/forms/ToggleInputSelect.vue?vue&type=template&id=0d54aa9c&
-var ToggleInputSelectvue_type_template_id_0d54aa9c_render = function render() {
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"38b951bb-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/forms/ToggleInputSelect.vue?vue&type=template&id=5f3e0d51&
+var ToggleInputSelectvue_type_template_id_5f3e0d51_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
-  return _vm.show ? _c('div', {
+  return _c('div', {
     staticClass: "toggle-input-container",
     class: {
       'toggle-input-is-invalid': _vm.isInvalid,
@@ -17751,21 +17717,16 @@ var ToggleInputSelectvue_type_template_id_0d54aa9c_render = function render() {
     attrs: {
       "for": _vm.name ? _vm.name : 'ToggleInputText'
     }
-  }, [_vm._v(" " + _vm._s(_vm.errorMessage) + " ")]) : _vm._e()]) : _vm._e();
+  }, [_vm._v(" " + _vm._s(_vm.errorMessage) + " ")]) : _vm._e()]);
 };
-var ToggleInputSelectvue_type_template_id_0d54aa9c_staticRenderFns = [];
+var ToggleInputSelectvue_type_template_id_5f3e0d51_staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/components/forms/ToggleInputSelect.vue?vue&type=template&id=0d54aa9c&
+// CONCATENATED MODULE: ./src/components/forms/ToggleInputSelect.vue?vue&type=template&id=5f3e0d51&
 
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/forms/ToggleInputSelect.vue?vue&type=script&lang=js&
 
 /* harmony default export */ var ToggleInputSelectvue_type_script_lang_js_ = ({
   mixins: [mixins],
-  data() {
-    return {
-      show: false
-    };
-  },
   props: {
     value: {},
     name: {
@@ -17810,19 +17771,9 @@ var ToggleInputSelectvue_type_template_id_0d54aa9c_staticRenderFns = [];
       type: Boolean,
       required: false,
       default: false
-    },
-    // in toggle-table context, if search bar height expand transition has finished
-    applyFocus: {
-      type: Boolean,
-      required: false,
-      default: null
-    }
-  },
-  created: function () {
-    if (this.applyFocus === null || this.applyFocus) {
-      this.show = true;
     }
   },
+  created: function () {},
   computed: {
     inputVal: {
       get: function () {
@@ -17844,11 +17795,6 @@ var ToggleInputSelectvue_type_template_id_0d54aa9c_staticRenderFns = [];
   watch: {
     options(options) {
       if (options.filter(option => option.value == this.inputVal).length == 0) this.inputVal = "";
-    },
-    applyFocus(new_value) {
-      if (new_value) {
-        this.show = true;
-      }
     }
   }
 });
@@ -17864,8 +17810,8 @@ var ToggleInputSelectvue_type_template_id_0d54aa9c_staticRenderFns = [];
 
 var ToggleInputSelect_component = normalizeComponent(
   forms_ToggleInputSelectvue_type_script_lang_js_,
-  ToggleInputSelectvue_type_template_id_0d54aa9c_render,
-  ToggleInputSelectvue_type_template_id_0d54aa9c_staticRenderFns,
+  ToggleInputSelectvue_type_template_id_5f3e0d51_render,
+  ToggleInputSelectvue_type_template_id_5f3e0d51_staticRenderFns,
   false,
   null,
   null,
@@ -21035,8 +20981,8 @@ var ToggleContactSearch_component = normalizeComponent(
 )
 
 /* harmony default export */ var ToggleContactSearch = (ToggleContactSearch_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"38b951bb-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/boosters/ToggleBoosterButton.vue?vue&type=template&id=680935ac&scoped=true&
-var ToggleBoosterButtonvue_type_template_id_680935ac_scoped_true_render = function render() {
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"38b951bb-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/boosters/ToggleBoosterButton.vue?vue&type=template&id=6956fc1a&scoped=true&
+var ToggleBoosterButtonvue_type_template_id_6956fc1a_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('button', {
@@ -21054,13 +21000,15 @@ var ToggleBoosterButtonvue_type_template_id_680935ac_scoped_true_render = functi
     class: ['toggle-booster-button', _vm.boosterType]
   }, [_c('p', {
     staticClass: "plus"
-  }, [_vm._v("+")]), _vm._t("default", function () {
+  }, [_vm._v("+")]), _vm.buttonText ? _c('div', {
+    staticClass: "toggle-booster-button-button-text"
+  }, [_vm._t("default", function () {
     return [_vm._v(_vm._s(_vm.buttonText))];
-  })], 2)]);
+  })], 2) : _vm._e()])]);
 };
-var ToggleBoosterButtonvue_type_template_id_680935ac_scoped_true_staticRenderFns = [];
+var ToggleBoosterButtonvue_type_template_id_6956fc1a_scoped_true_staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/components/boosters/ToggleBoosterButton.vue?vue&type=template&id=680935ac&scoped=true&
+// CONCATENATED MODULE: ./src/components/boosters/ToggleBoosterButton.vue?vue&type=template&id=6956fc1a&scoped=true&
 
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/boosters/ToggleBoosterButton.vue?vue&type=script&lang=js&
 /* harmony default export */ var ToggleBoosterButtonvue_type_script_lang_js_ = ({
@@ -21104,11 +21052,11 @@ var ToggleBoosterButtonvue_type_template_id_680935ac_scoped_true_staticRenderFns
 
 var ToggleBoosterButton_component = normalizeComponent(
   boosters_ToggleBoosterButtonvue_type_script_lang_js_,
-  ToggleBoosterButtonvue_type_template_id_680935ac_scoped_true_render,
-  ToggleBoosterButtonvue_type_template_id_680935ac_scoped_true_staticRenderFns,
+  ToggleBoosterButtonvue_type_template_id_6956fc1a_scoped_true_render,
+  ToggleBoosterButtonvue_type_template_id_6956fc1a_scoped_true_staticRenderFns,
   false,
   null,
-  "680935ac",
+  "6956fc1a",
   null
   
 )
@@ -22079,15 +22027,15 @@ var ToggleProgressLoader_component = normalizeComponent(
 )
 
 /* harmony default export */ var ToggleProgressLoader = (ToggleProgressLoader_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"38b951bb-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/tables/ToggleTable.vue?vue&type=template&id=039ba64b&
-var ToggleTablevue_type_template_id_039ba64b_render = function render() {
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"38b951bb-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/tables/ToggleTable.vue?vue&type=template&id=841ba81c&
+var ToggleTablevue_type_template_id_841ba81c_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', [_c('table', {
     staticClass: "toggle-table"
   }, [_c('thead', {
     class: {
-      'toggle-table-any-search-active': _vm.anySearchActive
+      'toggle-table-any-search-active': _vm.searchActive
     }
   }, [_c('tr', {
     staticClass: "toggle-tablee-tr"
@@ -22100,8 +22048,7 @@ var ToggleTablevue_type_template_id_039ba64b_render = function render() {
       }],
       style: 'width:' + field.width,
       attrs: {
-        "scope": "col",
-        "colspan": field.colspan
+        "scope": "col"
       },
       on: {
         "click": function ($event) {
@@ -22109,10 +22056,7 @@ var ToggleTablevue_type_template_id_039ba64b_render = function render() {
         }
       }
     }, [_c('div', {
-      staticClass: "toggle-table-th-inner",
-      on: {
-        "transitionend": _vm.handleTransitionEnd
-      }
+      staticClass: "toggle-table-th-inner"
     }, [_c('span', {
       staticClass: "toggle-table-th-title"
     }, [_vm._v(_vm._s(field.label))]), _c('span', {
@@ -22124,19 +22068,15 @@ var ToggleTablevue_type_template_id_039ba64b_render = function render() {
           return _vm.closeSearch(field);
         }]
       }
-    }), field.type === 'text' && (_vm.searchModels[field.key] || _vm.editingInput === field.key) ? _c('ToggleInputText', {
+    }), field.type == 'text' && (_vm.searchModels[field.key] || _vm.editingInput == field.key) ? _c('ToggleInputText', {
       ref: field.key + '-input',
       refInFor: true,
       attrs: {
-        "type": "text",
-        "applyFocus": _vm.applyFocus
+        "type": "text"
       },
       on: {
         "input": function ($event) {
           return _vm.searchChange(field);
-        },
-        "bail": function ($event) {
-          return _vm.closeSearch(field);
         }
       },
       model: {
@@ -22146,13 +22086,12 @@ var ToggleTablevue_type_template_id_039ba64b_render = function render() {
         },
         expression: "searchModels[field.key]"
       }
-    }) : _vm._e(), field.type === 'select' && (_vm.searchModels[field.key] || _vm.editingInput === field.key) ? _c('ToggleInputSelect', {
+    }) : _vm._e(), field.type == 'select' && (_vm.searchModels[field.key] || _vm.editingInput == field.key) ? _c('ToggleInputSelect', {
       staticStyle: {
         "margin-top": "2px"
       },
       attrs: {
-        "size": 'small',
-        "applyFocus": _vm.applyFocus,
+        "size": "small",
         "options": field.select_options
       },
       on: {
@@ -22165,9 +22104,9 @@ var ToggleTablevue_type_template_id_039ba64b_render = function render() {
         },
         expression: "searchModels[field.key]"
       }
-    }) : _vm._e(), field.type === 'date_range' && (_vm.searchModels[field.key].start || _vm.searchModels[field.key].end || _vm.editingInput === field.key) ? _c('ToggleDateRangePicker', {
+    }) : _vm._e(), field.type == 'date' && (_vm.searchModels[field.key].start || _vm.searchModels[field.key].end || _vm.editingInput == field.key) ? _c('ToggleDateRangePicker', {
       attrs: {
-        "name": "date_range"
+        "name": "date"
       },
       on: {
         "input": val => _vm.searchChange(val, field)
@@ -22180,17 +22119,7 @@ var ToggleTablevue_type_template_id_039ba64b_render = function render() {
         expression: "searchModels[field.key]"
       }
     }) : _vm._e()], 1)]);
-  }), 0)]), _vm.items && _vm.items.length === 0 && !_vm.loading ? _c('tr', {
-    staticClass: "empty-table"
-  }, [_c('td', {
-    attrs: {
-      "colspan": _vm.headers.length
-    }
-  }, [_c('div', {
-    staticClass: "full"
-  }, [_c('div', {
-    staticClass: "empty-area"
-  }, [_c('p', [_vm._v(_vm._s(_vm.emptyTableMessage))])])])])]) : _vm._e(), !_vm.$slots.default || !_vm.$slots.default.length ? _c('tbody', _vm._l(_vm.items, function (item, index) {
+  }), 0)]), !_vm.$slots.default || !_vm.$slots.default.length ? _c('tbody', _vm._l(_vm.items, function (item, index) {
     return _c('ToggleTableRow', {
       key: index
     }, _vm._l(item, function (column, column_index) {
@@ -22212,9 +22141,9 @@ var ToggleTablevue_type_template_id_039ba64b_render = function render() {
     }
   }) : _vm._e()], 1);
 };
-var ToggleTablevue_type_template_id_039ba64b_staticRenderFns = [];
+var ToggleTablevue_type_template_id_841ba81c_staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/components/tables/ToggleTable.vue?vue&type=template&id=039ba64b&
+// CONCATENATED MODULE: ./src/components/tables/ToggleTable.vue?vue&type=template&id=841ba81c&
 
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"38b951bb-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/tables/ToggleTableRow.vue?vue&type=template&id=bab4fd8c&
 var ToggleTableRowvue_type_template_id_bab4fd8c_render = function render() {
@@ -22440,26 +22369,12 @@ var TogglePagination_component = normalizeComponent(
     page: {
       type: [Number],
       default: 1
-    },
-    loading: {
-      type: Boolean
-    },
-    emptyTableMessage: {
-      type: String,
-      default: "No rows returned."
-    },
-    searchDebounce: {
-      type: [Number],
-      default: 500
     }
   },
   data: function () {
     return {
       editingInput: false,
-      searchModels: {},
-      anySearchActive: false,
-      applyFocus: false,
-      searchTimeout: null
+      searchModels: {}
     };
   },
   computed: {
@@ -22481,17 +22396,27 @@ var TogglePagination_component = normalizeComponent(
         return Object.keys(this.items[0]);
       }
       return this.fields;
+    },
+    searchActive() {
+      if (this.editingInput) {
+        return true;
+      }
+      for (let col in this.searchModels) {
+        if (!this.searchModels[col]) return false;
+        if (this.searchModels[col].start !== undefined) {
+          return true;
+        } else if (this.searchModels[col]) return true;
+      }
+      return false;
     }
   },
   created: function () {
     if (this.fields) {
       for (let i = 0; i < this.fields.length; i++) {
-        var _this$fields$i$value;
-        let value = this.fields[i].type == 'date_range' ? this.setInitialDate(i) : (_this$fields$i$value = this.fields[i].value) !== null && _this$fields$i$value !== void 0 ? _this$fields$i$value : '';
+        let value = this.fields[i].type == 'date' ? this.setInitialDate(i) : this.fields[i].value;
         let field_name = this.fields[i].key;
         this.$set(this.searchModels, field_name, value);
         if (value) {
-          this.applyFocus = true;
           // if date has an initial value set, show it.
           if (typeof value.start !== 'undefined') {
             if (value.start.length) this.activateSearch(this.fields[i]);
@@ -22504,18 +22429,9 @@ var TogglePagination_component = normalizeComponent(
     }
   },
   beforeDestroy: function () {},
+  watch: {},
   mounted: function () {},
   methods: {
-    handleTransitionEnd(event) {
-      if (event.propertyName === 'height') {
-        if (this.anySearchActive && !this.applyFocus) {
-          this.applyFocus = true;
-        }
-        if (!this.anySearchActive && this.applyFocus) {
-          this.applyFocus = false;
-        }
-      }
-    },
     // set initial date
     setInitialDate(index) {
       let value = this.fields[index].value;
@@ -22529,55 +22445,32 @@ var TogglePagination_component = normalizeComponent(
       };
     },
     tableSearchActive(field) {
-      if (field.type === 'date_range') {
-        return this.searchModels[field.key].start || this.searchModels[field.key].end || this.editingInput === field.key;
-      }
-      return this.searchModels[field.key] || this.editingInput === field.key;
-    },
-    getSearchModelTypeFromKey(key) {
-      for (let i = 0; i < this.fields.length; i++) {
-        if (this.fields[i].key === key) {
-          return this.fields[i].type;
-        }
+      if (field.type == 'date') {
+        return this.searchModels[field.key].start || this.searchModels[field.key].end || this.editingInput == field.key;
       }
-      return null;
+      return this.searchModels[field.key] || this.editingInput == field.key;
     },
     closeSearch(field) {
       this.editingInput = false;
-      this.searchModels[field.key] = field.type === 'date_range' ? {
+      this.searchModels[field.key] = field.type == 'date' ? {
         start: false,
         end: false
       } : '';
-
-      // check if any search is active; if not, close/shrink header
-      let is_active = false;
-      for (const key in this.searchModels) {
-        if (this.getSearchModelTypeFromKey(key) === 'date_range') {
-          if (this.searchModels[key].start || this.searchModels[key].end) {
-            is_active = true;
-            break;
-          }
-        } else if (this.searchModels[key] && this.searchModels[key] !== '') {
-          is_active = true;
-          break;
-        }
-      }
-      this.anySearchActive = is_active;
       this.searchChange();
     },
     searchChange() {
-      clearTimeout(this.searchTimeout);
-      this.searchTimeout = setTimeout(() => {
-        this.$emit('search', this.fieldsWithSearch);
-      }, this.searchDebounce);
+      this.$emit('search', this.fieldsWithSearch);
     },
     /* activateSearch
      * When a user clicks a searchable column name, show it as active, and focus the child input field (unless it's already active)
     */
     activateSearch(field) {
-      if (!field.filterable || field.readonly) return;
+      if (!field.filterable) return;
+      if (field.type === 'date') {
+        this.datePickerOpen = true;
+      }
       this.editingInput = field.key;
-      this.anySearchActive = true;
+      //this.$nextTick(() => this.$refs[this.editingInput + '-input'].focus())
     }
   }
 });
@@ -22593,8 +22486,8 @@ var TogglePagination_component = normalizeComponent(
 
 var ToggleTable_component = normalizeComponent(
   tables_ToggleTablevue_type_script_lang_js_,
-  ToggleTablevue_type_template_id_039ba64b_render,
-  ToggleTablevue_type_template_id_039ba64b_staticRenderFns,
+  ToggleTablevue_type_template_id_841ba81c_render,
+  ToggleTablevue_type_template_id_841ba81c_staticRenderFns,
   false,
   null,
   null,