@zeedhi/teknisa-components-vuetify 1.54.0 → 1.57.0

package/dist/tek-components-vuetify.umd.js

@@ -1,13 +1,13 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@zeedhi/common'), require('@zeedhi/zd-user-info-vue'), require('vue-property-decorator'), require('@zeedhi/teknisa-components-common'), require('@zeedhi/vuetify'), require('@zeedhi/core'), require('lodash.debounce'), require('sortablejs'), require('lodash.clonedeep')) :
-    typeof define === 'function' && define.amd ? define(['exports', '@zeedhi/common', '@zeedhi/zd-user-info-vue', 'vue-property-decorator', '@zeedhi/teknisa-components-common', '@zeedhi/vuetify', '@zeedhi/core', 'lodash.debounce', 'sortablejs', 'lodash.clonedeep'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global["@zeedhi/teknisa-components-vuetify"] = {}, global.common, global["@zeedhi/zd-user-info-vue"], global["vue-property-decorator"], global["@zeedhi/teknisa-components-common"], global.vuetify, global.core, global.lodash.debounce, global.sortablejs, global.lodash.clonedeep));
-})(this, (function (exports, common, zdUserInfoVue, vuePropertyDecorator, teknisaComponentsCommon, vuetify, core, debounce, Sortable, cloneDeep) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@zeedhi/common'), require('@zeedhi/zd-user-info-vue'), require('@zeedhi/core'), require('vue-property-decorator'), require('@zeedhi/teknisa-components-common'), require('@zeedhi/vuetify'), require('lodash.debounce'), require('sortablejs'), require('lodash.clonedeep')) :
+    typeof define === 'function' && define.amd ? define(['exports', '@zeedhi/common', '@zeedhi/zd-user-info-vue', '@zeedhi/core', 'vue-property-decorator', '@zeedhi/teknisa-components-common', '@zeedhi/vuetify', 'lodash.debounce', 'sortablejs', 'lodash.clonedeep'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global["@zeedhi/teknisa-components-vuetify"] = {}, global.common, global["@zeedhi/zd-user-info-vue"], global.core, global["vue-property-decorator"], global["@zeedhi/teknisa-components-common"], global.vuetify, global.lodash.debounce, global.sortablejs, global.lodash.clonedeep));
+})(this, (function (exports, common, zdUserInfoVue, core, vuePropertyDecorator, teknisaComponentsCommon, vuetify, debounce, sortable, cloneDeep) { 'use strict';
 
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
     var debounce__default = /*#__PURE__*/_interopDefaultLegacy(debounce);
-    var Sortable__default = /*#__PURE__*/_interopDefaultLegacy(Sortable);
+    var sortable__default = /*#__PURE__*/_interopDefaultLegacy(sortable);
     var cloneDeep__default = /*#__PURE__*/_interopDefaultLegacy(cloneDeep);
 
     /*! *****************************************************************************
@@ -35,7 +35,7 @@
     /**
      * Teknisa component
      */
-    let TekBreadcrumbHeader = class TekBreadcrumbHeader extends vuetify.ZdComponent {
+    let TekBreadcrumbHeader$2 = class TekBreadcrumbHeader extends vuetify.ZdComponent {
         constructor() {
             super(...arguments);
             this.instanceType = teknisaComponentsCommon.BreadcrumbHeader;
@@ -43,17 +43,17 @@
     };
     __decorate([
         vuetify.PropWatch({ type: String, default: '' })
-    ], TekBreadcrumbHeader.prototype, "title", void 0);
+    ], TekBreadcrumbHeader$2.prototype, "title", void 0);
     __decorate([
         vuePropertyDecorator.Prop({ type: Object, default: {} })
-    ], TekBreadcrumbHeader.prototype, "breadcrumb", void 0);
+    ], TekBreadcrumbHeader$2.prototype, "breadcrumb", void 0);
     __decorate([
         vuePropertyDecorator.Prop({ type: Array, default: () => [] })
-    ], TekBreadcrumbHeader.prototype, "rightSlot", void 0);
-    TekBreadcrumbHeader = __decorate([
+    ], TekBreadcrumbHeader$2.prototype, "rightSlot", void 0);
+    TekBreadcrumbHeader$2 = __decorate([
         vuePropertyDecorator.Component
-    ], TekBreadcrumbHeader);
-    var script$i = TekBreadcrumbHeader;
+    ], TekBreadcrumbHeader$2);
+    var script$i = TekBreadcrumbHeader$2;
 
     function normalizeComponent(template, style, script, scopeId, isFunctionalTemplate, moduleIdentifier /* server only */, shadowMode, createInjector, createInjectorSSR, createInjectorShadow) {
         if (typeof shadowMode !== 'boolean') {
@@ -264,7 +264,7 @@
       /* style */
       const __vue_inject_styles__$i = function (inject) {
         if (!inject) return
-        inject("data-v-4982d92e_0", { source: ".tek-breadcrumb-header .tek-breadcrumb-header-title-col {\n  display: flex;\n  padding-top: 5px;\n  padding-left: 0;\n}\n.tek-breadcrumb-header .tek-breadcrumb-header-title-col .tek-breadcrumb-header-slot-right {\n  margin-left: auto;\n}\n.tek-breadcrumb-header .zd-breadcrumbs {\n  padding: 0;\n  font-size: var(--zd-font-body2-size);\n}\n.tek-breadcrumb-header .zd-breadcrumbs .v-breadcrumbs__item--disabled {\n  color: #667080;\n}\n.tek-breadcrumb-header .zd-text {\n  color: #667080;\n}\n.tek-breadcrumb-header .zd-text.tek-breadcrumb-header-title {\n  font-size: 32px;\n  font-weight: bold;\n  line-height: 35px;\n  margin-bottom: 10px;\n}\n.tek-breadcrumb-header .zd-text > p {\n  margin: 0;\n}", map: undefined, media: undefined });
+        inject("data-v-3655bcb8_0", { source: ".tek-breadcrumb-header .tek-breadcrumb-header-title-col {\n  display: flex;\n  padding-top: 5px;\n  padding-left: 0;\n}\n.tek-breadcrumb-header .tek-breadcrumb-header-title-col .tek-breadcrumb-header-slot-right {\n  margin-left: auto;\n}\n.tek-breadcrumb-header .zd-breadcrumbs {\n  padding: 0;\n  font-size: var(--zd-font-body2-size);\n}\n.tek-breadcrumb-header .zd-breadcrumbs .v-breadcrumbs__item--disabled {\n  color: #667080;\n}\n.tek-breadcrumb-header .zd-text {\n  color: #667080;\n}\n.tek-breadcrumb-header .zd-text.tek-breadcrumb-header-title {\n  font-size: 32px;\n  font-weight: bold;\n  line-height: 35px;\n  margin-bottom: 10px;\n}\n.tek-breadcrumb-header .zd-text > p {\n  margin: 0;\n}", map: undefined, media: undefined });
 
       };
       /* scoped */
@@ -295,7 +295,7 @@
     /**
      * TekCardTitle component join an icon, title, rightSlot and a divider
      */
-    let TekCardTitle = class TekCardTitle extends vuetify.ZdComponentRender {
+    let TekCardTitle$2 = class TekCardTitle extends vuetify.ZdComponentRender {
         constructor() {
             super(...arguments);
             this.instanceType = teknisaComponentsCommon.CardTitle;
@@ -303,26 +303,26 @@
     };
     __decorate([
         vuetify.PropWatch({ type: String, default: '' })
-    ], TekCardTitle.prototype, "title", void 0);
+    ], TekCardTitle$2.prototype, "title", void 0);
     __decorate([
         vuetify.PropWatch({ type: String, default: '' })
-    ], TekCardTitle.prototype, "subtitle", void 0);
+    ], TekCardTitle$2.prototype, "subtitle", void 0);
     __decorate([
         vuetify.PropWatch({ type: String, default: '' })
-    ], TekCardTitle.prototype, "iconName", void 0);
+    ], TekCardTitle$2.prototype, "iconName", void 0);
     __decorate([
         vuePropertyDecorator.Prop({ type: Array, default: () => [] })
-    ], TekCardTitle.prototype, "rightSlot", void 0);
+    ], TekCardTitle$2.prototype, "rightSlot", void 0);
     __decorate([
         vuetify.PropWatch({ type: [Boolean, String], default: true })
-    ], TekCardTitle.prototype, "showDivider", void 0);
+    ], TekCardTitle$2.prototype, "showDivider", void 0);
     __decorate([
         vuetify.PropWatch({ type: String, default: '' })
-    ], TekCardTitle.prototype, "to", void 0);
-    TekCardTitle = __decorate([
+    ], TekCardTitle$2.prototype, "to", void 0);
+    TekCardTitle$2 = __decorate([
         vuePropertyDecorator.Component
-    ], TekCardTitle);
-    var script$h = TekCardTitle;
+    ], TekCardTitle$2);
+    var script$h = TekCardTitle$2;
 
     /* script */
     const __vue_script__$h = script$h;
@@ -434,7 +434,7 @@
       /* style */
       const __vue_inject_styles__$h = function (inject) {
         if (!inject) return
-        inject("data-v-dc07bd14_0", { source: ".tek-card-title-row {\n  display: flex;\n  align-items: center;\n}\n.tek-card-title-row .tek-card-title-text {\n  color: var(--v-primary-base);\n  font-weight: bold;\n  font-size: 20px;\n}\n.tek-card-title-row .tek-card-subtitle-text {\n  padding-left: 10px;\n  color: var(--zd-font-color);\n  font-size: 13px;\n}\n.tek-card-title-row .tek-card-title-text,\n.tek-card-title-row .tek-card-subtitle-text {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  vertical-align: baseline;\n}\n.tek-card-title-row .v-icon {\n  color: var(--v-primary-base);\n  padding-right: calc(var(--zd-default-padding) / 2);\n}\n.tek-card-title .v-divider {\n  margin-bottom: 16px;\n}\n.tek-card-title .tek-card-title-router {\n  text-decoration: none;\n}\n.tek-card-title .tek-card-title-no-router {\n  text-decoration: none;\n  cursor: default;\n}", map: undefined, media: undefined });
+        inject("data-v-0ec658b4_0", { source: ".tek-card-title-row {\n  display: flex;\n  align-items: center;\n}\n.tek-card-title-row .tek-card-title-text {\n  color: var(--v-primary-base);\n  font-weight: bold;\n  font-size: 20px;\n}\n.tek-card-title-row .tek-card-subtitle-text {\n  padding-left: 10px;\n  color: var(--zd-font-color);\n  font-size: 13px;\n}\n.tek-card-title-row .tek-card-title-text,\n.tek-card-title-row .tek-card-subtitle-text {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  vertical-align: baseline;\n}\n.tek-card-title-row .v-icon {\n  color: var(--v-primary-base);\n  padding-right: calc(var(--zd-default-padding) / 2);\n}\n.tek-card-title .v-divider {\n  margin-bottom: 16px;\n}\n.tek-card-title .tek-card-title-router {\n  text-decoration: none;\n}\n.tek-card-title .tek-card-title-no-router {\n  text-decoration: none;\n  cursor: default;\n}", map: undefined, media: undefined });
 
       };
       /* scoped */
@@ -499,7 +499,7 @@
     /**
      * TekCrudAddButton component
      */
-    let TekCrudAddButton = class TekCrudAddButton extends TekCrudButton$1 {
+    let TekCrudAddButton$2 = class TekCrudAddButton extends TekCrudButton$1 {
         constructor() {
             super(...arguments);
             this.instanceType = teknisaComponentsCommon.CrudAddButton;
@@ -507,23 +507,23 @@
     };
     __decorate([
         vuetify.PropWatch({ type: [String, Boolean], default: true })
-    ], TekCrudAddButton.prototype, "flat", void 0);
+    ], TekCrudAddButton$2.prototype, "flat", void 0);
     __decorate([
         vuetify.PropWatch({ type: [String, Boolean], default: true })
-    ], TekCrudAddButton.prototype, "icon", void 0);
+    ], TekCrudAddButton$2.prototype, "icon", void 0);
     __decorate([
         vuetify.PropWatch({ type: String, default: 'plus' })
-    ], TekCrudAddButton.prototype, "iconName", void 0);
+    ], TekCrudAddButton$2.prototype, "iconName", void 0);
     __decorate([
         vuetify.PropWatch({ type: String, default: '#666' })
-    ], TekCrudAddButton.prototype, "color", void 0);
+    ], TekCrudAddButton$2.prototype, "color", void 0);
     __decorate([
         vuetify.PropWatch({ type: String, default: 'f2' })
-    ], TekCrudAddButton.prototype, "clickShortcutKey", void 0);
-    TekCrudAddButton = __decorate([
+    ], TekCrudAddButton$2.prototype, "clickShortcutKey", void 0);
+    TekCrudAddButton$2 = __decorate([
         vuePropertyDecorator.Component
-    ], TekCrudAddButton);
-    var script$g = TekCrudAddButton;
+    ], TekCrudAddButton$2);
+    var script$g = TekCrudAddButton$2;
 
     /* script */
     const __vue_script__$g = script$g;
@@ -629,7 +629,7 @@
     /**
      * TekCrudCancelButton component
      */
-    let TekCrudCancelButton = class TekCrudCancelButton extends TekCrudButton$1 {
+    let TekCrudCancelButton$2 = class TekCrudCancelButton extends TekCrudButton$1 {
         constructor() {
             super(...arguments);
             this.instanceType = teknisaComponentsCommon.CrudCancelButton;
@@ -637,17 +637,17 @@
     };
     __decorate([
         vuetify.PropWatch({ type: String, default: 'CANCEL' })
-    ], TekCrudCancelButton.prototype, "label", void 0);
+    ], TekCrudCancelButton$2.prototype, "label", void 0);
     __decorate([
         vuetify.PropWatch({ type: [String, Boolean], default: true })
-    ], TekCrudCancelButton.prototype, "outline", void 0);
+    ], TekCrudCancelButton$2.prototype, "outline", void 0);
     __decorate([
         vuetify.PropWatch({ type: String, default: 'esc' })
-    ], TekCrudCancelButton.prototype, "clickShortcutKey", void 0);
-    TekCrudCancelButton = __decorate([
+    ], TekCrudCancelButton$2.prototype, "clickShortcutKey", void 0);
+    TekCrudCancelButton$2 = __decorate([
         vuePropertyDecorator.Component
-    ], TekCrudCancelButton);
-    var script$f = TekCrudCancelButton;
+    ], TekCrudCancelButton$2);
+    var script$f = TekCrudCancelButton$2;
 
     /* script */
     const __vue_script__$f = script$f;
@@ -753,7 +753,7 @@
     /**
      * TekCrudDeleteButton component
      */
-    let TekCrudDeleteButton = class TekCrudDeleteButton extends TekCrudButton$1 {
+    let TekCrudDeleteButton$2 = class TekCrudDeleteButton extends TekCrudButton$1 {
         constructor() {
             super(...arguments);
             this.instanceType = teknisaComponentsCommon.CrudDeleteButton;
@@ -761,23 +761,23 @@
     };
     __decorate([
         vuetify.PropWatch({ type: [String, Boolean], default: true })
-    ], TekCrudDeleteButton.prototype, "flat", void 0);
+    ], TekCrudDeleteButton$2.prototype, "flat", void 0);
     __decorate([
         vuetify.PropWatch({ type: [String, Boolean], default: true })
-    ], TekCrudDeleteButton.prototype, "icon", void 0);
+    ], TekCrudDeleteButton$2.prototype, "icon", void 0);
     __decorate([
         vuetify.PropWatch({ type: String, default: 'trashCanOutline' })
-    ], TekCrudDeleteButton.prototype, "iconName", void 0);
+    ], TekCrudDeleteButton$2.prototype, "iconName", void 0);
     __decorate([
         vuetify.PropWatch({ type: String, default: '#666' })
-    ], TekCrudDeleteButton.prototype, "color", void 0);
+    ], TekCrudDeleteButton$2.prototype, "color", void 0);
     __decorate([
         vuetify.PropWatch({ type: String, default: 'ctrl+d' })
-    ], TekCrudDeleteButton.prototype, "clickShortcutKey", void 0);
-    TekCrudDeleteButton = __decorate([
+    ], TekCrudDeleteButton$2.prototype, "clickShortcutKey", void 0);
+    TekCrudDeleteButton$2 = __decorate([
         vuePropertyDecorator.Component
-    ], TekCrudDeleteButton);
-    var script$e = TekCrudDeleteButton;
+    ], TekCrudDeleteButton$2);
+    var script$e = TekCrudDeleteButton$2;
 
     /* script */
     const __vue_script__$e = script$e;
@@ -883,16 +883,16 @@
     /**
      * TekCrudForm component
      */
-    let TekCrudForm = class TekCrudForm extends vuetify.ZdForm {
+    let TekCrudForm$2 = class TekCrudForm extends vuetify.ZdForm {
         constructor() {
             super(...arguments);
             this.instanceType = teknisaComponentsCommon.CrudForm;
         }
     };
-    TekCrudForm = __decorate([
+    TekCrudForm$2 = __decorate([
         vuePropertyDecorator.Component
-    ], TekCrudForm);
-    var script$d = TekCrudForm;
+    ], TekCrudForm$2);
+    var script$d = TekCrudForm$2;
 
     /* script */
     const __vue_script__$d = script$d;
@@ -978,7 +978,7 @@
       /* style */
       const __vue_inject_styles__$d = function (inject) {
         if (!inject) return
-        inject("data-v-12f9560c_0", { source: ".tek-crud-form {\n  outline: none;\n}", map: undefined, media: undefined });
+        inject("data-v-1013c8a0_0", { source: ".tek-crud-form {\n  outline: none;\n}", map: undefined, media: undefined });
 
       };
       /* scoped */
@@ -1009,7 +1009,7 @@
     /**
      * TekCrudSaveButton component
      */
-    let TekCrudSaveButton = class TekCrudSaveButton extends TekCrudButton$1 {
+    let TekCrudSaveButton$2 = class TekCrudSaveButton extends TekCrudButton$1 {
         constructor() {
             super(...arguments);
             this.instanceType = teknisaComponentsCommon.CrudSaveButton;
@@ -1017,14 +1017,14 @@
     };
     __decorate([
         vuetify.PropWatch({ type: String, default: 'SAVE' })
-    ], TekCrudSaveButton.prototype, "label", void 0);
+    ], TekCrudSaveButton$2.prototype, "label", void 0);
     __decorate([
         vuetify.PropWatch({ type: String, default: 'ctrl+enter' })
-    ], TekCrudSaveButton.prototype, "clickShortcutKey", void 0);
-    TekCrudSaveButton = __decorate([
+    ], TekCrudSaveButton$2.prototype, "clickShortcutKey", void 0);
+    TekCrudSaveButton$2 = __decorate([
         vuePropertyDecorator.Component
-    ], TekCrudSaveButton);
-    var script$c = TekCrudSaveButton;
+    ], TekCrudSaveButton$2);
+    var script$c = TekCrudSaveButton$2;
 
     /* script */
     const __vue_script__$c = script$c;
@@ -1128,11 +1128,11 @@
       );
 
     // eslint-disable-next-line prefer-destructuring
-    const ZdGridEditable = vuetify.components.ZdGridEditable;
+    const ZdGridEditable$1 = vuetify.components.ZdGridEditable;
     /**
      * TekGrid component
      */
