@zeedhi/vuetify 3.1.0 → 3.2.0

package/dist/zd-vuetify.mjs

@@ -3,7 +3,7 @@ var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { en
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 import { Icons, AlertService, Alert, Badge, Breadcrumbs, ButtonGroup, Button, Card, Carousel as Carousel$1, Form, Input, CheckboxMultiple, Checkbox, Chip, CodeViewer, Col, CollapseCard, Container, TextInput, NumberInput, AutoNumeric, Currency, DateInput, DateRange, DialogService, Divider, Dropdown, Footer, ChildNotFoundError, Frame, FramePage, Grid, GridEditable, Toggleable, Header, Icon as Icon$1, Image, Increment, IterableComponentRender, IterableColumnsButton, IterablePageInfo, Select, IterablePageSize, IterablePagination, Search, Layout, List, ListItem, ListGroup, Loading, LoadingService, Login, LoginButton, Main, MasterDetail, Menu, MenuButton, MenuGroup, MenuLink, MenuSeparator, ModalService, ModalCloseButton, Month, Password, Progress, Radio, Row, SelectMultiple, SvgMap, Switch, Table, Tab, Tabs, Tag, Text, Textarea, Time, Tooltip, TreeGrid, Tree, initTheme } from "@zeedhi/common";
 import { Config, Event as Event$1, Mask, Utils, DateHelper, I18n, InstanceNotFoundError, FormatterParserProvider, KeyMap, Metadata, dayjs, ViewService } from "@zeedhi/core";
-import { defineComponent, h, ref, computed, onMounted, onBeforeUnmount, watchEffect, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, Fragment, renderList, normalizeStyle, withModifiers, renderSlot, createCommentVNode, toDisplayString, createTextVNode, createBlock, withCtx, withDirectives, vShow, unref, resolveDynamicComponent, mergeProps, createVNode, render, useTemplateRef, getCurrentInstance, reactive, watch, inject, provide, onBeforeMount, onUnmounted, nextTick, toHandlers, createSlots, shallowReactive, toRefs, onUpdated, useId, cloneVNode, withKeys, normalizeProps, guardReactiveProps, useSlots, resolveDirective, isMemoSame } from "vue";
+import { defineComponent, h, ref, computed, onMounted, onBeforeUnmount, watchEffect, resolveComponent, createElementBlock, openBlock, normalizeClass, createElementVNode, withDirectives, createCommentVNode, Fragment, renderList, createBlock, normalizeStyle, withModifiers, renderSlot, toDisplayString, createTextVNode, withCtx, vShow, unref, resolveDynamicComponent, mergeProps, createVNode, render, useTemplateRef, getCurrentInstance, reactive, watch, inject, provide, onBeforeMount, onUnmounted, nextTick, toHandlers, createSlots, shallowReactive, toRefs, useId, onUpdated, cloneVNode, withKeys, normalizeProps, guardReactiveProps, useSlots, resolveDirective, isMemoSame } from "vue";
 import { useTheme, useDisplay, createVuetify } from "vuetify";
 import * as components$1 from "vuetify/components";
 import * as directives from "vuetify/directives";
@@ -1343,7 +1343,7 @@ function useCreateInstance(props, ctx, ObjectClass, propsDefs = {}, checkParentT
   Object.keys(props).forEach((key) => {
     if (!(key in instance)) return;
     if (typeof props[key] === "function") return;
-    if (propsDefs[key] && !propsDefs[key].watch) return;
+    if (propsDefs[key] && propsDefs[key].watch === false) return;
     watch(
       () => props[key],
       (value) => {
@@ -7256,6 +7256,10 @@ function useTextInput$1(instance, ctx, root2) {
       (_a = rootElement.value) == null ? void 0 : _a.getElementsByTagName("input")[0].blur();
     });
   };
+  const clearInput = () => {
+    inputScope.input();
+    inputScope.change();
+  };
   const getIconClickEvents = () => {
     const events = {};
     if (instance.events.appendIconClick) {
@@ -7290,6 +7294,7 @@ function useTextInput$1(instance, ctx, root2) {
     appendOuterIconClick,
     prependOuterIconClick,
     setBlur,
+    clearInput,
     getIconClickEvents
   };
 }
@@ -7636,6 +7641,7 @@ const dateInputComponent = defineComponent({
         instance.showDatePicker = false;
       }
       instance.validate();
+      instance.change();
     };
     const helperValuesOptionClick = (helper) => {
       const value = DateHelper.getValue(helper, instance.dateFormat);
@@ -8951,90 +8957,109 @@ function useCellSelection({
   };
 }
 /**!
- * Sortable 1.15.7
+ * Sortable 1.15.6
  * @author	RubaXa   <trash@rubaxa.org>
  * @author	owenm    <owen23355@gmail.com>
  * @license MIT
  */
-function _defineProperty(e, r, t) {
-  return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
-    value: t,
-    enumerable: true,
-    configurable: true,
-    writable: true
-  }) : e[r] = t, e;
-}
-function _extends() {
-  return _extends = Object.assign ? Object.assign.bind() : function(n) {
-    for (var e = 1; e < arguments.length; e++) {
-      var t = arguments[e];
-      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
-    }
-    return n;
-  }, _extends.apply(null, arguments);
-}
-function ownKeys(e, r) {
-  var t = Object.keys(e);
+function ownKeys(object, enumerableOnly) {
+  var keys = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
-    var o = Object.getOwnPropertySymbols(e);
-    r && (o = o.filter(function(r2) {
-      return Object.getOwnPropertyDescriptor(e, r2).enumerable;
-    })), t.push.apply(t, o);
+    var symbols = Object.getOwnPropertySymbols(object);
+    if (enumerableOnly) {
+      symbols = symbols.filter(function(sym) {
+        return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+      });
+    }
+    keys.push.apply(keys, symbols);
   }
-  return t;
+  return keys;
 }
-function _objectSpread2(e) {
-  for (var r = 1; r < arguments.length; r++) {
-    var t = null != arguments[r] ? arguments[r] : {};
-    r % 2 ? ownKeys(Object(t), true).forEach(function(r2) {
-      _defineProperty(e, r2, t[r2]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function(r2) {
-      Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
-    });
+function _objectSpread2(target) {
+  for (var i = 1; i < arguments.length; i++) {
+    var source = arguments[i] != null ? arguments[i] : {};
+    if (i % 2) {
+      ownKeys(Object(source), true).forEach(function(key) {
+        _defineProperty(target, key, source[key]);
+      });
+    } else if (Object.getOwnPropertyDescriptors) {
+      Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+      ownKeys(Object(source)).forEach(function(key) {
+        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+      });
+    }
   }
-  return e;
+  return target;
 }
-function _objectWithoutProperties(e, t) {
-  if (null == e) return {};
-  var o, r, i = _objectWithoutPropertiesLoose(e, t);
-  if (Object.getOwnPropertySymbols) {
-    var n = Object.getOwnPropertySymbols(e);
-    for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
+function _typeof(obj) {
+  "@babel/helpers - typeof";
+  if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
+    _typeof = function(obj2) {
+      return typeof obj2;
+    };
+  } else {
+    _typeof = function(obj2) {
+      return obj2 && typeof Symbol === "function" && obj2.constructor === Symbol && obj2 !== Symbol.prototype ? "symbol" : typeof obj2;
+    };
   }
-  return i;
+  return _typeof(obj);
 }
-function _objectWithoutPropertiesLoose(r, e) {
-  if (null == r) return {};
-  var t = {};
-  for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
-    if (-1 !== e.indexOf(n)) continue;
-    t[n] = r[n];
-  }
-  return t;
+function _defineProperty(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
 }
-function _toPrimitive(t, r) {
-  if ("object" != typeof t || !t) return t;
-  var e = t[Symbol.toPrimitive];
-  if (void 0 !== e) {
-    var i = e.call(t, r);
-    if ("object" != typeof i) return i;
-    throw new TypeError("@@toPrimitive must return a primitive value.");
-  }
-  return ("string" === r ? String : Number)(t);
+function _extends() {
+  _extends = Object.assign || function(target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+    return target;
+  };
+  return _extends.apply(this, arguments);
 }
-function _toPropertyKey(t) {
-  var i = _toPrimitive(t, "string");
-  return "symbol" == typeof i ? i : i + "";
+function _objectWithoutPropertiesLoose(source, excluded) {
+  if (source == null) return {};
+  var target = {};
+  var sourceKeys = Object.keys(source);
+  var key, i;
+  for (i = 0; i < sourceKeys.length; i++) {
+    key = sourceKeys[i];
+    if (excluded.indexOf(key) >= 0) continue;
+    target[key] = source[key];
+  }
+  return target;
 }
-function _typeof(o) {
-  "@babel/helpers - typeof";
-  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o2) {
-    return typeof o2;
-  } : function(o2) {
-    return o2 && "function" == typeof Symbol && o2.constructor === Symbol && o2 !== Symbol.prototype ? "symbol" : typeof o2;
-  }, _typeof(o);
+function _objectWithoutProperties(source, excluded) {
+  if (source == null) return {};
+  var target = _objectWithoutPropertiesLoose(source, excluded);
+  var key, i;
+  if (Object.getOwnPropertySymbols) {
+    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+    for (i = 0; i < sourceSymbolKeys.length; i++) {
+      key = sourceSymbolKeys[i];
+      if (excluded.indexOf(key) >= 0) continue;
+      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+      target[key] = source[key];
+    }
+  }
+  return target;
 }
-var version = "1.15.7";
+var version = "1.15.6";
 function userAgent(pattern) {
   if (typeof window !== "undefined" && window.navigator) {
     return !!/* @__PURE__ */ navigator.userAgent.match(pattern);
@@ -9075,7 +9100,7 @@ function matches(el, selector) {
   return false;
 }
 function getParentOrHost(el) {
-  return el.host && el !== document && el.host.nodeType && el.host !== el ? el.host : el.parentNode;
+  return el.host && el !== document && el.host.nodeType ? el.host : el.parentNode;
 }
 function closest(el, selector, ctx, includeCTX) {
   if (el) {
@@ -10560,11 +10585,8 @@ Sortable.prototype = /** @lends Sortable.prototype */
   _nulling: function _nulling() {
     pluginEvent2("nulling", this);
     rootEl = dragEl = parentEl = ghostEl = nextEl = cloneEl = lastDownEl = cloneHidden = tapEvt = touchEvt = moved = newIndex = newDraggableIndex = oldIndex = oldDraggableIndex = lastTarget = lastDirection = putSortable = activeGroup = Sortable.dragged = Sortable.ghost = Sortable.clone = Sortable.active = null;
-    var el = this.el;
-    savedInputChecked.forEach(function(checkEl) {
-      if (el.contains(checkEl)) {
-        checkEl.checked = true;
-      }
+    savedInputChecked.forEach(function(el) {
+      el.checked = true;
     });
     savedInputChecked.length = lastDx = lastDy = 0;
   },
@@ -11445,12 +11467,16 @@ function useGridColumns({
   const setViewGetWidth = () => {
     instance.columns.forEach((column) => {
       column.setViewGetWidth(() => {
-        const index2 = instance.columns.filter((col) => col.isVisible).findIndex((col) => col.name === column.name);
         const el = rootEl2.value;
-        const colEl = el.querySelector(`
-          .zd-grid-table-header .zd-table-cell[index='${index2}']
-        `);
-        return (colEl == null ? void 0 : colEl.clientWidth) || 0;
+        if (!el) return 0;
+        const headerColumns = Array.from(el.querySelectorAll("table thead tr th[column-name]"));
+        const namedColumnEl = headerColumns.find((col) => col.getAttribute("column-name") === column.name);
+        if (namedColumnEl) {
+          return parseFloat(getComputedStyle(namedColumnEl).width) || namedColumnEl.clientWidth || 0;
+        }
+        const index2 = instance.columns.filter((col) => col.isVisible).findIndex((col) => col.name === column.name);
+        const indexedColumnEl = el.querySelector(`table thead tr th[index='${index2}']`);
+        return (indexedColumnEl == null ? void 0 : indexedColumnEl.clientWidth) || 0;
       });
     });
   };
@@ -12159,6 +12185,133 @@ function useGridInstance$1({
     shouldRender
   };
 }
+var FUNC_ERROR_TEXT = "Expected a function";
+var NAN = 0 / 0;
+var symbolTag = "[object Symbol]";
+var reTrim = /^\s+|\s+$/g;
+var reIsBadHex = /^[-+]0x[0-9a-f]+$/i;
+var reIsBinary = /^0b[01]+$/i;
+var reIsOctal = /^0o[0-7]+$/i;
+var freeParseInt = parseInt;
+var freeGlobal = typeof commonjsGlobal == "object" && commonjsGlobal && commonjsGlobal.Object === Object && commonjsGlobal;
+var freeSelf = typeof self == "object" && self && self.Object === Object && self;
+var root = freeGlobal || freeSelf || Function("return this")();
+var objectProto = Object.prototype;
+var objectToString = objectProto.toString;
+var nativeMax = Math.max, nativeMin = Math.min;
+var now = function() {
+  return root.Date.now();
+};
+function debounce(func, wait, options) {
+  var lastArgs, lastThis, maxWait, result, timerId, lastCallTime, lastInvokeTime = 0, leading = false, maxing = false, trailing = true;
+  if (typeof func != "function") {
+    throw new TypeError(FUNC_ERROR_TEXT);
+  }
+  wait = toNumber(wait) || 0;
+  if (isObject(options)) {
+    leading = !!options.leading;
+    maxing = "maxWait" in options;
+    maxWait = maxing ? nativeMax(toNumber(options.maxWait) || 0, wait) : maxWait;
+    trailing = "trailing" in options ? !!options.trailing : trailing;
+  }
+  function invokeFunc(time) {
+    var args = lastArgs, thisArg = lastThis;
+    lastArgs = lastThis = void 0;
+    lastInvokeTime = time;
+    result = func.apply(thisArg, args);
+    return result;
+  }
+  function leadingEdge(time) {
+    lastInvokeTime = time;
+    timerId = setTimeout(timerExpired, wait);
+    return leading ? invokeFunc(time) : result;
+  }
+  function remainingWait(time) {
+    var timeSinceLastCall = time - lastCallTime, timeSinceLastInvoke = time - lastInvokeTime, result2 = wait - timeSinceLastCall;
+    return maxing ? nativeMin(result2, maxWait - timeSinceLastInvoke) : result2;
+  }
+  function shouldInvoke(time) {
+    var timeSinceLastCall = time - lastCallTime, timeSinceLastInvoke = time - lastInvokeTime;
+    return lastCallTime === void 0 || timeSinceLastCall >= wait || timeSinceLastCall < 0 || maxing && timeSinceLastInvoke >= maxWait;
+  }
+  function timerExpired() {
+    var time = now();
+    if (shouldInvoke(time)) {
+      return trailingEdge(time);
+    }
+    timerId = setTimeout(timerExpired, remainingWait(time));
+  }
+  function trailingEdge(time) {
+    timerId = void 0;
+    if (trailing && lastArgs) {
+      return invokeFunc(time);
+    }
+    lastArgs = lastThis = void 0;
+    return result;
+  }
+  function cancel() {
+    if (timerId !== void 0) {
+      clearTimeout(timerId);
+    }
+    lastInvokeTime = 0;
+    lastArgs = lastCallTime = lastThis = timerId = void 0;
+  }
+  function flush() {
+    return timerId === void 0 ? result : trailingEdge(now());
+  }
+  function debounced() {
+    var time = now(), isInvoking = shouldInvoke(time);
+    lastArgs = arguments;
+    lastThis = this;
+    lastCallTime = time;
+    if (isInvoking) {
+      if (timerId === void 0) {
+        return leadingEdge(lastCallTime);
+      }
+      if (maxing) {
+        timerId = setTimeout(timerExpired, wait);
+        return invokeFunc(lastCallTime);
+      }
+    }
+    if (timerId === void 0) {
+      timerId = setTimeout(timerExpired, wait);
+    }
+    return result;
+  }
+  debounced.cancel = cancel;
+  debounced.flush = flush;
+  return debounced;
+}
+function isObject(value) {
+  var type = typeof value;
+  return !!value && (type == "object" || type == "function");
+}
+function isObjectLike(value) {
+  return !!value && typeof value == "object";
+}
+function isSymbol(value) {
+  return typeof value == "symbol" || isObjectLike(value) && objectToString.call(value) == symbolTag;
+}
+function toNumber(value) {
+  if (typeof value == "number") {
+    return value;
+  }
+  if (isSymbol(value)) {
+    return NAN;
+  }
+  if (isObject(value)) {
+    var other = typeof value.valueOf == "function" ? value.valueOf() : value;
+    value = isObject(other) ? other + "" : other;
+  }
+  if (typeof value != "string") {
+    return value === 0 ? value : +value;
+  }
+  value = value.replace(reTrim, "");
+  var isBinary = reIsBinary.test(value);
+  return isBinary || reIsOctal.test(value) ? freeParseInt(value.slice(2), isBinary ? 2 : 8) : reIsBadHex.test(value) ? NAN : +value;
+}
+var lodash_debounce = debounce;
+const debounce$1 = /* @__PURE__ */ getDefaultExportFromCjs(lodash_debounce);
 const ZdGridEditableProps$1 = buildProps({
   ...ZdGridProps$1,
   doubleClickEdit: {
@@ -12215,20 +12368,21 @@ function useGridEditableInstance$1({
     if (isEditing({ row, column })) return;
     const key = instance.getRowKey(row);
     editingCell.value = { key, column: column.name };
-    setTimeout(() => {
-      const key2 = instance.getRowKey(row);
-      try {
-        const component2 = instance.getComponent(String(key2), column.name);
-        component2 == null ? void 0 : component2.setFocus();
-        if (component2 instanceof Toggleable) {
-          component2.toggleValue();
-          component2.change();
-        }
-      } catch (e) {
-        if (!(e instanceof InstanceNotFoundError)) throw e;
-      }
-    });
+    checkToggleComponent(row, column);
   };
+  const checkToggleComponent = debounce$1((row, column) => {
+    const key = instance.getRowKey(row);
+    try {
+      const component2 = instance.getComponent(String(key), column.name);
+      component2 == null ? void 0 : component2.setFocus();
+      if (component2 instanceof Toggleable) {
+        component2.toggleValue();
+        component2.change();
+      }
+    } catch (e) {
+      if (!(e instanceof InstanceNotFoundError)) throw e;
+    }
+  });
   const viewEnterEdit = (key, columnName) => {
     editingCell.value = { key, column: columnName };
     const row = instance.findRow(key);
@@ -14227,7 +14381,7 @@ function _sfc_render$T(_ctx, _cache, $props, $setup, $data, $options) {
       }, null, 8, ["disabled", "isSelected", "cellSelection", "isCurrent"])) : createCommentVNode("", true),
       (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.columns, (column, index2, ___, _cached) => {
         const _memo = [_ctx.row, column, _ctx.fixedLeft, _ctx.fixedRight, _ctx.cellSelection, _ctx.isCurrent({ row: _ctx.row, column })];
-        if (_cached && _cached.el && _cached.key === column.name && isMemoSame(_cached, _memo)) return _cached;
+        if (_cached && _cached.key === column.name && isMemoSame(_cached, _memo)) return _cached;
         const _item = (openBlock(), createBlock(_component_zd_grid_cell, {
           key: column.name,
           row: _ctx.row,
@@ -15282,6 +15436,11 @@ function useSelect$1(instance, ctx, root2) {
     const rootElement = getRootElement(root2);
     instance.keydown(event, rootElement.value);
   };
+  const selectClear = () => {
+    if (!instance.autocomplete) {
+      textInputScope.input();
+    }
+  };
   const autoSelectFirst = computed(() => instance.autoSelection && items.value.length === 1);
   const menuClass = computed(() => {
     const align = instance.reverse ? "right" : instance.align;
@@ -15306,6 +15465,7 @@ function useSelect$1(instance, ctx, root2) {
     selectChange,
     selectInput,
     selectKeydown,
+    selectClear,
     hasItemBeforeSlot,
     hasItemAfterSlot,
     onLoadMoreIntersect,
@@ -16384,133 +16544,6 @@ function _sfc_render$y(_ctx, _cache, $props, $setup, $data, $options) {
   ]);
 }
 const ZdMasterDetail = /* @__PURE__ */ _export_sfc(masterDetailComponent, [["render", _sfc_render$y]]);
-var FUNC_ERROR_TEXT = "Expected a function";
-var NAN = 0 / 0;
-var symbolTag = "[object Symbol]";
-var reTrim = /^\s+|\s+$/g;
-var reIsBadHex = /^[-+]0x[0-9a-f]+$/i;
-var reIsBinary = /^0b[01]+$/i;
-var reIsOctal = /^0o[0-7]+$/i;
-var freeParseInt = parseInt;
-var freeGlobal = typeof commonjsGlobal == "object" && commonjsGlobal && commonjsGlobal.Object === Object && commonjsGlobal;
-var freeSelf = typeof self == "object" && self && self.Object === Object && self;
-var root = freeGlobal || freeSelf || Function("return this")();
-var objectProto = Object.prototype;
-var objectToString = objectProto.toString;
-var nativeMax = Math.max, nativeMin = Math.min;
-var now = function() {
-  return root.Date.now();
-};
-function debounce(func, wait, options) {
-  var lastArgs, lastThis, maxWait, result, timerId, lastCallTime, lastInvokeTime = 0, leading = false, maxing = false, trailing = true;
-  if (typeof func != "function") {
-    throw new TypeError(FUNC_ERROR_TEXT);
-  }
-  wait = toNumber(wait) || 0;
-  if (isObject(options)) {
-    leading = !!options.leading;
-    maxing = "maxWait" in options;
-    maxWait = maxing ? nativeMax(toNumber(options.maxWait) || 0, wait) : maxWait;
-    trailing = "trailing" in options ? !!options.trailing : trailing;
-  }
-  function invokeFunc(time) {
-    var args = lastArgs, thisArg = lastThis;
-    lastArgs = lastThis = void 0;
-    lastInvokeTime = time;
-    result = func.apply(thisArg, args);
-    return result;
-  }
-  function leadingEdge(time) {
-    lastInvokeTime = time;
-    timerId = setTimeout(timerExpired, wait);
-    return leading ? invokeFunc(time) : result;
-  }
-  function remainingWait(time) {
-    var timeSinceLastCall = time - lastCallTime, timeSinceLastInvoke = time - lastInvokeTime, result2 = wait - timeSinceLastCall;
-    return maxing ? nativeMin(result2, maxWait - timeSinceLastInvoke) : result2;
-  }
-  function shouldInvoke(time) {
-    var timeSinceLastCall = time - lastCallTime, timeSinceLastInvoke = time - lastInvokeTime;
-    return lastCallTime === void 0 || timeSinceLastCall >= wait || timeSinceLastCall < 0 || maxing && timeSinceLastInvoke >= maxWait;
-  }
-  function timerExpired() {
-    var time = now();
-    if (shouldInvoke(time)) {
-      return trailingEdge(time);
-    }
-    timerId = setTimeout(timerExpired, remainingWait(time));
-  }
-  function trailingEdge(time) {
-    timerId = void 0;
-    if (trailing && lastArgs) {
-      return invokeFunc(time);
-    }
-    lastArgs = lastThis = void 0;
-    return result;
-  }
-  function cancel() {
-    if (timerId !== void 0) {
-      clearTimeout(timerId);
-    }
-    lastInvokeTime = 0;
-    lastArgs = lastCallTime = lastThis = timerId = void 0;
-  }
-  function flush() {
-    return timerId === void 0 ? result : trailingEdge(now());
-  }
-  function debounced() {
-    var time = now(), isInvoking = shouldInvoke(time);
-    lastArgs = arguments;
-    lastThis = this;
-    lastCallTime = time;
-    if (isInvoking) {
-      if (timerId === void 0) {
-        return leadingEdge(lastCallTime);
-      }
-      if (maxing) {
-        timerId = setTimeout(timerExpired, wait);
-        return invokeFunc(lastCallTime);
-      }
-    }
-    if (timerId === void 0) {
-      timerId = setTimeout(timerExpired, wait);
-    }
-    return result;
-  }
-  debounced.cancel = cancel;
-  debounced.flush = flush;
-  return debounced;
-}
-function isObject(value) {
-  var type = typeof value;
-  return !!value && (type == "object" || type == "function");
-}
-function isObjectLike(value) {
-  return !!value && typeof value == "object";
-}
-function isSymbol(value) {
-  return typeof value == "symbol" || isObjectLike(value) && objectToString.call(value) == symbolTag;
-}
-function toNumber(value) {
-  if (typeof value == "number") {
-    return value;
-  }
-  if (isSymbol(value)) {
-    return NAN;
-  }
-  if (isObject(value)) {
-    var other = typeof value.valueOf == "function" ? value.valueOf() : value;
-    value = isObject(other) ? other + "" : other;
-  }
-  if (typeof value != "string") {
-    return value === 0 ? value : +value;
-  }
-  value = value.replace(reTrim, "");
-  var isBinary = reIsBinary.test(value);
-  return isBinary || reIsOctal.test(value) ? freeParseInt(value.slice(2), isBinary ? 2 : 8) : reIsBadHex.test(value) ? NAN : +value;
-}
-var lodash_debounce = debounce;
-const debounce$1 = /* @__PURE__ */ getDefaultExportFromCjs(lodash_debounce);
 const ZdMenuProps$1 = buildProps({
   ...ZdComponentRenderProps,
   app: {
@@ -17861,6 +17894,7 @@ defineComponent({
         instance.showDatePicker = false;
       }
       instance.validate();
+      instance.change();
     };
     const helperValuesOptionClick = (helper) => {
       const value = DateHelper.getValue(helper, instance.dateFormat);
@@ -18596,7 +18630,7 @@ const selectMultipleComponent = defineComponent({
     };
     const removeItem = (item) => {
       const rootValue = root2.value;
-      rootValue.select(item.value, false);
+      rootValue.select(item, false);
     };
     const selectChange = (value, event) => {
       const input = getRootElement(root2);
@@ -18606,6 +18640,19 @@ const selectMultipleComponent = defineComponent({
         input.value
       );
     };
+    const selectClear = () => {
+      const input = getRootElement(root2);
+      const hasSelectedValue = Array.isArray(instance.value) && instance.value.length > 0;
+      const hasSearchText = !!instance.search;
+      if (hasSelectedValue) {
+        instance.selectChange([], void 0, input.value);
+      }
+      if (hasSearchText) {
+        selectScope.selectInput("");
+      } else {
+        instance.search = "";
+      }
+    };
     let observer;
     onMounted(() => {
       const componentRef = getRootElement(root2);
@@ -18637,6 +18684,7 @@ const selectMultipleComponent = defineComponent({
       selectClick,
       selectBlur,
       selectChange,
+      selectClear,
       formattedDataDiscreteText,
       ajustSize,
       onLoadMoreIntersect,
@@ -18652,6 +18700,7 @@ const _hoisted_2$5 = {
   class: "more-items grey--text caption"
 };
 function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_v_icon = resolveComponent("v-icon");
   const _component_v_checkbox_btn = resolveComponent("v-checkbox-btn");
   const _component_v_list_item_title = resolveComponent("v-list-item-title");
   const _component_v_list_item = resolveComponent("v-list-item");
@@ -18736,6 +18785,14 @@ function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
       onKeyup: _cache[19] || (_cache[19] = ($event) => _ctx.instance.keyup($event)),
       onKeydown: _cache[20] || (_cache[20] = ($event) => _ctx.instance.keydown($event))
     }, toHandlers(_ctx.getIconClickEvents())), createSlots({
+      clear: withCtx(({ props }) => [
+        createVNode(_component_v_icon, {
+          tabindex: props.tabindex,
+          onFocus: props.onFocus,
+          onBlur: props.onBlur,
+          onClick: _ctx.selectClear
+        }, null, 8, ["tabindex", "onFocus", "onBlur", "onClick"])
+      ]),
       item: withCtx(({ item, props }) => [
         createVNode(_component_v_list_item, mergeProps({
           class: "zd-select__menu-item zd-select-multiple__menu-item",
@@ -19075,6 +19132,11 @@ function useSelect(instance, ctx, root2) {
     const rootElement = getRootElement(root2);
     instance.keydown(event, rootElement.value);
   };
+  const selectClear = () => {
+    if (!instance.autocomplete) {
+      textInputScope.input();
+    }
+  };
   const autoSelectFirst = computed(() => instance.autoSelection && items.value.length === 1);
   const menuClass = computed(() => {
     const align = instance.reverse ? "right" : instance.align;
@@ -19099,6 +19161,7 @@ function useSelect(instance, ctx, root2) {
     selectChange,
     selectInput,
     selectKeydown,
+    selectClear,
     hasItemBeforeSlot,
     hasItemAfterSlot,
     onLoadMoreIntersect,
@@ -19176,11 +19239,12 @@ function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
     onMouseenter: _cache[2] || (_cache[2] = ($event) => _ctx.mouseenter($event)),
     onMouseleave: _cache[3] || (_cache[3] = ($event) => _ctx.mouseleave($event)),
     onClick: _cache[4] || (_cache[4] = ($event) => _ctx.click($event)),
-    onBlur: _cache[6] || (_cache[6] = ($event) => _ctx.blur($event)),
-    onFocus: _cache[7] || (_cache[7] = ($event) => _ctx.focus($event)),
-    "onUpdate:search": _cache[8] || (_cache[8] = ($event) => _ctx.selectInput($event)),
-    onKeyup: _cache[9] || (_cache[9] = ($event) => _ctx.instance.keyup($event)),
-    onKeydown: _cache[10] || (_cache[10] = ($event) => _ctx.selectKeydown($event))
+    "onClick:clear": _cache[6] || (_cache[6] = ($event) => _ctx.selectClear()),
+    onBlur: _cache[7] || (_cache[7] = ($event) => _ctx.blur($event)),
+    onFocus: _cache[8] || (_cache[8] = ($event) => _ctx.focus($event)),
+    "onUpdate:search": _cache[9] || (_cache[9] = ($event) => _ctx.selectInput($event)),
+    onKeyup: _cache[10] || (_cache[10] = ($event) => _ctx.instance.keyup($event)),
+    onKeydown: _cache[11] || (_cache[11] = ($event) => _ctx.selectKeydown($event))
   }, toHandlers(_ctx.getIconClickEvents())), createSlots({
     item: withCtx(({ item, props }) => [
       createVNode(_component_v_list_item, mergeProps({
@@ -19844,7 +19908,9 @@ function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_v_tabs_window_item = resolveComponent("v-tabs-window-item");
   return withDirectives((openBlock(), createBlock(_component_v_tabs_window_item, {
     class: "zd-tabs-tab-item",
-    value: _ctx.index
+    value: _ctx.index,
+    transition: false,
+    "reverse-transition": false
   }, {
     default: withCtx(() => [
       createVNode(_component_v_container, { fluid: "" }, {
@@ -20198,6 +20264,10 @@ function useTextInput(instance, ctx, root2) {
       (_a = rootElement.value) == null ? void 0 : _a.getElementsByTagName("input")[0].blur();
     });
   };
+  const clearInput = () => {
+    inputScope.input();
+    inputScope.change();
+  };
   const getIconClickEvents = () => {
     const events = {};
     if (instance.events.appendIconClick) {
@@ -20232,6 +20302,7 @@ function useTextInput(instance, ctx, root2) {
     appendOuterIconClick,
     prependOuterIconClick,
     setBlur,
+    clearInput,
     getIconClickEvents
   };
 }
@@ -20278,7 +20349,7 @@ function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
     onChange: _cache[7] || (_cache[7] = ($event) => _ctx.change()),
     onKeyup: _cache[8] || (_cache[8] = ($event) => _ctx.keyup($event)),
     onKeydown: _cache[9] || (_cache[9] = ($event) => _ctx.keydown($event)),
-    "onClick:clear": _cache[10] || (_cache[10] = ($event) => _ctx.change()),
+    "onClick:clear": _cache[10] || (_cache[10] = ($event) => _ctx.clearInput()),
     "hide-details": _ctx.instance.autoHintDetails ? "auto" : false,
     tabindex: _ctx.instance.tabStop ? "" : "-1"
   }, {
@@ -20495,7 +20566,8 @@ function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
     onInput: _cache[5] || (_cache[5] = ($event) => _ctx.input()),
     onKeydown: _cache[6] || (_cache[6] = ($event) => _ctx.keydown($event)),
     onChange: _cache[7] || (_cache[7] = ($event) => _ctx.change($event)),
-    onBlur: _cache[8] || (_cache[8] = ($event) => _ctx.blur($event))
+    "onClick:clear": _cache[8] || (_cache[8] = ($event) => _ctx.clearInput()),
+    onBlur: _cache[9] || (_cache[9] = ($event) => _ctx.blur($event))
   }, {
     "append-inner-icon": !_ctx.instance.suffix ? _ctx.$getIcon(_ctx.instance.appendIcon) : "",
     "append-icon": _ctx.$getIcon(_ctx.instance.appendOuterIcon),
@@ -21413,7 +21485,7 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
       }, null, 8, ["disabled", "isSelected", "cellSelection", "isCurrent", "indeterminate"])) : createCommentVNode("", true),
       (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.columns, (column, i, ___, _cached) => {
         const _memo = [_ctx.row, column, _ctx.fixedLeft, _ctx.fixedRight, _ctx.cellSelection, _ctx.isCurrent({ row: _ctx.row, column })];
-        if (_cached && _cached.el && _cached.key === column.name && isMemoSame(_cached, _memo)) return _cached;
+        if (_cached && _cached.key === column.name && isMemoSame(_cached, _memo)) return _cached;
         const _item = (openBlock(), createBlock(_component_zd_tree_grid_cell, {
           key: column.name,
           row: _ctx.row,
@@ -24423,7 +24495,7 @@ defineComponent({
     };
     const removeItem = (item) => {
       const rootValue = root2.value;
-      rootValue.select(item.value, false);
+      rootValue.select(item, false);
     };
     const selectChange = (value, event) => {
       const input = getRootElement(root2);
@@ -24433,6 +24505,19 @@ defineComponent({
         input.value
       );
     };
+    const selectClear = () => {
+      const input = getRootElement(root2);
+      const hasSelectedValue = Array.isArray(instance.value) && instance.value.length > 0;
+      const hasSearchText = !!instance.search;
+      if (hasSelectedValue) {
+        instance.selectChange([], void 0, input.value);
+      }
+      if (hasSearchText) {
+        selectScope.selectInput("");
+      } else {
+        instance.search = "";
+      }
+    };
     let observer;
     onMounted(() => {
       const componentRef = getRootElement(root2);
@@ -24464,6 +24549,7 @@ defineComponent({
       selectClick,
       selectBlur,
       selectChange,
+      selectClear,
       formattedDataDiscreteText,
       ajustSize,
       onLoadMoreIntersect,
@@ -24859,20 +24945,21 @@ function useGridEditableInstance({
     if (isEditing({ row, column })) return;
     const key = instance.getRowKey(row);
     editingCell.value = { key, column: column.name };
-    setTimeout(() => {
-      const key2 = instance.getRowKey(row);
-      try {
-        const component2 = instance.getComponent(String(key2), column.name);
-        component2 == null ? void 0 : component2.setFocus();
-        if (component2 instanceof Toggleable) {
-          component2.toggleValue();
-          component2.change();
-        }
-      } catch (e) {
-        if (!(e instanceof InstanceNotFoundError)) throw e;
-      }
-    });
+    checkToggleComponent(row, column);
   };
+  const checkToggleComponent = debounce$1((row, column) => {
+    const key = instance.getRowKey(row);
+    try {
+      const component2 = instance.getComponent(String(key), column.name);
+      component2 == null ? void 0 : component2.setFocus();
+      if (component2 instanceof Toggleable) {
+        component2.toggleValue();
+        component2.change();
+      }
+    } catch (e) {
+      if (!(e instanceof InstanceNotFoundError)) throw e;
+    }
+  });
   const viewEnterEdit = (key, columnName) => {
     editingCell.value = { key, column: columnName };
     const row = instance.findRow(key);