@zeedhi/teknisa-components-vuetify 3.0.4 → 3.2.0

package/dist/teknisa-components-vuetify.es.js

@@ -0,0 +1,3234 @@
+(function(){"use strict";try{if(typeof document<"u"){var t=document.createElement("style");t.appendChild(document.createTextNode(".tek-breadcrumb-header .v-breadcrumbs-item{padding:0}.tek-breadcrumb-header .tek-breadcrumb-header-title-col{display:flex;padding-top:5px;padding-left:0}.tek-breadcrumb-header .tek-breadcrumb-header-title-col .tek-breadcrumb-header-slot-right{margin-left:auto}.tek-breadcrumb-header .zd-breadcrumbs{padding:0;font-size:var(--zd-font-body2-size)}.tek-breadcrumb-header .zd-breadcrumbs .v-breadcrumbs__item--disabled,.tek-breadcrumb-header .zd-text{color:#667080}.tek-breadcrumb-header .zd-text.tek-breadcrumb-header-title{font-size:32px;font-weight:700;line-height:35px;margin-bottom:10px}.tek-breadcrumb-header .zd-text>p{margin:0}.tek-grid .zd-grid__row:not(.tek-grid-group-row) :nth-child(1 of td:not(.zd-grid__selectable-cell)){display:flex}.tek-grid .is-rotated{transform:rotate(180deg);transition:transform .3s ease}.tek-grid .toolbar-visible{width:0;overflow:hidden;white-space:nowrap}.tek-grid .zd-grid__toolbar{height:auto}.tek-grid .zd-grid__toolbar .toolbar-divider{margin:10px}.tek-grid .zd-grid__toolbar .zd-search{width:200px}.tek-grid-columns-button-options{max-height:250px;display:flex;flex-direction:column;background-color:#fff}.tek-grid-columns-button-options.theme--dark{background-color:#1e1e1e}.tek-grid-columns-button-options .tek-grid-columns-button-table-wrapper{flex:1;overflow-y:auto}.tek-grid-columns-button-options .tek-grid-columns-button-table-wrapper .tek-grid-columns-button-table{font-size:13px;border-spacing:0;width:100%}.tek-grid-columns-button-options .tek-grid-columns-button-table-wrapper .tek-grid-columns-button-table thead tr th{padding:var(--spacing-2) var(--spacing-2) var(--spacing-1) var(--spacing-2);white-space:nowrap;text-align:left;position:sticky;top:0;z-index:10;background-color:var(--zd-background-base)}.tek-grid-columns-button-options .tek-grid-columns-button-table-wrapper .tek-grid-columns-button-table tbody tr td{padding:var(--spacing-1) var(--spacing-2);white-space:nowrap}.tek-grid-columns-button-options .tek-grid-columns-button-table-wrapper .tek-grid-columns-button-table tbody tr td.tek-grid-columns-button-column-name{cursor:-webkit-grab}.tek-grid-columns-button-options .tek-grid-columns-button-table-wrapper .tek-grid-columns-button-table tbody tr td.tek-grid-columns-button-column-name>span{padding-right:4px}.tek-grid-columns-button-options .tek-grid-columns-button-table-wrapper .tek-grid-columns-button-table tbody tr td.tek-grid-columns-button-column-aggregation{max-width:150px}.tek-grid-columns-button-options .tek-grid-columns-button-table-footer{display:flex}.tek-grid-columns-button-options .tek-grid-columns-button-table-footer .zd-button{flex:1}.tek-grid-columns-button-sortable-drag{background:#fff}.tek-grid-column-option-box{margin:var(--spacing-1);background:#ccc;padding:2px var(--spacing-1);cursor:pointer}.tek-grid-column-option-box>*{display:inline-block}.tek-grid-column-option-box>.zd-icon{font-size:.9rem;margin-left:var(--spacing-2)}.tek-grid-column-option-box.tek-grid-column-option-grouped-true{cursor:default;background:#fafafa}.tek-grid-column-option-box.tek-grid-column-option-grouped-true>.zd-icon{display:none}.tek-grid-column-option-box.tek-grid-column-option-selected-true{background:var(--v-primary-base);color:#fff}.tek-grid-column-option-box.tek-grid-column-option-selected-true>.zd-icon{color:#fff}.tek-grid-column-option-container-col{position:relative}.tek-grid-column-option-container-col .tek-grid-column-option-container{background:#eee;padding:var(--spacing-1);max-height:100px;min-height:42px;align-content:center;position:relative}.tek-grid-column-option-container-col .tek-grid-column-option-container .tek-iterable-footer{display:none!important}.tek-grid-column-option-container-col .tek-grid-column-option-container .zd-text.no-data{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;font-size:.7rem}.tek-grid-column-option-container-col .tek-grid-column-option-label{font-weight:var(--zd-font-body2-weight)}.tek-grid-column-option-container-col .tek-grid-column-option-select-all{position:absolute;top:.5rem;right:var(--spacing-1);color:var(--v-primary-base);cursor:pointer;font-size:.8rem}.tek-grid-column-option-container-col .tek-grid-column-option-drop-here{position:absolute;z-index:100;left:50%;transform:translate(-50%);top:35px}.tek-grid-column-option-detail-name{color:var(--v-primary-base);font-weight:var(--zd-font-body2-weight);font-size:1.1rem;margin-top:var(--spacing-6)}.zd-container.tek-grid-filter-content-container{position:relative;left:calc(var(--zd-default-padding) * -1)!important;padding-left:var(--zd-default-padding)!important;width:calc(100% + var(--zd-default-padding) * 2)!important;padding-right:var(--zd-default-padding)!important;max-width:none!important}.tek-grid-indentation{display:flex;width:8px;margin-left:10px;height:100%}.tek-grid-indentation--divider{border-left:solid 1px #ccc}.tek-grid-indentation--corner{height:60%;border-bottom:1px solid #ccc}.tek-grid-layout-options-badge .v-badge__badge{font-size:var(--zd-font-caption-size);font-weight:var(--zd-font-caption-weight);line-height:14px;pointer-events:none;background-color:var(--zd-badge-background-color)!important}.tek-grid-layout-options-badge .v-badge__badge span{color:var(--zd-badge-text-color)!important}.tek-grid-layout-item{font-size:13px;cursor:pointer;min-height:30px}.tek-grid-layout-item.selected{font-weight:700}.tek-grid-layout-item:hover.theme--light{background:#eee}.tek-grid-layout-item .tek-grid-layout-item-buttons{position:absolute;right:16px}.tek-grid-layout-item .tek-grid-layout-item-buttons .v-icon{font-size:18px}.tek-grid-layout-item-header{max-width:270px;font-size:13px;font-weight:700;color:var(--v-primary-base)!important;line-height:18px}.tek-grid-layout-item-header.edited{color:var(--v-error-darken2)!important}.tek-grid-layout-item-discard{min-height:30px;padding-top:10px}.tek-grid-footer-row--summary{background:var(--row-active-color)}.tek-grid-footer-row--summary .zd-grid__cell-content{font-size:15px}.tek-grid-footer-row .zd-grid__cell-content{padding:0 8px;font-weight:700}.tek-grid-group-cell{font-weight:700}.tek-grid-group-cell__container{height:100%;align-items:center;position:sticky}.about-modal{flex-grow:0;overflow-y:unset;width:auto;border:3px solid var(--v-primary-base)}.about-modal .zd-modal-card,.about-modal .zd-modal-card-text,.about-modal .zd-modal-container,.about-modal .zd-tabs{height:100%}.about-modal .v-card-text{font-size:.875rem!important}.about-modal .zd-modal-card-text{padding:8px!important}.about-modal .zd-modal-container{display:flex;flex-direction:column}.about-modal .zd-tabs,.about-modal .v-tabs-items{overflow-y:auto}.about-modal .zd-image-valid{width:50%;align-items:center}.about-modal #basic-user-info_version_tabs{height:300px!important}.about-modal #basic-user-info_about_image{text-align:center}")),document.head.appendChild(t)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}})();
+var Tt = Object.create;
+var Se = Object.defineProperty;
+var $t = Object.getOwnPropertyDescriptor;
+var Ee = (e, o) => (o = Symbol[e]) ? o : Symbol.for("Symbol." + e), ie = (e) => {
+  throw TypeError(e);
+};
+var Fe = (e, o, t) => o in e ? Se(e, o, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[o] = t;
+var Ie = (e, o) => Se(e, "name", { value: o, configurable: !0 });
+var Le = (e) => [, , , Tt((e == null ? void 0 : e[Ee("metadata")]) ?? null)], Be = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"], re = (e) => e !== void 0 && typeof e != "function" ? ie("Function expected") : e, It = (e, o, t, l, d) => ({ kind: Be[e], name: o, metadata: l, addInitializer: (u) => t._ ? ie("Already initialized") : d.push(re(u || null)) }), Vt = (e, o) => Fe(o, Ee("metadata"), e[3]), Re = (e, o, t, l) => {
+  for (var d = 0, u = e[o >> 1], r = u && u.length; d < r; d++) o & 1 ? u[d].call(t) : l = u[d].call(t, l);
+  return l;
+}, ze = (e, o, t, l, d, u) => {
+  var r, h, w, g, k, f = o & 7, y = !!(o & 8), m = !!(o & 16), D = f > 3 ? e.length + 1 : f ? y ? 1 : 2 : 0, p = Be[f + 5], C = f > 3 && (e[D - 1] = []), i = e[D] || (e[D] = []), c = f && (!m && !y && (d = d.prototype), f < 5 && (f > 3 || !m) && $t(f < 4 ? d : { get [t]() {
+    return Ve(this, u);
+  }, set [t](a) {
+    return Ae(this, u, a);
+  } }, t));
+  f ? m && f < 4 && Ie(u, (f > 2 ? "set " : f > 1 ? "get " : "") + t) : Ie(d, t);
+  for (var n = l.length - 1; n >= 0; n--)
+    g = It(f, t, w = {}, e[3], i), f && (g.static = y, g.private = m, k = g.access = { has: m ? (a) => At(d, a) : (a) => t in a }, f ^ 3 && (k.get = m ? (a) => (f ^ 1 ? Ve : Et)(a, d, f ^ 4 ? u : c.get) : (a) => a[t]), f > 2 && (k.set = m ? (a, b) => Ae(a, d, b, f ^ 4 ? u : c.set) : (a, b) => a[t] = b)), h = (0, l[n])(f ? f < 4 ? m ? u : c[p] : f > 4 ? void 0 : { get: c.get, set: c.set } : d, g), w._ = 1, f ^ 4 || h === void 0 ? re(h) && (f > 4 ? C.unshift(h) : f ? m ? u = h : c[p] = h : d = h) : typeof h != "object" || h === null ? ie("Object expected") : (re(r = h.get) && (c.get = r), re(r = h.set) && (c.set = r), re(r = h.init) && C.unshift(r));
+  return f || Vt(e, d), c && Se(d, t, c), m ? f ^ 4 ? u : c : d;
+}, P = (e, o, t) => Fe(e, typeof o != "symbol" ? o + "" : o, t), ve = (e, o, t) => o.has(e) || ie("Cannot " + t), At = (e, o) => Object(o) !== o ? ie('Cannot use the "in" operator on this value') : e.has(o), Ve = (e, o, t) => (ve(e, o, "read from private field"), t ? t.call(e) : o.get(e));
+var Ae = (e, o, t, l) => (ve(e, o, "write to private field"), l ? l.call(e, t) : o.set(e, t), t), Et = (e, o, t) => (ve(e, o, "access private method"), t);
+import Ft from "i18next-vue";
+import { ModalService as Lt, Icons as Bt } from "@zeedhi/common";
+import { BreadcrumbHeader as nt, TekRestDatasource as X, TekFilterHelper as Rt, TekGridColumn as zt, TekGrid as Te, TekMemoryDatasource as le, TekGridColumnsButton as lt, TekGridFilterButton as st, TekGridLayoutOptions as at, Loading as rt, TekUserInfo as it, TekUserInfoList as ut } from "@zeedhi/teknisa-components-common";
+import { defineComponent as F, resolveComponent as T, openBlock as N, createElementBlock as B, createVNode as E, mergeProps as M, withCtx as $, normalizeProps as Pt, guardReactiveProps as Ht, createElementVNode as L, Fragment as x, renderList as oe, createBlock as V, resolveDynamicComponent as dt, createCommentVNode as R, renderSlot as ne, computed as Z, provide as we, nextTick as de, inject as ce, withDirectives as ct, normalizeStyle as te, normalizeClass as j, createSlots as mt, vShow as pt, reactive as gt, toDisplayString as Y, ref as se, watch as ft, createTextVNode as ue, onMounted as ht, isMemoSame as Mt, withModifiers as Ut } from "vue";
+import { ZdComponentRenderProps as he, useCreateInstance as U, NotProvidedError as Oe, buildProps as Ct, ZdGridEditableProps as bt, useGridEditableInstance as yt, getRootElement as pe, useGridColumns as kt, ZdIterableColumnsButtonProps as St, useButtonInstance as Ce, ZdButtonProps as vt, ZdLoadingProps as wt, useGetMethods as be, ZdListProps as Ot } from "@zeedhi/vuetify";
+import { Utils as ee, Config as ae, Metadata as ge, dayjs as _, I18n as De, Singleton as qt, Loader as Ge } from "@zeedhi/core";
+import J from "lodash.clonedeep";
+import ye from "lodash.debounce";
+import $e from "sortablejs";
+import { ZdUserInfoProps as Gt } from "@zeedhi/zd-user-info-vue";
+const Pe = {
+  ...he,
+  title: {
+    type: String,
+    default: ""
+  },
+  breadcrumb: {
+    type: Object,
+    default: {},
+    watch: !1
+  },
+  rightSlot: {
+    type: Array,
+    default: () => [],
+    watch: !1
+  }
+}, Zt = F({
+  props: Pe,
+  inheritAttrs: !1,
+  setup(e, o) {
+    const { instance: t, root: l } = U(
+      e,
+      o,
+      nt,
+      Pe
+    );
+    return {
+      instance: t,
+      root: l
+    };
+  }
+}), W = (e, o) => {
+  const t = e.__vccOpts || e;
+  for (const [l, d] of o)
+    t[l] = d;
+  return t;
+}, Kt = ["id"], jt = { class: "tek-breadcrumb-header-slot-right" }, Wt = { key: 0 };
+function _t(e, o, t, l, d, u) {
+  const r = T("zd-breadcrumbs"), h = T("zd-text"), w = T("v-col");
+  return N(), B("div", {
+    id: e.instance.name,
+    ref: "root",
+    class: "tek-breadcrumb-header"
+  }, [
+    E(r, M(e.instance.breadcrumb, {
+      theme: e.instance.theme
+    }), null, 16, ["theme"]),
+    E(w, {
+      class: "tek-breadcrumb-header-title-col",
+      cols: "12"
+    }, {
+      default: $(() => [
+        E(h, Pt(Ht({
+          name: `${e.instance.name}-title`,
+          cssClass: "tek-breadcrumb-header-title",
+          text: e.$t(e.instance.title)
+        })), null, 16),
+        L("span", jt, [
+          e.instance.rightSlot.length ? (N(), B("span", Wt, [
+            (N(!0), B(x, null, oe(e.instance.rightSlot, (g) => (N(), V(dt(g.component), M({ ref_for: !0 }, g, {
+              key: g.name
+            }), null, 16))), 128))
+          ])) : R("", !0),
+          ne(e.$slots, "rightSlot")
+        ])
+      ]),
+      _: 3
+    })
+  ], 8, Kt);
+}
+const Yt = /* @__PURE__ */ W(Zt, [["render", _t]]);
+function Nt() {
+  const e = ce("applyLayout"), o = ce("getColumnElements"), t = ce("getTableWidth");
+  if (!e)
+    throw new Oe("applyLayout");
+  if (!o)
+    throw new Oe("getColumnElements");
+  if (!t)
+    throw new Oe("getTableWidth");
+  return { applyLayout: e, getColumnElements: o, getTableWidth: t };
+}
+function Dt({
+  instance: e,
+  rootEl: o
+}) {
+  var D;
+  const t = (D = o.value) == null ? void 0 : D.querySelector("table"), l = Z(() => u(e.columns)), d = () => {
+    const p = e.datasource;
+    return p instanceof X ? p.dynamicFilter : {};
+  }, u = (p) => {
+    const C = {};
+    return p.forEach((i) => {
+      C[i.name] = i;
+    }), C;
+  }, r = (p) => {
+    var c;
+    const C = ((c = p.columns) == null ? void 0 : c.map((n) => n.name)) || [];
+    Object.keys(l.value).forEach((n) => {
+      var a;
+      C.includes(n) || (a = p.columns) == null || a.push(l.value[n]);
+    });
+  }, h = (p, C) => {
+    p instanceof zt && (!Array.isArray(p.filterProps) && typeof C == "string" ? p.filterProps.helperValue = C : Array.isArray(p.filterProps) && Array.isArray(C) && p.filterProps.forEach((i, c) => {
+      i.value = C[c];
+    }));
+  }, w = (p, C) => {
+    const i = J(p);
+    return Object.keys(i).forEach((c) => {
+      const n = i[c], a = C[C.findIndex((S) => S.name === c)], { filterHelperValue: b } = a;
+      n.forEach((S) => {
+        ["IN", "NOT_IN", "BETWEEN"].includes(S.operation) && !Array.isArray(S.value) && (S.value = S.value.split(";"));
+        let I = "";
+        if (Array.isArray(b) ? Object.keys(b).forEach((A) => {
+          const s = b[A] || "";
+          `${S.relation || "AND"}-${S.operation || "CONTAINS"}` === A && (I = s);
+        }) : I = b, I) {
+          const A = e.getColumn(a.name);
+          S.value = Rt.getValue(I, A);
+        }
+      });
+    }), i;
+  }, g = (p) => {
+    let C = !1;
+    return e.datasource.order = [...p.originalDatasourceOrder], e.datasource.filter = { ...p.originalDatasourceFilter }, e.datasource instanceof X && (e.datasource.dynamicFilter = w(
+      p.originalDatasourceDynamicFilter,
+      p.originalColumnProps
+    )), e.columns = p.originalColumnProps.map((i) => {
+      const c = l.value[i.name];
+      return C = C || c.grouped !== i.grouped || c.groupOpened !== i.groupOpened || c.aggregation !== i.aggregation, c.isVisible = i.isVisible ?? c.isVisible, c.label = i.label ?? c.label, c.align = i.align ?? c.align, c.fixed = i.fixed ?? c.fixed, c.grouped = i.grouped ?? c.grouped, c.groupOpened = i.groupOpened ?? c.groupOpened, c.aggregation = i.aggregation ?? c.aggregation, c.minWidth = i.minWidth ?? c.minWidth, c.maxWidth = i.maxWidth ?? c.maxWidth, c.width = i.width ?? c.width, h(c, i.filterHelperValue || ""), c;
+    }), t && (t.style.width = "100%", Array.from(t.querySelectorAll("tr th:not(.selectable)")).forEach((c) => {
+      c.style.width = "unset";
+    })), C;
+  }, k = (p, C) => {
+    var n;
+    const i = Object.keys(l.value);
+    let c = !1;
+    p.columns = (n = p.columns) == null ? void 0 : n.filter((a) => {
+      const b = i.includes(a.name);
+      return b || (c = !0), b;
+    }), c && C(p), t && (t.style.width = p.gridWidth || "auto"), e.datasource.order = p.order !== void 0 ? p.order : e.datasource.order, e.datasource.filter = p.filter !== void 0 ? p.filter : e.datasource.filter, e.datasource instanceof X && p.dynamicFilter !== void 0 && (e.datasource.dynamicFilter = w(p.dynamicFilter, p.columns || e.columns)), p.columns && (e.columns = p.columns.map((a) => {
+      const b = l.value[a.name];
+      return b.label = a.label !== void 0 ? a.label : b.label, b.align = a.align !== void 0 ? a.align : b.align, b.isVisible = a.isVisible !== void 0 ? a.isVisible : b.isVisible, b.fixed = !!a.fixed, b.grouped = !!a.grouped, b.groupOpened = !!a.groupOpened, b.aggregation = a.aggregation, b.minWidth = a.minWidth || "", b.maxWidth = a.maxWidth || "", b.width = a.width, h(b, a.filterHelperValue || ""), b;
+    }), de(() => {
+      i.forEach((a, b) => {
+        const S = t == null ? void 0 : t.querySelector(
+          `tr th:not(.selectable)[index="${b}"]`
+        );
+        S && (S.style.width = p.columns[b].width || "unset");
+      });
+    }));
+  }, f = ({
+    layout: p,
+    defaultLayout: C,
+    changeLayoutCallback: i
+  }) => {
+    const c = e.datasource.order, n = e.datasource.filter, a = d();
+    let b = !1;
+    p ? (r(p), k(p, i)) : b = g(C), (!ee.isEqual(e.datasource.order, c) || !ee.isEqual(e.datasource.filter, n) || !ee.isEqual(d(), a)) && !b && e.loadAfterTasks();
+  }, y = () => {
+    const p = {};
+    return ((t == null ? void 0 : t.querySelectorAll("tr th:not(.selectable)[index]")) || []).forEach((i) => {
+      const c = i.getAttribute("index");
+      c !== null && (p[c] = i);
+    }), p;
+  }, m = () => t ? window.getComputedStyle(t).width : "auto";
+  we("applyLayout", f), we("getColumnElements", y), we("getTableWidth", m);
+}
+const He = Ct({
+  ...bt,
+  toolbarSlot: {
+    type: Array,
+    default: void 0,
+    watch: !1
+  },
+  title: {
+    type: String,
+    default: ""
+  },
+  addButton: {
+    type: [Boolean, String],
+    default: !1
+  },
+  deleteButton: {
+    type: [String, Boolean],
+    default: "none"
+  },
+  columnsButton: {
+    type: [Boolean, String],
+    default: !1
+  },
+  columnsButtonIgnore: {
+    type: [Array, String],
+    default: () => []
+  },
+  showEditButtons: {
+    type: [Boolean, String],
+    default: !0
+  },
+  filterButton: {
+    type: [Boolean, String],
+    default: !1
+  },
+  modalFilterProps: {
+    type: Object,
+    default: () => ({})
+  },
+  showSearch: {
+    type: [Boolean, String],
+    default: !0
+  },
+  columnFilterButton: {
+    type: [Boolean, String],
+    default: !1
+  },
+  hideActions: {
+    type: [Boolean, String],
+    default: !1
+  },
+  actions: {
+    type: Array,
+    default: () => [],
+    watch: !1
+  },
+  dragColumns: {
+    type: [Boolean, String],
+    default: !0
+  },
+  resizeColumns: {
+    type: [Boolean, String],
+    default: !0
+  },
+  showLayoutOptions: {
+    type: [Boolean, String],
+    default: !0
+  },
+  showExport: {
+    type: [String, Boolean],
+    default: !1
+  },
+  showReload: {
+    type: [Boolean, String],
+    default: !0
+  },
+  exportConfig: {
+    type: Array
+  },
+  exportActions: {
+    type: Array,
+    watch: !1
+  },
+  groupsOpened: {
+    type: [Boolean, String],
+    default: !1
+  },
+  showSummaryTotal: {
+    type: [Boolean, String],
+    default: !0
+  },
+  mainGrid: {
+    type: [Boolean, String],
+    default: !0
+  },
+  xlsDefaultType: {
+    type: String,
+    default: void 0
+  },
+  showCheckboxAllFilter: {
+    type: [Boolean, String],
+    default: ae.gridShowCheckboxAllFilter
+  },
+  toolbarOpened: {
+    type: [Boolean],
+    default: !0
+  },
+  defaultFilter: {
+    type: Object
+  },
+  reportTitle: {
+    type: String
+  },
+  editNewRowsOnly: {
+    type: [Boolean, String],
+    default: !1
+  },
+  toolbarConfig: {
+    type: Array,
+    default: () => [],
+    watch: !1
+  },
+  reportLabelFormatter: {
+    type: Function,
+    default: void 0
+  },
+  showHideButton: {
+    type: [Boolean, String],
+    default: !0
+  }
+}), Jt = F({
+  props: He,
+  inheritAttrs: !1,
+  setup(e, o) {
+    const { instance: t, root: l } = U(e, o, Te, He), d = Z(() => t.isGrouped() ? t.getGroupedData() : t.getData()), u = Z(() => d.value.filter((s) => t.isItemVisible(s))), h = yt({
+      instance: t,
+      root: l,
+      renderedData: u,
+      isNavigableRow: (s) => s.classList.contains("zd-grid__row") && !s.classList.contains("tek-grid-group-row") && !s.classList.contains("tek-grid-footer-row")
+    }), w = pe(l), { visibleColumns: g } = kt({
+      instance: t,
+      rootEl: w,
+      visibilityCondition: (s) => s.isVisible && !s.grouped
+    });
+    Dt({ instance: t, rootEl: w });
+    const k = ye((s) => {
+      const O = new Event("change", { cancelable: !0 });
+      if (s.callEvent("beforeApplyFilter", { component: s, event: O }), O.defaultPrevented) return;
+      const { datasource: v } = s;
+      v instanceof X || v instanceof le ? v.updateDynamicFilter() : v.get();
+    }, 500), f = Z(() => {
+      if (t.datasource instanceof X || t.datasource instanceof le)
+        return t.datasource.dynamicFilter;
+      const s = t.datasource.filter, O = {};
+      return Object.keys(s).forEach((v) => {
+        O[v] = [{ relation: "AND", operation: "CONTAINS", value: s[v] }];
+      }), O;
+    }), y = (s) => {
+      if (!ee.isEqual(f, s)) {
+        if (t.datasource instanceof X || t.datasource instanceof le)
+          t.datasource.dynamicFilter = J(s);
+        else {
+          const O = {};
+          Object.keys(s).forEach((v) => {
+            s[v][0].value && (O[v] = s[v][0].value);
+          }), t.datasource.filter = O;
+        }
+        k(t), t.changeLayout();
+      }
+    }, m = (s) => t.columnHasFilter(s), D = (s, O) => t.isItemVisible(s) && h.shouldRender(O), p = (s) => {
+      const { uniqueKey: O, currentRow: v } = t.datasource;
+      return !!(s.group && s.groupValue === v.groupValue || s[O] && s[O] === v[O]);
+    }, C = (s) => {
+      let O = !1, v = !1;
+      const { uniqueKey: H } = t.datasource;
+      return s.children.forEach((q) => {
+        const z = t.selectedRows.findIndex((K) => q[H] === K[H]);
+        O = O || z !== -1, v = v || z === -1;
+      }), O && v;
+    }, i = (s) => s.children.every((O) => {
+      const { uniqueKey: v } = t.datasource;
+      return t.selectedRows.findIndex((q) => O[v] === q[v]) !== -1;
+    }), c = (s, O, v) => {
+      de(() => {
+        const H = pe(l);
+        t.selectGroupClick(s, O, v, H.value);
+      });
+    }, n = (s, O) => {
+      const { uniqueKey: v } = t.datasource, H = i(s);
+      H ? s.children.forEach((q) => {
+        t.selectedRows.findIndex((K) => q[v] === K[v]) !== -1 && t.selectRow(q, !1);
+      }) : s.children.map((z) => d.value.find((K) => z[v] === K[v])).forEach((z) => {
+        if (!z) return;
+        t.selectedRows.findIndex((ke) => z[v] === ke[v]) === -1 && t.selectRow(z, !0);
+      }), c(s, !H, O);
+    }, a = (s) => {
+      t.openGroup(s);
+    }, b = (s) => !!s.group, S = (s) => !!s.groupFooter, I = Z(() => t.columns.filter((s) => s.grouped).map((s) => s.name) || []), A = Z(() => h.sortBy.value.map(({ key: s, order: O }) => ({
+      key: s,
+      order: O
+    })));
+    return {
+      ...h,
+      instance: t,
+      root: l,
+      filter: f,
+      setFilter: y,
+      columnHasFilter: m,
+      visibleColumns: g,
+      isRowVisible: D,
+      isCurrentRowGroup: p,
+      isGroupSelectIndeterminate: C,
+      selectGroup: n,
+      isGroup: b,
+      openGroup: a,
+      renderedData: d,
+      isGroupSelected: i,
+      groupColumnNames: I,
+      isFooter: S,
+      visibleData: u,
+      sortBy: A
+    };
+  }
+}), Xt = ["colspan"], Qt = ["colspan"];
+function xt(e, o, t, l, d, u) {
+  const r = T("zd-grid-toolbar"), h = T("tek-grid-header-row"), w = T("tek-grid-group-row"), g = T("tek-grid-indentation"), k = T("zd-grid-editable-row"), f = T("tek-grid-footer-row"), y = T("zd-iterable-no-data"), m = T("zd-grid-footer"), D = T("v-data-table");
+  return ct((N(), V(D, {
+    ref: "root",
+    id: e.instance.name,
+    modelValue: e.selectedRows,
+    "onUpdate:modelValue": o[12] || (o[12] = (p) => e.selectedRows = p),
+    class: j([
+      "zd-grid",
+      "tek-grid",
+      "zd-grid-editable",
+      e.instance.cssClass,
+      {
+        "zd-grid--loading": e.instance.datasource.loading,
+        "zd-grid--cell-selection": e.instance.cellSelection
+      }
+    ]),
+    style: te([
+      e.cssColorVars,
+      {
+        height: e.$formatSize(e.instance.height),
+        width: e.$formatSize(e.instance.width),
+        maxHeight: e.$formatSize(e.instance.maxHeight),
+        minHeight: e.$formatSize(e.instance.minHeight),
+        maxWidth: e.$formatSize(e.instance.maxWidth),
+        minWidth: e.$formatSize(e.instance.minWidth)
+      },
+      e.$styleObject(e.instance.cssStyle)
+    ]),
+    theme: e.instance.theme,
+    "sort-asc-icon": "$collapse",
+    "sort-desc-icon": "$expand",
+    "fixed-header": "",
+    "multi-sort": "",
+    "hide-default-footer": "",
+    name: e.instance.name,
+    headers: e.headers,
+    items: e.renderedData,
+    search: e.instance.datasource.search,
+    density: e.instance.dense ? "compact" : "default",
+    loading: e.instance.datasource.loading,
+    "item-value": e.instance.datasource.uniqueKey,
+    "items-per-page": -1,
+    "no-filter": "",
+    "sort-by": e.sortBy,
+    "disable-sort": "",
+    "return-object": "",
+    tabindex: "0",
+    "onUpdate:sortBy": o[13] || (o[13] = (p) => e.updateSortBy(p))
+  }, mt({
+    top: $(() => [
+      e.hasToolbarSlot ? R("", !0) : (N(), V(r, { key: 0 })),
+      ne(e.$slots, "toolbarSlot")
+    ]),
+    headers: $(({ columns: p, isSorted: C, getSortIcon: i, toggleSort: c, sortBy: n }) => [
+      e.instance.showHeader ? (N(), V(h, {
+        key: 0,
+        name: e.instance.name,
+        selectable: e.instance.selectable,
+        headerBackground: e.instance.headerBackground,
+        showSelectAll: e.instance.showSelectAll,
+        allselectedState: e.allselectedState,
+        visibleColumns: e.visibleColumns,
+        dragColumns: e.instance.dragColumns,
+        headerCellTextColor: e.instance.headerCellTextColor,
+        resizeColumns: e.instance.resizeColumns,
+        getSortIcon: i,
+        toggleSort: c,
+        sortBy: n,
+        tableColumns: p,
+        isSorted: C,
+        disableCheckbox: e.instance.editing,
+        instanceName: e.instance.name,
+        filterRelationsDatasource: e.instance.filterRelationsDatasource,
+        filterOperationsDatasource: e.instance.filterOperationsDatasource,
+        modelValue: e.filter,
+        columnFilterButton: e.instance.columnFilterButton,
+        columnHasFilter: e.columnHasFilter,
+        level: e.groupColumnNames.length,
+        "onUpdate:modelValue": o[0] || (o[0] = (a) => e.setFilter(a)),
+        onResizeMousedown: o[1] || (o[1] = (a) => e.resizeMouseDownHandler(a.column, a.event)),
+        onResizeClick: o[2] || (o[2] = (a) => e.resizeClickHandler(a.event)),
+        onSelectAllClick: o[3] || (o[3] = (a) => e.selectAllClick(a))
+      }, null, 8, ["name", "selectable", "headerBackground", "showSelectAll", "allselectedState", "visibleColumns", "dragColumns", "headerCellTextColor", "resizeColumns", "getSortIcon", "toggleSort", "sortBy", "tableColumns", "isSorted", "disableCheckbox", "instanceName", "filterRelationsDatasource", "filterOperationsDatasource", "modelValue", "columnFilterButton", "columnHasFilter", "level"])) : R("", !0)
+    ]),
+    "no-data": $(() => [
+      E(y, null, {
+        errorSlot: $(() => [
+          ne(e.$slots, "errorSlot")
+        ]),
+        noResultSlot: $(() => [
+          ne(e.$slots, "noResultSlot")
+        ]),
+        noDataSlot: $(() => [
+          ne(e.$slots, "noDataSlot")
+        ]),
+        _: 3
+      })
+    ]),
+    bottom: $(() => [
+      e.instance.showFooter && !e.hasFooterSlot ? (N(), V(m, { key: 0 })) : R("", !0),
+      ne(e.$slots, "footerSlot")
+    ]),
+    _: 2
+  }, [
+    e.addTopPadding() ? {
+      name: "body.prepend",
+      fn: $(({ headers: p }) => [
+        L("tr", null, [
+          L("td", {
+            colspan: p.length,
+            style: te(`padding-top:${e.scrollData.startHeight}px`)
+          }, null, 12, Xt)
+        ])
+      ]),
+      key: "0"
+    } : void 0,
+    e.addBottomPadding() ? {
+      name: "body.append",
+      fn: $(({ headers: p }) => [
+        L("tr", null, [
+          L("td", {
+            colspan: p.length,
+            style: te(`padding-top:${e.scrollData.endHeight}px`)
+          }, null, 12, Qt)
+        ])
+      ]),
+      key: "1"
+    } : void 0,
+    e.instance.datasource.data.length ? {
+      name: "body",
+      fn: $(({ internalItems: p, isSelected: C }) => [
+        (N(!0), B(x, null, oe(e.visibleData, (i, c) => (N(), B(x, null, [
+          e.isRowVisible(i, c) ? (N(), B(x, { key: 0 }, [
+            e.isGroup(i) ? (N(), V(w, {
+              key: i.groupColumnName + i.groupValue,
+              row: i,
+              "is-current-row": e.isCurrentRowGroup(i),
+              selectable: e.instance.selectable,
+              selectionDisabled: e.instance.callDisableSelection(i),
+              cellSelection: e.instance.cellSelection,
+              "is-current": e.isCurrent,
+              isSelected: e.isGroupSelected(i),
+              indeterminate: e.isGroupSelectIndeterminate(i),
+              onClick: (n) => e.rowClick(i, n),
+              onCheckboxClick: (n) => e.selectGroup(i, n),
+              onFocusin: o[4] || (o[4] = (n) => e.cellFocusIn(n)),
+              onExpandClick: (n) => e.openGroup(i)
+            }, null, 8, ["row", "is-current-row", "selectable", "selectionDisabled", "cellSelection", "is-current", "isSelected", "indeterminate", "onClick", "onCheckboxClick", "onExpandClick"])) : e.isFooter(i) ? (N(), V(f, {
+              key: "footer" + i.groupColumnName + i.groupValue,
+              isSelected: C(p[c]),
+              selectable: e.instance.selectable,
+              selectionDisabled: e.instance.callDisableSelection(i),
+              cellSelection: e.instance.cellSelection,
+              isCurrent: e.isCurrent,
+              columns: e.visibleColumns,
+              row: i,
+              fixedLeft: e.fixedLeft,
+              fixedRight: e.fixedRight,
+              onCellFocus: o[10] || (o[10] = (n) => e.cellFocus(n)),
+              onFocusin: o[11] || (o[11] = (n) => e.cellFocusIn(n))
+            }, null, 8, ["isSelected", "selectable", "selectionDisabled", "cellSelection", "isCurrent", "columns", "row", "fixedLeft", "fixedRight"])) : (N(), V(k, {
+              key: e.instance.getRowKey(i),
+              isSelected: C(p[c]),
+              isCurrentRow: e.isCurrentRow(i),
+              selectable: e.instance.selectable,
+              selectionDisabled: e.instance.callDisableSelection(i),
+              cellSelection: e.instance.cellSelection,
+              isCurrent: e.isCurrent,
+              columns: e.visibleColumns,
+              row: i,
+              fixedLeft: e.fixedLeft,
+              fixedRight: e.fixedRight,
+              isEditing: e.isEditing,
+              onCellFocus: o[5] || (o[5] = (n) => e.cellFocus(n)),
+              onCellClick: o[6] || (o[6] = (n) => e.cellClick(n)),
+              onClick: (n) => e.rowClick(i, n),
+              onFocusin: o[7] || (o[7] = (n) => e.cellFocusIn(n)),
+              onCheckboxClick: (n) => e.selectRowClick(i, !C(p[c]), n),
+              onCellEnterEdit: o[8] || (o[8] = (n) => e.cellEnterEdit(n)),
+              onCellKeydown: o[9] || (o[9] = (n) => e.cellKeydown(n))
+            }, {
+              "cell-prepend": $(({ index: n }) => {
+                var a;
+                return [
+                  n === 0 && e.groupColumnNames.length > 0 ? (N(), V(g, {
+                    key: 0,
+                    level: (a = i.groupHeaders) == null ? void 0 : a.length
+                  }, null, 8, ["level"])) : R("", !0)
+                ];
+              }),
+              _: 2
+            }, 1032, ["isSelected", "isCurrentRow", "selectable", "selectionDisabled", "cellSelection", "isCurrent", "columns", "row", "fixedLeft", "fixedRight", "isEditing", "onClick", "onCheckboxClick"]))
+          ], 64)) : R("", !0)
+        ], 64))), 256))
+      ]),
+      key: "2"
+    } : void 0
+  ]), 1032, ["id", "modelValue", "class", "style", "theme", "name", "headers", "items", "search", "density", "loading", "item-value", "sort-by"])), [
+    [pt, e.instance.isVisible]
+  ]);
+}
+const eo = /* @__PURE__ */ W(Jt, [["render", xt]]), Q = (e) => ["IN", "NOT_IN", "BETWEEN"].includes(e), to = {
+  hasFilterData: {
+    type: Boolean,
+    default: !1
+  },
+  column: {
+    type: Object,
+    required: !0
+  },
+  modelValue: {
+    type: Array,
+    default: []
+  },
+  instanceName: {
+    type: String,
+    required: !0
+  },
+  filterRelationsDatasource: {
+    type: [Object, null],
+    required: !1
+  },
+  filterOperationsDatasource: {
+    type: [Object, null],
+    required: !1
+  },
+  isHovering: {
+    type: Boolean,
+    default: !1
+  },
+  multiple: {
+    type: Boolean,
+    required: !0
+  }
+}, oo = F({
+  props: to,
+  inheritAttrs: !1,
+  emits: ["update:modelValue"],
+  setup(e, o) {
+    const t = (n) => `${e.instanceName}-${e.column.name}-filter-value-${n}`, l = (n) => {
+      const a = t(n);
+      ge.getInstance(a).setFocus();
+    }, d = () => gt({
+      operation: "CONTAINS",
+      relation: "AND",
+      value: void 0
+    });
+    let u = d();
+    const r = (n, a) => {
+      const b = e.column.componentProps.dateFormat || ae.dateFormat, S = e.column.componentProps.displayFormat || ae.displayFormat;
+      return a ? _(n, S).isValid() || !_(n, b).isValid() ? n : _(n, b).format(S) : _(n, b).isValid() || !_(n, S).isValid() ? n : _(n, S).format(b);
+    }, h = (n, a = !1) => ["ZdDate", "ZdDateRange"].includes(e.column.componentProps.component) ? Array.isArray(n) ? n.map((b) => r(b, a)) : r(n, a) : n, w = /* @__PURE__ */ new WeakMap();
+    let g = 0;
+    const k = (n) => (w.has(n) || w.set(n, `__item__${g++}`), w.get(n)), f = Z(() => e.multiple ? [...e.modelValue, u].map((n) => ({
+      id: k(n),
+      item: n
+    })) : e.modelValue.length > 0 ? [{ id: k(e.modelValue[0]), item: e.modelValue[0] }] : [{ id: k(u), item: u }]), y = ye((n) => {
+      ee.isEqual(n, e.modelValue) || (o.emit("update:modelValue", n), u = d());
+    }, 500);
+    return {
+      changeValue: (n, a, { component: b }) => {
+        const S = J(e.modelValue), I = J(n), { value: A } = b, s = e.multiple && a === S.length;
+        let O = A;
+        if (A && Q(I.operation) && (O = A.split(";")), I.value = h(O), !e.multiple) {
+          y([I]);
+          return;
+        }
+        if (s) {
+          if (!I.value) return;
+          y([...S, I]);
+          return;
+        }
+        I.value || (a === S.length - 1 && (u.operation = I.operation, u.relation = I.relation), S.splice(a, 1), S.length > 0 && a === 0 && (S[0].relation = "AND"), S.length === 0 && (u.relation = "AND")), y(S);
+      },
+      changeRelation: (n, { component: a }) => {
+        const b = J(e.modelValue), S = n === b.length, I = S ? u : b[n], { value: A } = a;
+        l(n), I.relation = A, !S && y(b);
+      },
+      changeOperation: (n, { component: a }) => {
+        const b = J(e.modelValue), S = b[n], I = n === b.length, A = I ? u : S, { value: s } = a;
+        l(n), Q(s) && (A.value = Array.isArray(S.value) ? S.value : [S.value]), A.operation = s, !I && y(b);
+      },
+      getValueInputName: t,
+      newFilter: u,
+      getComponentType: (n) => Q(n) ? "ZdTextInput" : e.column.componentProps.component,
+      getComponentHint: (n) => Q(n) ? "TEKGRID_MULTIPLE_VALUE_HINT" : "",
+      modelWithIds: f,
+      getItemValue: (n) => Q(n.operation) ? n.value.join(";") : n.value
+    };
+  }
+});
+function no(e, o, t, l, d, u) {
+  const r = T("zd-grid-header-icon"), h = T("zd-radio"), w = T("zd-select"), g = T("v-card"), k = T("v-menu");
+  return N(), V(k, {
+    "offset-overflow": "",
+    "offset-y": "",
+    transition: "scale-transition",
+    "content-class": "tek-grid-column-filter__menu",
+    "close-on-content-click": !1
+  }, {
+    activator: $(({ props: f }) => [
+      E(r, M(f, {
+        icon: e.$getIcon("filter"),
+        hidden: !e.isHovering && !e.hasFilterData,
+        color: e.hasFilterData ? "primary" : ""
+      }), null, 16, ["icon", "hidden", "color"])
+    ]),
+    default: $(() => [
+      E(g, {
+        class: "zd-pa-4 zd-pb-0",
+        "min-width": 200,
+        "max-height": 300
+      }, {
+        default: $(() => [
+          (N(!0), B(x, null, oe(e.modelWithIds, ({ item: f, id: y }, m) => (N(), B(x, { key: y }, [
+            e.multiple && m > 0 ? (N(), V(h, M({
+              key: 0,
+              name: `${e.instanceName}-${e.column.name}-filter-relation-${m}`
+            }, { ref_for: !0 }, {
+              showLabel: !1,
+              showHelper: !1,
+              vertical: !1,
+              cssClass: "zd-mb-2",
+              datasource: e.filterRelationsDatasource,
+              dataValue: "value",
+              dataLabel: "text",
+              value: f.relation,
+              events: {
+                change: (D) => e.changeRelation(m, D)
+              }
+            }), null, 16, ["name"])) : R("", !0),
+            e.multiple && f.operation ? (N(), V(w, M({
+              key: 1,
+              name: `${e.instanceName}-${e.column.name}-filter-operation-${m}`
+            }, { ref_for: !0 }, {
+              autocomplete: !1,
+              showLabel: !1,
+              showHelper: !1,
+              clearable: !1,
+              cssClass: "zd-mb-2",
+              datasource: e.filterOperationsDatasource,
+              dataValue: "value",
+              dataText: "text",
+              value: f.operation,
+              events: {
+                change: (D) => e.changeOperation(m, D)
+              }
+            }), null, 16, ["name"])) : R("", !0),
+            (N(), V(dt(e.getComponentType(f.operation)), M({
+              name: `${e.instanceName}-${e.column.name}-filter-value-${m}`
+            }, { ref_for: !0 }, {
+              ...e.column.componentProps,
+              showLabel: !1,
+              showHelper: !0,
+              autofill: !1,
+              cssClass: "zd-mb-2",
+              value: e.getItemValue(f),
+              persistentHint: !0,
+              hint: e.getComponentHint(f.operation),
+              events: {
+                input: (D) => e.changeValue(f, m, D),
+                change: (D) => e.changeValue(f, m, D)
+              }
+            }), null, 16, ["name"]))
+          ], 64))), 128))
+        ]),
+        _: 1
+      })
+    ]),
+    _: 1
+  });
+}
+const lo = /* @__PURE__ */ W(oo, [["render", no]]), so = F({
+  props: {
+    selectable: {
+      type: Boolean,
+      default: !1
+    },
+    headerBackground: {
+      type: String,
+      default: ""
+    },
+    showSelectAll: {
+      type: Boolean,
+      default: !1
+    },
+    allselectedState: {
+      type: Number,
+      default: 0
+    },
+    visibleColumns: {
+      type: Array,
+      default: () => []
+    },
+    dragColumns: {
+      type: Boolean,
+      default: !1
+    },
+    headerCellTextColor: {
+      type: String,
+      default: ""
+    },
+    resizeColumns: {
+      type: Boolean,
+      default: !1
+    },
+    getSortIcon: {
+      type: Function,
+      default: () => {
+      }
+    },
+    isSorted: {
+      type: Function,
+      default: () => {
+      }
+    },
+    toggleSort: {
+      type: Function,
+      default: () => {
+      }
+    },
+    tableColumns: {
+      type: Array,
+      default: () => []
+    },
+    sortBy: {
+      type: Array,
+      default: () => []
+    },
+    disableCheckbox: {
+      type: Boolean,
+      default: !1
+    },
+    sortable: {
+      type: Boolean,
+      default: !0
+    },
+    name: {
+      type: String,
+      default: ""
+    },
+    modelValue: {
+      type: Object,
+      default: () => []
+    },
+    instanceName: {
+      type: String,
+      required: !0
+    },
+    filterRelationsDatasource: {
+      type: [Object, null],
+      required: !1
+    },
+    filterOperationsDatasource: {
+      type: [Object, null],
+      required: !1
+    },
+    columnFilterButton: {
+      type: Boolean,
+      required: !0
+    },
+    columnHasFilter: {
+      type: Function,
+      required: !0
+    },
+    level: {
+      type: Number,
+      default: 0
+    }
+  },
+  emits: ["selectAllClick", "resizeMousedown", "resizeClick", "update:modelValue"],
+  setup(e, { emit: o }) {
+    const t = ce("calcWidth");
+    if (!t)
+      throw new Error("calcWidth");
+    return {
+      calcWidth: t,
+      resizeMousedown: (g, k) => {
+        o("resizeMousedown", { event: k, column: g });
+      },
+      resizeClick: (g) => {
+        o("resizeClick", { event: g });
+      },
+      findOrderIndex: (g, k) => g.findIndex((f) => f.key === k.name),
+      updateModelValue: (g, k) => {
+        const f = { ...e.modelValue };
+        f[g] = k, o("update:modelValue", f);
+      },
+      showFilterButton: (g) => g.type !== "action" && e.columnFilterButton && g.filterable,
+      selectAllClick: (g) => {
+        o("selectAllClick", g);
+      }
+    };
+  }
+}), ao = {
+  key: 0,
+  class: "tek-grid-column-aggregation"
+};
+function ro(e, o, t, l, d, u) {
+  const r = T("tek-grid-indentation"), h = T("tek-grid-column-filter"), w = T("zd-grid-column-header"), g = T("zd-grid-header-row");
+  return N(), V(g, {
+    name: e.name,
+    selectable: e.selectable,
+    headerBackground: e.headerBackground,
+    showSelectAll: e.showSelectAll,
+    allselectedState: e.allselectedState,
+    visibleColumns: e.visibleColumns,
+    dragColumns: e.dragColumns,
+    headerCellTextColor: e.headerCellTextColor,
+    resizeColumns: e.resizeColumns,
+    getSortIcon: e.getSortIcon,
+    toggleSort: e.toggleSort,
+    sortBy: e.sortBy,
+    tableColumns: e.tableColumns,
+    isSorted: e.isSorted,
+    disableCheckbox: e.disableCheckbox,
+    onSelectAllClick: e.selectAllClick
+  }, {
+    default: $(({ column: k, index: f, isHovering: y }) => [
+      E(w, {
+        cssStyle: {
+          color: e.headerCellTextColor,
+          width: e.calcWidth(k)
+        },
+        action: k.type === "action",
+        overflow: k.overflow,
+        helperText: k.helperText,
+        label: k.label,
+        columnAlign: k.align,
+        orderIndex: e.findOrderIndex(e.sortBy, k),
+        isSortable: e.sortable && k.sortable,
+        resizeColumns: e.resizeColumns,
+        sortIcon: e.getSortIcon(e.tableColumns[f]),
+        isSorted: e.isSorted(e.tableColumns[f]),
+        isHovering: y,
+        onClick: (m) => e.toggleSort(e.tableColumns[f]),
+        onResizeMousedown: (m) => e.resizeMousedown(k, m),
+        onResizeClick: o[0] || (o[0] = (m) => e.resizeClick(m))
+      }, mt({
+        label: $(() => [
+          k.aggregation ? (N(), B("span", ao, "(" + Y(e.$t(`TEKGRID_AGGREGATION_${k.aggregation}`)) + ") ", 1)) : R("", !0)
+        ]),
+        _: 2
+      }, [
+        f === 0 ? {
+          name: "prepend",
+          fn: $(() => [
+            E(r, {
+              level: e.level,
+              "show-divider": !1
+            }, null, 8, ["level"])
+          ]),
+          key: "0"
+        } : void 0,
+        e.showFilterButton(k) ? {
+          name: "append",
+          fn: $(({ isHovering: m }) => [
+            E(h, {
+              modelValue: e.modelValue[k.name],
+              hasFilterData: e.columnHasFilter(k.name),
+              column: k,
+              instanceName: e.instanceName,
+              filterRelationsDatasource: e.filterRelationsDatasource,
+              filterOperationsDatasource: e.filterOperationsDatasource,
+              isHovering: m,
+              multiple: !!e.filterRelationsDatasource && !!e.filterOperationsDatasource,
+              "onUpdate:modelValue": (D) => e.updateModelValue(k.name, D)
+            }, null, 8, ["modelValue", "hasFilterData", "column", "instanceName", "filterRelationsDatasource", "filterOperationsDatasource", "isHovering", "multiple", "onUpdate:modelValue"])
+          ]),
+          key: "1"
+        } : void 0
+      ]), 1032, ["cssStyle", "action", "overflow", "helperText", "label", "columnAlign", "orderIndex", "isSortable", "resizeColumns", "sortIcon", "isSorted", "isHovering", "onClick", "onResizeMousedown"])
+    ]),
+    _: 1
+  }, 8, ["name", "selectable", "headerBackground", "showSelectAll", "allselectedState", "visibleColumns", "dragColumns", "headerCellTextColor", "resizeColumns", "getSortIcon", "toggleSort", "sortBy", "tableColumns", "isSorted", "disableCheckbox", "onSelectAllClick"]);
+}
+const io = /* @__PURE__ */ W(so, [["render", ro]]);
+var ot, Ne;
+ot = [qt];
+class me {
+  constructor(o) {
+    P(this, "modal");
+    P(this, "columnData", {});
+    P(this, "fixedColumns", []);
+    P(this, "visibleColumns", []);
+    P(this, "groupedColumns", []);
+    P(this, "otherColumns", []);
+    P(this, "aggregationData", []);
+    P(this, "selectedColumnNames", []);
+    P(this, "searchValue", "");
+    P(this, "showGroups", !0);
+    P(this, "selectedColumnsAlignment");
+    P(this, "selectedColumnsAggregation");
+    P(this, "iterableComponent");
+    P(this, "instanceValue");
+    P(this, "updatingSelect", !1);
+    this.modal = o;
+  }
+  updateArrays() {
+    this.fixedColumns = [], this.visibleColumns = [], this.groupedColumns = [], this.otherColumns = [], Object.keys(this.columnData).forEach((o) => {
+      const t = this.columnData[o];
+      this.instanceValue && this.instanceValue.ignoreColumns.indexOf(t.name) === -1 && (t.grouped ? this.groupedColumns.push(t) : t.fixed ? this.fixedColumns.push(t) : t.isVisible ? this.visibleColumns.push(t) : this.otherColumns.push(t));
+    });
+  }
+  set instance(o) {
+    this.instanceValue = o, this.iterableComponent = o.iterableComponent, this.showGroups = o.iterableComponent instanceof Te, this.aggregationData = o.getAggregationSelectData(), this.columnData = {}, this.iterableComponent.columns.forEach((t) => {
+      this.columnData[t.name] = {
+        name: t.name,
+        label: t.label,
+        fixed: t.fixed,
+        isVisible: t.isVisible,
+        align: t.align,
+        grouped: t.grouped || !1,
+        groupOpened: t.groupOpened || !1,
+        aggregation: t.aggregation,
+        aggregationText: this.getAggregationText(t.aggregation),
+        selected: !1
+      };
+    }), this.updateArrays(), this.selectedColumnNames = [];
+  }
+  getAggregationText(o) {
+    let t = "";
+    if (o) {
+      const l = this.aggregationData.findIndex((d) => d.value === o);
+      l !== -1 && (t = ` (${this.aggregationData[l].text})`);
+    }
+    return t;
+  }
+  columnInSearch(o) {
+    return !this.searchValue || ee.normalize(o.label).indexOf(ee.normalize(this.searchValue)) !== -1;
+  }
+  get fixedColumnData() {
+    return this.fixedColumns.filter(this.columnInSearch.bind(this));
+  }
+  set fixedColumnData(o) {
+  }
+  get visibleColumnData() {
+    return this.visibleColumns.filter(this.columnInSearch.bind(this));
+  }
+  set visibleColumnData(o) {
+  }
+  get groupedColumnData() {
+    return this.groupedColumns.filter(this.columnInSearch.bind(this));
+  }
+  set groupedColumnData(o) {
+  }
+  get otherColumnData() {
+    return this.otherColumns.filter(this.columnInSearch.bind(this));
+  }
+  set otherColumnData(o) {
+  }
+  get hasSelectedColumn() {
+    return this.selectedColumnNames.length > 0;
+  }
+  get hasNoSelectedColumn() {
+    return !this.hasSelectedColumn;
+  }
+  get detailColumnName() {
+    const o = this.selectedColumnNames.length ? this.selectedColumnNames.join(", ") : De.translate("TEKGRID_SELECT_COLUMN");
+    return `${De.translate("TEKGRID_DETAILS_FOR")} ${o}`;
+  }
+  get hasNoFixedColumns() {
+    return this.fixedColumns.length === 0;
+  }
+  get hasNoVisibleColumns() {
+    return this.visibleColumns.length === 0;
+  }
+  get hasNoGroupedColumns() {
+    return this.groupedColumns.length === 0;
+  }
+  get hasNoOtherColumns() {
+    return this.otherColumns.length === 0;
+  }
+  get hasNoSingleSelection() {
+    return this.selectedColumnNames.length !== 1;
+  }
+  get selectedColumnLabel() {
+    return this.selectedColumnNames.length === 1 ? this.columnData[this.selectedColumnNames[0]].label : "";
+  }
+  set selectedColumnLabel(o) {
+    this.selectedColumnNames.length === 1 && (this.columnData[this.selectedColumnNames[0]].label = o);
+  }
+  getSameValue(o) {
+    return this.selectedColumnNames.length > 0 && this.selectedColumnNames.every(
+      (l) => this.columnData[l][o] === this.columnData[this.selectedColumnNames[0]][o]
+    ) ? this.columnData[this.selectedColumnNames[0]][o] : void 0;
+  }
+  setSameValue(o, t) {
+    this.selectedColumnNames.forEach((l) => {
+      this.columnData[l][o] = t;
+    });
+  }
+  get groupInSelection() {
+    return this.hasNoSelectedColumn || this.selectedColumnNames.some((o) => this.columnData[o].grouped);
+  }
+  get notGroupInSelection() {
+    return this.hasNoSelectedColumn || this.selectedColumnNames.some((o) => !this.columnData[o].grouped);
+  }
+  get selectedColumnGroupOpened() {
+    return this.getSameValue("groupOpened");
+  }
+  set selectedColumnGroupOpened(o) {
+    this.setSameValue("groupOpened", o);
+  }
+  onShowModal() {
+    ["tekGridColumnsOptionsColumnAlignment", "tekGridColumnsOptionsColumnAggregation"].forEach((t) => {
+      const l = ge.getInstance(t);
+      l.value = "";
+    });
+  }
+  selectMounted({ component: o }) {
+    this.updatingSelect = !0, o.name === "tekGridColumnsOptionsColumnAlignment" ? o.value = this.selectedColumnsAlignment : o.name === "tekGridColumnsOptionsColumnAggregation" && (o.value = this.selectedColumnsAggregation), setTimeout(() => {
+      this.updatingSelect = !1;
+    }, 0);
+  }
+  selectChange({ component: o }) {
+    this.updatingSelect || (o.name === "tekGridColumnsOptionsColumnAlignment" ? this.setSameValue("align", o.value) : (this.setSameValue("aggregation", o.value), this.setSameValue("aggregationText", this.getAggregationText(o.value))));
+  }
+  updateSelects() {
+    this.selectedColumnsAlignment = this.updateSelect("align"), this.selectedColumnsAggregation = this.updateSelect("aggregation");
+  }
+  updateSelect(o) {
+    this.updatingSelect = !0;
+    const t = this.getSameValue(o), l = {
+      align: "tekGridColumnsOptionsColumnAlignment",
+      aggregation: "tekGridColumnsOptionsColumnAggregation"
+    }, d = ge.getInstances(l[o]);
+    return d[0] && (d[0].value = t), setTimeout(() => {
+      this.updatingSelect = !1;
+    }, 0), t;
+  }
+  columnRemoveClick(o) {
+    o.isVisible = !1, this.selectedColumnNames.splice(this.selectedColumnNames.indexOf(o.name), 1), this.otherColumns.push(o);
+  }
+  columnFixedRemoveClick({ element: o }) {
+    const t = o == null ? void 0 : o.getAttribute("columnname");
+    if (t) {
+      const l = this.columnData[t];
+      this.columnRemoveClick(l), this.fixedColumns.splice(this.fixedColumns.indexOf(l), 1);
+    }
+  }
+  columnVisibleRemoveClick({ element: o }) {
+    const t = o == null ? void 0 : o.getAttribute("columnname");
+    if (t) {
+      const l = this.columnData[t];
+      this.columnRemoveClick(l), this.visibleColumns.splice(this.visibleColumns.indexOf(l), 1);
+    }
+  }
+  columnGroupedRemoveClick({ element: o }) {
+    const t = o == null ? void 0 : o.getAttribute("columnname");
+    if (t) {
+      const l = this.columnData[t];
+      this.columnRemoveClick(l), this.groupedColumns.splice(this.groupedColumns.indexOf(l), 1);
+    }
+  }
+  isMacPlatform() {
+    return /Mac/.test(navigator.platform);
+  }
+  isMobilePlatform() {
+    return /iPhone|iPad|Android/.test(navigator.platform);
+  }
+  columnClick({ element: o, event: t }) {
+    const l = o.getAttribute("columnname");
+    if (l) {
+      const d = t;
+      this.isMacPlatform() && d.metaKey || d.ctrlKey || this.isMobilePlatform() ? this.columnData[l].selected = !this.columnData[l].selected : Object.keys(this.columnData).forEach((h) => {
+        const w = this.columnData[h];
+        w.selected = w.name === l;
+      });
+      const r = this.fixedColumns.concat(this.visibleColumns).concat(this.groupedColumns).concat(this.otherColumns);
+      this.selectedColumnNames = r.filter((h) => h.selected).map((h) => h.name), this.updateSelects();
+    }
+  }
+  removeFromSourceList(o) {
+    const t = this.columnData[o], l = this.fixedColumns.indexOf(t);
+    if (l !== -1)
+      this.fixedColumns.splice(l, 1);
+    else {
+      const d = this.visibleColumns.indexOf(t);
+      if (d !== -1)
+        this.visibleColumns.splice(d, 1);
+      else {
+        const u = this.groupedColumns.indexOf(t);
+        if (u !== -1)
+          this.groupedColumns.splice(u, 1);
+        else {
+          const r = this.otherColumns.indexOf(t);
+          r !== -1 && this.otherColumns.splice(r, 1);
+        }
+      }
+    }
+  }
+  onDragEnd(o) {
+    const t = o.item.getAttribute("columnname");
+    this.selectedColumnNames.indexOf(t) === -1 && (this.selectedColumnNames = [t], this.updateSelects(), setTimeout(() => {
+      Object.keys(this.columnData).forEach((l) => {
+        const d = this.columnData[l];
+        d.selected = d.name === t;
+      });
+    })), this.selectedColumnNames.forEach((l, d) => {
+      const u = o.newIndex + d;
+      if (l) {
+        this.removeFromSourceList(l);
+        const r = this.columnData[l];
+        o.to.id === "tekGridColumnsOptionsFixedColumns" ? (r.fixed = !0, r.isVisible = !0, r.grouped = !1, r.groupOpened = !1, this.fixedColumns.splice(u, 0, r)) : o.to.id === "tekGridColumnsOptionsVisibleColumns" ? (r.fixed = !1, r.isVisible = !0, r.grouped = !1, r.groupOpened = !1, this.visibleColumns.splice(u, 0, r)) : o.to.id === "tekGridColumnsOptionsOtherColumns" ? (r.fixed = !1, r.isVisible = !1, r.grouped = !1, r.groupOpened = !1, this.otherColumns.splice(u, 0, r)) : o.to.id === "tekGridColumnsOptionsGroupedColumns" && (r.fixed = !1, r.isVisible = !0, r.grouped = !0, r.aggregation = void 0, r.aggregationText = "", this.groupedColumns.splice(u, 0, r));
+      }
+    });
+  }
+  columnContainerMounted({ element: o }) {
+    o && $e.create(o, {
+      handle: ".tek-grid-column-option-box",
+      group: "column-container",
+      filter: ".no-data, .tek-grid-column-option-grouped-true",
+      onEnd: this.onDragEnd.bind(this)
+    });
+  }
+  selectAll({ component: o }) {
+    let t;
+    o.name === "tekGridColumnsOptionsFixedSelectAll" ? t = this.fixedColumns : o.name === "tekGridColumnsOptionsVisibleSelectAll" ? t = this.visibleColumns : o.name === "tekGridColumnsOptionsOtherSelectAll" ? t = this.otherColumns : t = this.groupedColumns, this.selectedColumnNames = t.map((l) => l.name), Object.keys(this.columnData).forEach((l) => {
+      const d = this.columnData[l];
+      d.selected = this.selectedColumnNames.indexOf(d.name) !== -1;
+    });
+  }
+  cancelChanges() {
+    this.modal.hide();
+  }
+  applyChanges({ event: o, element: t }) {
+    const l = this.iterableComponent.columns.filter(
+      (u) => this.instanceValue && this.instanceValue.ignoreColumns.indexOf(u.name) !== -1
+    ), d = this.groupedColumns.concat(this.fixedColumns).concat(this.visibleColumns).concat(this.otherColumns).concat(l);
+    if (this.iterableComponent) {
+      this.iterableComponent.columns = d.map((h) => {
+        const w = this.iterableComponent.columns.findIndex((k) => k.name === h.name), g = this.iterableComponent.columns[w];
+        return g.fixed = h.fixed, g.isVisible = h.isVisible, g.grouped = h.grouped, g.groupOpened = h.groupOpened, g.label = h.label, g.align = h.align, g.aggregation = h.aggregation, g;
+      });
+      const { datasource: u } = this.iterableComponent, r = u.order.filter((h) => {
+        const w = h.split(".")[0];
+        return this.groupedColumns.findIndex((g) => g.name === w) === -1;
+      });
+      u.order = this.groupedColumns.map((h) => `${h.name}.asc`).concat(r), this.iterableComponent.changeLayout(o, t);
+    }
+    this.modal.hide();
+  }
+}
+Ne = Le(null), me = ze(Ne, 0, "TekGridColumnsOptionsController", ot, me), Re(Ne, 1, me);
+const G = class G {
+  static show(o) {
+    G.modal || (G.modal = Lt.create(G.modalDef), Ge.addController(G.controllerName, me, [
+      G.modal
+    ]));
+    const t = Ge.getInstance(G.controllerName);
+    t.instance = o, G.modal.show();
+  }
+  static hide() {
+    G.modal && G.modal.hide();
+  }
+  static callOnShowModal() {
+    const o = Ge.getInstance(G.controllerName);
+    o && o.onShowModal();
+  }
+};
+P(G, "controllerName", `TekGridColumnsOptionsController_${Date.now()}`), P(G, "modalDef", {
+  name: "tekGridColumnsOptionsModal",
+  title: "",
+  persistent: !0,
+  grid: {
+    sm: 11,
+    md: 9
+  },
+  children: [
+    {
+      name: "tekGridColumnsOptionsCloseButtonContainer",
+      component: "ZdContainer",
+      cssClass: "zd-pa-0 zd-mb-6 zd-display-flex",
+      children: [
+        {
+          name: "tekGridColumnsOptionsTitleText",
+          component: "ZdText",
+          text: "TEKGRID_COLUMNS_OPTIONS",
+          cssClass: "zd-theme-font-title"
+        },
+        {
+          name: "tekGridColumnsOptionsFilterSpacer",
+          component: "VSpacer"
+        },
+        {
+          name: "tekGridColumnsOptionsCloseModalButton",
+          component: "ZdModalCloseButton",
+          small: !0,
+          modalName: "tekGridColumnsOptionsModal"
+        }
+      ]
+    },
+    {
+      name: "tekGridColumnsOptionsSearchRow",
+      component: "ZdRow",
+      children: [
+        {
+          name: "tekGridColumnsOptionsSearchCol",
+          component: "ZdCol",
+          cols: 12,
+          children: [
+            {
+              name: "tekGridColumnsOptionsSearchInput",
+              component: "ZdTextInput",
+              showLabel: !1,
+              showHelper: !1,
+              placeholder: "SEARCH",
+              appendIcon: "magnify",
+              value: `{{${G.controllerName}.searchValue}}`
+            }
+          ]
+        }
+      ]
+    },
+    {
+      name: "tekGridColumnsOptionsFixedRow",
+      component: "ZdRow",
+      children: [
+        {
+          name: "tekGridColumnsOptionsFixedCol",
+          component: "ZdCol",
+          cols: 12,
+          cssClass: "tek-grid-column-option-container-col",
+          children: [
+            {
+              name: "tekGridColumnsOptionsFixedLabel",
+              component: "ZdText",
+              text: "TEKGRID_FIXED_COLUMNS",
+              cssClass: "tek-grid-column-option-label"
+            },
+            {
+              name: "tekGridColumnsOptionsFixedSelectAll",
+              component: "ZdText",
+              text: "TEKGRID_SELECT_ALL",
+              cssClass: "tek-grid-column-option-select-all",
+              events: {
+                click: `{{${G.controllerName}.selectAll}}`
+              }
+            },
+            {
+              name: "tekGridColumnsOptionsFixedDropHere",
+              component: "ZdText",
+              text: "TEKGRID_DROP_COLUMNS",
+              cssClass: "tek-grid-column-option-drop-here",
+              isVisible: `{{${G.controllerName}.hasNoFixedColumns}}`
+            },
+            {
+              name: "tekGridColumnsOptionsFixedColumns",
+              component: "TekIterableComponentRender",
+              id: "tekGridColumnsOptionsFixedColumns",
+              cssClass: "tek-grid-column-option-container",
+              datasource: {
+                uniqueKey: "name",
+                data: `{{${G.controllerName}.fixedColumnData}}`
+              },
+              noDataSlot: [],
+              events: {
+                onMounted: `{{${G.controllerName}.columnContainerMounted}}`
+              },
+              componentMetadata: {
+                name: "tekGridColumnsOptionsFixedColumn_<<row.name>>",
+                component: "ZdTag",
+                columnName: "<<row.name>>",
+                cssClass: "tek-grid-column-option-box zd-elevation-1 tek-grid-column-option-selected-<<row.selected>>",
+                tag: "div",
+                children: [
+                  {
+                    name: "tekGridColumnsOptionsFixedColumnText_<<row.name>>",
+                    columnName: "<<row.name>>",
+                    component: "ZdText",
+                    text: "<<row.label>><<row.aggregationText>>"
+                  },
+                  {
+                    name: "tekGridColumnsOptionsFixedColumnRemove_<<row.name>>",
+                    columnName: "<<row.name>>",
+                    component: "ZdIcon",
+                    iconName: "close",
+                    events: {
+                      click: `{{${G.controllerName}.columnFixedRemoveClick}}`
+                    }
+                  }
+                ],
+                events: {
+                  click: `{{${G.controllerName}.columnClick}}`
+                }
+              }
+            }
+          ]
+        }
+      ]
+    },
+    {
+      name: "tekGridColumnsOptionsVisibleRow",
+      component: "ZdRow",
+      children: [
+        {
+          name: "tekGridColumnsOptionsVisibleCol",
+          component: "ZdCol",
+          cols: 12,
+          cssClass: "tek-grid-column-option-container-col",
+          children: [
+            {
+              name: "tekGridColumnsOptionsVisibleLabel",
+              component: "ZdText",
+              text: "TEKGRID_VISIBLE_COLUMNS",
+              cssClass: "tek-grid-column-option-label"
+            },
+            {
+              name: "tekGridColumnsOptionsVisibleSelectAll",
+              component: "ZdText",
+              text: "TEKGRID_SELECT_ALL",
+              cssClass: "tek-grid-column-option-select-all",
+              events: {
+                click: `{{${G.controllerName}.selectAll}}`
+              }
+            },
+            {
+              name: "tekGridColumnsOptionsVisibleDropHere",
+              component: "ZdText",
+              text: "TEKGRID_DROP_COLUMNS",
+              cssClass: "tek-grid-column-option-drop-here",
+              isVisible: `{{${G.controllerName}.hasNoVisibleColumns}}`
+            },
+            {
+              name: "tekGridColumnsOptionsVisibleColumns",
+              component: "TekIterableComponentRender",
+              id: "tekGridColumnsOptionsVisibleColumns",
+              cssClass: "tek-grid-column-option-container",
+              datasource: {
+                uniqueKey: "name",
+                data: `{{${G.controllerName}.visibleColumnData}}`
+              },
+              noDataSlot: [],
+              events: {
+                onMounted: `{{${G.controllerName}.columnContainerMounted}}`
+              },
+              componentMetadata: {
+                name: "tekGridColumnsOptionsVisibleColumn_<<row.name>>",
+                component: "ZdTag",
+                columnName: "<<row.name>>",
+                cssClass: "tek-grid-column-option-box zd-elevation-1 tek-grid-column-option-selected-<<row.selected>>",
+                tag: "div",
+                children: [
+                  {
+                    name: "tekGridColumnsOptionsVisibleColumnText_<<row.name>>",
+                    columnName: "<<row.name>>",
+                    component: "ZdText",
+                    text: "<<row.label>><<row.aggregationText>>"
+                  },
+                  {
+                    name: "tekGridColumnsOptionsVisibleColumnRemove_<<row.name>>",
+                    columnName: "<<row.name>>",
+                    component: "ZdIcon",
+                    iconName: "close",
+                    events: {
+                      click: `{{${G.controllerName}.columnVisibleRemoveClick}}`
+                    }
+                  }
+                ],
+                events: {
+                  click: `{{${G.controllerName}.columnClick}}`
+                }
+              }
+            }
+          ]
+        }
+      ]
+    },
+    {
+      name: "tekGridColumnsOptionsGroupedRow",
+      component: "ZdRow",
+      isVisible: `{{${G.controllerName}.showGroups}}`,
+      children: [
+        {
+          name: "tekGridColumnsOptionsGroupedCol",
+          component: "ZdCol",
+          cssClass: "tek-grid-column-option-container-col",
+          cols: 12,
+          children: [
+            {
+              name: "tekGridColumnsOptionsGroupedLabel",
+              component: "ZdText",
+              text: "TEKGRID_GROUPED_COLUMNS",
+              cssClass: "tek-grid-column-option-label"
+            },
+            {
+              name: "tekGridColumnsOptionsGroupedSelectAll",
+              component: "ZdText",
+              text: "TEKGRID_SELECT_ALL",
+              cssClass: "tek-grid-column-option-select-all",
+              events: {
+                click: `{{${G.controllerName}.selectAll}}`
+              }
+            },
+            {
+              name: "tekGridColumnsOptionsGroupedDropHere",
+              component: "ZdText",
+              text: "TEKGRID_DROP_COLUMNS",
+              cssClass: "tek-grid-column-option-drop-here",
+              isVisible: `{{${G.controllerName}.hasNoGroupedColumns}}`
+            },
+            {
+              name: "tekGridColumnsOptionsGroupedColumns",
+              component: "TekIterableComponentRender",
+              id: "tekGridColumnsOptionsGroupedColumns",
+              cssClass: "tek-grid-column-option-container",
+              datasource: {
+                uniqueKey: "name",
+                data: `{{${G.controllerName}.groupedColumnData}}`
+              },
+              noDataSlot: [],
+              events: {
+                onMounted: `{{${G.controllerName}.columnContainerMounted}}`
+              },
+              componentMetadata: {
+                name: "tekGridColumnsOptionsGroupedColumn_<<row.name>>",
+                component: "ZdTag",
+                columnName: "<<row.name>>",
+                cssClass: "tek-grid-column-option-box zd-elevation-1 tek-grid-column-option-selected-<<row.selected>>",
+                tag: "div",
+                children: [
+                  {
+                    name: "tekGridColumnsOptionsGroupedColumnText_<<row.name>>",
+                    columnName: "<<row.name>>",
+                    component: "ZdText",
+                    text: "<<row.label>><<row.aggregationText>>"
+                  },
+                  {
+                    name: "tekGridColumnsOptionsGroupedColumnRemove_<<row.name>>",
+                    columnName: "<<row.name>>",
+                    component: "ZdIcon",
+                    iconName: "close",
+                    events: {
+                      click: `{{${G.controllerName}.columnGroupedRemoveClick}}`
+                    }
+                  }
+                ],
+                events: {
+                  click: `{{${G.controllerName}.columnClick}}`
+                }
+              }
+            }
+          ]
+        }
+      ]
+    },
+    {
+      name: "tekGridColumnsOptionsOtherRow",
+      component: "ZdRow",
+      children: [
+        {
+          name: "tekGridColumnsOptionsOtherCol",
+          component: "ZdCol",
+          cssClass: "tek-grid-column-option-container-col",
+          cols: 12,
+          children: [
+            {
+              name: "tekGridColumnsOptionsOtherLabel",
+              component: "ZdText",
+              text: "TEKGRID_OTHER_COLUMNS",
+              cssClass: "tek-grid-column-option-label"
+            },
+            {
+              name: "tekGridColumnsOptionsOtherSelectAll",
+              component: "ZdText",
+              text: "TEKGRID_SELECT_ALL",
+              cssClass: "tek-grid-column-option-select-all",
+              events: {
+                click: `{{${G.controllerName}.selectAll}}`
+              }
+            },
+            {
+              name: "tekGridColumnsOptionsOtherDropHere",
+              component: "ZdText",
+              text: "TEKGRID_DROP_COLUMNS",
+              cssClass: "tek-grid-column-option-drop-here",
+              isVisible: `{{${G.controllerName}.hasNoOtherColumns}}`
+            },
+            {
+              name: "tekGridColumnsOptionsOtherColumns",
+              component: "TekIterableComponentRender",
+              id: "tekGridColumnsOptionsOtherColumns",
+              cssClass: "tek-grid-column-option-container",
+              datasource: {
+                uniqueKey: "name",
+                data: `{{${G.controllerName}.otherColumnData}}`
+              },
+              noDataSlot: [],
+              events: {
+                onMounted: `{{${G.controllerName}.columnContainerMounted}}`
+              },
+              componentMetadata: {
+                name: "tekGridColumnsOptionsOtherColumn_<<row.name>>",
+                component: "ZdText",
+                columnName: "<<row.name>>",
+                text: "<<row.label>><<row.aggregationText>>",
+                cssClass: "tek-grid-column-option-box zd-elevation-1 tek-grid-column-option-selected-<<row.selected>>",
+                events: {
+                  click: `{{${G.controllerName}.columnClick}}`
+                }
+              }
+            }
+          ]
+        }
+      ]
+    },
+    {
+      name: "tekGridColumnsOptionsDetailColumnName",
+      component: "ZdText",
+      cssClass: "tek-grid-column-option-detail-name",
+      text: `{{${G.controllerName}.detailColumnName}}`,
+      grid: {
+        xs: 12
+      }
+    },
+    {
+      name: "tekGridColumnsOptionsDetailRow",
+      component: "ZdRow",
+      children: [
+        {
+          name: "tekGridColumnsOptionsDetailCol",
+          component: "ZdCol",
+          cols: 12,
+          children: [
+            {
+              name: "tekGridColumnsOptionsDetailForm",
+              component: "ZdForm",
+              cssClass: "tek-grid-column-option-detail-form",
+              children: [
+                {
+                  name: "tekGridColumnsOptionsColumnLabel",
+                  component: "ZdTextInput",
+                  label: "TEKGRID_COLUMN_LABEL",
+                  showHelper: !1,
+                  clearable: !1,
+                  disabled: `{{${G.controllerName}.hasNoSingleSelection}}`,
+                  value: `{{${G.controllerName}.selectedColumnLabel}}`,
+                  grid: {
+                    xs: 12,
+                    md: 5
+                  }
+                },
+                {
+                  name: "tekGridColumnsOptionsColumnAlignment",
+                  component: "ZdSelect",
+                  autocomplete: !1,
+                  label: "TEKGRID_COLUMN_ALIGNMENT",
+                  disabled: `{{${G.controllerName}.hasNoSelectedColumn}}`,
+                  showHelper: !1,
+                  clearable: !1,
+                  grid: {
+                    xs: 6,
+                    md: 2
+                  },
+                  dataText: "text",
+                  dataValue: "value",
+                  datasource: {
+                    data: [
+                      { text: "TEKGRID_LEFT", value: "left" },
+                      { text: "TEKGRID_CENTER", value: "center" },
+                      { text: "TEKGRID_RIGHT", value: "right" }
+                    ],
+                    translate: "text"
+                  },
+                  events: {
+                    change: `{{${G.controllerName}.selectChange}}`,
+                    onMounted: `{{${G.controllerName}.selectMounted}}`
+                  }
+                },
+                {
+                  name: "tekGridColumnsOptionsColumnAggregation",
+                  component: "ZdSelect",
+                  isVisible: `{{${G.controllerName}.showGroups}}`,
+                  autocomplete: !1,
+                  label: "TEKGRID_COLUMN_AGGREGATION",
+                  showHelper: !1,
+                  disabled: `{{${G.controllerName}.groupInSelection}}`,
+                  dataText: "text",
+                  dataValue: "value",
+                  grid: {
+                    xs: 6,
+                    md: 2
+                  },
+                  datasource: {
+                    data: `{{${G.controllerName}.aggregationData}}`
+                  },
+                  events: {
+                    change: `{{${G.controllerName}.selectChange}}`,
+                    onMounted: `{{${G.controllerName}.selectMounted}}`
+                  }
+                },
+                {
+                  name: "tekGridColumnsOptionsColumnGroupOpened",
+                  component: "ZdCheckbox",
+                  isVisible: `{{${G.controllerName}.showGroups}}`,
+                  cssClass: "zd-form-input-align",
+                  disabled: `{{${G.controllerName}.notGroupInSelection}}`,
+                  label: "TEKGRID_COLUMN_GROUP_OPENED",
+                  value: `{{${G.controllerName}.selectedColumnGroupOpened}}`,
+                  grid: {
+                    xs: 6,
+                    md: 3
+                  }
+                }
+              ]
+            }
+          ]
+        }
+      ]
+    },
+    {
+      name: "tekGridColumnsOptionsDetailFooter",
+      component: "ZdFooter",
+      padless: !0,
+      color: "transparent",
+      cssClass: "zd-mt-6",
+      rightSlot: [
+        {
+          name: "tekGridColumnsOptionsDetailCancel",
+          component: "ZdButton",
+          outline: !0,
+          label: "TEKGRID_CANCEL",
+          events: {
+            click: `{{${G.controllerName}.cancelChanges}}`
+          }
+        },
+        {
+          name: "tekGridColumnsOptionsDetailApply",
+          component: "ZdButton",
+          label: "TEKGRID_APPLY",
+          events: {
+            click: `{{${G.controllerName}.applyChanges}}`
+          }
+        }
+      ]
+    }
+  ],
+  events: {
+    onShow: () => G.callOnShowModal()
+  }
+}), P(G, "modal");
+let fe = G;
+const Me = {
+  ...St,
+  hideGroups: {
+    type: [Boolean, String],
+    default: !1
+  }
+}, uo = F({
+  props: Me,
+  inheritAttrs: !1,
+  setup(e, o) {
+    const { instance: t, root: l } = U(
+      e,
+      o,
+      lt,
+      Me
+    ), d = Ce({ instance: t, root: l }), u = se(!1), r = se(!1), h = (y) => {
+      console.warn(y);
+    };
+    ft(u, () => {
+      !u.value || r.value || (r.value = !0, de(() => {
+        const y = document.querySelector(`#${t.name}_columns_table tbody`);
+        y && $e.create(y, {
+          handle: ".sortHandle",
+          dragClass: "tek-grid-columns-button-sortable-drag",
+          onEnd: g
+        });
+      }));
+    });
+    const w = Z(() => t.iterableComponent.columns.filter((y) => y.grouped).map((y) => y.name) || []), g = (y) => {
+      const m = t.iterableComponent, D = Array.from(y.srcElement.querySelectorAll("tr")).map((c) => c.getAttribute("name")), p = [], C = D.map((c) => {
+        const n = m.getColumn(c);
+        return n.grouped && p.push(c), n;
+      }), i = m.columns.filter((c) => t.ignoreColumns.indexOf(c.name) !== -1);
+      m.columns = C.concat(i), m.updateGrouping && JSON.stringify(p) !== JSON.stringify(w) && m.updateGrouping(), m.changeLayout();
+    };
+    return {
+      ...d,
+      instance: t,
+      root: l,
+      menuIsOpened: u,
+      moreOptions: () => {
+        fe.show(t);
+      },
+      close: () => {
+        u.value = !1;
+      },
+      teste: h,
+      mergeProps: M
+    };
+  }
+}), co = { class: "tek-grid-columns-button-table-wrapper zd-mb-2" }, mo = ["id"], po = { key: 0 }, go = { key: 1 }, fo = ["name"], ho = { class: "tek-grid-columns-button-column-name sortHandle" }, Co = { key: 0 }, bo = {
+  key: 1,
+  class: "tek-grid-columns-button-column-aggregation"
+}, yo = { class: "tek-grid-columns-button-table-footer" };
+function ko(e, o, t, l, d, u) {
+  const r = T("zd-activator-wrapper"), h = T("v-tooltip"), w = T("zd-checkbox"), g = T("zd-select"), k = T("zd-button"), f = T("v-card"), y = T("v-menu");
+  return N(), V(y, {
+    id: e.instance.name,
+    modelValue: e.menuIsOpened,
+    "onUpdate:modelValue": o[2] || (o[2] = (m) => e.menuIsOpened = m),
+    class: j(["zd-iterable-columns-button", "tek-grid-columns-button", e.instance.cssClass]),
+    style: te(e.instance.cssStyle),
+    closeOnContentClick: !1,
+    "offset-y": "",
+    "content-class": "zd-iterable-columns-button-options tek-grid-columns-button-options"
+  }, {
+    activator: $(({ props: m }) => [
+      E(h, { bottom: "" }, {
+        activator: $(({ props: D }) => [
+          E(r, M({
+            "child-props": {
+              component: "ZdButton",
+              name: e.instance.name,
+              instanceObject: e.instance
+            }
+          }, e.mergeProps(m, D)), null, 16, ["child-props"])
+        ]),
+        default: $(() => [
+          L("span", null, Y(e.$t("TEKGRID_COLUMNS")), 1)
+        ]),
+        _: 2
+      }, 1024)
+    ]),
+    default: $(() => [
+      E(f, { class: "zd-pa-2" }, {
+        default: $(() => [
+          L("div", co, [
+            L("table", {
+              class: "tek-grid-columns-button-table",
+              id: e.instance.name + "_columns_table"
+            }, [
+              L("thead", null, [
+                L("tr", null, [
+                  o[3] || (o[3] = L("th", null, null, -1)),
+                  L("th", null, Y(e.$t("TEKGRID_COLUMN_VISIBLE")), 1),
+                  e.instance.hideGroups ? R("", !0) : (N(), B("th", po, Y(e.$t("TEKGRID_COLUMN_GROUPED")), 1)),
+                  e.instance.hideGroups ? R("", !0) : (N(), B("th", go, Y(e.$t("TEKGRID_COLUMN_AGGREGATION")), 1))
+                ])
+              ]),
+              L("tbody", null, [
+                (N(!0), B(x, null, oe(e.instance.filteredColumns(), (m) => (N(), B("tr", {
+                  key: m.name,
+                  name: m.name
+                }, [
+                  L("td", ho, [
+                    o[4] || (o[4] = L("span", null, "⦙⦙", -1)),
+                    ue(Y(e.$t(m.label)), 1)
+                  ]),
+                  L("td", null, [
+                    E(w, {
+                      name: e.instance.name + "_column_visible_" + m.name,
+                      value: m.grouped || m.isVisible,
+                      events: {
+                        change: e.instance.controller.showHideTekColumn.bind(e.instance.controller, m)
+                      }
+                    }, null, 8, ["name", "value", "events"])
+                  ]),
+                  e.instance.hideGroups ? R("", !0) : (N(), B("td", Co, [
+                    m.type !== "action" ? (N(), V(w, {
+                      key: 0,
+                      name: e.instance.name + "_column_grouped_" + m.name,
+                      value: m.grouped,
+                      events: {
+                        change: e.instance.controller.changeGroupedColumn.bind(e.instance.controller, m)
+                      }
+                    }, null, 8, ["name", "value", "events"])) : R("", !0)
+                  ])),
+                  e.instance.hideGroups ? R("", !0) : (N(), B("td", bo, [
+                    m.type !== "action" ? (N(), V(g, M({
+                      key: 0,
+                      name: e.instance.name + "_column_aggregation_" + m.name
+                    }, { ref_for: !0 }, {
+                      value: m.aggregation,
+                      disabled: m.grouped || !m.isVisible,
+                      events: {
+                        change: e.instance.controller.changeAggregationColumn.bind(e.instance.controller, m)
+                      },
+                      dataText: "text",
+                      dataValue: "value",
+                      autocomplete: !1,
+                      showHelper: !1,
+                      showLabel: !1,
+                      datasource: {
+                        data: e.instance.getAggregationSelectData()
+                      }
+                    }), null, 16, ["name"])) : R("", !0)
+                  ]))
+                ], 8, fo))), 128))
+              ])
+            ], 8, mo)
+          ]),
+          L("div", yo, [
+            E(k, {
+              name: e.instance.name + "_columns_table_footer_button",
+              label: "TEKGRID_MORE_OPTIONS",
+              small: "",
+              outline: "",
+              cssClass: "zd-ma-2 zd-mr-1",
+              onClick: o[0] || (o[0] = (m) => e.moreOptions())
+            }, null, 8, ["name"]),
+            E(k, {
+              name: e.instance.name + "_columns_table_footer_close",
+              label: "TEKGRID_CLOSE",
+              small: "",
+              cssClass: "zd-ma-2 zd-ml-1",
+              onClick: o[1] || (o[1] = (m) => e.close())
+            }, null, 8, ["name"])
+          ])
+        ]),
+        _: 1
+      })
+    ]),
+    _: 1
+  }, 8, ["id", "modelValue", "class", "style"]);
+}
+const So = /* @__PURE__ */ W(uo, [["render", ko]]), Ue = {
+  ...vt,
+  gridName: {
+    type: String,
+    default: ""
+  },
+  grid: {
+    type: [Object, String],
+    default: () => {
+    }
+  },
+  showCheckboxAll: {
+    type: [Boolean, String],
+    default: !1
+  }
+}, vo = F({
+  props: Ue,
+  inheritAttrs: !1,
+  setup(e, o) {
+    const { instance: t, root: l } = U(
+      e,
+      o,
+      st,
+      Ue
+    );
+    return {
+      ...Ce({ instance: t, root: l }),
+      instance: t,
+      root: l,
+      filterClick: ({ event: r }) => {
+        t.click(r);
+      }
+    };
+  }
+});
+function wo(e, o, t, l, d, u) {
+  const r = T("zd-button");
+  return N(), V(r, M({
+    id: "instance.name",
+    name: `${e.instance.name}_name`
+  }, {
+    icon: !0,
+    cssClass: "tek-grid-filter-button",
+    iconName: "mdi-filter",
+    isVisible: e.instance.grid.filterButton,
+    events: {
+      click: e.filterClick
+    }
+  }), null, 16, ["name"]);
+}
+const Oo = /* @__PURE__ */ W(vo, [["render", wo]]), Go = F({
+  props: {
+    showDivider: {
+      type: Boolean,
+      default: !0
+    },
+    level: {
+      type: Number,
+      default: 0
+    },
+    footer: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup() {
+    return {};
+  }
+});
+function No(e, o, t, l, d, u) {
+  return N(!0), B(x, null, oe(e.level, (r) => (N(), B("span", {
+    key: r,
+    class: j([
+      "tek-grid-indentation",
+      {
+        "tek-grid-indentation--corner": e.footer && r === e.level,
+        "tek-grid-indentation--divider": e.showDivider
+      }
+    ])
+  }, null, 2))), 128);
+}
+const Do = /* @__PURE__ */ W(Go, [["render", No]]), qe = {
+  ...he
+  // Zeedhi 3.0
+}, To = F({
+  props: qe,
+  inheritAttrs: !1,
+  setup(e, o) {
+    const { instance: t, root: l } = U(
+      e,
+      o,
+      at,
+      qe
+    ), { applyLayout: d, getColumnElements: u, getTableWidth: r } = Nt();
+    ht(() => {
+      t.viewApplyLayout = k, t.viewGetCurrentLayout = f;
+    });
+    const h = ({ component: C }) => {
+      const i = C.value;
+      if (i) {
+        const c = f(i);
+        t.newLayout(c);
+      }
+      y.value = !1, C.value = "";
+    }, w = () => {
+      const C = t.grid.datasource;
+      return C instanceof X ? C.dynamicFilter : {};
+    }, g = (C) => {
+      t.updateLayout(C.name, f(C.name));
+    }, k = (C) => {
+      const i = {
+        originalDatasourceOrder: t.originalDatasourceOrder,
+        originalDatasourceFilter: t.originalDatasourceFilter,
+        originalColumnProps: t.originalColumnProps,
+        originalDatasourceDynamicFilter: t.originalDatasourceDynamicFilter
+      };
+      d({ layout: C, defaultLayout: i, changeLayoutCallback: g }), y.value = !1;
+    }, f = (C) => {
+      const { grid: i } = t, c = r(), n = u();
+      return {
+        name: C,
+        gridWidth: c,
+        order: i.datasource.order,
+        filter: i.datasource.filter,
+        dynamicFilter: w(),
+        columns: i.columns.map((a, b) => {
+          const S = n[b];
+          return {
+            name: a.name,
+            label: a.label,
+            align: a.align,
+            width: S ? window.getComputedStyle(S).width : "unset",
+            minWidth: a.minWidth,
+            maxWidth: a.maxWidth,
+            isVisible: a.isVisible,
+            fixed: a.fixed,
+            grouped: a.grouped,
+            groupOpened: a.groupOpened,
+            aggregation: a.aggregation,
+            filterHelperValue: t.getHelperValue(a)
+          };
+        })
+      };
+    }, y = se(!1), m = (C, i) => {
+      t.layoutEdited ? (t.updateLayout(i, f(i)), C.stopImmediatePropagation(), y.value = !1) : t.applyLayout(i);
+    }, D = (C, i) => {
+      t.deleteLayout(i), C.stopImmediatePropagation();
+    };
+    return {
+      instance: t,
+      root: l,
+      menuActive: y,
+      confirmLayoutClick: h,
+      applyOrUpdateLayout: m,
+      deleteButtonClick: (C) => ({ event: i }) => {
+        D(i, C);
+      },
+      mergeProps: M
+    };
+  }
+}), $o = {
+  key: 0,
+  class: "tek-grid-layout-item-buttons"
+};
+function Io(e, o, t, l, d, u) {
+  const r = T("zd-activator-wrapper"), h = T("v-badge"), w = T("v-tooltip"), g = T("v-list-item"), k = T("zd-text-input"), f = T("zd-button"), y = T("v-list"), m = T("v-menu");
+  return N(), V(m, {
+    id: e.instance.name,
+    name: e.instance.name,
+    class: j(["tek-grid-layout-options", e.instance.cssClass]),
+    style: te(e.instance.cssStyle),
+    modelValue: e.menuActive,
+    "onUpdate:modelValue": o[2] || (o[2] = (D) => e.menuActive = D),
+    "offset-y": "",
+    closeOnContentClick: !1
+  }, {
+    activator: $(({ props: D }) => [
+      E(w, { bottom: "" }, {
+        activator: $(({ props: p }) => [
+          ct(E(h, {
+            overlap: "",
+            class: "tek-grid-layout-options-badge",
+            dot: "",
+            offsetX: 12,
+            offsetY: 12,
+            value: e.instance.layoutEdited
+          }, {
+            default: $(() => [
+              E(r, M({ ref: "root" }, e.mergeProps(D, p), {
+                "child-props": {
+                  component: "ZdButton",
+                  name: e.instance.name + "_button",
+                  icon: !0,
+                  iconName: "mdi-table-star",
+                  isVisible: e.instance.isVisible
+                }
+              }), null, 16, ["child-props"])
+            ]),
+            _: 2
+          }, 1032, ["value"]), [
+            [pt, e.instance.isVisible]
+          ])
+        ]),
+        default: $(() => [
+          L("span", null, Y(e.$t("LAYOUT") + (e.instance.currentLayoutName || e.$t("DEFAULT_LAYOUT"))), 1)
+        ]),
+        _: 2
+      }, 1024)
+    ]),
+    default: $(() => [
+      E(y, null, {
+        default: $(() => [
+          E(g, {
+            class: j(["tek-grid-layout-item-header", { edited: e.instance.layoutEdited }])
+          }, {
+            default: $(() => [
+              ue(Y(e.instance.layoutEdited ? e.$t("LAYOUT_MODIFIED") : e.$t("LAYOUT_NOT_MODIFIED")), 1)
+            ]),
+            _: 1
+          }, 8, ["class"]),
+          E(g, null, {
+            default: $(() => [
+              E(k, M({
+                name: e.instance.name + "_new_layout",
+                ref: "inputNewLayout"
+              }, {
+                showHelper: !1,
+                showLabel: !1,
+                placeholder: "NEW_LAYOUT",
+                appendOuterIcon: "mdi-check",
+                autofocus: !0,
+                autofill: !1,
+                keyMap: {
+                  enter: {
+                    event: e.confirmLayoutClick,
+                    input: !0,
+                    active: !0
+                  }
+                },
+                events: {
+                  appendOuterIconClick: e.confirmLayoutClick
+                }
+              }), null, 16, ["name"])
+            ]),
+            _: 1
+          }),
+          e.instance.layoutEdited ? R("", !0) : (N(), V(g, {
+            key: 0,
+            class: j(["tek-grid-layout-item", {
+              selected: e.instance.currentLayoutName === ""
+            }]),
+            onClick: o[0] || (o[0] = (D) => e.instance.applyLayout(""))
+          }, {
+            default: $(() => [
+              ue(Y(e.$t("DEFAULT_LAYOUT")), 1)
+            ]),
+            _: 1
+          }, 8, ["class"])),
+          (N(!0), B(x, null, oe(e.instance.layoutNames, (D) => (N(), V(g, {
+            key: D,
+            class: j(["tek-grid-layout-item", {
+              selected: D === e.instance.currentLayoutName
+            }]),
+            onClick: (p) => e.applyOrUpdateLayout(p, D)
+          }, {
+            default: $(() => [
+              ue(Y(D) + " ", 1),
+              e.instance.layoutEdited ? R("", !0) : (N(), B("span", $o, [
+                E(f, M({
+                  name: "tek-grid-layout-item-delete_" + e.instance.name + D
+                }, { ref_for: !0 }, {
+                  small: !0,
+                  icon: !0,
+                  iconName: "mdi-trash-can-outline",
+                  events: {
+                    click: e.deleteButtonClick(D)
+                  }
+                }), null, 16, ["name"])
+              ]))
+            ]),
+            _: 2
+          }, 1032, ["class", "onClick"]))), 128)),
+          e.instance.layoutEdited ? (N(), V(g, {
+            key: 1,
+            class: j(["tek-grid-layout-item-discard"]),
+            onClick: o[1] || (o[1] = (D) => e.instance.discardChanges())
+          }, {
+            default: $(() => [
+              E(f, {
+                small: "",
+                color: "error darken-2",
+                width: "100%",
+                name: "tek-grid-layout-item-discard-changes",
+                label: "LAYOUT_DISCART_CHANGES"
+              })
+            ]),
+            _: 1
+          })) : R("", !0)
+        ]),
+        _: 1
+      })
+    ]),
+    _: 1
+  }, 8, ["id", "name", "class", "style", "modelValue"]);
+}
+const Vo = /* @__PURE__ */ W(To, [["render", Io]]), Ao = F({
+  props: {
+    isSelected: {
+      type: Boolean,
+      required: !0
+    },
+    selectable: {
+      type: Boolean,
+      required: !0
+    },
+    selectionDisabled: {
+      type: Boolean,
+      required: !0
+    },
+    cellSelection: {
+      type: Boolean,
+      required: !0
+    },
+    isCurrent: {
+      type: Function,
+      required: !0
+    },
+    columns: {
+      type: Array,
+      required: !0
+    },
+    row: {
+      type: Object,
+      required: !0
+    },
+    fixedLeft: {
+      type: Object,
+      required: !0
+    },
+    fixedRight: {
+      type: Object,
+      required: !0
+    }
+  },
+  emits: ["focusin", "cellFocus"],
+  setup(e, { emit: o }) {
+    return {
+      focusin: (u) => {
+        o("focusin", { event: u, row: e.row });
+      },
+      getLevel: (u) => {
+        if (!u.groupHeaders) return 0;
+        const { length: r } = u.groupHeaders;
+        return r + 1;
+      },
+      cellFocus: (u, r) => {
+        o("cellFocus", { event: u, row: e.row, column: r });
+      }
+    };
+  }
+}), Eo = {
+  key: 0,
+  class: /* @__PURE__ */ j([
+    "zd-grid__cell",
+    "zd-grid__cell--fixed",
+    "zd-grid__selectable-cell"
+  ])
+};
+function Fo(e, o, t, l, d, u) {
+  const r = T("tek-grid-indentation"), h = T("zd-grid-cell"), w = T("table-row");
+  return N(), V(w, {
+    cssClass: [
+      "tek-grid-footer-row",
+      { "tek-grid-footer-row--summary": e.row.groupSummary }
+    ]
+  }, {
+    default: $(() => [
+      e.selectable ? (N(), B("td", Eo)) : R("", !0),
+      (N(!0), B(x, null, oe(e.columns, (g, k, f, y) => {
+        const m = [e.row, g, e.fixedLeft, e.fixedRight, e.cellSelection, e.isCurrent({ row: e.row, column: g })];
+        if (y && y.el && y.key === g.name && Mt(y, m)) return y;
+        const D = (N(), V(h, {
+          key: g.name,
+          row: e.row,
+          column: g,
+          cssClass: [
+            {
+              "zd-grid__cell--fixed": g.fixed,
+              "zd-grid__action-cell--fixed": g.actionFixed
+            }
+          ],
+          cssStyle: [{
+            left: g.fixed ? e.fixedLeft[g.name] : "unset",
+            right: g.actionFixed ? e.fixedRight[g.name] : "unset"
+          }],
+          cellSelection: e.cellSelection,
+          isCurrent: e.isCurrent({ row: e.row, column: g }),
+          onFocus: (p) => e.cellFocus(p, g),
+          onFocusin: o[0] || (o[0] = (p) => e.focusin(p))
+        }, {
+          prepend: $(() => [
+            k === 0 ? (N(), V(r, {
+              key: 0,
+              footer: "",
+              level: e.getLevel(e.row)
+            }, null, 8, ["level"])) : R("", !0)
+          ]),
+          _: 2
+        }, 1032, ["row", "column", "cssClass", "cssStyle", "cellSelection", "isCurrent", "onFocus"]));
+        return D.memo = m, D;
+      }, o, 1), 128))
+    ]),
+    _: 1
+  }, 8, ["cssClass"]);
+}
+const Lo = /* @__PURE__ */ W(Ao, [["render", Fo]]), Bo = F({
+  props: {
+    isSelected: {
+      type: Boolean,
+      required: !0
+    },
+    isCurrentRow: {
+      type: Boolean,
+      required: !0
+    },
+    selectable: {
+      type: Boolean,
+      required: !0
+    },
+    selectionDisabled: {
+      type: Boolean,
+      required: !0
+    },
+    cellSelection: {
+      type: Boolean,
+      required: !0
+    },
+    isCurrent: {
+      type: Function,
+      required: !0
+    },
+    row: {
+      type: Object,
+      required: !0
+    },
+    indeterminate: {
+      type: Boolean,
+      required: !0
+    }
+  },
+  emits: ["click", "checkboxClick", "focusin", "expandClick"],
+  setup(e, { emit: o }) {
+    return {
+      click: (r) => {
+        o("click", r);
+      },
+      focusin: (r) => {
+        o("focusin", { event: r, row: e.row });
+      },
+      checkboxClick: (r) => {
+        o("checkboxClick", r);
+      },
+      expandClick: (r) => {
+        o("expandClick", { event: r, row: e.row });
+      }
+    };
+  }
+}), Ro = ["tabindex"], zo = { class: "tek-grid__group-text zd-ml-2" };
+function Po(e, o, t, l, d, u) {
+  const r = T("zd-grid-checkbox"), h = T("tek-grid-indentation"), w = T("v-icon"), g = T("table-row");
+  return N(), V(g, {
+    class: j([
+      "tek-grid-group-row",
+      { "tek-grid-row-group--summary": e.row.groupSummary }
+    ]),
+    isCurrentRow: e.isCurrentRow,
+    onClick: o[3] || (o[3] = (k) => e.click(k))
+  }, {
+    default: $(() => [
+      e.selectable ? (N(), V(r, {
+        key: 0,
+        disabled: e.selectionDisabled,
+        isSelected: e.isSelected,
+        indeterminate: e.indeterminate,
+        cellSelection: e.cellSelection,
+        isCurrent: e.isCurrent({ row: e.row }),
+        onFocusin: o[0] || (o[0] = (k) => e.focusin(k)),
+        onClick: o[1] || (o[1] = Ut((k) => e.checkboxClick(k), ["stop"]))
+      }, null, 8, ["disabled", "isSelected", "indeterminate", "cellSelection", "isCurrent"])) : R("", !0),
+      L("td", {
+        colspan: 999,
+        class: j(
+          [
+            "zd-grid__cell",
+            "text-left",
+            "tek-grid-group-cell",
+            "zd-grid__cell--fixed"
+          ]
+        ),
+        style: te(`left: ${e.selectable ? 40 : 0}px`),
+        tabindex: e.cellSelection ? 0 : ""
+      }, [
+        L("span", {
+          class: j([
+            "tek-grid-group-cell__container"
+          ]),
+          style: te(`left: ${e.selectable ? 48 : 8}px`)
+        }, [
+          E(h, {
+            level: e.row.groupHeaders.length
+          }, null, 8, ["level"]),
+          (N(), V(w, {
+            class: j({ closed: !e.row.groupOpened }),
+            onClick: o[2] || (o[2] = (k) => e.expandClick(k)),
+            key: `${e.row.groupIndex}_${e.row.groupValue}`
+          }, {
+            default: $(() => [
+              ue(Y(e.$getIcon("expand")), 1)
+            ]),
+            _: 1
+          }, 8, ["class"])),
+          L("span", zo, Y((e.row.groupLabel ? e.row.groupLabel + ": " : "") + e.row.groupValue), 1)
+        ], 4)
+      ], 12, Ro)
+    ]),
+    _: 1
+  }, 8, ["class", "isCurrentRow"]);
+}
+const Ho = /* @__PURE__ */ W(Bo, [["render", Po]]), Ze = {
+  ...wt,
+  text: {
+    type: String,
+    default: ""
+  },
+  image: {
+    type: String,
+    default: void 0
+  }
+}, Mo = F({
+  props: Ze,
+  inheritAttrs: !1,
+  setup(e, o) {
+    const { instance: t, root: l } = U(e, o, rt, Ze);
+    return {
+      instance: t,
+      root: l
+    };
+  }
+});
+function Uo(e, o, t, l, d, u) {
+  const r = T("zd-loading");
+  return N(), V(r, M({ ref: "root" }, {
+    name: e.instance.name,
+    text: e.instance.text,
+    image: e.instance.image,
+    zIndex: e.instance.zIndex,
+    textColor: e.textColor,
+    loadingColor: e.loadingColor,
+    size: e.size,
+    loadingWidth: e.loadingWidth,
+    opacity: e.opacity
+  }), null, 16);
+}
+const qo = /* @__PURE__ */ W(Mo, [["render", Uo]]), Ke = {
+  ...Gt,
+  aboutImage: {
+    type: String,
+    default: ""
+  },
+  defaultEmail: {
+    type: String,
+    default: ""
+  },
+  versionInfo: {
+    type: [Object, String],
+    default: null
+  },
+  versionUrl: {
+    type: String,
+    default: ""
+  },
+  bottomSlot: {
+    type: Array,
+    default: void 0,
+    watch: !1
+  }
+}, Zo = F({
+  props: Ke,
+  inheritAttrs: !1,
+  setup(e, o) {
+    const { instance: t, root: l } = U(e, o, it, Ke), { click: d, focus: u, blur: r, mouseenter: h, mouseleave: w } = be(t, l);
+    return {
+      instance: t,
+      root: l,
+      click: d,
+      focus: u,
+      blur: r,
+      mouseenter: h,
+      mouseleave: w
+    };
+  }
+});
+function Ko(e, o, t, l, d, u) {
+  const r = T("zd-user-info");
+  return N(), V(r, {
+    id: e.instance.name,
+    "instance-object": e.instance,
+    name: "user-info"
+  }, null, 8, ["id", "instance-object"]);
+}
+const jo = /* @__PURE__ */ W(Zo, [["render", Ko]]), je = {
+  ...Ot,
+  parentName: {
+    type: String,
+    default: ""
+  },
+  dense: {
+    type: [Boolean, String],
+    default: !0
+  }
+}, Wo = F({
+  props: je,
+  inheritAttrs: !1,
+  setup(e, o) {
+    const { instance: t, root: l } = U(
+      e,
+      o,
+      ut,
+      je
+    ), { click: d, focus: u, blur: r, mouseenter: h, mouseleave: w } = be(t, l);
+    return {
+      instance: t,
+      root: l,
+      click: d,
+      focus: u,
+      blur: r,
+      mouseenter: h,
+      mouseleave: w
+    };
+  }
+});
+function _o(e, o, t, l, d, u) {
+  const r = T("zd-list");
+  return N(), V(r, {
+    id: e.instance.name,
+    "instance-object": e.instance,
+    name: "list"
+  }, null, 8, ["id", "instance-object"]);
+}
+const Yo = /* @__PURE__ */ W(Wo, [["render", _o]]), We = {
+  ...he,
+  title: {
+    type: String,
+    default: ""
+  },
+  breadcrumb: {
+    type: Object,
+    default: {},
+    watch: !1
+  },
+  rightSlot: {
+    type: Array,
+    default: () => [],
+    watch: !1
+  }
+}, un = F({
+  props: We,
+  inheritAttrs: !1,
+  setup(e, o) {
+    const { instance: t, root: l } = U(
+      e,
+      o,
+      nt,
+      We
+    );
+    return {
+      instance: t,
+      root: l
+    };
+  }
+}), _e = {
+  ...wt,
+  text: {
+    type: String,
+    default: ""
+  },
+  image: {
+    type: String,
+    default: void 0
+  }
+};
+F({
+  props: _e,
+  inheritAttrs: !1,
+  setup(e, o) {
+    const { instance: t, root: l } = U(e, o, rt, _e);
+    return {
+      instance: t,
+      root: l
+    };
+  }
+});
+const Ye = {
+  TekBreadcrumbHeader: Yt,
+  TekGrid: eo,
+  TekGridColumnFilter: lo,
+  TekGridHeaderRow: io,
+  TekGridColumnsButton: So,
+  TekGridFilterButton: Oo,
+  TekGridIndentation: Do,
+  TekGridLayoutOptions: Vo,
+  TekGridFooterRow: Lo,
+  TekGridGroupRow: Ho,
+  TekLoading: qo,
+  TekUserInfo: jo,
+  TekUserInfoList: Yo
+}, Je = Ct({
+  ...bt,
+  toolbarSlot: {
+    type: Array,
+    default: void 0,
+    watch: !1
+  },
+  title: {
+    type: String,
+    default: ""
+  },
+  addButton: {
+    type: [Boolean, String],
+    default: !1
+  },
+  deleteButton: {
+    type: [String, Boolean],
+    default: "none"
+  },
+  columnsButton: {
+    type: [Boolean, String],
+    default: !1
+  },
+  columnsButtonIgnore: {
+    type: [Array, String],
+    default: () => []
+  },
+  showEditButtons: {
+    type: [Boolean, String],
+    default: !0
+  },
+  filterButton: {
+    type: [Boolean, String],
+    default: !1
+  },
+  modalFilterProps: {
+    type: Object,
+    default: () => ({})
+  },
+  showSearch: {
+    type: [Boolean, String],
+    default: !0
+  },
+  columnFilterButton: {
+    type: [Boolean, String],
+    default: !1
+  },
+  hideActions: {
+    type: [Boolean, String],
+    default: !1
+  },
+  actions: {
+    type: Array,
+    default: () => [],
+    watch: !1
+  },
+  dragColumns: {
+    type: [Boolean, String],
+    default: !0
+  },
+  resizeColumns: {
+    type: [Boolean, String],
+    default: !0
+  },
+  showLayoutOptions: {
+    type: [Boolean, String],
+    default: !0
+  },
+  showExport: {
+    type: [String, Boolean],
+    default: !1
+  },
+  showReload: {
+    type: [Boolean, String],
+    default: !0
+  },
+  exportConfig: {
+    type: Array
+  },
+  exportActions: {
+    type: Array,
+    watch: !1
+  },
+  groupsOpened: {
+    type: [Boolean, String],
+    default: !1
+  },
+  showSummaryTotal: {
+    type: [Boolean, String],
+    default: !0
+  },
+  mainGrid: {
+    type: [Boolean, String],
+    default: !0
+  },
+  xlsDefaultType: {
+    type: String,
+    default: void 0
+  },
+  showCheckboxAllFilter: {
+    type: [Boolean, String],
+    default: ae.gridShowCheckboxAllFilter
+  },
+  toolbarOpened: {
+    type: [Boolean],
+    default: !0
+  },
+  defaultFilter: {
+    type: Object
+  },
+  reportTitle: {
+    type: String
+  },
+  editNewRowsOnly: {
+    type: [Boolean, String],
+    default: !1
+  },
+  toolbarConfig: {
+    type: Array,
+    default: () => [],
+    watch: !1
+  },
+  reportLabelFormatter: {
+    type: Function,
+    default: void 0
+  },
+  showHideButton: {
+    type: [Boolean, String],
+    default: !0
+  }
+}), dn = F({
+  props: Je,
+  inheritAttrs: !1,
+  setup(e, o) {
+    const { instance: t, root: l } = U(e, o, Te, Je), d = Z(() => t.isGrouped() ? t.getGroupedData() : t.getData()), u = Z(() => d.value.filter((s) => t.isItemVisible(s))), h = yt({
+      instance: t,
+      root: l,
+      renderedData: u,
+      isNavigableRow: (s) => s.classList.contains("zd-grid__row") && !s.classList.contains("tek-grid-group-row") && !s.classList.contains("tek-grid-footer-row")
+    }), w = pe(l), { visibleColumns: g } = kt({
+      instance: t,
+      rootEl: w,
+      visibilityCondition: (s) => s.isVisible && !s.grouped
+    });
+    Dt({ instance: t, rootEl: w });
+    const k = ye((s) => {
+      const O = new Event("change", { cancelable: !0 });
+      if (s.callEvent("beforeApplyFilter", { component: s, event: O }), O.defaultPrevented) return;
+      const { datasource: v } = s;
+      v instanceof X || v instanceof le ? v.updateDynamicFilter() : v.get();
+    }, 500), f = Z(() => {
+      if (t.datasource instanceof X || t.datasource instanceof le)
+        return t.datasource.dynamicFilter;
+      const s = t.datasource.filter, O = {};
+      return Object.keys(s).forEach((v) => {
+        O[v] = [{ relation: "AND", operation: "CONTAINS", value: s[v] }];
+      }), O;
+    }), y = (s) => {
+      if (!ee.isEqual(f, s)) {
+        if (t.datasource instanceof X || t.datasource instanceof le)
+          t.datasource.dynamicFilter = J(s);
+        else {
+          const O = {};
+          Object.keys(s).forEach((v) => {
+            s[v][0].value && (O[v] = s[v][0].value);
+          }), t.datasource.filter = O;
+        }
+        k(t), t.changeLayout();
+      }
+    }, m = (s) => t.columnHasFilter(s), D = (s, O) => t.isItemVisible(s) && h.shouldRender(O), p = (s) => {
+      const { uniqueKey: O, currentRow: v } = t.datasource;
+      return !!(s.group && s.groupValue === v.groupValue || s[O] && s[O] === v[O]);
+    }, C = (s) => {
+      let O = !1, v = !1;
+      const { uniqueKey: H } = t.datasource;
+      return s.children.forEach((q) => {
+        const z = t.selectedRows.findIndex((K) => q[H] === K[H]);
+        O = O || z !== -1, v = v || z === -1;
+      }), O && v;
+    }, i = (s) => s.children.every((O) => {
+      const { uniqueKey: v } = t.datasource;
+      return t.selectedRows.findIndex((q) => O[v] === q[v]) !== -1;
+    }), c = (s, O, v) => {
+      de(() => {
+        const H = pe(l);
+        t.selectGroupClick(s, O, v, H.value);
+      });
+    }, n = (s, O) => {
+      const { uniqueKey: v } = t.datasource, H = i(s);
+      H ? s.children.forEach((q) => {
+        t.selectedRows.findIndex((K) => q[v] === K[v]) !== -1 && t.selectRow(q, !1);
+      }) : s.children.map((z) => d.value.find((K) => z[v] === K[v])).forEach((z) => {
+        if (!z) return;
+        t.selectedRows.findIndex((ke) => z[v] === ke[v]) === -1 && t.selectRow(z, !0);
+      }), c(s, !H, O);
+    }, a = (s) => {
+      t.openGroup(s);
+    }, b = (s) => !!s.group, S = (s) => !!s.groupFooter, I = Z(() => t.columns.filter((s) => s.grouped).map((s) => s.name) || []), A = Z(() => h.sortBy.value.map(({ key: s, order: O }) => ({
+      key: s,
+      order: O
+    })));
+    return {
+      ...h,
+      instance: t,
+      root: l,
+      filter: f,
+      setFilter: y,
+      columnHasFilter: m,
+      visibleColumns: g,
+      isRowVisible: D,
+      isCurrentRowGroup: p,
+      isGroupSelectIndeterminate: C,
+      selectGroup: n,
+      isGroup: b,
+      openGroup: a,
+      renderedData: d,
+      isGroupSelected: i,
+      groupColumnNames: I,
+      isFooter: S,
+      visibleData: u,
+      sortBy: A
+    };
+  }
+}), Jo = {
+  hasFilterData: {
+    type: Boolean,
+    default: !1
+  },
+  column: {
+    type: Object,
+    required: !0
+  },
+  modelValue: {
+    type: Array,
+    default: []
+  },
+  instanceName: {
+    type: String,
+    required: !0
+  },
+  filterRelationsDatasource: {
+    type: [Object, null],
+    required: !1
+  },
+  filterOperationsDatasource: {
+    type: [Object, null],
+    required: !1
+  },
+  isHovering: {
+    type: Boolean,
+    default: !1
+  },
+  multiple: {
+    type: Boolean,
+    required: !0
+  }
+}, cn = F({
+  props: Jo,
+  inheritAttrs: !1,
+  emits: ["update:modelValue"],
+  setup(e, o) {
+    const t = (n) => `${e.instanceName}-${e.column.name}-filter-value-${n}`, l = (n) => {
+      const a = t(n);
+      ge.getInstance(a).setFocus();
+    }, d = () => gt({
+      operation: "CONTAINS",
+      relation: "AND",
+      value: void 0
+    });
+    let u = d();
+    const r = (n, a) => {
+      const b = e.column.componentProps.dateFormat || ae.dateFormat, S = e.column.componentProps.displayFormat || ae.displayFormat;
+      return a ? _(n, S).isValid() || !_(n, b).isValid() ? n : _(n, b).format(S) : _(n, b).isValid() || !_(n, S).isValid() ? n : _(n, S).format(b);
+    }, h = (n, a = !1) => ["ZdDate", "ZdDateRange"].includes(e.column.componentProps.component) ? Array.isArray(n) ? n.map((b) => r(b, a)) : r(n, a) : n, w = /* @__PURE__ */ new WeakMap();
+    let g = 0;
+    const k = (n) => (w.has(n) || w.set(n, `__item__${g++}`), w.get(n)), f = Z(() => e.multiple ? [...e.modelValue, u].map((n) => ({
+      id: k(n),
+      item: n
+    })) : e.modelValue.length > 0 ? [{ id: k(e.modelValue[0]), item: e.modelValue[0] }] : [{ id: k(u), item: u }]), y = ye((n) => {
+      ee.isEqual(n, e.modelValue) || (o.emit("update:modelValue", n), u = d());
+    }, 500);
+    return {
+      changeValue: (n, a, { component: b }) => {
+        const S = J(e.modelValue), I = J(n), { value: A } = b, s = e.multiple && a === S.length;
+        let O = A;
+        if (A && Q(I.operation) && (O = A.split(";")), I.value = h(O), !e.multiple) {
+          y([I]);
+          return;
+        }
+        if (s) {
+          if (!I.value) return;
+          y([...S, I]);
+          return;
+        }
+        I.value || (a === S.length - 1 && (u.operation = I.operation, u.relation = I.relation), S.splice(a, 1), S.length > 0 && a === 0 && (S[0].relation = "AND"), S.length === 0 && (u.relation = "AND")), y(S);
+      },
+      changeRelation: (n, { component: a }) => {
+        const b = J(e.modelValue), S = n === b.length, I = S ? u : b[n], { value: A } = a;
+        l(n), I.relation = A, !S && y(b);
+      },
+      changeOperation: (n, { component: a }) => {
+        const b = J(e.modelValue), S = b[n], I = n === b.length, A = I ? u : S, { value: s } = a;
+        l(n), Q(s) && (A.value = Array.isArray(S.value) ? S.value : [S.value]), A.operation = s, !I && y(b);
+      },
+      getValueInputName: t,
+      newFilter: u,
+      getComponentType: (n) => Q(n) ? "ZdTextInput" : e.column.componentProps.component,
+      getComponentHint: (n) => Q(n) ? "TEKGRID_MULTIPLE_VALUE_HINT" : "",
+      modelWithIds: f,
+      getItemValue: (n) => Q(n.operation) ? n.value.join(";") : n.value
+    };
+  }
+}), Xe = {
+  ...St,
+  hideGroups: {
+    type: [Boolean, String],
+    default: !1
+  }
+}, mn = F({
+  props: Xe,
+  inheritAttrs: !1,
+  setup(e, o) {
+    const { instance: t, root: l } = U(
+      e,
+      o,
+      lt,
+      Xe
+    ), d = Ce({ instance: t, root: l }), u = se(!1), r = se(!1), h = (y) => {
+      console.warn(y);
+    };
+    ft(u, () => {
+      !u.value || r.value || (r.value = !0, de(() => {
+        const y = document.querySelector(`#${t.name}_columns_table tbody`);
+        y && $e.create(y, {
+          handle: ".sortHandle",
+          dragClass: "tek-grid-columns-button-sortable-drag",
+          onEnd: g
+        });
+      }));
+    });
+    const w = Z(() => t.iterableComponent.columns.filter((y) => y.grouped).map((y) => y.name) || []), g = (y) => {
+      const m = t.iterableComponent, D = Array.from(y.srcElement.querySelectorAll("tr")).map((c) => c.getAttribute("name")), p = [], C = D.map((c) => {
+        const n = m.getColumn(c);
+        return n.grouped && p.push(c), n;
+      }), i = m.columns.filter((c) => t.ignoreColumns.indexOf(c.name) !== -1);
+      m.columns = C.concat(i), m.updateGrouping && JSON.stringify(p) !== JSON.stringify(w) && m.updateGrouping(), m.changeLayout();
+    };
+    return {
+      ...d,
+      instance: t,
+      root: l,
+      menuIsOpened: u,
+      moreOptions: () => {
+        fe.show(t);
+      },
+      close: () => {
+        u.value = !1;
+      },
+      teste: h,
+      mergeProps: M
+    };
+  }
+}), Qe = {
+  ...vt,
+  gridName: {
+    type: String,
+    default: ""
+  },
+  grid: {
+    type: [Object, String],
+    default: () => {
+    }
+  },
+  showCheckboxAll: {
+    type: [Boolean, String],
+    default: !1
+  }
+}, pn = F({
+  props: Qe,
+  inheritAttrs: !1,
+  setup(e, o) {
+    const { instance: t, root: l } = U(
+      e,
+      o,
+      st,
+      Qe
+    );
+    return {
+      ...Ce({ instance: t, root: l }),
+      instance: t,
+      root: l,
+      filterClick: ({ event: r }) => {
+        t.click(r);
+      }
+    };
+  }
+}), xe = {
+  ...he
+  // Zeedhi 3.0
+}, gn = F({
+  props: xe,
+  inheritAttrs: !1,
+  setup(e, o) {
+    const { instance: t, root: l } = U(
+      e,
+      o,
+      at,
+      xe
+    ), { applyLayout: d, getColumnElements: u, getTableWidth: r } = Nt();
+    ht(() => {
+      t.viewApplyLayout = k, t.viewGetCurrentLayout = f;
+    });
+    const h = ({ component: C }) => {
+      const i = C.value;
+      if (i) {
+        const c = f(i);
+        t.newLayout(c);
+      }
+      y.value = !1, C.value = "";
+    }, w = () => {
+      const C = t.grid.datasource;
+      return C instanceof X ? C.dynamicFilter : {};
+    }, g = (C) => {
+      t.updateLayout(C.name, f(C.name));
+    }, k = (C) => {
+      const i = {
+        originalDatasourceOrder: t.originalDatasourceOrder,
+        originalDatasourceFilter: t.originalDatasourceFilter,
+        originalColumnProps: t.originalColumnProps,
+        originalDatasourceDynamicFilter: t.originalDatasourceDynamicFilter
+      };
+      d({ layout: C, defaultLayout: i, changeLayoutCallback: g }), y.value = !1;
+    }, f = (C) => {
+      const { grid: i } = t, c = r(), n = u();
+      return {
+        name: C,
+        gridWidth: c,
+        order: i.datasource.order,
+        filter: i.datasource.filter,
+        dynamicFilter: w(),
+        columns: i.columns.map((a, b) => {
+          const S = n[b];
+          return {
+            name: a.name,
+            label: a.label,
+            align: a.align,
+            width: S ? window.getComputedStyle(S).width : "unset",
+            minWidth: a.minWidth,
+            maxWidth: a.maxWidth,
+            isVisible: a.isVisible,
+            fixed: a.fixed,
+            grouped: a.grouped,
+            groupOpened: a.groupOpened,
+            aggregation: a.aggregation,
+            filterHelperValue: t.getHelperValue(a)
+          };
+        })
+      };
+    }, y = se(!1), m = (C, i) => {
+      t.layoutEdited ? (t.updateLayout(i, f(i)), C.stopImmediatePropagation(), y.value = !1) : t.applyLayout(i);
+    }, D = (C, i) => {
+      t.deleteLayout(i), C.stopImmediatePropagation();
+    };
+    return {
+      instance: t,
+      root: l,
+      menuActive: y,
+      confirmLayoutClick: h,
+      applyOrUpdateLayout: m,
+      deleteButtonClick: (C) => ({ event: i }) => {
+        D(i, C);
+      },
+      mergeProps: M
+    };
+  }
+}), et = {
+  ...Gt,
+  aboutImage: {
+    type: String,
+    default: ""
+  },
+  defaultEmail: {
+    type: String,
+    default: ""
+  },
+  versionInfo: {
+    type: [Object, String],
+    default: null
+  },
+  versionUrl: {
+    type: String,
+    default: ""
+  },
+  bottomSlot: {
+    type: Array,
+    default: void 0,
+    watch: !1
+  }
+}, fn = F({
+  props: et,
+  inheritAttrs: !1,
+  setup(e, o) {
+    const { instance: t, root: l } = U(e, o, it, et), { click: d, focus: u, blur: r, mouseenter: h, mouseleave: w } = be(t, l);
+    return {
+      instance: t,
+      root: l,
+      click: d,
+      focus: u,
+      blur: r,
+      mouseenter: h,
+      mouseleave: w
+    };
+  }
+}), tt = {
+  ...Ot,
+  parentName: {
+    type: String,
+    default: ""
+  },
+  dense: {
+    type: [Boolean, String],
+    default: !0
+  }
+}, hn = F({
+  props: tt,
+  inheritAttrs: !1,
+  setup(e, o) {
+    const { instance: t, root: l } = U(
+      e,
+      o,
+      ut,
+      tt
+    ), { click: d, focus: u, blur: r, mouseenter: h, mouseleave: w } = be(t, l);
+    return {
+      instance: t,
+      root: l,
+      click: d,
+      focus: u,
+      blur: r,
+      mouseenter: h,
+      mouseleave: w
+    };
+  }
+});
+Bt.addIcons({
+  add: "mdi-plus-box",
+  delete: "mdi-trash-can-outline",
+  refresh: "mdi-refresh",
+  more: "mdi-dots-vertical",
+  filter: "mdi-filter",
+  confirmLayout: "mdi-check",
+  updateLayout: "mdi-square-edit-outline",
+  layout: "mdi-table-star"
+});
+const Cn = {
+  install(e) {
+    e._context.components.i18next || e.use(Ft, { i18next: De.instance }), Object.keys(Ye).forEach((o) => {
+      e.component(o, Ye[o]);
+    });
+  }
+};
+export {
+  un as TekBreadcrumbHeader,
+  dn as TekGrid,
+  cn as TekGridColumnFilter,
+  mn as TekGridColumnsButton,
+  pn as TekGridFilterButton,
+  gn as TekGridLayoutOptions,
+  qo as TekLoading,
+  _e as TekLoadingProps,
+  fn as TekUserInfo,
+  hn as TekUserInfoList,
+  Cn as default
+};