-    let TekGrid$1 = class TekGrid extends ZdGridEditable {
+    let TekGrid$5 = class TekGrid extends ZdGridEditable$1 {
         constructor() {
             super(...arguments);
             this.instanceType = teknisaComponentsCommon.TekGrid;
@@ -1523,68 +1523,71 @@
     };
     __decorate([
         vuetify.PropWatch({ type: [String], default: '' })
-    ], TekGrid$1.prototype, "title", void 0);
+    ], TekGrid$5.prototype, "title", void 0);
     __decorate([
         vuetify.PropWatch({ type: [Boolean, String], default: false })
-    ], TekGrid$1.prototype, "addButton", void 0);
+    ], TekGrid$5.prototype, "addButton", void 0);
     __decorate([
         vuetify.PropWatch({ type: [String], default: 'none' })
-    ], TekGrid$1.prototype, "deleteButton", void 0);
+    ], TekGrid$5.prototype, "deleteButton", void 0);
     __decorate([
         vuetify.PropWatch({ type: [Boolean, String], default: false })
-    ], TekGrid$1.prototype, "columnsButton", void 0);
+    ], TekGrid$5.prototype, "columnsButton", void 0);
     __decorate([
         vuePropertyDecorator.Prop({ type: [Array, String], default: () => [] })
-    ], TekGrid$1.prototype, "columnsButtonIgnore", void 0);
+    ], TekGrid$5.prototype, "columnsButtonIgnore", void 0);
     __decorate([
         vuetify.PropWatch({ type: [Boolean, String], default: false })
-    ], TekGrid$1.prototype, "filterButton", void 0);
+    ], TekGrid$5.prototype, "filterButton", void 0);
     __decorate([
         vuetify.PropWatch({ type: [Boolean, String], default: true })
-    ], TekGrid$1.prototype, "showSearch", void 0);
+    ], TekGrid$5.prototype, "showSearch", void 0);
     __decorate([
         vuetify.PropWatch({ type: [Boolean, String], default: false })
-    ], TekGrid$1.prototype, "columnFilterButton", void 0);
+    ], TekGrid$5.prototype, "columnFilterButton", void 0);
     __decorate([
         vuePropertyDecorator.Prop({ type: [Array], default: () => [] })
-    ], TekGrid$1.prototype, "actions", void 0);
+    ], TekGrid$5.prototype, "actions", void 0);
     __decorate([
         vuetify.PropWatch({ type: [String, Boolean], default: true })
-    ], TekGrid$1.prototype, "dragColumns", void 0);
+    ], TekGrid$5.prototype, "dragColumns", void 0);
     __decorate([
         vuetify.PropWatch({ type: [String, Boolean], default: true })
-    ], TekGrid$1.prototype, "resizeColumns", void 0);
+    ], TekGrid$5.prototype, "resizeColumns", void 0);
     __decorate([
         vuetify.PropWatch({ type: [String, Boolean], default: true })
-    ], TekGrid$1.prototype, "showLayoutOptions", void 0);
+    ], TekGrid$5.prototype, "showLayoutOptions", void 0);
     __decorate([
         vuetify.PropWatch({ type: [String, Boolean], default: false })
-    ], TekGrid$1.prototype, "showExport", void 0);
+    ], TekGrid$5.prototype, "showExport", void 0);
     __decorate([
         vuetify.PropWatch({ type: [String, Boolean], default: true })
-    ], TekGrid$1.prototype, "showReload", void 0);
+    ], TekGrid$5.prototype, "showReload", void 0);
     __decorate([
         vuetify.PropWatch({ type: [String, Array] })
-    ], TekGrid$1.prototype, "exportConfig", void 0);
+    ], TekGrid$5.prototype, "exportConfig", void 0);
     __decorate([
         vuePropertyDecorator.Prop({ type: [Array] })
-    ], TekGrid$1.prototype, "exportActions", void 0);
+    ], TekGrid$5.prototype, "exportActions", void 0);
     __decorate([
         vuetify.PropWatch({ type: [String, Boolean], default: false })
-    ], TekGrid$1.prototype, "groupsOpened", void 0);
+    ], TekGrid$5.prototype, "groupsOpened", void 0);
     __decorate([
         vuetify.PropWatch({ type: [String, Boolean], default: true })
-    ], TekGrid$1.prototype, "showSummaryTotal", void 0);
+    ], TekGrid$5.prototype, "showSummaryTotal", void 0);
+    __decorate([
+        vuetify.PropWatch({ type: [String, Boolean], default: false })
+    ], TekGrid$5.prototype, "mainGrid", void 0);
     __decorate([
         vuePropertyDecorator.Prop({
             type: Array,
             default: () => undefined,
         })
-    ], TekGrid$1.prototype, "toolbarSlot", void 0);
-    TekGrid$1 = __decorate([
+    ], TekGrid$5.prototype, "toolbarSlot", void 0);
+    TekGrid$5 = __decorate([
         vuePropertyDecorator.Component
-    ], TekGrid$1);
-    var script$b = TekGrid$1;
+    ], TekGrid$5);
+    var script$b = TekGrid$5;
 
     /* script */
     const __vue_script__$b = script$b;
@@ -1623,7 +1626,6 @@
           height: _vm.instance.height,
           items: _vm.getData(),
           search: _vm.instance.datasource.search,
-          "show-select": _vm.instance.selectable,
           dense: _vm.instance.dense,
           loading: _vm.instance.datasource.loading,
           "item-key": _vm.instance.datasource.uniqueKey,
@@ -1706,32 +1708,34 @@
                                       _vm.instance.headerBackground,
                                   },
                                   [
-                                    _c("v-checkbox", {
-                                      staticClass: "zd-grid-header-checkbox",
-                                      attrs: {
-                                        "hide-details": "",
-                                        color: "primary",
-                                        disabled: _vm.instance.editing,
-                                        "on-icon": _vm.$getIcon("checkboxOn"),
-                                        "off-icon": _vm.$getIcon("checkboxOff"),
-                                        "indeterminate-icon": _vm.$getIcon(
-                                          "checkboxIndeterminate"
-                                        ),
-                                        "input-value": props.everyItem,
-                                        indeterminate:
-                                          !props.everyItem && props.someItems,
-                                      },
-                                      on: {
-                                        click: function ($event) {
-                                          $event.stopPropagation();
-                                          _vm.toggleSelectAll();
-                                          _vm.selectAllClick(
-                                            !props.everyItem,
-                                            $event
-                                          );
-                                        },
-                                      },
-                                    }),
+                                    _vm.instance.showSelectAll
+                                      ? _c("v-checkbox", {
+                                          staticClass: "zd-grid-header-checkbox",
+                                          attrs: {
+                                            "hide-details": "",
+                                            color: "primary",
+                                            disabled: _vm.instance.editing,
+                                            "on-icon": _vm.$getIcon("checkboxOn"),
+                                            "off-icon": _vm.$getIcon("checkboxOff"),
+                                            "indeterminate-icon": _vm.$getIcon(
+                                              "checkboxIndeterminate"
+                                            ),
+                                            "input-value": props.everyItem,
+                                            indeterminate:
+                                              !props.everyItem && props.someItems,
+                                          },
+                                          on: {
+                                            click: function ($event) {
+                                              $event.stopPropagation();
+                                              _vm.toggleSelectAll();
+                                              _vm.selectAllClick(
+                                                !props.everyItem,
+                                                $event
+                                              );
+                                            },
+                                          },
+                                        })
+                                      : _vm._e(),
                                   ],
                                   1
                                 )
