@zeedhi/teknisa-components-vuetify 1.84.1 → 1.85.0

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

@@ -1165,6 +1165,11 @@ let TekGrid$1 = class TekGrid extends ZdGridEditable {
         this.defaultRelation = '';
         this.lastFilter = '';
     }
+    updateTitle(instanceUpdateTitle) {
+        if (this.instance.toolbarSlot[0].name === `${this.instance.name}_gridTitle`) {
+            this.instance.toolbarSlot[0].text = instanceUpdateTitle;
+        }
+    }
     mounted() {
         this.originalChangeLayout = this.instance.changeLayout;
         this.instance.changeLayout = this.onChangeLayout;
@@ -1604,6 +1609,9 @@ __decorate([
         default: () => undefined,
     })
 ], TekGrid$1.prototype, "toolbarSlot", void 0);
+__decorate([
+    Watch('instance.title')
+], TekGrid$1.prototype, "updateTitle", null);
 TekGrid$1 = __decorate([
     Component
 ], TekGrid$1);
@@ -5835,6 +5843,11 @@ let TekGrid = class TekGrid extends ZdTreeGridEditable {
         this.tableHeader = null;
         this.tableBody = null;
     }
+    updateTitle(instanceUpdateTitle) {
+        if (this.instance.toolbarSlot[0].name === `${this.instance.name}_gridTitle`) {
+            this.instance.toolbarSlot[0].text = instanceUpdateTitle;
+        }
+    }
     mounted() {
         this.originalChangeTekGridLayout = this.instance.changeLayout;
         this.instance.changeLayout = this.onChangeTekGridLayout;
@@ -6201,6 +6214,9 @@ __decorate([
         default: () => undefined,
     })
 ], TekGrid.prototype, "toolbarSlot", void 0);
+__decorate([
+    Watch('instance.title')
+], TekGrid.prototype, "updateTitle", null);
 TekGrid = __decorate([
     Component
 ], TekGrid);
@@ -7534,7 +7550,7 @@ __vue_render__$1._withStripped = true;
   /* style */
   const __vue_inject_styles__$1 = function (inject) {
     if (!inject) return
-    inject("data-v-5e280750_0", { source: ".about-modal {\n  flex-grow: 0;\n  overflow-y: unset;\n  width: auto;\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}\n.about-modal .zd-image-valid {\n  width: 60%;\n  align-items: center;\n}\n.about-modal #basic-user-info_about_image {\n  text-align: center;\n}", map: undefined, media: undefined });
+    inject("data-v-52978667_0", { source: ".about-modal {\n  flex-grow: 0;\n  overflow-y: unset;\n  width: auto;\n  border: 3px solid var(--v-primary-base);\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-card-text {\n  padding: 8px !important;\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}\n.about-modal .zd-image-valid {\n  width: 50%;\n  align-items: center;\n}\n.about-modal #basic-user-info_version_tabs {\n  height: 300px !important;\n}\n.about-modal #basic-user-info_about_image {\n  text-align: center;\n}", map: undefined, media: undefined });
 
   };
   /* scoped */

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

@@ -1167,6 +1167,11 @@
             this.defaultRelation = '';
             this.lastFilter = '';
         }
+        updateTitle(instanceUpdateTitle) {
+            if (this.instance.toolbarSlot[0].name === `${this.instance.name}_gridTitle`) {
+                this.instance.toolbarSlot[0].text = instanceUpdateTitle;
+            }
+        }
         mounted() {
             this.originalChangeLayout = this.instance.changeLayout;
             this.instance.changeLayout = this.onChangeLayout;
@@ -1606,6 +1611,9 @@
             default: () => undefined,
         })
     ], TekGrid$1.prototype, "toolbarSlot", void 0);
+    __decorate([
+        vuePropertyDecorator.Watch('instance.title')
+    ], TekGrid$1.prototype, "updateTitle", null);
     TekGrid$1 = __decorate([
         vuePropertyDecorator.Component
     ], TekGrid$1);
@@ -5837,6 +5845,11 @@
             this.tableHeader = null;
             this.tableBody = null;
         }
+        updateTitle(instanceUpdateTitle) {
+            if (this.instance.toolbarSlot[0].name === `${this.instance.name}_gridTitle`) {
+                this.instance.toolbarSlot[0].text = instanceUpdateTitle;
+            }
+        }
         mounted() {
             this.originalChangeTekGridLayout = this.instance.changeLayout;
             this.instance.changeLayout = this.onChangeTekGridLayout;
@@ -6203,6 +6216,9 @@
             default: () => undefined,
         })
     ], TekGrid.prototype, "toolbarSlot", void 0);
+    __decorate([
+        vuePropertyDecorator.Watch('instance.title')
+    ], TekGrid.prototype, "updateTitle", null);
     TekGrid = __decorate([
         vuePropertyDecorator.Component
     ], TekGrid);
@@ -7536,7 +7552,7 @@
       /* style */
       const __vue_inject_styles__$1 = function (inject) {
         if (!inject) return
-        inject("data-v-5e280750_0", { source: ".about-modal {\n  flex-grow: 0;\n  overflow-y: unset;\n  width: auto;\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}\n.about-modal .zd-image-valid {\n  width: 60%;\n  align-items: center;\n}\n.about-modal #basic-user-info_about_image {\n  text-align: center;\n}", map: undefined, media: undefined });
+        inject("data-v-52978667_0", { source: ".about-modal {\n  flex-grow: 0;\n  overflow-y: unset;\n  width: auto;\n  border: 3px solid var(--v-primary-base);\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-card-text {\n  padding: 8px !important;\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}\n.about-modal .zd-image-valid {\n  width: 50%;\n  align-items: center;\n}\n.about-modal #basic-user-info_version_tabs {\n  height: 300px !important;\n}\n.about-modal #basic-user-info_about_image {\n  text-align: center;\n}", map: undefined, media: undefined });
 
       };
       /* scoped */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zeedhi/teknisa-components-vuetify",
-  "version": "1.84.1",
+  "version": "1.85.0",
   "description": "Teknisa Components based on Vuetify",
   "author": "Zeedhi <zeedhi@teknisa.com>",
   "license": "ISC",
@@ -41,5 +41,5 @@
     "vue": "2.7.*",
     "vuetify": "2.6.*"
   },
-  "gitHead": "8bcccfd90c4cf7a1cb127a141ddaadb875efc03b"
+  "gitHead": "6b27cb883b7c7348cb571e9a8d3519e36e3e40f8"
 }

package/types/components/tek-grid/TekGrid.d.ts

@@ -31,6 +31,7 @@ export default class TekGrid extends ZdGridEditable {
     toolbarSlot: IComponentRender[];
     instance: TekGridClass;
     instanceType: typeof TekGridClass;
+    updateTitle(instanceUpdateTitle: string): void;
     private originalChangeLayout?;
     visibleRowsLength: Number;
     calcScrollData: (() => void) | undefined;

package/types/components/tek-tree-grid/TekTreeGrid.d.ts

@@ -29,6 +29,7 @@ export default class TekGrid extends ZdTreeGridEditable {
     toolbarSlot: IComponentRender[];
     instance: TekTreeGridClass;
     instanceType: typeof TekTreeGridClass;
+    updateTitle(instanceUpdateTitle: string): void;
     private originalChangeTekGridLayout?;
     calcScrollData: (() => void) | undefined;
     scrollData: any;