@@ -1794,7 +1798,9 @@
                                             width:
                                               _vm.calcWidth(
                                                 column,
-                                                column.maxWidth || column.minWidth
+                                                column.width ||
+                                                  column.maxWidth ||
+                                                  column.minWidth
                                               ) || "unset",
                                           },
                                           attrs: {
@@ -2365,7 +2371,8 @@
                     return [
                       _c("tr", [
                         _c("td", {
-                          style: "padding-top:" + _vm.scrollData.startHeight + "px",
+                          style:
+                            "padding-top: " + _vm.scrollData.startHeight + "px",
                           attrs: { colspan: headers.length },
                         }),
                       ]),
@@ -2441,7 +2448,9 @@
                                         attrs: {
                                           "hide-details": "",
                                           color: "primary",
-                                          disabled: _vm.instance.editing,
+                                          disabled:
+                                            _vm.instance.editing ||
+                                            _vm.instance.callDisableSelection(item),
                                           "on-icon": _vm.$getIcon("checkboxOn"),
                                           "off-icon": _vm.$getIcon("checkboxOff"),
                                           "indeterminate-icon": _vm.$getIcon(
@@ -2538,9 +2547,9 @@
                                         [
                                           _vm._v(
                                             _vm._s(
-                                              item.groupLabel +
-                                                ": " +
-                                                item.groupValue
+                                              (item.groupLabel
+                                                ? item.groupLabel + ": "
+                                                : "") + item.groupValue
                                             )
                                           ),
                                         ]
@@ -2606,7 +2615,9 @@
                                         attrs: {
                                           "hide-details": "",
                                           color: "primary",
-                                          disabled: _vm.instance.editing,
+                                          disabled:
+                                            _vm.instance.editing ||
+                                            _vm.instance.callDisableSelection(item),
                                           "on-icon": _vm.$getIcon("checkboxOn"),
                                           "off-icon": _vm.$getIcon("checkboxOff"),
                                           "true-value": true,
@@ -2803,7 +2814,8 @@
                                                               width:
                                                                 _vm.calcWidth(
                                                                   column,
-                                                                  column.maxWidth ||
+                                                                  column.width ||
+                                                                    column.maxWidth ||
                                                                     column.minWidth
                                                                 ) || "unset",
                                                               "min-width":
@@ -2957,12 +2969,18 @@
                                                                 ? "overflow-clamp overflow-clamp-" +
                                                                   column.overflow
                                                                 : "",
+                                                              _vm.instance
+                                                                .groupColumnNames
+                                                                .length > 0
+                                                                ? "zd-table-cell-aling-total"
+                                                                : "",
                                                             ],
                                                             style: {
                                                               width:
                                                                 _vm.calcWidth(
                                                                   column,
-                                                                  column.maxWidth ||
+                                                                  column.width ||
+                                                                    column.maxWidth ||
                                                                     column.minWidth
                                                                 ) || "unset",
                                                               "min-width":
@@ -3192,7 +3210,7 @@
       /* style */
       const __vue_inject_styles__$b = function (inject) {
         if (!inject) return
-        inject("data-v-8106ce02_0", { source: ".tek-grid .zd-grid-toolbar {\n  height: 36px;\n}\n.tek-grid .zd-grid-toolbar .zd-grid-toolbar-slot {\n  align-items: center;\n}\n.tek-grid .zd-grid-toolbar .toolbar-divider {\n  margin: 10px;\n}\n.tek-grid .zd-grid-toolbar .toolbar-title {\n  line-height: 22px;\n  color: var(--v-primary-base);\n}\n.tek-grid table thead tr th {\n  padding-right: 15px !important;\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column {\n  position: sticky !important;\n  left: 0;\n  z-index: 5;\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column.theme--light {\n  background: #f7f7f7 !important;\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column.theme--dark {\n  background: #3c3c3c !important;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button {\n  display: inline-block;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button .v-icon {\n  cursor: pointer;\n  font-size: 15px;\n  width: 15px;\n  padding: 0 3px;\n  opacity: 0;\n  color: #ccc;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button.has-filter-data .v-icon {\n  opacity: 1;\n  color: var(--v-primary-base);\n}\n.tek-grid table thead tr th:hover .tek-grid-column-filter-button .v-icon {\n  opacity: 1;\n}\n.tek-grid table tbody tr.footer.theme--light {\n  background: #f6f6f6;\n}\n.tek-grid table tbody tr.footer.theme--dark {\n  background: #3b3b3b;\n}\n.tek-grid table tbody tr.footer td.zd-table-cell {\n  font-weight: 700;\n}\n.tek-grid table tbody tr.summary {\n  background: #eee;\n}\n.tek-grid table tbody tr.summary td.zd-table-cell {\n  font-weight: 700;\n  font-size: 15px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header {\n  font-weight: bold;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .v-icon {\n  font-size: 21px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .v-icon.closed {\n  transform: rotate(-90deg);\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-container {\n  position: sticky !important;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-container .zd-table-group-text {\n  vertical-align: middle;\n}\n.tek-grid table tbody tr td.zd-table-cell .zd-table-cell-text {\n  display: inline-block;\n  vertical-align: middle;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-fixed-column {\n  position: sticky !important;\n  left: 0;\n  z-index: 3;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-fixed-column.theme--light {\n  background: #f7f7f7 !important;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-fixed-column.theme--dark {\n  background: #3c3c3c !important;\n}\n.tek-grid table tbody tr.current td.zd-table-cell.zd-table-fixed-column {\n  color: var(--v-primary-base) !important;\n}\n.tek-grid table .tek-grid-header-group-identation {\n  width: 22px;\n  display: inline-block;\n  vertical-align: middle;\n}\n.tek-grid table .tek-grid-header-group-identation.first-group {\n  width: 20px;\n}\n.tek-grid table .tek-grid-body-group-identation {\n  width: 8px;\n  display: inline-block;\n  vertical-align: middle;\n  margin-left: 14px;\n  height: 100%;\n  border-left: solid 1px #ccc;\n}\n.tek-grid table .tek-grid-body-group-identation.first-group {\n  width: 10px;\n  margin-left: 10px;\n}\n.tek-grid table .tek-grid-body-group-identation.group-footer {\n  height: 60%;\n  border-bottom: solid 1px #ccc;\n  position: relative;\n  top: -25%;\n}\n.tek-grid table .tek-grid-body-group-identation.group-footer-no-line {\n  border-left: none;\n}\n.tek-grid .zd-skeleton-table-cell .v-skeleton-loader__table-cell {\n  height: auto;\n}\n.tekgrid-actions-dropdown > * {\n  display: block;\n}\n.tek-grid-column-filter-menu {\n  padding: 12px 12px 0 12px;\n  max-height: 300px;\n}\n.tek-grid-column-filter-menu.theme--light {\n  background: #fff;\n}\n.tek-grid-column-filter-menu.theme--dark {\n  background: #1e1e1e;\n}\n.filter-helper-values-button {\n  height: 24px !important;\n  margin-left: 5px;\n  margin-top: 0;\n}\n.filter-helper-values-button.with-label {\n  margin-top: 20px;\n}\n.filter-helper-values-option {\n  cursor: pointer;\n}\n.filter-helper-values-option:hover {\n  background-color: rgba(0, 0, 0, 0.03);\n}", map: undefined, media: undefined });
+        inject("data-v-79b7d6a9_0", { source: ".tek-grid .zd-grid-toolbar {\n  height: 36px;\n}\n.tek-grid .zd-grid-toolbar .zd-grid-toolbar-slot {\n  align-items: center;\n}\n.tek-grid .zd-grid-toolbar .toolbar-divider {\n  margin: 10px;\n}\n.tek-grid .zd-grid-toolbar .toolbar-title {\n  line-height: 22px;\n  color: var(--v-primary-base);\n}\n.tek-grid table thead tr th {\n  padding-right: 15px !important;\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column {\n  position: sticky !important;\n  left: 0;\n  z-index: 5;\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column.theme--light {\n  background: #f7f7f7 !important;\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column.theme--dark {\n  background: #3c3c3c !important;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button {\n  display: inline-block;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button .v-icon {\n  cursor: pointer;\n  font-size: 15px;\n  width: 15px;\n  padding: 0 3px;\n  opacity: 0;\n  color: #ccc;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button.has-filter-data .v-icon {\n  opacity: 1;\n  color: var(--v-primary-base);\n}\n.tek-grid table thead tr th:hover .tek-grid-column-filter-button .v-icon {\n  opacity: 1;\n}\n.tek-grid table tbody tr.footer.theme--light {\n  background: #f6f6f6;\n}\n.tek-grid table tbody tr.footer.theme--dark {\n  background: #3b3b3b;\n}\n.tek-grid table tbody tr.footer td.zd-table-cell {\n  font-weight: 700;\n}\n.tek-grid table tbody tr.summary {\n  background: #eee;\n}\n.tek-grid table tbody tr.summary td.zd-table-cell {\n  font-weight: 700;\n  font-size: 15px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header {\n  font-weight: bold;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .v-icon {\n  font-size: 21px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .v-icon.closed {\n  transform: rotate(-90deg);\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-container {\n  position: sticky !important;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-container .zd-table-group-text {\n  vertical-align: middle;\n}\n.tek-grid table tbody tr td.zd-table-cell .zd-table-cell-aling-total {\n  display: flex !important;\n  position: relative;\n  justify-content: start;\n  align-items: center;\n  left: 1.5rem;\n  top: -50%;\n}\n.tek-grid table tbody tr td.zd-table-cell .zd-table-cell-aling-total:first-of-type {\n  display: inline-block !important;\n  top: 0;\n  left: 0;\n}\n.tek-grid table tbody tr td.zd-table-cell .zd-table-cell-text {\n  display: inline-block;\n  vertical-align: middle;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-fixed-column {\n  position: sticky !important;\n  left: 0;\n  z-index: 3;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-fixed-column.theme--light {\n  background: #f7f7f7 !important;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-fixed-column.theme--dark {\n  background: #3c3c3c !important;\n}\n.tek-grid table tbody tr.current td.zd-table-cell.zd-table-fixed-column {\n  color: var(--v-primary-base) !important;\n}\n.tek-grid table .tek-grid-header-group-identation {\n  width: 22px;\n  display: inline-block;\n  vertical-align: middle;\n}\n.tek-grid table .tek-grid-header-group-identation.first-group {\n  width: 20px;\n}\n.tek-grid table .tek-grid-body-group-identation {\n  width: 8px;\n  display: flex;\n  position: relative;\n  top: 10px;\n  margin-left: 14px;\n  height: 100%;\n  border-left: solid 1px #ccc;\n}\n.tek-grid table .tek-grid-body-group-identation.first-group {\n  width: 1rem;\n  margin-left: 10px;\n}\n.tek-grid table .tek-grid-body-group-identation.group-footer {\n  height: 60%;\n  border-bottom: solid 1px #ccc;\n  top: -25%;\n}\n.tek-grid table .tek-grid-body-group-identation.group-footer-no-line {\n  border-left: none;\n}\n.tek-grid .zd-skeleton-table-cell .v-skeleton-loader__table-cell {\n  height: auto;\n}\n.tekgrid-actions-dropdown > * {\n  display: block;\n}\n.tek-grid-column-filter-menu {\n  padding: 12px 12px 0 12px;\n  max-height: 300px;\n}\n.tek-grid-column-filter-menu.theme--light {\n  background: #fff;\n}\n.tek-grid-column-filter-menu.theme--dark {\n  background: #1e1e1e;\n}\n.filter-helper-values-button {\n  height: 24px !important;\n  margin-left: 5px;\n  margin-top: 0;\n}\n.filter-helper-values-button.with-label {\n  margin-top: 20px;\n}\n.filter-helper-values-option {\n  cursor: pointer;\n}\n.filter-helper-values-option:hover {\n  background-color: rgba(0, 0, 0, 0.03);\n}", map: undefined, media: undefined });
 
       };
       /* scoped */
@@ -3549,7 +3567,7 @@
         }
         columnContainerMounted({ element }) {
             if (element) {
-                Sortable__default["default"].create(element, {
+                sortable__default["default"].create(element, {
                     handle: '.tek-grid-column-option-box',
                     group: 'column-container',
                     filter: '.no-data, .tek-grid-column-option-grouped-true',
@@ -4121,7 +4139,7 @@
     /**
      * TekGrid Columns Button component
      */
-    let TekGridColumnsButton = class TekGridColumnsButton extends vuetify.ZdIterableColumnsButton {
+    let TekGridColumnsButton$2 = class TekGridColumnsButton extends vuetify.ZdIterableColumnsButton {
         constructor() {
             super(...arguments);
             this.instanceType = teknisaComponentsCommon.TekGridColumnsButton;
@@ -4134,7 +4152,7 @@
                 this.$nextTick(() => {
                     const columnsTableBody = document.querySelector(`#${this.instance.name}_columns_table tbody`);
                     if (columnsTableBody) {
-                        Sortable__default["default"].create(columnsTableBody, {
+                        sortable__default["default"].create(columnsTableBody, {
                             handle: '.sortHandle',
                             dragClass: 'tek-grid-columns-button-sortable-drag',
                             onEnd: this.sortEnd,
@@ -4170,14 +4188,14 @@
     };
     __decorate([
         vuetify.PropWatch({ type: [Boolean, String], default: false })
-    ], TekGridColumnsButton.prototype, "hideGroups", void 0);
+    ], TekGridColumnsButton$2.prototype, "hideGroups", void 0);
     __decorate([
         vuePropertyDecorator.Watch('menuIsOpened')
-    ], TekGridColumnsButton.prototype, "menuOpenedChange", null);
-    TekGridColumnsButton = __decorate([
+    ], TekGridColumnsButton$2.prototype, "menuOpenedChange", null);
+    TekGridColumnsButton$2 = __decorate([
         vuePropertyDecorator.Component
-    ], TekGridColumnsButton);
-    var script$a = TekGridColumnsButton;
+    ], TekGridColumnsButton$2);
+    var script$a = TekGridColumnsButton$2;
 
     /* script */
     const __vue_script__$a = script$a;
@@ -4451,7 +4469,7 @@
       /* style */
       const __vue_inject_styles__$a = function (inject) {
         if (!inject) return
-        inject("data-v-1cfc4ef2_0", { source: ".tek-grid-columns-button-options {\n  max-height: 250px;\n  display: flex;\n  flex-direction: column;\n  background-color: #fff;\n}\n.tek-grid-columns-button-options.theme--dark {\n  background-color: #1e1e1e;\n}\n.tek-grid-columns-button-options .tek-grid-columns-button-table-wrapper {\n  flex: 1;\n  overflow-y: auto;\n}\n.tek-grid-columns-button-options .tek-grid-columns-button-table-wrapper .tek-grid-columns-button-table {\n  padding: 0 var(--spacing-2) var(--spacing-2) var(--spacing-2);\n  font-size: 13px;\n  border-spacing: 0;\n  width: 100%;\n}\n.tek-grid-columns-button-options .tek-grid-columns-button-table-wrapper .tek-grid-columns-button-table thead tr th {\n  padding: var(--spacing-2) var(--spacing-2) var(--spacing-1) var(--spacing-2);\n  white-space: nowrap;\n  text-align: left;\n  position: sticky;\n  top: 0;\n  z-index: 10;\n  background-color: var(--zd-background-base);\n}\n.tek-grid-columns-button-options .tek-grid-columns-button-table-wrapper .tek-grid-columns-button-table tbody tr td {\n  padding: var(--spacing-1) var(--spacing-2);\n  white-space: nowrap;\n}\n.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 {\n  cursor: -webkit-grab;\n}\n.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 {\n  padding-right: 4px;\n}\n.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 {\n  max-width: 150px;\n}\n.tek-grid-columns-button-options .tek-grid-columns-button-table-footer {\n  display: flex;\n}\n.tek-grid-columns-button-options .tek-grid-columns-button-table-footer .zd-button {\n  flex: 1;\n}\n.tek-grid-columns-button-sortable-drag {\n  background: white;\n}\n.tek-grid-column-option-box {\n  margin: var(--spacing-1);\n  background: #ccc;\n  padding: 2px var(--spacing-1);\n  cursor: pointer;\n}\n.tek-grid-column-option-box > * {\n  display: inline-block;\n}\n.tek-grid-column-option-box > .zd-icon {\n  font-size: 0.9rem;\n  margin-left: var(--spacing-2);\n}\n.tek-grid-column-option-box.tek-grid-column-option-grouped-true {\n  cursor: default;\n  background: #fafafa;\n}\n.tek-grid-column-option-box.tek-grid-column-option-grouped-true > .zd-icon {\n  display: none;\n}\n.tek-grid-column-option-box.tek-grid-column-option-selected-true {\n  background: var(--v-primary-base);\n  color: white;\n}\n.tek-grid-column-option-box.tek-grid-column-option-selected-true > .zd-icon {\n  color: white;\n}\n.tek-grid-column-option-container-col {\n  position: relative;\n}\n.tek-grid-column-option-container-col .tek-grid-column-option-container {\n  background: #eee;\n  padding: var(--spacing-1);\n  max-height: 100px;\n  min-height: 42px;\n  align-content: center;\n  position: relative;\n}\n.tek-grid-column-option-container-col .tek-grid-column-option-container .tek-iterable-footer {\n  display: none !important;\n}\n.tek-grid-column-option-container-col .tek-grid-column-option-container .zd-text.no-data {\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n  text-align: center;\n  font-size: 0.7rem;\n}\n.tek-grid-column-option-container-col .tek-grid-column-option-label {\n  font-weight: var(--zd-font-body2-weight);\n}\n.tek-grid-column-option-container-col .tek-grid-column-option-select-all {\n  position: absolute;\n  top: 0.5rem;\n  right: var(--spacing-1);\n  color: var(--v-primary-base);\n  cursor: pointer;\n  font-size: 0.8rem;\n}\n.tek-grid-column-option-container-col .tek-grid-column-option-drop-here {\n  position: absolute;\n  z-index: 100;\n  left: 50%;\n  transform: translateX(-50%);\n  top: 35px;\n}\n.tek-grid-column-option-detail-name {\n  color: var(--v-primary-base);\n  font-weight: var(--zd-font-body2-weight);\n  font-size: 1.1rem;\n  margin-top: var(--spacing-6);\n}", map: undefined, media: undefined });
+        inject("data-v-3480b218_0", { source: ".tek-grid-columns-button-options {\n  max-height: 250px;\n  display: flex;\n  flex-direction: column;\n  background-color: #fff;\n}\n.tek-grid-columns-button-options.theme--dark {\n  background-color: #1e1e1e;\n}\n.tek-grid-columns-button-options .tek-grid-columns-button-table-wrapper {\n  flex: 1;\n  overflow-y: auto;\n}\n.tek-grid-columns-button-options .tek-grid-columns-button-table-wrapper .tek-grid-columns-button-table {\n  padding: 0 var(--spacing-2) var(--spacing-2) var(--spacing-2);\n  font-size: 13px;\n  border-spacing: 0;\n  width: 100%;\n}\n.tek-grid-columns-button-options .tek-grid-columns-button-table-wrapper .tek-grid-columns-button-table thead tr th {\n  padding: var(--spacing-2) var(--spacing-2) var(--spacing-1) var(--spacing-2);\n  white-space: nowrap;\n  text-align: left;\n  position: sticky;\n  top: 0;\n  z-index: 10;\n  background-color: var(--zd-background-base);\n}\n.tek-grid-columns-button-options .tek-grid-columns-button-table-wrapper .tek-grid-columns-button-table tbody tr td {\n  padding: var(--spacing-1) var(--spacing-2);\n  white-space: nowrap;\n}\n.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 {\n  cursor: -webkit-grab;\n}\n.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 {\n  padding-right: 4px;\n}\n.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 {\n  max-width: 150px;\n}\n.tek-grid-columns-button-options .tek-grid-columns-button-table-footer {\n  display: flex;\n}\n.tek-grid-columns-button-options .tek-grid-columns-button-table-footer .zd-button {\n  flex: 1;\n}\n.tek-grid-columns-button-sortable-drag {\n  background: white;\n}\n.tek-grid-column-option-box {\n  margin: var(--spacing-1);\n  background: #ccc;\n  padding: 2px var(--spacing-1);\n  cursor: pointer;\n}\n.tek-grid-column-option-box > * {\n  display: inline-block;\n}\n.tek-grid-column-option-box > .zd-icon {\n  font-size: 0.9rem;\n  margin-left: var(--spacing-2);\n}\n.tek-grid-column-option-box.tek-grid-column-option-grouped-true {\n  cursor: default;\n  background: #fafafa;\n}\n.tek-grid-column-option-box.tek-grid-column-option-grouped-true > .zd-icon {\n  display: none;\n}\n.tek-grid-column-option-box.tek-grid-column-option-selected-true {\n  background: var(--v-primary-base);\n  color: white;\n}\n.tek-grid-column-option-box.tek-grid-column-option-selected-true > .zd-icon {\n  color: white;\n}\n.tek-grid-column-option-container-col {\n  position: relative;\n}\n.tek-grid-column-option-container-col .tek-grid-column-option-container {\n  background: #eee;\n  padding: var(--spacing-1);\n  max-height: 100px;\n  min-height: 42px;\n  align-content: center;\n  position: relative;\n}\n.tek-grid-column-option-container-col .tek-grid-column-option-container .tek-iterable-footer {\n  display: none !important;\n}\n.tek-grid-column-option-container-col .tek-grid-column-option-container .zd-text.no-data {\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n  text-align: center;\n  font-size: 0.7rem;\n}\n.tek-grid-column-option-container-col .tek-grid-column-option-label {\n  font-weight: var(--zd-font-body2-weight);\n}\n.tek-grid-column-option-container-col .tek-grid-column-option-select-all {\n  position: absolute;\n  top: 0.5rem;\n  right: var(--spacing-1);\n  color: var(--v-primary-base);\n  cursor: pointer;\n  font-size: 0.8rem;\n}\n.tek-grid-column-option-container-col .tek-grid-column-option-drop-here {\n  position: absolute;\n  z-index: 100;\n  left: 50%;\n  transform: translateX(-50%);\n  top: 35px;\n}\n.tek-grid-column-option-detail-name {\n  color: var(--v-primary-base);\n  font-weight: var(--zd-font-body2-weight);\n  font-size: 1.1rem;\n  margin-top: var(--spacing-6);\n}", map: undefined, media: undefined });
 
       };
       /* scoped */
@@ -4482,7 +4500,7 @@
     /**
      * TekGridLayoutOptions component
      */
-    let TekGridLayoutOptions = class TekGridLayoutOptions extends vuetify.ZdComponentRender {
+    let TekGridLayoutOptions$2 = class TekGridLayoutOptions extends vuetify.ZdComponentRender {
         constructor() {
             super(...arguments);
             this.instanceType = teknisaComponentsCommon.TekGridLayoutOptions;
@@ -4672,10 +4690,10 @@
             event.stopImmediatePropagation();
         }
     };
-    TekGridLayoutOptions = __decorate([
+    TekGridLayoutOptions$2 = __decorate([
         vuePropertyDecorator.Component
-    ], TekGridLayoutOptions);
-    var script$9 = TekGridLayoutOptions;
+    ], TekGridLayoutOptions$2);
+    var script$9 = TekGridLayoutOptions$2;
 
     /* script */
     const __vue_script__$9 = script$9;
@@ -4949,7 +4967,7 @@
       /* style */
       const __vue_inject_styles__$9 = function (inject) {
         if (!inject) return
-        inject("data-v-162a7d24_0", { source: ".tek-grid-layout-options-badge .v-badge__badge {\n  font-size: var(--zd-font-caption-size);\n  font-weight: var(--zd-font-caption-weight);\n  line-height: 14px;\n  pointer-events: none;\n  background-color: var(--zd-badge-background-color) !important;\n}\n.tek-grid-layout-options-badge .v-badge__badge span {\n  color: var(--zd-badge-text-color) !important;\n}\n.tek-grid-layout-item {\n  font-size: 13px;\n  cursor: pointer;\n  min-height: 30px;\n}\n.tek-grid-layout-item.selected {\n  font-weight: 700;\n}\n.tek-grid-layout-item:hover.theme--light {\n  background: #eee;\n}\n.tek-grid-layout-item:hover .tek-grid-layout-item-buttons {\n  display: inherit;\n}\n.tek-grid-layout-item .tek-grid-layout-item-buttons {\n  display: none;\n  position: absolute;\n  right: 5px;\n}\n.tek-grid-layout-item .tek-grid-layout-item-buttons .v-icon {\n  font-size: 12px;\n}", map: undefined, media: undefined });
+        inject("data-v-01da62e2_0", { source: ".tek-grid-layout-options-badge .v-badge__badge {\n  font-size: var(--zd-font-caption-size);\n  font-weight: var(--zd-font-caption-weight);\n  line-height: 14px;\n  pointer-events: none;\n  background-color: var(--zd-badge-background-color) !important;\n}\n.tek-grid-layout-options-badge .v-badge__badge span {\n  color: var(--zd-badge-text-color) !important;\n}\n.tek-grid-layout-item {\n  font-size: 13px;\n  cursor: pointer;\n  min-height: 30px;\n}\n.tek-grid-layout-item.selected {\n  font-weight: 700;\n}\n.tek-grid-layout-item:hover.theme--light {\n  background: #eee;\n}\n.tek-grid-layout-item:hover .tek-grid-layout-item-buttons {\n  display: inherit;\n}\n.tek-grid-layout-item .tek-grid-layout-item-buttons {\n  display: none;\n  position: absolute;\n  right: 5px;\n}\n.tek-grid-layout-item .tek-grid-layout-item-buttons .v-icon {\n  font-size: 12px;\n}", map: undefined, media: undefined });
 
       };
       /* scoped */
@@ -4980,7 +4998,7 @@
     /**
      * DocTable component
      */
-    let TekImage = class TekImage extends vuetify.ZdComponent {
+    let TekImage$2 = class TekImage extends vuetify.ZdComponent {
         constructor() {
             super(...arguments);
             this.instanceType = teknisaComponentsCommon.Image;
@@ -4988,14 +5006,14 @@
     };
     __decorate([
         vuetify.PropWatch({ type: String, default: '' })
-    ], TekImage.prototype, "to", void 0);
+    ], TekImage$2.prototype, "to", void 0);
     __decorate([
         vuetify.PropWatch({ type: String, default: '' })
-    ], TekImage.prototype, "src", void 0);
-    TekImage = __decorate([
+    ], TekImage$2.prototype, "src", void 0);
+    TekImage$2 = __decorate([
         vuePropertyDecorator.Component
-    ], TekImage);
-    var script$8 = TekImage;
+    ], TekImage$2);
+    var script$8 = TekImage$2;
 
     /* script */
     const __vue_script__$8 = script$8;
@@ -5176,7 +5194,7 @@
     /**
      * TekIterableComponentRender component
      */
-    let TekIterableComponentRender = class TekIterableComponentRender extends vuetify.ZdIterable {
+    let TekIterableComponentRender$2 = class TekIterableComponentRender extends vuetify.ZdIterable {
         constructor() {
             super(...arguments);
             this.instanceType = teknisaComponentsCommon.IterableComponentRender;
@@ -5184,19 +5202,19 @@
     };
     __decorate([
         vuePropertyDecorator.Prop({ type: Array, default: () => [] })
-    ], TekIterableComponentRender.prototype, "footerSlot", void 0);
+    ], TekIterableComponentRender$2.prototype, "footerSlot", void 0);
     __decorate([
         vuePropertyDecorator.Prop({ type: Array, default: () => [] })
-    ], TekIterableComponentRender.prototype, "toolbarSlot", void 0);
+    ], TekIterableComponentRender$2.prototype, "toolbarSlot", void 0);
     __decorate([
         vuePropertyDecorator.Prop({ type: [Object, String] })
-    ], TekIterableComponentRender.prototype, "componentMetadata", void 0);
+    ], TekIterableComponentRender$2.prototype, "componentMetadata", void 0);
     __decorate([
         vuetify.PropWatch({ type: String, default: 'row' })
-    ], TekIterableComponentRender.prototype, "rowPropName", void 0);
+    ], TekIterableComponentRender$2.prototype, "rowPropName", void 0);
     __decorate([
         vuePropertyDecorator.Prop({ type: Array, default: () => ([]) })
-    ], TekIterableComponentRender.prototype, "errorSlot", void 0);
+    ], TekIterableComponentRender$2.prototype, "errorSlot", void 0);
     __decorate([
         vuePropertyDecorator.Prop({
             type: Array,
@@ -5209,7 +5227,7 @@
                 },
             ]),
         })
-    ], TekIterableComponentRender.prototype, "noDataSlot", void 0);
+    ], TekIterableComponentRender$2.prototype, "noDataSlot", void 0);
     __decorate([
         vuePropertyDecorator.Prop({
             type: Array,
@@ -5222,20 +5240,20 @@
                 },
             ]),
         })
-    ], TekIterableComponentRender.prototype, "noResultSlot", void 0);
+    ], TekIterableComponentRender$2.prototype, "noResultSlot", void 0);
     __decorate([
         vuetify.PropWatch({ type: [Number, String], default: 'auto' })
-    ], TekIterableComponentRender.prototype, "height", void 0);
+    ], TekIterableComponentRender$2.prototype, "height", void 0);
     __decorate([
         vuetify.PropWatch({ type: [Number, String], default: 'none' })
-    ], TekIterableComponentRender.prototype, "maxHeight", void 0);
+    ], TekIterableComponentRender$2.prototype, "maxHeight", void 0);
     __decorate([
         vuetify.PropWatch({ type: [Number, String], default: 'none' })
-    ], TekIterableComponentRender.prototype, "minHeight", void 0);
-    TekIterableComponentRender = __decorate([
+    ], TekIterableComponentRender$2.prototype, "minHeight", void 0);
+    TekIterableComponentRender$2 = __decorate([
         vuePropertyDecorator.Component
-    ], TekIterableComponentRender);
-    var script$6 = TekIterableComponentRender;
+    ], TekIterableComponentRender$2);
+    var script$6 = TekIterableComponentRender$2;
 
     /* script */
     const __vue_script__$6 = script$6;
@@ -5435,11 +5453,11 @@
       /* style */
       const __vue_inject_styles__$6 = function (inject) {
         if (!inject) return
-        inject("data-v-4336f203_0", { source: ".tek-iterable-component-render[data-v-4336f203] {\n  width: 100%;\n  display: flex;\n  flex-wrap: wrap;\n  -webkit-box-flex: 1;\n  flex: 1 1 auto;\n}\n.tek-iterable-component-render .error--text[data-v-4336f203],\n.tek-iterable-component-render .no--data[data-v-4336f203] {\n  text-align: center;\n  width: 100%;\n  font-size: 14px;\n}\n.tek-iterable-component-render .no--data[data-v-4336f203] {\n  color: rgba(0, 0, 0, 0.38);\n}\n.tek-iterable-component-render .tek-iterable-toolbar[data-v-4336f203] {\n  display: flex;\n  justify-content: space-between;\n  margin-bottom: 16px;\n  align-items: center;\n  width: 100%;\n}\n.tek-iterable-component-render .tek-iterable-footer[data-v-4336f203] {\n  padding: 5px 0;\n  display: flex;\n  width: 100%;\n}", map: undefined, media: undefined });
+        inject("data-v-99372b24_0", { source: ".tek-iterable-component-render[data-v-99372b24] {\n  width: 100%;\n  display: flex;\n  flex-wrap: wrap;\n  -webkit-box-flex: 1;\n  flex: 1 1 auto;\n}\n.tek-iterable-component-render .error--text[data-v-99372b24],\n.tek-iterable-component-render .no--data[data-v-99372b24] {\n  text-align: center;\n  width: 100%;\n  font-size: 14px;\n}\n.tek-iterable-component-render .no--data[data-v-99372b24] {\n  color: rgba(0, 0, 0, 0.38);\n}\n.tek-iterable-component-render .tek-iterable-toolbar[data-v-99372b24] {\n  display: flex;\n  justify-content: space-between;\n  margin-bottom: 16px;\n  align-items: center;\n  width: 100%;\n}\n.tek-iterable-component-render .tek-iterable-footer[data-v-99372b24] {\n  padding: 5px 0;\n  display: flex;\n  width: 100%;\n}", map: undefined, media: undefined });
 
       };
       /* scoped */
-      const __vue_scope_id__$6 = "data-v-4336f203";
+      const __vue_scope_id__$6 = "data-v-99372b24";
       /* module identifier */
       const __vue_module_identifier__$6 = undefined;
       /* functional template */
@@ -5655,7 +5673,7 @@
       /* style */
       const __vue_inject_styles__$4 = function (inject) {
         if (!inject) return
-        inject("data-v-30efacc6_0", { source: ".tek-notifications .tek-card-title .mark-read-text {\n  font-size: var(--zd-font-body1-size);\n  font-weight: var(--zd-font-body1-weight);\n  display: inline-block;\n}\n.tek-notifications .tek-card-title .mark-read-text p {\n  margin-bottom: 0px;\n}\n.tek-notifications .tek-card-title hr.v-divider {\n  margin-bottom: 0px;\n}\n.tek-notifications ul.tek-notifications-list {\n  list-style: none;\n  padding: 0;\n}\n.tek-notifications ul.tek-notifications-list li {\n  border-bottom: solid 1px rgba(0, 0, 0, 0.12);\n  color: #667080;\n  font-size: var(--zd-font-body1-size);\n  font-weight: var(--zd-font-body1-weight);\n  line-height: 14px;\n  padding: 10px 20px 10px 0;\n  position: relative;\n}\n.tek-notifications ul.tek-notifications-list li .tek-notification-subject {\n  font-weight: 700;\n}\n.tek-notifications ul.tek-notifications-list li .tek-notification-read-mark {\n  width: 10px;\n  height: 10px;\n  background-color: var(--v-primary-base);\n  border-radius: 50%;\n  position: absolute;\n  right: 2px;\n  top: 12px;\n}\n.tek-notifications ul.tek-notifications-list li:last-child {\n  border-bottom: none;\n}\n.tek-notifications .tek-notification-show-all {\n  text-decoration: none;\n  text-align: center;\n  padding-top: 10px;\n  font-weight: 700;\n  display: block;\n  border-top: solid 1px rgba(0, 0, 0, 0.12);\n}", map: undefined, media: undefined });
+        inject("data-v-b078b4a0_0", { source: ".tek-notifications .tek-card-title .mark-read-text {\n  font-size: var(--zd-font-body1-size);\n  font-weight: var(--zd-font-body1-weight);\n  display: inline-block;\n}\n.tek-notifications .tek-card-title .mark-read-text p {\n  margin-bottom: 0px;\n}\n.tek-notifications .tek-card-title hr.v-divider {\n  margin-bottom: 0px;\n}\n.tek-notifications ul.tek-notifications-list {\n  list-style: none;\n  padding: 0;\n}\n.tek-notifications ul.tek-notifications-list li {\n  border-bottom: solid 1px rgba(0, 0, 0, 0.12);\n  color: #667080;\n  font-size: var(--zd-font-body1-size);\n  font-weight: var(--zd-font-body1-weight);\n  line-height: 14px;\n  padding: 10px 20px 10px 0;\n  position: relative;\n}\n.tek-notifications ul.tek-notifications-list li .tek-notification-subject {\n  font-weight: 700;\n}\n.tek-notifications ul.tek-notifications-list li .tek-notification-read-mark {\n  width: 10px;\n  height: 10px;\n  background-color: var(--v-primary-base);\n  border-radius: 50%;\n  position: absolute;\n  right: 2px;\n  top: 12px;\n}\n.tek-notifications ul.tek-notifications-list li:last-child {\n  border-bottom: none;\n}\n.tek-notifications .tek-notification-show-all {\n  text-decoration: none;\n  text-align: center;\n  padding-top: 10px;\n  font-weight: 700;\n  display: block;\n  border-top: solid 1px rgba(0, 0, 0, 0.12);\n}", map: undefined, media: undefined });
 
       };
       /* scoped */
@@ -5686,7 +5704,7 @@
     /**
      * Product card component
      */
-    let TekProductCard = class TekProductCard extends vuetify.ZdComponentRender {
+    let TekProductCard$2 = class TekProductCard extends vuetify.ZdComponentRender {
         constructor() {
             super(...arguments);
             this.instanceType = teknisaComponentsCommon.ProductCard;
@@ -5701,47 +5719,47 @@
     };
     __decorate([
         vuetify.PropWatch({ type: String, default: '' })
-    ], TekProductCard.prototype, "id", void 0);
+    ], TekProductCard$2.prototype, "id", void 0);
     __decorate([
         vuetify.PropWatch({ type: String, default: '' })
-    ], TekProductCard.prototype, "to", void 0);
+    ], TekProductCard$2.prototype, "to", void 0);
     __decorate([
         vuetify.PropWatch({ type: String, default: '' })
-    ], TekProductCard.prototype, "src", void 0);
+    ], TekProductCard$2.prototype, "src", void 0);
     __decorate([
         vuetify.PropWatch({ type: String, default: '' })
-    ], TekProductCard.prototype, "errorImagePath", void 0);
+    ], TekProductCard$2.prototype, "errorImagePath", void 0);
     __decorate([
         vuetify.PropWatch({ type: String, default: 'UNAVAILABLE_IMAGE' })
-    ], TekProductCard.prototype, "errorImageText", void 0);
+    ], TekProductCard$2.prototype, "errorImageText", void 0);
     __decorate([
         vuetify.PropWatch({ type: String, default: '' })
-    ], TekProductCard.prototype, "productName", void 0);
+    ], TekProductCard$2.prototype, "productName", void 0);
     __decorate([
         vuetify.PropWatch({ type: String })
-    ], TekProductCard.prototype, "productSupplier", void 0);
+    ], TekProductCard$2.prototype, "productSupplier", void 0);
     __decorate([
         vuetify.PropWatch({ type: String })
-    ], TekProductCard.prototype, "productBrand", void 0);
+    ], TekProductCard$2.prototype, "productBrand", void 0);
     __decorate([
         vuetify.PropWatch({ type: [String, Number] })
-    ], TekProductCard.prototype, "productPrice", void 0);
+    ], TekProductCard$2.prototype, "productPrice", void 0);
     __decorate([
         vuetify.PropWatch({ type: String, default: '' })
-    ], TekProductCard.prototype, "width", void 0);
+    ], TekProductCard$2.prototype, "width", void 0);
     __decorate([
         vuetify.PropWatch({ type: [Number, String], default: 'auto' })
-    ], TekProductCard.prototype, "height", void 0);
+    ], TekProductCard$2.prototype, "height", void 0);
     __decorate([
         vuetify.PropWatch({ type: [Number, String], default: 'none' })
-    ], TekProductCard.prototype, "maxHeight", void 0);
+    ], TekProductCard$2.prototype, "maxHeight", void 0);
     __decorate([
         vuetify.PropWatch({ type: [Number, String], default: 'none' })
-    ], TekProductCard.prototype, "minHeight", void 0);
-    TekProductCard = __decorate([
+    ], TekProductCard$2.prototype, "minHeight", void 0);
+    TekProductCard$2 = __decorate([
         vuePropertyDecorator.Component
-    ], TekProductCard);
-    var script$3 = TekProductCard;
+    ], TekProductCard$2);
+    var script$3 = TekProductCard$2;
 
     /* script */
     const __vue_script__$3 = script$3;
@@ -5891,7 +5909,7 @@
       /* style */
       const __vue_inject_styles__$3 = function (inject) {
         if (!inject) return
-        inject("data-v-0ad251e8_0", { source: ".tek-product-card * {\n  text-decoration: none;\n}\n.tek-product-card .v-card {\n  padding: 0%;\n}\n.tek-product-card .v-card .tek-image-content {\n  text-align: center;\n}\n.tek-product-card .v-card .tek-product-card-image-container {\n  position: relative;\n}\n.tek-product-card .v-card .tek-product-card-info {\n  display: flex;\n  flex-direction: column;\n  padding: 5px 10px 10px 10px;\n  color: var(--zd-font-color);\n}\n.tek-product-card .v-card .tek-product-card-info .tek-product-card-title {\n  white-space: nowrap;\n  width: 100%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  font-size: 16px;\n  line-height: 19px;\n}\n.tek-product-card .v-card .tek-product-card-info .tek-product-card-supplier {\n  font-size: var(--zd-font-body2-size);\n  line-height: 14px;\n  color: #c4c4c4;\n}\n.tek-product-card .v-card .tek-product-card-info .tek-product-card-footer {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding-top: 10px;\n}\n.tek-product-card .v-card .tek-product-card-info .tek-product-card-footer .tek-product-card-brand {\n  font-size: var(--zd-font-body2-size);\n  line-height: 14px;\n}\n.tek-product-card .v-card .tek-product-card-info .tek-product-card-footer .tek-product-card-price {\n  font-weight: var(--zd-font-body4-weight);\n  font-size: var(--zd-font-body4-size);\n  line-height: 16px;\n}\n.tek-product-card--link .v-card {\n  cursor: pointer;\n}", map: undefined, media: undefined });
+        inject("data-v-d1f7e034_0", { source: ".tek-product-card * {\n  text-decoration: none;\n}\n.tek-product-card .v-card {\n  padding: 0%;\n}\n.tek-product-card .v-card .tek-image-content {\n  text-align: center;\n}\n.tek-product-card .v-card .tek-product-card-image-container {\n  position: relative;\n}\n.tek-product-card .v-card .tek-product-card-info {\n  display: flex;\n  flex-direction: column;\n  padding: 5px 10px 10px 10px;\n  color: var(--zd-font-color);\n}\n.tek-product-card .v-card .tek-product-card-info .tek-product-card-title {\n  white-space: nowrap;\n  width: 100%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  font-size: 16px;\n  line-height: 19px;\n}\n.tek-product-card .v-card .tek-product-card-info .tek-product-card-supplier {\n  font-size: var(--zd-font-body2-size);\n  line-height: 14px;\n  color: #c4c4c4;\n}\n.tek-product-card .v-card .tek-product-card-info .tek-product-card-footer {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding-top: 10px;\n}\n.tek-product-card .v-card .tek-product-card-info .tek-product-card-footer .tek-product-card-brand {\n  font-size: var(--zd-font-body2-size);\n  line-height: 14px;\n}\n.tek-product-card .v-card .tek-product-card-info .tek-product-card-footer .tek-product-card-price {\n  font-weight: var(--zd-font-body4-weight);\n  font-size: var(--zd-font-body4-size);\n  line-height: 16px;\n}\n.tek-product-card--link .v-card {\n  cursor: pointer;\n}", map: undefined, media: undefined });
 
       };
       /* scoped */
@@ -5920,11 +5938,11 @@
       );
 
     // eslint-disable-next-line prefer-destructuring
-    const ZdTreeGridEditable = vuetify.components.ZdTreeGridEditable;
+    const ZdTreeGridEditable$1 = vuetify.components.ZdTreeGridEditable;
     /**
      * TekGrid component
      */
-    let TekGrid = class TekGrid extends ZdTreeGridEditable {
+    let TekGrid$4 = class TekGrid extends ZdTreeGridEditable$1 {
         constructor() {
             super(...arguments);
             this.instanceType = teknisaComponentsCommon.TekTreeGrid;
@@ -6234,62 +6252,62 @@
     };
     __decorate([
         vuetify.PropWatch({ type: [String], default: '' })
-    ], TekGrid.prototype, "title", void 0);
+    ], TekGrid$4.prototype, "title", void 0);
     __decorate([
         vuetify.PropWatch({ type: [Boolean, String], default: false })
-    ], TekGrid.prototype, "addButton", void 0);
+    ], TekGrid$4.prototype, "addButton", void 0);
     __decorate([
         vuetify.PropWatch({ type: [String], default: 'none' })
-    ], TekGrid.prototype, "deleteButton", void 0);
+    ], TekGrid$4.prototype, "deleteButton", void 0);
     __decorate([
         vuetify.PropWatch({ type: [Boolean, String], default: false })
-    ], TekGrid.prototype, "columnsButton", void 0);
+    ], TekGrid$4.prototype, "columnsButton", void 0);
     __decorate([
         vuePropertyDecorator.Prop({ type: [Array, String], default: () => [] })
-    ], TekGrid.prototype, "columnsButtonIgnore", void 0);
+    ], TekGrid$4.prototype, "columnsButtonIgnore", void 0);
     __decorate([
         vuetify.PropWatch({ type: [Boolean, String], default: false })
-    ], TekGrid.prototype, "filterButton", void 0);
+    ], TekGrid$4.prototype, "filterButton", void 0);
     __decorate([
         vuetify.PropWatch({ type: [Boolean, String], default: true })
-    ], TekGrid.prototype, "showSearch", void 0);
+    ], TekGrid$4.prototype, "showSearch", void 0);
     __decorate([
         vuetify.PropWatch({ type: [Boolean, String], default: false })
-    ], TekGrid.prototype, "columnFilterButton", void 0);
+    ], TekGrid$4.prototype, "columnFilterButton", void 0);
     __decorate([
         vuePropertyDecorator.Prop({ type: [Array], default: () => [] })
-    ], TekGrid.prototype, "actions", void 0);
+    ], TekGrid$4.prototype, "actions", void 0);
     __decorate([
         vuetify.PropWatch({ type: [String, Boolean], default: true })
-    ], TekGrid.prototype, "dragColumns", void 0);
+    ], TekGrid$4.prototype, "dragColumns", void 0);
     __decorate([
         vuetify.PropWatch({ type: [String, Boolean], default: true })
-    ], TekGrid.prototype, "resizeColumns", void 0);
+    ], TekGrid$4.prototype, "resizeColumns", void 0);
     __decorate([
         vuetify.PropWatch({ type: [String, Boolean], default: true })
-    ], TekGrid.prototype, "showLayoutOptions", void 0);
+    ], TekGrid$4.prototype, "showLayoutOptions", void 0);
     __decorate([
         vuetify.PropWatch({ type: [String, Boolean], default: false })
-    ], TekGrid.prototype, "showExport", void 0);
+    ], TekGrid$4.prototype, "showExport", void 0);
     __decorate([
         vuetify.PropWatch({ type: [String, Boolean], default: true })
-    ], TekGrid.prototype, "showReload", void 0);
+    ], TekGrid$4.prototype, "showReload", void 0);
     __decorate([
         vuePropertyDecorator.Prop({ type: [String, Array] })
-    ], TekGrid.prototype, "exportConfig", void 0);
+    ], TekGrid$4.prototype, "exportConfig", void 0);
     __decorate([
         vuePropertyDecorator.Prop({ type: [Array] })
-    ], TekGrid.prototype, "exportActions", void 0);
+    ], TekGrid$4.prototype, "exportActions", void 0);
     __decorate([
         vuePropertyDecorator.Prop({
             type: Array,
             default: () => undefined,
         })
-    ], TekGrid.prototype, "toolbarSlot", void 0);
-    TekGrid = __decorate([
+    ], TekGrid$4.prototype, "toolbarSlot", void 0);
+    TekGrid$4 = __decorate([
         vuePropertyDecorator.Component
-    ], TekGrid);
-    var script$2 = TekGrid;
+    ], TekGrid$4);
+    var script$2 = TekGrid$4;
 
     /* script */
     const __vue_script__$2 = script$2;
@@ -6329,7 +6347,6 @@
           headers: _vm.instance.columns,
           items: _vm.getData(),
           search: _vm.instance.datasource.search,
-          "show-select": _vm.instance.selectable,
           dense: _vm.instance.dense,
           loading: _vm.instance.datasource.loading,
           "item-key": _vm.instance.datasource.uniqueKey,
@@ -6399,32 +6416,36 @@
                                       _vm.instance.headerBackground,
                                   },
                                   [
-                                    _c("v-checkbox", {
-                                      staticClass: "zd-grid-header-checkbox",
-                                      attrs: {
-                                        "hide-details": "",
-                                        color: "primary",
-                                        disabled: _vm.instance.editing,
-                                        "on-icon": _vm.$getIcon("checkboxOn"),
-                                        "off-icon": _vm.$getIcon("checkboxOff"),
-                                        "indeterminate-icon": _vm.$getIcon(
-                                          "checkboxIndeterminate"
-                                        ),
-                                        value: props.everyItem,
-                                        indeterminate:
-                                          !props.everyItem && props.someItems,
-                                      },
-                                      on: {
-                                        click: function ($event) {
-                                          $event.stopPropagation();
-                                          on["toggle-select-all"](!props.everyItem);
-                                          _vm.selectAllClick(
-                                            !props.everyItem,
-                                            $event
-                                          );
-                                        },
-                                      },
-                                    }),
+                                    _vm.instance.showSelectAll
+                                      ? _c("v-checkbox", {
+                                          staticClass: "zd-grid-header-checkbox",
+                                          attrs: {
+                                            "hide-details": "",
+                                            color: "primary",
+                                            disabled: _vm.instance.editing,
+                                            "on-icon": _vm.$getIcon("checkboxOn"),
+                                            "off-icon": _vm.$getIcon("checkboxOff"),
+                                            "indeterminate-icon": _vm.$getIcon(
+                                              "checkboxIndeterminate"
+                                            ),
+                                            value: props.everyItem,
+                                            indeterminate:
+                                              !props.everyItem && props.someItems,
+                                          },
+                                          on: {
+                                            click: function ($event) {
+                                              $event.stopPropagation();
+                                              on["toggle-select-all"](
+                                                !props.everyItem
+                                              );
+                                              _vm.selectAllClick(
+                                                !props.everyItem,
+                                                $event
+                                              );
+                                            },
+                                          },
+                                        })
+                                      : _vm._e(),
                                   ],
                                   1
                                 )
@@ -6465,6 +6486,9 @@
                                           style: {
                                             "background-color":
                                               _vm.instance.headerBackground,
+                                            width:
+                                              _vm.calcWidth(column, column.width) ||
+                                              "unset",
                                             "min-width":
                                               _vm.calcWidth(
                                                 column,
@@ -6577,6 +6601,11 @@
                                                             : "",
                                                         ],
                                                         style: {
+                                                          width:
+                                                            _vm.calcWidth(
+                                                              column,
+                                                              column.width
+                                                            ) || "unset",
                                                           "min-width":
                                                             _vm.calcWidth(
                                                               column,
@@ -7055,12 +7084,17 @@
                                     attrs: {
                                       "hide-details": "",
                                       color: "primary",
-                                      disabled: _vm.instance.editing,
+                                      disabled:
+                                        _vm.instance.editing ||
+                                        _vm.instance.callDisableSelection(item),
                                       "on-icon": _vm.$getIcon("checkboxOn"),
                                       "off-icon": _vm.$getIcon("checkboxOff"),
                                       "true-value": true,
                                       "false-value": false,
                                       value: isSelected,
+                                      indeterminate:
+                                        !_vm.checkEvery(item) &&
+                                        _vm.checkSome(item),
                                     },
                                     on: {
                                       click: function ($event) {
@@ -7190,7 +7224,8 @@
                                                           width:
                                                             _vm.calcWidth(
                                                               column,
-                                                              column.maxWidth ||
+                                                              column.width ||
+                                                                column.maxWidth ||
                                                                 column.minWidth
                                                             ) || "unset",
                                                           "min-width":
@@ -7623,7 +7658,7 @@
       /* style */
       const __vue_inject_styles__$2 = function (inject) {
         if (!inject) return
-        inject("data-v-1caf475e_0", { source: ".tek-grid .zd-grid-toolbar {\n  height: 36px;\n}\n.tek-grid .zd-grid-toolbar .zd-grid-toolbar-slot {\n  align-items: center;\n}\n.tek-grid .zd-grid-toolbar .toolbar-divider {\n  margin: 10px;\n}\n.tek-grid .zd-grid-toolbar .toolbar-title {\n  line-height: 22px;\n  color: var(--v-primary-base);\n}\n.tek-grid table thead tr th {\n  padding-right: 15px !important;\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column {\n  position: sticky !important;\n  left: 0;\n  z-index: 5;\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column.theme--light {\n  background: #f7f7f7 !important;\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column.theme--dark {\n  background: #3c3c3c !important;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button {\n  display: inline-block;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button .v-icon {\n  cursor: pointer;\n  font-size: 15px;\n  width: 15px;\n  padding: 0 3px;\n  opacity: 0;\n  color: #ccc;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button.has-filter-data .v-icon {\n  opacity: 1;\n  color: var(--v-primary-base);\n}\n.tek-grid table thead tr th:hover .tek-grid-column-filter-button .v-icon {\n  opacity: 1;\n}\n.tek-grid table tbody tr.footer.theme--light {\n  background: #f6f6f6;\n}\n.tek-grid table tbody tr.footer.theme--dark {\n  background: #3b3b3b;\n}\n.tek-grid table tbody tr.footer td.zd-table-cell {\n  font-weight: 700;\n}\n.tek-grid table tbody tr.summary {\n  background: #eee;\n}\n.tek-grid table tbody tr.summary td.zd-table-cell {\n  font-weight: 700;\n  font-size: 15px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header {\n  font-weight: bold;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .v-icon {\n  font-size: 21px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .v-icon.closed {\n  transform: rotate(-90deg);\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-container {\n  position: sticky !important;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-container .zd-table-group-text {\n  vertical-align: middle;\n}\n.tek-grid table tbody tr td.zd-table-cell .zd-table-cell-text {\n  display: inline-block;\n  vertical-align: middle;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-fixed-column {\n  position: sticky !important;\n  left: 0;\n  z-index: 3;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-fixed-column.theme--light {\n  background: #f7f7f7 !important;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-fixed-column.theme--dark {\n  background: #3c3c3c !important;\n}\n.tek-grid table tbody tr.current td.zd-table-cell.zd-table-fixed-column {\n  color: var(--v-primary-base) !important;\n}\n.tek-grid table .tek-grid-header-group-identation {\n  width: 22px;\n  display: inline-block;\n  vertical-align: middle;\n}\n.tek-grid table .tek-grid-header-group-identation.first-group {\n  width: 20px;\n}\n.tek-grid table .tek-grid-body-group-identation {\n  width: 8px;\n  display: inline-block;\n  vertical-align: middle;\n  margin-left: 14px;\n  height: 100%;\n  border-left: solid 1px #ccc;\n}\n.tek-grid table .tek-grid-body-group-identation.first-group {\n  width: 10px;\n  margin-left: 10px;\n}\n.tek-grid table .tek-grid-body-group-identation.group-footer {\n  height: 60%;\n  border-bottom: solid 1px #ccc;\n  position: relative;\n  top: -25%;\n}\n.tek-grid table .tek-grid-body-group-identation.group-footer-no-line {\n  border-left: none;\n}\n.tek-grid .zd-skeleton-table-cell .v-skeleton-loader__table-cell {\n  height: auto;\n}\n.tekgrid-actions-dropdown > * {\n  display: block;\n}\n.tek-grid-column-filter-menu {\n  padding: 12px 12px 0 12px;\n  max-height: 300px;\n}\n.tek-grid-column-filter-menu.theme--light {\n  background: #fff;\n}\n.tek-grid-column-filter-menu.theme--dark {\n  background: #1e1e1e;\n}\n.filter-helper-values-button {\n  height: 24px !important;\n  margin-left: 5px;\n  margin-top: 0;\n}\n.filter-helper-values-button.with-label {\n  margin-top: 20px;\n}\n.filter-helper-values-option {\n  cursor: pointer;\n}\n.filter-helper-values-option:hover {\n  background-color: rgba(0, 0, 0, 0.03);\n}", map: undefined, media: undefined });
+        inject("data-v-56918822_0", { source: ".tek-grid .zd-grid-toolbar {\n  height: 36px;\n}\n.tek-grid .zd-grid-toolbar .zd-grid-toolbar-slot {\n  align-items: center;\n}\n.tek-grid .zd-grid-toolbar .toolbar-divider {\n  margin: 10px;\n}\n.tek-grid .zd-grid-toolbar .toolbar-title {\n  line-height: 22px;\n  color: var(--v-primary-base);\n}\n.tek-grid table thead tr th {\n  padding-right: 15px !important;\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column {\n  position: sticky !important;\n  left: 0;\n  z-index: 5;\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column.theme--light {\n  background: #f7f7f7 !important;\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column.theme--dark {\n  background: #3c3c3c !important;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button {\n  display: inline-block;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button .v-icon {\n  cursor: pointer;\n  font-size: 15px;\n  width: 15px;\n  padding: 0 3px;\n  opacity: 0;\n  color: #ccc;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button.has-filter-data .v-icon {\n  opacity: 1;\n  color: var(--v-primary-base);\n}\n.tek-grid table thead tr th:hover .tek-grid-column-filter-button .v-icon {\n  opacity: 1;\n}\n.tek-grid table tbody tr.footer.theme--light {\n  background: #f6f6f6;\n}\n.tek-grid table tbody tr.footer.theme--dark {\n  background: #3b3b3b;\n}\n.tek-grid table tbody tr.footer td.zd-table-cell {\n  font-weight: 700;\n}\n.tek-grid table tbody tr.summary {\n  background: #eee;\n}\n.tek-grid table tbody tr.summary td.zd-table-cell {\n  font-weight: 700;\n  font-size: 15px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header {\n  font-weight: bold;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .v-icon {\n  font-size: 21px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .v-icon.closed {\n  transform: rotate(-90deg);\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-container {\n  position: sticky !important;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-container .zd-table-group-text {\n  vertical-align: middle;\n}\n.tek-grid table tbody tr td.zd-table-cell .zd-table-cell-aling-total {\n  display: flex !important;\n  position: relative;\n  justify-content: start;\n  align-items: center;\n  left: 1.5rem;\n  top: -50%;\n}\n.tek-grid table tbody tr td.zd-table-cell .zd-table-cell-aling-total:first-of-type {\n  display: inline-block !important;\n  top: 0;\n  left: 0;\n}\n.tek-grid table tbody tr td.zd-table-cell .zd-table-cell-text {\n  display: inline-block;\n  vertical-align: middle;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-fixed-column {\n  position: sticky !important;\n  left: 0;\n  z-index: 3;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-fixed-column.theme--light {\n  background: #f7f7f7 !important;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-fixed-column.theme--dark {\n  background: #3c3c3c !important;\n}\n.tek-grid table tbody tr.current td.zd-table-cell.zd-table-fixed-column {\n  color: var(--v-primary-base) !important;\n}\n.tek-grid table .tek-grid-header-group-identation {\n  width: 22px;\n  display: inline-block;\n  vertical-align: middle;\n}\n.tek-grid table .tek-grid-header-group-identation.first-group {\n  width: 20px;\n}\n.tek-grid table .tek-grid-body-group-identation {\n  width: 8px;\n  display: flex;\n  position: relative;\n  top: 10px;\n  margin-left: 14px;\n  height: 100%;\n  border-left: solid 1px #ccc;\n}\n.tek-grid table .tek-grid-body-group-identation.first-group {\n  width: 1rem;\n  margin-left: 10px;\n}\n.tek-grid table .tek-grid-body-group-identation.group-footer {\n  height: 60%;\n  border-bottom: solid 1px #ccc;\n  top: -25%;\n}\n.tek-grid table .tek-grid-body-group-identation.group-footer-no-line {\n  border-left: none;\n}\n.tek-grid .zd-skeleton-table-cell .v-skeleton-loader__table-cell {\n  height: auto;\n}\n.tekgrid-actions-dropdown > * {\n  display: block;\n}\n.tek-grid-column-filter-menu {\n  padding: 12px 12px 0 12px;\n  max-height: 300px;\n}\n.tek-grid-column-filter-menu.theme--light {\n  background: #fff;\n}\n.tek-grid-column-filter-menu.theme--dark {\n  background: #1e1e1e;\n}\n.filter-helper-values-button {\n  height: 24px !important;\n  margin-left: 5px;\n  margin-top: 0;\n}\n.filter-helper-values-button.with-label {\n  margin-top: 20px;\n}\n.filter-helper-values-option {\n  cursor: pointer;\n}\n.filter-helper-values-option:hover {\n  background-color: rgba(0, 0, 0, 0.03);\n}", map: undefined, media: undefined });
 
       };
       /* scoped */
@@ -7651,7 +7686,7 @@
         undefined
       );
 
-    let TekUserInfo = class TekUserInfo extends zdUserInfoVue.ZdUserInfo {
+    let TekUserInfo$2 = class TekUserInfo extends zdUserInfoVue.ZdUserInfo {
         constructor() {
             super(...arguments);
             this.instanceType = teknisaComponentsCommon.TekUserInfo;
@@ -7659,23 +7694,23 @@
     };
     __decorate([
         vuetify.PropWatch({ type: [String], default: '' })
-    ], TekUserInfo.prototype, "aboutImage", void 0);
+    ], TekUserInfo$2.prototype, "aboutImage", void 0);
     __decorate([
         vuetify.PropWatch({ type: [String], default: '' })
-    ], TekUserInfo.prototype, "defaultEmail", void 0);
+    ], TekUserInfo$2.prototype, "defaultEmail", void 0);
     __decorate([
         vuetify.PropWatch({ type: [Object, String], default: null })
-    ], TekUserInfo.prototype, "versionInfo", void 0);
+    ], TekUserInfo$2.prototype, "versionInfo", void 0);
     __decorate([
         vuetify.PropWatch({ type: [String], default: '' })
-    ], TekUserInfo.prototype, "versionUrl", void 0);
+    ], TekUserInfo$2.prototype, "versionUrl", void 0);
     __decorate([
         vuePropertyDecorator.Prop({ type: [Array], default: undefined })
-    ], TekUserInfo.prototype, "bottomSlot", void 0);
-    TekUserInfo = __decorate([
+    ], TekUserInfo$2.prototype, "bottomSlot", void 0);
+    TekUserInfo$2 = __decorate([
         vuePropertyDecorator.Component
-    ], TekUserInfo);
-    var script$1 = TekUserInfo;
+    ], TekUserInfo$2);
+    var script$1 = TekUserInfo$2;
 
     /* script */
     const __vue_script__$1 = script$1;
@@ -7733,7 +7768,7 @@
       /* style */
       const __vue_inject_styles__$1 = function (inject) {
         if (!inject) return
-        inject("data-v-d9bc3516_0", { source: ".about-modal {\n  height: 80%;\n  overflow-y: unset;\n}\n.about-modal .zd-modal-card, .about-modal .zd-modal-card-text, .about-modal .zd-modal-container, .about-modal .zd-tabs {\n  height: 100%;\n}\n.about-modal .zd-modal-container {\n  display: flex;\n  flex-direction: column;\n}\n.about-modal .zd-tabs, .about-modal .v-tabs-items {\n  overflow-y: auto;\n}", map: undefined, media: undefined });
+        inject("data-v-82daf408_0", { source: ".about-modal {\n  height: 80%;\n  overflow-y: unset;\n}\n.about-modal .zd-modal-card, .about-modal .zd-modal-card-text, .about-modal .zd-modal-container, .about-modal .zd-tabs {\n  height: 100%;\n}\n.about-modal .zd-modal-container {\n  display: flex;\n  flex-direction: column;\n}\n.about-modal .zd-tabs, .about-modal .v-tabs-items {\n  overflow-y: auto;\n}", map: undefined, media: undefined });
 
       };
       /* scoped */
@@ -7762,8 +7797,8 @@
       );
 
     // eslint-disable-next-line prefer-destructuring
-    const ZdList = vuetify.components.ZdList;
-    let TekUserInfoList = class TekUserInfoList extends ZdList {
+    const ZdList$1 = vuetify.components.ZdList;
+    let TekUserInfoList$2 = class TekUserInfoList extends ZdList$1 {
         constructor() {
             super(...arguments);
             this.instanceType = teknisaComponentsCommon.TekUserInfoList;
@@ -7771,14 +7806,14 @@
     };
     __decorate([
         vuetify.PropWatch({ type: [String], default: '' })
-    ], TekUserInfoList.prototype, "parentName", void 0);
+    ], TekUserInfoList$2.prototype, "parentName", void 0);
     __decorate([
         vuetify.PropWatch({ type: [Boolean, String], default: true })
-    ], TekUserInfoList.prototype, "dense", void 0);
-    TekUserInfoList = __decorate([
+    ], TekUserInfoList$2.prototype, "dense", void 0);
+    TekUserInfoList$2 = __decorate([
         vuePropertyDecorator.Component
-    ], TekUserInfoList);
-    var script = TekUserInfoList;
+    ], TekUserInfoList$2);
+    var script = TekUserInfoList$2;
 
     /* script */
     const __vue_script__ = script;
@@ -7850,41 +7885,1495 @@
         TekUserInfoList: __vue_component__,
     };
 
-    common.Icons.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 TeknisaComponents = {
-        install(Vue) {
-            Object.keys(components).forEach((id) => {
-                Vue.component(id, components[id]);
-            });
-            Vue.component('ZdUserInfo', zdUserInfoVue.ZdUserInfo);
-        },
-    };
+    /**
+     * Teknisa component
+     */
+    let TekBreadcrumbHeader = class TekBreadcrumbHeader extends vuetify.ZdComponent {
+        constructor() {
+            super(...arguments);
+            this.instanceType = teknisaComponentsCommon.BreadcrumbHeader;
+        }
+    };
+    __decorate([
+        vuetify.PropWatch({ type: String, default: '' })
+    ], TekBreadcrumbHeader.prototype, "title", void 0);
+    __decorate([
+        vuePropertyDecorator.Prop({ type: Object, default: {} })
+    ], TekBreadcrumbHeader.prototype, "breadcrumb", void 0);
+    __decorate([
+        vuePropertyDecorator.Prop({ type: Array, default: () => [] })
+    ], TekBreadcrumbHeader.prototype, "rightSlot", void 0);
+    TekBreadcrumbHeader = __decorate([
+        vuePropertyDecorator.Component
+    ], TekBreadcrumbHeader);
+    var TekBreadcrumbHeader$1 = TekBreadcrumbHeader;
+
+    /**
+     * TekCardTitle component join an icon, title, rightSlot and a divider
+     */
+    let TekCardTitle = class TekCardTitle extends vuetify.ZdComponentRender {
+        constructor() {
+            super(...arguments);
+            this.instanceType = teknisaComponentsCommon.CardTitle;
+        }
+    };
+    __decorate([
+        vuetify.PropWatch({ type: String, default: '' })
+    ], TekCardTitle.prototype, "title", void 0);
+    __decorate([
+        vuetify.PropWatch({ type: String, default: '' })
+    ], TekCardTitle.prototype, "subtitle", void 0);
+    __decorate([
+        vuetify.PropWatch({ type: String, default: '' })
+    ], TekCardTitle.prototype, "iconName", void 0);
+    __decorate([
+        vuePropertyDecorator.Prop({ type: Array, default: () => [] })
+    ], TekCardTitle.prototype, "rightSlot", void 0);
+    __decorate([
+        vuetify.PropWatch({ type: [Boolean, String], default: true })
+    ], TekCardTitle.prototype, "showDivider", void 0);
+    __decorate([
+        vuetify.PropWatch({ type: String, default: '' })
+    ], TekCardTitle.prototype, "to", void 0);
+    TekCardTitle = __decorate([
+        vuePropertyDecorator.Component
+    ], TekCardTitle);
+    var TekCardTitle$1 = TekCardTitle;
+
+    /**
+     * TekCrudAddButton component
+     */
+    let TekCrudAddButton = class TekCrudAddButton extends TekCrudButton$1 {
+        constructor() {
+            super(...arguments);
+            this.instanceType = teknisaComponentsCommon.CrudAddButton;
+        }
+    };
+    __decorate([
+        vuetify.PropWatch({ type: [String, Boolean], default: true })
+    ], TekCrudAddButton.prototype, "flat", void 0);
+    __decorate([
+        vuetify.PropWatch({ type: [String, Boolean], default: true })
+    ], TekCrudAddButton.prototype, "icon", void 0);
+    __decorate([
+        vuetify.PropWatch({ type: String, default: 'plus' })
+    ], TekCrudAddButton.prototype, "iconName", void 0);
+    __decorate([
+        vuetify.PropWatch({ type: String, default: '#666' })
+    ], TekCrudAddButton.prototype, "color", void 0);
+    __decorate([
+        vuetify.PropWatch({ type: String, default: 'f2' })
+    ], TekCrudAddButton.prototype, "clickShortcutKey", void 0);
+    TekCrudAddButton = __decorate([
+        vuePropertyDecorator.Component
+    ], TekCrudAddButton);
+    var TekCrudAddButton$1 = TekCrudAddButton;
+
+    /**
+     * TekCrudCancelButton component
+     */
+    let TekCrudCancelButton = class TekCrudCancelButton extends TekCrudButton$1 {
+        constructor() {
+            super(...arguments);
+            this.instanceType = teknisaComponentsCommon.CrudCancelButton;
+        }
+    };
+    __decorate([
+        vuetify.PropWatch({ type: String, default: 'CANCEL' })
+    ], TekCrudCancelButton.prototype, "label", void 0);
+    __decorate([
+        vuetify.PropWatch({ type: [String, Boolean], default: true })
+    ], TekCrudCancelButton.prototype, "outline", void 0);
+    __decorate([
+        vuetify.PropWatch({ type: String, default: 'esc' })
+    ], TekCrudCancelButton.prototype, "clickShortcutKey", void 0);
+    TekCrudCancelButton = __decorate([
+        vuePropertyDecorator.Component
+    ], TekCrudCancelButton);
+    var TekCrudCancelButton$1 = TekCrudCancelButton;
+
+    /**
+     * TekCrudDeleteButton component
+     */
+    let TekCrudDeleteButton = class TekCrudDeleteButton extends TekCrudButton$1 {
+        constructor() {
+            super(...arguments);
+            this.instanceType = teknisaComponentsCommon.CrudDeleteButton;
+        }
+    };
+    __decorate([
+        vuetify.PropWatch({ type: [String, Boolean], default: true })
+    ], TekCrudDeleteButton.prototype, "flat", void 0);
+    __decorate([
+        vuetify.PropWatch({ type: [String, Boolean], default: true })
+    ], TekCrudDeleteButton.prototype, "icon", void 0);
+    __decorate([
+        vuetify.PropWatch({ type: String, default: 'trashCanOutline' })
+    ], TekCrudDeleteButton.prototype, "iconName", void 0);
+    __decorate([
+        vuetify.PropWatch({ type: String, default: '#666' })
+    ], TekCrudDeleteButton.prototype, "color", void 0);
+    __decorate([
+        vuetify.PropWatch({ type: String, default: 'ctrl+d' })
+    ], TekCrudDeleteButton.prototype, "clickShortcutKey", void 0);
+    TekCrudDeleteButton = __decorate([
+        vuePropertyDecorator.Component
+    ], TekCrudDeleteButton);
+    var TekCrudDeleteButton$1 = TekCrudDeleteButton;
+
+    /**
+     * TekCrudForm component
+     */
+    let TekCrudForm = class TekCrudForm extends vuetify.ZdForm {
+        constructor() {
+            super(...arguments);
+            this.instanceType = teknisaComponentsCommon.CrudForm;
+        }
+    };
+    TekCrudForm = __decorate([
+        vuePropertyDecorator.Component
+    ], TekCrudForm);
+    var TekCrudForm$1 = TekCrudForm;
+
+    /**
+     * TekCrudSaveButton component
+     */
+    let TekCrudSaveButton = class TekCrudSaveButton extends TekCrudButton$1 {
+        constructor() {
+            super(...arguments);
+            this.instanceType = teknisaComponentsCommon.CrudSaveButton;
+        }
+    };
+    __decorate([
+        vuetify.PropWatch({ type: String, default: 'SAVE' })
+    ], TekCrudSaveButton.prototype, "label", void 0);
+    __decorate([
+        vuetify.PropWatch({ type: String, default: 'ctrl+enter' })
+    ], TekCrudSaveButton.prototype, "clickShortcutKey", void 0);
+    TekCrudSaveButton = __decorate([
+        vuePropertyDecorator.Component
+    ], TekCrudSaveButton);
+    var TekCrudSaveButton$1 = TekCrudSaveButton;
+
+    // eslint-disable-next-line prefer-destructuring
+    const ZdGridEditable = vuetify.components.ZdGridEditable;
+    /**
+     * TekGrid component
+     */
+    let TekGrid$2 = class TekGrid extends ZdGridEditable {
+        constructor() {
+            super(...arguments);
+            this.instanceType = teknisaComponentsCommon.TekGrid;
+            /**
+             * Left distance for each column
+             */
+            this.fixedLeft = {};
+            this.debouncedDatasourceGet = debounce__default["default"]((instance) => {
+                if (instance.events.beforeApplyFilter) {
+                    instance.events.beforeApplyFilter({ component: instance });
+                }
+                const { datasource } = instance;
+                if (datasource instanceof teknisaComponentsCommon.TekRestDatasource || datasource instanceof teknisaComponentsCommon.TekMemoryDatasource) {
+                    datasource.updateDynamicFilter();
+                }
+                else {
+                    datasource.get();
+                }
+            }, 500);
+            this.operationList = '';
+            this.defaultOperation = '';
+            this.defaultRelation = '';
+            this.lastFilter = '';
+            this.tableHeader = null;
+            this.tableBody = null;
+        }
+        mounted() {
+            this.originalChangeLayout = this.instance.changeLayout;
+            this.instance.changeLayout = this.onChangeLayout;
+            this.instance.viewUpdateScrollData = this.calcScrollData;
+            this.instance.viewUpdateFixedColumns = this.updateFixedColumns;
+            this.updateFixedColumns();
+        }
+        minimumColumnWidth(column) {
+            let minWidth = this.superMethods(vuetify.ZdGrid).minimumColumnWidth.call(this, column);
+            if (this.instance.columnFilterButton && column && column.filterable) {
+                minWidth += 15;
+            }
+            return minWidth;
+        }
+        onChangeLayout(event, element) {
+            if (this.originalChangeLayout) {
+                this.originalChangeLayout.call(this.instance, event, element);
+            }
+            if (this.instance.showLayoutOptions) {
+                try {
+                    const layoutOptions = core.Metadata.getInstance(`${this.instance.name}_layout_options`);
+                    layoutOptions.layoutEdited = true;
+                }
+                catch (_a) {
+                    // do nothing
+                }
+            }
+            setTimeout(this.updateFixedColumns);
+        }
+        getFilterActivatorEvents(on, column) {
+            const events = {};
+            Object.keys(on).forEach((eventName) => {
+                events[eventName] = (event) => {
+                    this.defaultOperation = 'CONTAINS';
+                    this.defaultRelation = 'AND';
+                    this.operationList = this.getColumnFilterOptions(column).map((item) => item.operation).join(';');
+                    on[eventName](event);
+                };
+            });
+            return events;
+        }
+        getFilterItemChange(prop, column, index) {
+            return this.filterItemChange.bind(this, prop, column, index);
+        }
+        getFilterValueChange(column, index) {
+            return debounce__default["default"](this.filterValueChange.bind(this, column, index), 1000);
+        }
+        isOperationArrayValues(operation) {
+            return ['IN', 'NOT_IN', 'BETWEEN'].includes(operation);
+        }
+        getComponentType(index) {
+            const operationListArray = this.operationList.split(';');
+            return this.isOperationArrayValues(operationListArray[index]) ? 'ZdTextInput' : '';
+        }
+        getComponentHint(index) {
+            const operationListArray = this.operationList.split(';');
+            return this.isOperationArrayValues(operationListArray[index]) ? 'TEKGRID_MULTIPLE_VALUE_HINT' : '';
+        }
+        filterItemChange(prop, column, index, { component, event, element }) {
+            const { name } = component;
+            const valueInputName = name.replace(`-filter-${prop}-`, '-filter-value-');
+            const valueInput = core.Metadata.getInstance(valueInputName);
+            const operationListArray = this.operationList.split(';');
+            if (prop === 'operation' && operationListArray[index] !== component.value) {
+                operationListArray[index] = component.value;
+                this.operationList = operationListArray.join(';');
+            }
+            try {
+                valueInput.setFocus();
+            }
+            catch (_a) {
+                // do nothing
+            }
+            const { datasource } = this.instance;
+            if (datasource instanceof teknisaComponentsCommon.TekRestDatasource || datasource instanceof teknisaComponentsCommon.TekMemoryDatasource) {
+                if (datasource.dynamicFilter[column.name] && datasource.dynamicFilter[column.name][index]) {
+                    this.lastFilter = JSON.stringify(datasource.dynamicFilter);
+                    const { value } = datasource.dynamicFilter[column.name][index];
+                    if (prop === 'operation') {
+                        if (this.isOperationArrayValues(component.value) && !Array.isArray(value)) {
+                            datasource.dynamicFilter[column.name][index].value = [value];
+                        }
+                        if (!this.isOperationArrayValues(component.value) && Array.isArray(value)) {
+                            [datasource.dynamicFilter[column.name][index].value] = value;
+                        }
+                    }
+                    datasource.dynamicFilter[column.name][index][prop] = component.value;
+                    if (this.lastFilter !== JSON.stringify(datasource.dynamicFilter)) {
+                        this.debouncedDatasourceGet(this.instance);
+                        this.onChangeLayout(event, element);
+                    }
+                }
+            }
+        }
+        convertToDateFormat(column, value, revert) {
+            const dateFormat = column.componentProps.dateFormat || core.Config.dateFormat;
+            const displayFormat = column.componentProps.displayFormat || core.Config.displayFormat;
+            if (revert) {
+                if (core.dayjs(value, displayFormat).isValid() || !core.dayjs(value, dateFormat).isValid()) {
+                    return value;
+                }
+                return core.dayjs(value, dateFormat).format(displayFormat);
+            }
+            if (core.dayjs(value, dateFormat).isValid() || !core.dayjs(value, displayFormat).isValid()) {
+                return value;
+            }
+            return core.dayjs(value, displayFormat).format(dateFormat);
+        }
+        checkDateValueFormat(column, value, revert = false) {
+            if (['ZdDate', 'ZdDateRange'].includes(column.componentProps.component)) {
+                if (Array.isArray(value)) {
+                    return value.map((item) => this.convertToDateFormat(column, item, revert));
+                }
+                return this.convertToDateFormat(column, value, revert);
+            }
+            return value;
+        }
+        filterValueChange(column, index, { component, event, element }) {
+            let { value } = component;
+            const { datasource } = this.instance;
+            if (!(element === null || element === void 0 ? void 0 : element.offsetParent))
+                return;
+            if (datasource instanceof teknisaComponentsCommon.TekRestDatasource || datasource instanceof teknisaComponentsCommon.TekMemoryDatasource) {
+                this.lastFilter = JSON.stringify(datasource.dynamicFilter);
+                if (value) {
+                    if (!datasource.dynamicFilter[column.name]) {
+                        datasource.dynamicFilter[column.name] = [];
+                    }
+                    if (!datasource.dynamicFilter[column.name][index]) {
+                        const { name } = component;
+                        let relation;
+                        if (index > 0) {
+                            const relationSelectName = name.replace('-filter-value-', '-filter-relation-');
+                            const relationSelect = core.Metadata.getInstance(relationSelectName);
+                            relation = relationSelect.value;
+                        }
+                        else {
+                            relation = 'AND';
+                        }
+                        const operationSelectName = name.replace('-filter-value-', '-filter-operation-');
+                        const operationSelect = core.Metadata.getInstance(operationSelectName);
+                        const operation = operationSelect.value;
+                        if (this.isOperationArrayValues(operation)) {
+                            value = value.split(';');
+                        }
+                        value = this.checkDateValueFormat(column, value);
+                        datasource.dynamicFilter[column.name].push({
+                            relation,
+                            operation,
+                            value,
+                        });
+                    }
+                    else {
+                        if (this.isOperationArrayValues(datasource.dynamicFilter[column.name][index].operation)) {
+                            value = value.split(';');
+                        }
+                        value = this.checkDateValueFormat(column, value);
+                        datasource.dynamicFilter[column.name][index].value = value;
+                    }
+                }
+                else if (datasource.dynamicFilter[column.name] && datasource.dynamicFilter[column.name][index]) {
+                    this.defaultOperation = datasource.dynamicFilter[column.name][index].operation;
+                    this.defaultRelation = datasource.dynamicFilter[column.name][index].relation;
+                    datasource.dynamicFilter[column.name].splice(index, 1);
+                    if (datasource.dynamicFilter[column.name].length === 1) {
+                        datasource.dynamicFilter[column.name][0].relation = 'AND';
+                    }
+                    if (!datasource.dynamicFilter[column.name].length) {
+                        delete datasource.dynamicFilter[column.name];
+                    }
+                }
+                if (this.lastFilter !== JSON.stringify(datasource.dynamicFilter)) {
+                    this.debouncedDatasourceGet(this.instance);
+                    this.onChangeLayout(event, element);
+                    this.clearHelperValues(column);
+                }
+            }
+            else {
+                this.lastFilter = JSON.stringify(this.instance.datasource.filter);
+                if (value) {
+                    this.instance.datasource.addFilter(column.name, value);
+                }
+                else {
+                    this.instance.datasource.removeFilter(column.name);
+                }
+                if (this.lastFilter !== JSON.stringify(this.instance.datasource.filter)) {
+                    this.debouncedDatasourceGet(this.instance);
+                    this.onChangeLayout(event, element);
+                    this.clearHelperValues(column);
+                }
+            }
+        }
+        clearHelperValues(column) {
+            if (!Array.isArray(column.filterProps)) {
+                column.filterProps.helperValue = '';
+            }
+            else {
+                column.filterProps.forEach((prop) => {
+                    prop.helperValue = '';
+                });
+            }
+        }
+        getColumnFilterOptions(column) {
+            const filterOptions = [];
+            const { datasource } = this.instance;
+            if (datasource instanceof teknisaComponentsCommon.TekRestDatasource || datasource instanceof teknisaComponentsCommon.TekMemoryDatasource) {
+                const dynamicFilter = datasource.dynamicFilter[column.name];
+                if (dynamicFilter && dynamicFilter.length > 0) {
+                    dynamicFilter.forEach((item) => {
+                        let { value } = item;
+                        if (this.isOperationArrayValues(item.operation) && Array.isArray(value)) {
+                            value = this.checkDateValueFormat(column, value, true);
+                            value = value.join(';');
+                        }
+                        filterOptions.push(Object.assign(Object.assign({}, item), { value }));
+                    });
+                }
+                filterOptions.push({
+                    operation: this.defaultOperation,
+                    relation: this.defaultRelation,
+                    value: '',
+                });
+            }
+            else {
+                const option = {
+                    operation: undefined,
+                    relation: undefined,
+                    value: this.instance.datasource.filter[column.name] || '',
+                };
+                filterOptions.push(option);
+            }
+            return filterOptions;
+        }
+        isCurrentRow(row) {
+            const { uniqueKey, currentRow } = this.instance.datasource;
+            return !!((row.group && row.groupValue === currentRow.groupValue)
+                || (row[uniqueKey] && row[uniqueKey] === currentRow[uniqueKey]));
+        }
+        getVisibleData() {
+            const groupColumns = !!this.instance.groupColumnNames.length;
+            if (groupColumns || (this.instance.showSummaryTotal && this.instance.summaryColumns.length)) {
+                this.scrollData.visibleData = this.instance.groupedData.filter((row) => this.instance.isItemVisible(row));
+            }
+            else {
+                this.scrollData.visibleData = this.instance.datasource.data;
+            }
+            return this.scrollData.visibleData;
+        }
+        getData() {
+            if (!this.instance.virtualScroll || !this.scrollData.initialized) {
+                const groupColumns = !!this.instance.groupColumnNames.length;
+                if (groupColumns || (this.instance.showSummaryTotal && this.instance.summaryColumns.length)) {
+                    return this.instance.groupedData;
+                }
+                return this.instance.datasource.data;
+            }
+            return this.renderedData;
+        }
+        rowClick(row, event) {
+            if (row.group || row.groupFooter || row.groupSummary) {
+                this.instance.groupRowClick(row, event, this.$el);
+            }
+            else {
+                this.instance.rowClick(row, event, this.$el);
+            }
+        }
+        orderHeaders(headers) {
+            return headers.sort((a, b) => {
+                if (a.fixed === b.fixed)
+                    return 0;
+                if (!a.fixed && b.fixed)
+                    return 1;
+                return -1;
+            }).filter((item) => item instanceof teknisaComponentsCommon.TekGridColumn);
+        }
+        updateFixedColumns() {
+            if (this.instance.columns.filter((column) => column.fixed).length === 0)
+                return;
+            if (!this.tableHeader) {
+                this.tableHeader = this.$el.querySelector('table thead tr');
+                this.tableBody = this.$el.querySelector('table tbody');
+                if (!this.tableHeader || !this.tableBody)
+                    return;
+            }
+            const headerColumns = Array.from(this.tableHeader.querySelectorAll('th'));
+            let left = this.instance.selectable ? 40 : 0;
+            headerColumns.forEach((column) => {
+                const name = column.getAttribute('column-name');
+                if (name && column.classList.contains('zd-table-fixed-column')) {
+                    column.style.left = `${left}px`;
+                    this.$set(this.fixedLeft, name, column.style.left);
+                    left += column.clientWidth;
+                }
+            });
+        }
+        isGroupSelected(item) {
+            return item.children.every((child) => {
+                const { uniqueKey } = this.instance.datasource;
+                const idx = this.instance.selectedRows.findIndex((row) => child[uniqueKey] === row[uniqueKey]);
+                return idx !== -1;
+            });
+        }
+        isGroupSelectIndeterminate(item) {
+            let hasSelected = false;
+            let hasNotSelected = false;
+            const { uniqueKey } = this.instance.datasource;
+            item.children.forEach((child) => {
+                const idx = this.instance.selectedRows.findIndex((row) => child[uniqueKey] === row[uniqueKey]);
+                hasSelected = hasSelected || idx !== -1;
+                hasNotSelected = hasNotSelected || idx === -1;
+            });
+            return hasSelected && hasNotSelected;
+        }
+        selectGroup(item, event) {
+            const { uniqueKey } = this.instance.datasource;
+            const isSelected = this.isGroupSelected(item);
+            if (!isSelected) {
+                item.children.forEach((child) => {
+                    const idx = this.instance.selectedRows.findIndex((row) => child[uniqueKey] === row[uniqueKey]);
+                    if (idx === -1) {
+                        this.instance.selectedRows.push(child);
+                    }
+                });
+            }
+            else {
+                this.instance.selectedRows = this.instance.selectedRows.filter((row) => {
+                    const idx = item.children.findIndex((child) => child[uniqueKey] === row[uniqueKey]);
+                    return idx === -1;
+                });
+            }
+            this.selectGroupRowClick(item, !isSelected, event);
+        }
+        selectGroupRowClick(row, isSelected, event) {
+            this.$nextTick(() => {
+                this.instance.selectGroupClick(row, isSelected, event, this.$el);
+            });
+        }
+        toggleSelectAll() {
+            if (this.instance.selectedRows.length === this.instance.datasource.data.length) {
+                this.instance.selectedRows = [];
+            }
+            else {
+                this.instance.selectedRows = this.instance.datasource.data;
+            }
+        }
+        get headers() {
+            this.$nextTick(() => {
+                if (this.$el)
+                    this.updateFixedColumns();
+            });
+            return this.instance.columns;
+        }
+        getColumnsDOMOrder() {
+            return this.orderHeaders(this.instance.columns);
+        }
+        resizeMouseMoveHandler(event) {
+            this.superMethods(vuetify.ZdGrid).resizeMouseMoveHandler.call(this, event);
+            if (this.resizeColumn.fixed) {
+                this.$nextTick(this.updateFixedColumns);
+            }
+        }
+    };
+    __decorate([
+        vuetify.PropWatch({ type: [String], default: '' })
+    ], TekGrid$2.prototype, "title", void 0);
+    __decorate([
+        vuetify.PropWatch({ type: [Boolean, String], default: false })
+    ], TekGrid$2.prototype, "addButton", void 0);
+    __decorate([
+        vuetify.PropWatch({ type: [String], default: 'none' })
+    ], TekGrid$2.prototype, "deleteButton", void 0);
+    __decorate([
+        vuetify.PropWatch({ type: [Boolean, String], default: false })
+    ], TekGrid$2.prototype, "columnsButton", void 0);
+    __decorate([
+        vuePropertyDecorator.Prop({ type: [Array, String], default: () => [] })
+    ], TekGrid$2.prototype, "columnsButtonIgnore", void 0);
+    __decorate([
+        vuetify.PropWatch({ type: [Boolean, String], default: false })
+    ], TekGrid$2.prototype, "filterButton", void 0);
+    __decorate([
+        vuetify.PropWatch({ type: [Boolean, String], default: true })
+    ], TekGrid$2.prototype, "showSearch", void 0);
+    __decorate([
+        vuetify.PropWatch({ type: [Boolean, String], default: false })
+    ], TekGrid$2.prototype, "columnFilterButton", void 0);
+    __decorate([
+        vuePropertyDecorator.Prop({ type: [Array], default: () => [] })
+    ], TekGrid$2.prototype, "actions", void 0);
+    __decorate([
+        vuetify.PropWatch({ type: [String, Boolean], default: true })
+    ], TekGrid$2.prototype, "dragColumns", void 0);
+    __decorate([
+        vuetify.PropWatch({ type: [String, Boolean], default: true })
+    ], TekGrid$2.prototype, "resizeColumns", void 0);
+    __decorate([
+        vuetify.PropWatch({ type: [String, Boolean], default: true })
+    ], TekGrid$2.prototype, "showLayoutOptions", void 0);
+    __decorate([
+        vuetify.PropWatch({ type: [String, Boolean], default: false })
+    ], TekGrid$2.prototype, "showExport", void 0);
+    __decorate([
+        vuetify.PropWatch({ type: [String, Boolean], default: true })
+    ], TekGrid$2.prototype, "showReload", void 0);
+    __decorate([
+        vuetify.PropWatch({ type: [String, Array] })
+    ], TekGrid$2.prototype, "exportConfig", void 0);
+    __decorate([
+        vuePropertyDecorator.Prop({ type: [Array] })
+    ], TekGrid$2.prototype, "exportActions", void 0);
+    __decorate([
+        vuetify.PropWatch({ type: [String, Boolean], default: false })
+    ], TekGrid$2.prototype, "groupsOpened", void 0);
+    __decorate([
+        vuetify.PropWatch({ type: [String, Boolean], default: true })
+    ], TekGrid$2.prototype, "showSummaryTotal", void 0);
+    __decorate([
+        vuetify.PropWatch({ type: [String, Boolean], default: false })
+    ], TekGrid$2.prototype, "mainGrid", void 0);
+    __decorate([
+        vuePropertyDecorator.Prop({
+            type: Array,
+            default: () => undefined,
+        })
+    ], TekGrid$2.prototype, "toolbarSlot", void 0);
+    TekGrid$2 = __decorate([
+        vuePropertyDecorator.Component
+    ], TekGrid$2);
+    var TekGrid$3 = TekGrid$2;
+
+    /**
+     * TekGrid Columns Button component
+     */
+    let TekGridColumnsButton = class TekGridColumnsButton extends vuetify.ZdIterableColumnsButton {
+        constructor() {
+            super(...arguments);
+            this.instanceType = teknisaComponentsCommon.TekGridColumnsButton;
+            this.menuIsOpened = false;
+            this.sortableInitialized = false;
+        }
+        menuOpenedChange() {
+            if (this.menuIsOpened && !this.sortableInitialized) {
+                this.sortableInitialized = true;
+                this.$nextTick(() => {
+                    const columnsTableBody = document.querySelector(`#${this.instance.name}_columns_table tbody`);
+                    if (columnsTableBody) {
+                        sortable__default["default"].create(columnsTableBody, {
+                            handle: '.sortHandle',
+                            dragClass: 'tek-grid-columns-button-sortable-drag',
+                            onEnd: this.sortEnd,
+                        });
+                    }
+                });
+            }
+        }
+        sortEnd(event) {
+            const grid = this.instance.iterableComponent;
+            const newOrder = Array.from(event.srcElement.querySelectorAll('tr')).map((row) => row.getAttribute('name'));
+            const groupColumnNames = [];
+            const newColumns = newOrder.map((columnName) => {
+                const column = grid.getColumn(columnName);
+                if (column.grouped) {
+                    groupColumnNames.push(columnName);
+                }
+                return column;
+            });
+            const ignoredColumns = grid.columns.filter((column) => this.instance.ignoreColumns.indexOf(column.name) !== -1);
+            grid.columns = newColumns.concat(ignoredColumns);
+            if (JSON.stringify(groupColumnNames) !== JSON.stringify(grid.groupColumnNames)) {
+                grid.updateGrouping();
+            }
+            grid.changeLayout();
+        }
+        moreOptions() {
+            TekGridColumnsOptionsModal.show(this.instance);
+        }
+        close() {
+            this.menuIsOpened = false;
+        }
+    };
+    __decorate([
+        vuetify.PropWatch({ type: [Boolean, String], default: false })
+    ], TekGridColumnsButton.prototype, "hideGroups", void 0);
+    __decorate([
+        vuePropertyDecorator.Watch('menuIsOpened')
+    ], TekGridColumnsButton.prototype, "menuOpenedChange", null);
+    TekGridColumnsButton = __decorate([
+        vuePropertyDecorator.Component
+    ], TekGridColumnsButton);
+    var TekGridColumnsButton$1 = TekGridColumnsButton;
+
+    /**
+     * TekGridLayoutOptions component
+     */
+    let TekGridLayoutOptions = class TekGridLayoutOptions extends vuetify.ZdComponentRender {
+        constructor() {
+            super(...arguments);
+            this.instanceType = teknisaComponentsCommon.TekGridLayoutOptions;
+        }
+        created() {
+            this.instance.viewApplyLayout = this.applyLayout;
+        }
+        confirmLayoutClick({ component }) {
+            const layoutName = component.value;
+            if (layoutName) {
+                const newLayout = this.getCurrentLayout(layoutName);
+                this.instance.newLayout(newLayout);
+            }
+            this.$refs.layoutMenu.isActive = false;
+        }
+        datasourceDynamicFilter(datasource) {
+            if (datasource instanceof teknisaComponentsCommon.TekRestDatasource)
+                return datasource.dynamicFilter;
+            return {};
+        }
+        applyLayout(layout) {
+            let groupParamsChanged = false;
+            const tableElement = this.getParentTable();
+            if (!tableElement)
+                return;
+            const { grid } = this.instance;
+            const gridColumns = {};
+            grid.columns.forEach((column) => {
+                gridColumns[column.name] = column;
+            });
+            const oldOrder = JSON.stringify(grid.datasource.order);
+            const oldFilter = JSON.stringify(grid.datasource.filter);
+            const oldDynamicFilter = JSON.stringify(this.datasourceDynamicFilter(grid.datasource));
+            if (layout) {
+                tableElement.style.width = layout.gridWidth || 'auto';
+                grid.datasource.order = layout.order !== undefined ? layout.order : grid.datasource.order;
+                grid.datasource.filter = layout.filter !== undefined ? layout.filter : grid.datasource.filter;
+                if (grid.datasource instanceof teknisaComponentsCommon.TekRestDatasource && layout.dynamicFilter !== undefined) {
+                    grid.datasource.dynamicFilter = this.getHelperValues(layout.dynamicFilter, layout.columns || grid.columns);
+                }
+                if (layout.columns) {
+                    grid.columns = layout.columns.map((column) => {
+                        const col = gridColumns[column.name];
+                        col.label = column.label !== undefined ? column.label : col.label;
+                        col.align = column.align !== undefined ? column.align : col.align;
+                        col.isVisible = column.isVisible !== undefined ? column.isVisible : col.isVisible;
+                        col.fixed = !!column.fixed;
+                        col.grouped = !!column.grouped;
+                        col.groupOpened = !!column.groupOpened;
+                        col.aggregation = column.aggregation;
+                        col.minWidth = column.minWidth || '';
+                        col.maxWidth = column.maxWidth || '';
+                        this.setHelperValue(col, column.filterHelperValue || '');
+                        return col;
+                    });
+                    // wait to change column orders
+                    this.$nextTick(() => {
+                        grid.columns.forEach((_column, index) => {
+                            const columnElement = tableElement.querySelector(`tr th:not(.selectable)[index="${index}"]`);
+                            if (columnElement) {
+                                columnElement.style.width = layout.columns[index].width || 'unset';
+                            }
+                        });
+                    });
+                }
+            }
+            else {
+                grid.datasource.order = [...this.instance.originalDatasourceOrder];
+                grid.datasource.filter = Object.assign({}, this.instance.originalDatasourceFilter);
+                if (grid.datasource instanceof teknisaComponentsCommon.TekRestDatasource) {
+                    grid.datasource.dynamicFilter = this.getHelperValues(this.instance.originalDatasourceDynamicFilter, this.instance.originalColumnProps);
+                }
+                grid.columns = this.instance.originalColumnProps.map((column) => {
+                    const col = gridColumns[column.name];
+                    groupParamsChanged = groupParamsChanged
+                        || col.grouped !== column.grouped
+                        || col.groupOpened !== column.groupOpened
+                        || col.aggregation !== column.aggregation;
+                    col.isVisible = column.isVisible;
+                    col.label = column.label;
+                    col.align = column.align;
+                    col.fixed = column.fixed;
+                    col.grouped = column.grouped;
+                    col.groupOpened = column.groupOpened;
+                    col.aggregation = column.aggregation;
+                    col.minWidth = column.minWidth || '';
+                    col.maxWidth = column.maxWidth || '';
+                    this.setHelperValue(col, column.filterHelperValue || '');
+                    return col;
+                });
+                tableElement.style.width = '100%';
+                const columnElements = Array.from(tableElement.querySelectorAll('tr th:not(.selectable)'));
+                columnElements.forEach((item) => {
+                    item.style.width = 'unset';
+                });
+            }
+            if ((JSON.stringify(grid.datasource.order) !== oldOrder
+                || JSON.stringify(grid.datasource.filter) !== oldFilter
+                || JSON.stringify(this.datasourceDynamicFilter(grid.datasource)) !== oldDynamicFilter)
+                && !groupParamsChanged) { // Se os parametros de agrupamento tiverem sido alterados um get é feito automaticamente
+                grid.datasource.get();
+            }
+            this.$refs.layoutMenu.isActive = false;
+        }
+        setHelperValue(column, value) {
+            if (column instanceof teknisaComponentsCommon.TekGridColumn) {
+                if (!Array.isArray(column.filterProps) && typeof value === 'string') {
+                    column.filterProps.helperValue = value;
+                }
+                else if (Array.isArray(column.filterProps) && Array.isArray(value)) {
+                    column.filterProps.forEach((prop, index) => {
+                        prop.value = value[index];
+                    });
+                }
+            }
+        }
+        getHelperValues(dynamicFilter, columns) {
+            const filter = cloneDeep__default["default"](dynamicFilter);
+            Object.keys(filter).forEach((columnName) => {
+                const filterOptions = filter[columnName];
+                const column = columns[columns.findIndex((col) => col.name === columnName)];
+                const { filterHelperValue } = column;
+                filterOptions.forEach((item) => {
+                    if (['IN', 'NOT_IN', 'BETWEEN'].includes(item.operation) && !Array.isArray(item.value)) {
+                        item.value = item.value.split(';');
+                    }
+                    let helperValue = '';
+                    if (!Array.isArray(filterHelperValue)) {
+                        helperValue = filterHelperValue;
+                    }
+                    else {
+                        Object.keys(filterHelperValue).forEach((key) => {
+                            const value = filterHelperValue[key] || '';
+                            if (`${item.relation || 'AND'}-${item.operation || 'CONTAINS'}` === key) {
+                                helperValue = value;
+                            }
+                        });
+                    }
+                    if (helperValue) {
+                        const columnObj = this.instance.grid.getColumn(column.name);
+                        item.value = teknisaComponentsCommon.TekFilterHelper.getValue(helperValue, columnObj);
+                    }
+                });
+            });
+            return filter;
+        }
+        getCurrentLayout(layoutName) {
+            const { grid } = this.instance;
+            const tableElement = this.getParentTable();
+            const gridWidth = tableElement ? window.getComputedStyle(tableElement).width : 'auto';
+            return {
+                name: layoutName,
+                gridWidth,
+                order: grid.datasource.order,
+                filter: grid.datasource.filter,
+                dynamicFilter: this.datasourceDynamicFilter(grid.datasource),
+                columns: grid.columns.map((column, index) => {
+                    const columnElement = tableElement === null || tableElement === void 0 ? void 0 : tableElement.querySelector(`tr th:not(.selectable)[index="${index}"]`);
+                    return {
+                        name: column.name,
+                        label: column.label,
+                        align: column.align,
+                        width: columnElement ? window.getComputedStyle(columnElement).width : 'unset',
+                        minWidth: column.minWidth,
+                        maxWidth: column.maxWidth,
+                        isVisible: column.isVisible,
+                        fixed: column.fixed,
+                        grouped: column.grouped,
+                        groupOpened: column.groupOpened,
+                        aggregation: column.aggregation,
+                        filterHelperValue: this.instance.getHelperValue(column),
+                    };
+                }),
+            };
+        }
+        getParentTable() {
+            var _a;
+            return (_a = this.$el.closest('.zd-grid')) === null || _a === void 0 ? void 0 : _a.getElementsByTagName('table')[0];
+        }
+        updateLayout(event, layoutName) {
+            this.instance.updateLayout(layoutName, this.getCurrentLayout(layoutName));
+            event.stopImmediatePropagation();
+            this.$refs.layoutMenu.isActive = false;
+        }
+        deleteLayout(event, layoutName) {
+            this.instance.deleteLayout(layoutName);
+            event.stopImmediatePropagation();
+        }
+    };
+    TekGridLayoutOptions = __decorate([
+        vuePropertyDecorator.Component
+    ], TekGridLayoutOptions);
+    var TekGridLayoutOptions$1 = TekGridLayoutOptions;
+
+    /**
+     * DocTable component
+     */
+    let TekImage = class TekImage extends vuetify.ZdComponent {
+        constructor() {
+            super(...arguments);
+            this.instanceType = teknisaComponentsCommon.Image;
+        }
+    };
+    __decorate([
+        vuetify.PropWatch({ type: String, default: '' })
+    ], TekImage.prototype, "to", void 0);
+    __decorate([
+        vuetify.PropWatch({ type: String, default: '' })
+    ], TekImage.prototype, "src", void 0);
+    TekImage = __decorate([
+        vuePropertyDecorator.Component
+    ], TekImage);
+    var TekImage$1 = TekImage;
+
+    /**
+     * TekIterableComponentRender component
+     */
+    let TekIterableComponentRender = class TekIterableComponentRender extends vuetify.ZdIterable {
+        constructor() {
+            super(...arguments);
+            this.instanceType = teknisaComponentsCommon.IterableComponentRender;
+        }
+    };
+    __decorate([
+        vuePropertyDecorator.Prop({ type: Array, default: () => [] })
+    ], TekIterableComponentRender.prototype, "footerSlot", void 0);
+    __decorate([
+        vuePropertyDecorator.Prop({ type: Array, default: () => [] })
+    ], TekIterableComponentRender.prototype, "toolbarSlot", void 0);
+    __decorate([
+        vuePropertyDecorator.Prop({ type: [Object, String] })
+    ], TekIterableComponentRender.prototype, "componentMetadata", void 0);
+    __decorate([
+        vuetify.PropWatch({ type: String, default: 'row' })
+    ], TekIterableComponentRender.prototype, "rowPropName", void 0);
+    __decorate([
+        vuePropertyDecorator.Prop({ type: Array, default: () => ([]) })
+    ], TekIterableComponentRender.prototype, "errorSlot", void 0);
+    __decorate([
+        vuePropertyDecorator.Prop({
+            type: Array,
+            default: () => ([
+                {
+                    name: '<<NAME>>_no-data',
+                    component: 'ZdText',
+                    cssClass: 'no-data',
+                    text: 'NO_DATA',
+                },
+            ]),
+        })
+    ], TekIterableComponentRender.prototype, "noDataSlot", void 0);
+    __decorate([
+        vuePropertyDecorator.Prop({
+            type: Array,
+            default: () => ([
+                {
+                    name: '<<NAME>>_no-result',
+                    component: 'ZdText',
+                    cssClass: 'no-result',
+                    text: 'NO_RESULT',
+                },
+            ]),
+        })
+    ], TekIterableComponentRender.prototype, "noResultSlot", void 0);
+    __decorate([
+        vuetify.PropWatch({ type: [Number, String], default: 'auto' })
+    ], TekIterableComponentRender.prototype, "height", void 0);
+    __decorate([
+        vuetify.PropWatch({ type: [Number, String], default: 'none' })
+    ], TekIterableComponentRender.prototype, "maxHeight", void 0);
+    __decorate([
+        vuetify.PropWatch({ type: [Number, String], default: 'none' })
+    ], TekIterableComponentRender.prototype, "minHeight", void 0);
+    TekIterableComponentRender = __decorate([
+        vuePropertyDecorator.Component
+    ], TekIterableComponentRender);
+    var TekIterableComponentRender$1 = TekIterableComponentRender;
+
+    /**
+     * Product card component
+     */
+    let TekProductCard = class TekProductCard extends vuetify.ZdComponentRender {
+        constructor() {
+            super(...arguments);
+            this.instanceType = teknisaComponentsCommon.ProductCard;
+            this.disableTooltip = true;
+        }
+        mounted() {
+            const element = this.$refs.productDiv;
+            setTimeout(() => {
+                this.disableTooltip = !element || element.scrollWidth === element.clientWidth;
+            }, 100);
+        }
+    };
+    __decorate([
+        vuetify.PropWatch({ type: String, default: '' })
+    ], TekProductCard.prototype, "id", void 0);
+    __decorate([
+        vuetify.PropWatch({ type: String, default: '' })
+    ], TekProductCard.prototype, "to", void 0);
+    __decorate([
+        vuetify.PropWatch({ type: String, default: '' })
+    ], TekProductCard.prototype, "src", void 0);
+    __decorate([
+        vuetify.PropWatch({ type: String, default: '' })
+    ], TekProductCard.prototype, "errorImagePath", void 0);
+    __decorate([
+        vuetify.PropWatch({ type: String, default: 'UNAVAILABLE_IMAGE' })
+    ], TekProductCard.prototype, "errorImageText", void 0);
+    __decorate([
+        vuetify.PropWatch({ type: String, default: '' })
+    ], TekProductCard.prototype, "productName", void 0);
+    __decorate([
+        vuetify.PropWatch({ type: String })
+    ], TekProductCard.prototype, "productSupplier", void 0);
+    __decorate([
+        vuetify.PropWatch({ type: String })
+    ], TekProductCard.prototype, "productBrand", void 0);
+    __decorate([
+        vuetify.PropWatch({ type: [String, Number] })
+    ], TekProductCard.prototype, "productPrice", void 0);
+    __decorate([
+        vuetify.PropWatch({ type: String, default: '' })
+    ], TekProductCard.prototype, "width", void 0);
+    __decorate([
+        vuetify.PropWatch({ type: [Number, String], default: 'auto' })
+    ], TekProductCard.prototype, "height", void 0);
+    __decorate([
+        vuetify.PropWatch({ type: [Number, String], default: 'none' })
+    ], TekProductCard.prototype, "maxHeight", void 0);
+    __decorate([
+        vuetify.PropWatch({ type: [Number, String], default: 'none' })
+    ], TekProductCard.prototype, "minHeight", void 0);
+    TekProductCard = __decorate([
+        vuePropertyDecorator.Component
+    ], TekProductCard);
+    var TekProductCard$1 = TekProductCard;
+
+    // eslint-disable-next-line prefer-destructuring
+    const ZdTreeGridEditable = vuetify.components.ZdTreeGridEditable;
+    /**
+     * TekGrid component
+     */
+    let TekGrid = class TekGrid extends ZdTreeGridEditable {
+        constructor() {
+            super(...arguments);
+            this.instanceType = teknisaComponentsCommon.TekTreeGrid;
+            this.debouncedDatasourceGet = debounce__default["default"]((instance) => {
+                if (instance.events.beforeApplyFilter) {
+                    instance.events.beforeApplyFilter({ component: instance });
+                }
+                const { datasource } = instance;
+                if (datasource instanceof teknisaComponentsCommon.TekRestDatasource || datasource instanceof teknisaComponentsCommon.TekMemoryDatasource) {
+                    datasource.updateDynamicFilter();
+                }
+                else {
+                    datasource.get();
+                }
+            }, 500);
+            this.operationList = '';
+            this.defaultOperation = '';
+            this.defaultRelation = '';
+            this.lastFilter = '';
+            this.tableHeader = null;
+            this.tableBody = null;
+        }
+        mounted() {
+            this.originalChangeLayout = this.instance.changeLayout;
+            this.instance.changeLayout = this.onChangeLayout;
+            this.updateFixedColumns();
+        }
+        minimumColumnWidth(column) {
+            let minWidth = column && column.sortable ? 50 : 34;
+            if (this.instance.columnFilterButton && column && column.filterable) {
+                minWidth += 15;
+            }
+            return minWidth;
+        }
+        onChangeLayout(event, element) {
+            if (this.originalChangeLayout) {
+                this.originalChangeLayout.call(this.instance, event, element);
+            }
+            if (this.instance.showLayoutOptions) {
+                try {
+                    const layoutOptions = core.Metadata.getInstance(`${this.instance.name}_layout_options`);
+                    layoutOptions.layoutEdited = true;
+                }
+                catch (_a) {
+                    // do nothing
+                }
+            }
+            this.updateFixedColumns();
+        }
+        getFilterActivatorEvents(on, column) {
+            const events = {};
+            Object.keys(on).forEach((eventName) => {
+                events[eventName] = (event) => {
+                    this.defaultOperation = 'CONTAINS';
+                    this.defaultRelation = 'AND';
+                    this.operationList = this.getColumnFilterOptions(column).map((item) => item.operation).join(';');
+                    on[eventName](event);
+                };
+            });
+            return events;
+        }
+        getFilterItemChange(prop, column, index) {
+            return this.filterItemChange.bind(this, prop, column, index);
+        }
+        getFilterValueChange(column, index) {
+            return debounce__default["default"](this.filterValueChange.bind(this, column, index), 1000);
+        }
+        isOperationArrayValues(operation) {
+            return ['IN', 'NOT_IN', 'BETWEEN'].includes(operation);
+        }
+        getComponentType(index) {
+            const operationListArray = this.operationList.split(';');
+            return this.isOperationArrayValues(operationListArray[index]) ? 'ZdTextInput' : '';
+        }
+        getComponentHint(index) {
+            const operationListArray = this.operationList.split(';');
+            return this.isOperationArrayValues(operationListArray[index]) ? 'TEKGRID_MULTIPLE_VALUE_HINT' : '';
+        }
+        filterItemChange(prop, column, index, { component, event, element }) {
+            const { name } = component;
+            const valueInputName = name.replace(`-filter-${prop}-`, '-filter-value-');
+            const valueInput = core.Metadata.getInstance(valueInputName);
+            const operationListArray = this.operationList.split(';');
+            if (prop === 'operation' && operationListArray[index] !== component.value) {
+                operationListArray[index] = component.value;
+                this.operationList = operationListArray.join(';');
+            }
+            try {
+                valueInput.setFocus();
+            }
+            catch (_a) {
+                // do nothing
+            }
+            const { datasource } = this.instance;
+            if (datasource instanceof teknisaComponentsCommon.TekRestDatasource || datasource instanceof teknisaComponentsCommon.TekMemoryDatasource) {
+                if (datasource.dynamicFilter[column.name] && datasource.dynamicFilter[column.name][index]) {
+                    this.lastFilter = JSON.stringify(datasource.dynamicFilter);
+                    const { value } = datasource.dynamicFilter[column.name][index];
+                    if (prop === 'operation') {
+                        if (this.isOperationArrayValues(component.value) && !Array.isArray(value)) {
+                            datasource.dynamicFilter[column.name][index].value = [value];
+                        }
+                        if (!this.isOperationArrayValues(component.value) && Array.isArray(value)) {
+                            [datasource.dynamicFilter[column.name][index].value] = value;
+                        }
+                    }
+                    datasource.dynamicFilter[column.name][index][prop] = component.value;
+                    if (this.lastFilter !== JSON.stringify(datasource.dynamicFilter)) {
+                        this.debouncedDatasourceGet(this.instance);
+                        this.onChangeLayout(event, element);
+                    }
+                }
+            }
+        }
+        convertToDateFormat(column, value, revert) {
+            const dateFormat = column.componentProps.dateFormat || core.Config.dateFormat;
+            const displayFormat = column.componentProps.displayFormat || core.Config.displayFormat;
+            if (revert) {
+                if (core.dayjs(value, displayFormat).isValid() || !core.dayjs(value, dateFormat).isValid()) {
+                    return value;
+                }
+                return core.dayjs(value, dateFormat).format(displayFormat);
+            }
+            if (core.dayjs(value, dateFormat).isValid() || !core.dayjs(value, displayFormat).isValid()) {
+                return value;
+            }
+            return core.dayjs(value, displayFormat).format(dateFormat);
+        }
+        checkDateValueFormat(column, value, revert = false) {
+            if (['ZdDate', 'ZdDateRange'].includes(column.componentProps.component)) {
+                if (Array.isArray(value)) {
+                    return value.map((item) => this.convertToDateFormat(column, item, revert));
+                }
+                return this.convertToDateFormat(column, value, revert);
+            }
+            return value;
+        }
+        filterValueChange(column, index, { component, event, element }) {
+            let { value } = component;
+            const { datasource } = this.instance;
+            if (!(element === null || element === void 0 ? void 0 : element.offsetParent))
+                return;
+            if (datasource instanceof teknisaComponentsCommon.TekRestDatasource || datasource instanceof teknisaComponentsCommon.TekMemoryDatasource) {
+                this.lastFilter = JSON.stringify(datasource.dynamicFilter);
+                if (value) {
+                    if (!datasource.dynamicFilter[column.name]) {
+                        datasource.dynamicFilter[column.name] = [];
+                    }
+                    if (!datasource.dynamicFilter[column.name][index]) {
+                        const { name } = component;
+                        let relation;
+                        if (index > 0) {
+                            const relationSelectName = name.replace('-filter-value-', '-filter-relation-');
+                            const relationSelect = core.Metadata.getInstance(relationSelectName);
+                            relation = relationSelect.value;
+                        }
+                        else {
+                            relation = 'AND';
+                        }
+                        const operationSelectName = name.replace('-filter-value-', '-filter-operation-');
+                        const operationSelect = core.Metadata.getInstance(operationSelectName);
+                        const operation = operationSelect.value;
+                        if (this.isOperationArrayValues(operation)) {
+                            value = value.split(';');
+                        }
+                        value = this.checkDateValueFormat(column, value);
+                        datasource.dynamicFilter[column.name].push({
+                            relation,
+                            operation,
+                            value,
+                        });
+                    }
+                    else {
+                        if (this.isOperationArrayValues(datasource.dynamicFilter[column.name][index].operation)) {
+                            value = value.split(';');
+                        }
+                        value = this.checkDateValueFormat(column, value);
+                        datasource.dynamicFilter[column.name][index].value = value;
+                    }
+                }
+                else if (datasource.dynamicFilter[column.name] && datasource.dynamicFilter[column.name][index]) {
+                    this.defaultOperation = datasource.dynamicFilter[column.name][index].operation;
+                    this.defaultRelation = datasource.dynamicFilter[column.name][index].relation;
+                    datasource.dynamicFilter[column.name].splice(index, 1);
+                    if (datasource.dynamicFilter[column.name].length === 1) {
+                        datasource.dynamicFilter[column.name][0].relation = 'AND';
+                    }
+                    if (!datasource.dynamicFilter[column.name].length) {
+                        delete datasource.dynamicFilter[column.name];
+                    }
+                }
+                if (this.lastFilter !== JSON.stringify(datasource.dynamicFilter)) {
+                    this.debouncedDatasourceGet(this.instance);
+                    this.onChangeLayout(event, element);
+                    this.clearHelperValues(column);
+                }
+            }
+            else {
+                this.lastFilter = JSON.stringify(this.instance.datasource.filter);
+                if (value) {
+                    this.instance.datasource.addFilter(column.name, value);
+                }
+                else {
+                    this.instance.datasource.removeFilter(column.name);
+                }
+                if (this.lastFilter !== JSON.stringify(this.instance.datasource.filter)) {
+                    this.debouncedDatasourceGet(this.instance);
+                    this.onChangeLayout(event, element);
+                    this.clearHelperValues(column);
+                }
+            }
+        }
+        clearHelperValues(column) {
+            if (!Array.isArray(column.filterProps)) {
+                column.filterProps.helperValue = '';
+            }
+            else {
+                column.filterProps.forEach((prop) => {
+                    prop.helperValue = '';
+                });
+            }
+        }
+        getColumnFilterOptions(column) {
+            const filterOptions = [];
+            const { datasource } = this.instance;
+            if (datasource instanceof teknisaComponentsCommon.TekRestDatasource || datasource instanceof teknisaComponentsCommon.TekMemoryDatasource) {
+                const dynamicFilter = datasource.dynamicFilter[column.name];
+                if (dynamicFilter && dynamicFilter.length > 0) {
+                    dynamicFilter.forEach((item) => {
+                        let { value } = item;
+                        if (this.isOperationArrayValues(item.operation) && Array.isArray(value)) {
+                            value = this.checkDateValueFormat(column, value, true);
+                            value = value.join(';');
+                        }
+                        filterOptions.push(Object.assign(Object.assign({}, item), { value }));
+                    });
+                }
+                filterOptions.push({
+                    operation: this.defaultOperation,
+                    relation: this.defaultRelation,
+                    value: '',
+                });
+            }
+            else {
+                const option = {
+                    operation: undefined,
+                    relation: undefined,
+                    value: this.instance.datasource.filter[column.name] || '',
+                };
+                filterOptions.push(option);
+            }
+            return filterOptions;
+        }
+        isCurrentRow(row) {
+            const { uniqueKey, currentRow } = this.instance.datasource;
+            return !!((row[uniqueKey] && row[uniqueKey] === currentRow[uniqueKey]));
+        }
+        getVisibleData() {
+            this.scrollData.visibleData = this.instance.datasource.data;
+            return this.scrollData.visibleData;
+        }
+        getData() {
+            if (!this.instance.virtualScroll || !this.scrollData.initialized) {
+                return this.instance.treeDataStructure.searchHasNoData ? [] : this.instance.treeDataStructure.treeData;
+            }
+            return this.renderedData;
+        }
+        rowClick(row, event) {
+            this.instance.rowClick(row, event, this.$el);
+        }
+        orderHeaders(headers) {
+            return headers.sort((a, b) => {
+                if (a.fixed === b.fixed)
+                    return 0;
+                if (!a.fixed && b.fixed)
+                    return 1;
+                return -1;
+            }).filter((item) => item instanceof teknisaComponentsCommon.TekGridColumn);
+        }
+        updateFixedColumns() {
+            if (this.instance.columns.filter((column) => column.fixed).length === 0)
+                return;
+            if (!this.tableHeader) {
+                this.tableHeader = this.$el.querySelector('table thead tr');
+                this.tableBody = this.$el.querySelector('table tbody');
+                if (!this.tableHeader || !this.tableBody)
+                    return;
+            }
+            const headerColumns = Array.from(this.tableHeader.querySelectorAll('th'));
+            let left = this.instance.selectable ? 40 : 0;
+            headerColumns.forEach((column) => {
+                const name = column.getAttribute('column-name');
+                if (name && column.classList.contains('zd-table-fixed-column')) {
+                    column.style.left = `${left}px`;
+                    left += column.clientWidth;
+                }
+            });
+        }
+        getFixedLeft(column) {
+            if (!column.fixed)
+                return 'unset';
+            const headerElement = this.$refs[`column-${column.name}`];
+            if (!headerElement)
+                return 'unset';
+            return headerElement[0].style.left;
+        }
+    };
+    __decorate([
+        vuetify.PropWatch({ type: [String], default: '' })
+    ], TekGrid.prototype, "title", void 0);
+    __decorate([
+        vuetify.PropWatch({ type: [Boolean, String], default: false })
+    ], TekGrid.prototype, "addButton", void 0);
+    __decorate([
+        vuetify.PropWatch({ type: [String], default: 'none' })
+    ], TekGrid.prototype, "deleteButton", void 0);
+    __decorate([
+        vuetify.PropWatch({ type: [Boolean, String], default: false })
+    ], TekGrid.prototype, "columnsButton", void 0);
+    __decorate([
+        vuePropertyDecorator.Prop({ type: [Array, String], default: () => [] })
+    ], TekGrid.prototype, "columnsButtonIgnore", void 0);
+    __decorate([
+        vuetify.PropWatch({ type: [Boolean, String], default: false })
+    ], TekGrid.prototype, "filterButton", void 0);
+    __decorate([
+        vuetify.PropWatch({ type: [Boolean, String], default: true })
+    ], TekGrid.prototype, "showSearch", void 0);
+    __decorate([
+        vuetify.PropWatch({ type: [Boolean, String], default: false })
+    ], TekGrid.prototype, "columnFilterButton", void 0);
+    __decorate([
+        vuePropertyDecorator.Prop({ type: [Array], default: () => [] })
+    ], TekGrid.prototype, "actions", void 0);
+    __decorate([
+        vuetify.PropWatch({ type: [String, Boolean], default: true })
+    ], TekGrid.prototype, "dragColumns", void 0);
+    __decorate([
+        vuetify.PropWatch({ type: [String, Boolean], default: true })
+    ], TekGrid.prototype, "resizeColumns", void 0);
+    __decorate([
+        vuetify.PropWatch({ type: [String, Boolean], default: true })
+    ], TekGrid.prototype, "showLayoutOptions", void 0);
+    __decorate([
+        vuetify.PropWatch({ type: [String, Boolean], default: false })
+    ], TekGrid.prototype, "showExport", void 0);
+    __decorate([
+        vuetify.PropWatch({ type: [String, Boolean], default: true })
+    ], TekGrid.prototype, "showReload", void 0);
+    __decorate([
+        vuePropertyDecorator.Prop({ type: [String, Array] })
+    ], TekGrid.prototype, "exportConfig", void 0);
+    __decorate([
+        vuePropertyDecorator.Prop({ type: [Array] })
+    ], TekGrid.prototype, "exportActions", void 0);
+    __decorate([
+        vuePropertyDecorator.Prop({
+            type: Array,
+            default: () => undefined,
+        })
+    ], TekGrid.prototype, "toolbarSlot", void 0);
+    TekGrid = __decorate([
+        vuePropertyDecorator.Component
+    ], TekGrid);
+    var TekGrid$1 = TekGrid;
+
+    let TekUserInfo = class TekUserInfo extends zdUserInfoVue.ZdUserInfo {
+        constructor() {
+            super(...arguments);
+            this.instanceType = teknisaComponentsCommon.TekUserInfo;
+        }
+    };
+    __decorate([
+        vuetify.PropWatch({ type: [String], default: '' })
+    ], TekUserInfo.prototype, "aboutImage", void 0);
+    __decorate([
+        vuetify.PropWatch({ type: [String], default: '' })
+    ], TekUserInfo.prototype, "defaultEmail", void 0);
+    __decorate([
+        vuetify.PropWatch({ type: [Object, String], default: null })
+    ], TekUserInfo.prototype, "versionInfo", void 0);
+    __decorate([
+        vuetify.PropWatch({ type: [String], default: '' })
+    ], TekUserInfo.prototype, "versionUrl", void 0);
+    __decorate([
+        vuePropertyDecorator.Prop({ type: [Array], default: undefined })
+    ], TekUserInfo.prototype, "bottomSlot", void 0);
+    TekUserInfo = __decorate([
+        vuePropertyDecorator.Component
+    ], TekUserInfo);
+    var TekUserInfo$1 = TekUserInfo;
+
+    // eslint-disable-next-line prefer-destructuring
+    const ZdList = vuetify.components.ZdList;
+    let TekUserInfoList = class TekUserInfoList extends ZdList {
+        constructor() {
+            super(...arguments);
+            this.instanceType = teknisaComponentsCommon.TekUserInfoList;
+        }
+    };
+    __decorate([
+        vuetify.PropWatch({ type: [String], default: '' })
+    ], TekUserInfoList.prototype, "parentName", void 0);
+    __decorate([
+        vuetify.PropWatch({ type: [Boolean, String], default: true })
+    ], TekUserInfoList.prototype, "dense", void 0);
+    TekUserInfoList = __decorate([
+        vuePropertyDecorator.Component
+    ], TekUserInfoList);
+    var TekUserInfoList$1 = TekUserInfoList;
+
+    common.Icons.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 TeknisaComponents = {
+        install(Vue) {
+            Object.keys(components).forEach((id) => {
+                Vue.component(id, components[id]);
+            });
+            Vue.component('ZdUserInfo', zdUserInfoVue.ZdUserInfo);
+        },
+    };
+    const packageContent = require('../package.json');
+    core.VersionService.addPackageVersion(packageContent.name, packageContent.version);
 
-    exports.TekBreadcrumbHeader = script$i;
-    exports.TekCardTitle = script$h;
-    exports.TekCrudAddButton = script$g;
-    exports.TekCrudCancelButton = script$f;
-    exports.TekCrudDeleteButton = script$e;
-    exports.TekCrudForm = script$d;
-    exports.TekCrudSaveButton = script$c;
-    exports.TekGrid = script$b;
-    exports.TekGridColumnsButton = script$a;
-    exports.TekGridLayoutOptions = script$9;
-    exports.TekImage = script$8;
-    exports.TekIterableComponentRender = script$6;
-    exports.TekProductCard = script$3;
-    exports.TekTreeGrid = script$2;
-    exports.TekUserInfo = script$1;
-    exports.TekUserInfoList = script;
+    exports.TekBreadcrumbHeader = TekBreadcrumbHeader$1;
+    exports.TekCardTitle = TekCardTitle$1;
+    exports.TekCrudAddButton = TekCrudAddButton$1;
+    exports.TekCrudCancelButton = TekCrudCancelButton$1;
+    exports.TekCrudDeleteButton = TekCrudDeleteButton$1;
+    exports.TekCrudForm = TekCrudForm$1;
+    exports.TekCrudSaveButton = TekCrudSaveButton$1;
+    exports.TekGrid = TekGrid$3;
+    exports.TekGridColumnsButton = TekGridColumnsButton$1;
+    exports.TekGridLayoutOptions = TekGridLayoutOptions$1;
+    exports.TekImage = TekImage$1;
+    exports.TekIterableComponentRender = TekIterableComponentRender$1;
+    exports.TekProductCard = TekProductCard$1;
+    exports.TekTreeGrid = TekGrid$1;
+    exports.TekUserInfo = TekUserInfo$1;
+    exports.TekUserInfoList = TekUserInfoList$1;
     exports["default"] = TeknisaComponents;
 
     Object.defineProperty(exports, '__esModule', { value: true });