@zeedhi/teknisa-components-vuetify 1.124.0 → 1.126.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -4569,6 +4569,9 @@ let TekGridLayoutOptions = class TekGridLayoutOptions extends ZdComponentRender
4569
4569
  this.instance.deleteLayout(layoutName);
4570
4570
  event.stopImmediatePropagation();
4571
4571
  }
4572
+ layoutHasFilter(layoutName) {
4573
+ return this.instance.layoutHasFilter(layoutName);
4574
+ }
4572
4575
  };
4573
4576
  TekGridLayoutOptions = __decorate([
4574
4577
  Component
@@ -6900,14 +6903,28 @@ var __vue_render__$9 = function () {
6900
6903
  ],
6901
6904
  },
6902
6905
  [
6903
- _vm._v(
6904
- "\n " +
6906
+ _c("div", [
6907
+ _vm._v(
6905
6908
  _vm._s(
6906
6909
  _vm.instance.layoutEdited
6907
6910
  ? _vm.$t("LAYOUT_MODIFIED")
6908
6911
  : _vm.$t("LAYOUT_NOT_MODIFIED")
6909
- ) +
6910
- "\n "
6912
+ )
6913
+ ),
6914
+ ]),
6915
+ _vm._v(" "),
6916
+ _c(
6917
+ "div",
6918
+ { staticClass: "tek-grid-layout-header-filter" },
6919
+ [
6920
+ _c("v-icon", [_vm._v(_vm._s(_vm.$getIcon("filter")))]),
6921
+ _vm._v(
6922
+ " = " +
6923
+ _vm._s(_vm.$t("TEKGRID_LAYOUT_HAS_FILTER")) +
6924
+ "\n "
6925
+ ),
6926
+ ],
6927
+ 1
6911
6928
  ),
6912
6929
  ]
6913
6930
  ),
@@ -6986,7 +7003,15 @@ var __vue_render__$9 = function () {
6986
7003
  },
6987
7004
  },
6988
7005
  [
6989
- _vm._v("\n " + _vm._s(item) + "\n "),
7006
+ _vm.layoutHasFilter(item)
7007
+ ? _c(
7008
+ "span",
7009
+ { staticClass: "tek-grid-layout-header-filter" },
7010
+ [_c("v-icon", [_vm._v(_vm._s(_vm.$getIcon("filter")))])],
7011
+ 1
7012
+ )
7013
+ : _vm._e(),
7014
+ _vm._v(" " + _vm._s(item) + "\n "),
6990
7015
  !_vm.instance.layoutEdited
6991
7016
  ? _c(
6992
7017
  "span",
@@ -7045,6 +7070,7 @@ var __vue_render__$9 = function () {
7045
7070
  width: "100%",
7046
7071
  name: "tek-grid-layout-item-discard-changes",
7047
7072
  label: "LAYOUT_DISCART_CHANGES",
7073
+ "icon-name": "undo",
7048
7074
  },
7049
7075
  }),
7050
7076
  ],
@@ -7064,7 +7090,7 @@ __vue_render__$9._withStripped = true;
7064
7090
  /* style */
7065
7091
  const __vue_inject_styles__$9 = function (inject) {
7066
7092
  if (!inject) return
7067
- inject("data-v-24abb7d6_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 .tek-grid-layout-item-buttons {\n position: absolute;\n right: 16px;\n}\n.tek-grid-layout-item .tek-grid-layout-item-buttons .v-icon {\n font-size: 18px;\n}\n.tek-grid-layout-item-header {\n max-width: 270px;\n font-size: 13px;\n font-weight: bold;\n color: var(--v-primary-base) !important;\n line-height: 18px;\n}\n.tek-grid-layout-item-header.edited {\n color: var(--v-error-darken2) !important;\n}\n.tek-grid-layout-item-discard {\n min-height: 30px;\n padding-top: 10px;\n}", map: undefined, media: undefined });
7093
+ inject("data-v-3a16c2de_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 .tek-grid-layout-item-buttons {\n position: absolute;\n right: 16px;\n}\n.tek-grid-layout-item .tek-grid-layout-item-buttons .v-icon {\n font-size: 18px;\n}\n.tek-grid-layout-item-header {\n max-width: 270px;\n font-size: 13px;\n font-weight: bold;\n color: var(--v-primary-base) !important;\n line-height: 18px;\n display: block;\n}\n.tek-grid-layout-item-header.edited {\n color: var(--v-error-darken2) !important;\n}\n.tek-grid-layout-header-filter {\n font-size: 0.7rem;\n color: var(--zd-font-color);\n font-weight: normal;\n}\n.tek-grid-layout-header-filter .v-icon {\n font-size: 0.8rem;\n}\n.tek-grid-layout-item .tek-grid-layout-header-filter .v-icon {\n padding-right: 2px;\n}\n.tek-grid-layout-item-discard {\n min-height: 30px;\n padding-top: 10px;\n}", map: undefined, media: undefined });
7068
7094
 
7069
7095
  };
7070
7096
  /* scoped */
@@ -8906,6 +8932,7 @@ Icons.addIcons({
8906
8932
  confirmLayout: 'mdi-check',
8907
8933
  updateLayout: 'mdi-square-edit-outline',
8908
8934
  layout: 'mdi-table-star',
8935
+ undo: 'mdi-undo',
8909
8936
  });
8910
8937
  const TeknisaComponents = {
8911
8938
  install(Vue) {
@@ -4569,6 +4569,9 @@
4569
4569
  this.instance.deleteLayout(layoutName);
4570
4570
  event.stopImmediatePropagation();
4571
4571
  }
4572
+ layoutHasFilter(layoutName) {
4573
+ return this.instance.layoutHasFilter(layoutName);
4574
+ }
4572
4575
  };
4573
4576
  TekGridLayoutOptions = __decorate([
4574
4577
  vuePropertyDecorator.Component
@@ -6900,14 +6903,28 @@
6900
6903
  ],
6901
6904
  },
6902
6905
  [
6903
- _vm._v(
6904
- "\n " +
6906
+ _c("div", [
6907
+ _vm._v(
6905
6908
  _vm._s(
6906
6909
  _vm.instance.layoutEdited
6907
6910
  ? _vm.$t("LAYOUT_MODIFIED")
6908
6911
  : _vm.$t("LAYOUT_NOT_MODIFIED")
6909
- ) +
6910
- "\n "
6912
+ )
6913
+ ),
6914
+ ]),
6915
+ _vm._v(" "),
6916
+ _c(
6917
+ "div",
6918
+ { staticClass: "tek-grid-layout-header-filter" },
6919
+ [
6920
+ _c("v-icon", [_vm._v(_vm._s(_vm.$getIcon("filter")))]),
6921
+ _vm._v(
6922
+ " = " +
6923
+ _vm._s(_vm.$t("TEKGRID_LAYOUT_HAS_FILTER")) +
6924
+ "\n "
6925
+ ),
6926
+ ],
6927
+ 1
6911
6928
  ),
6912
6929
  ]
6913
6930
  ),
@@ -6986,7 +7003,15 @@
6986
7003
  },
6987
7004
  },
6988
7005
  [
6989
- _vm._v("\n " + _vm._s(item) + "\n "),
7006
+ _vm.layoutHasFilter(item)
7007
+ ? _c(
7008
+ "span",
7009
+ { staticClass: "tek-grid-layout-header-filter" },
7010
+ [_c("v-icon", [_vm._v(_vm._s(_vm.$getIcon("filter")))])],
7011
+ 1
7012
+ )
7013
+ : _vm._e(),
7014
+ _vm._v(" " + _vm._s(item) + "\n "),
6990
7015
  !_vm.instance.layoutEdited
6991
7016
  ? _c(
6992
7017
  "span",
@@ -7045,6 +7070,7 @@
7045
7070
  width: "100%",
7046
7071
  name: "tek-grid-layout-item-discard-changes",
7047
7072
  label: "LAYOUT_DISCART_CHANGES",
7073
+ "icon-name": "undo",
7048
7074
  },
7049
7075
  }),
7050
7076
  ],
@@ -7064,7 +7090,7 @@
7064
7090
  /* style */
7065
7091
  const __vue_inject_styles__$9 = function (inject) {
7066
7092
  if (!inject) return
7067
- inject("data-v-24abb7d6_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 .tek-grid-layout-item-buttons {\n position: absolute;\n right: 16px;\n}\n.tek-grid-layout-item .tek-grid-layout-item-buttons .v-icon {\n font-size: 18px;\n}\n.tek-grid-layout-item-header {\n max-width: 270px;\n font-size: 13px;\n font-weight: bold;\n color: var(--v-primary-base) !important;\n line-height: 18px;\n}\n.tek-grid-layout-item-header.edited {\n color: var(--v-error-darken2) !important;\n}\n.tek-grid-layout-item-discard {\n min-height: 30px;\n padding-top: 10px;\n}", map: undefined, media: undefined });
7093
+ inject("data-v-3a16c2de_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 .tek-grid-layout-item-buttons {\n position: absolute;\n right: 16px;\n}\n.tek-grid-layout-item .tek-grid-layout-item-buttons .v-icon {\n font-size: 18px;\n}\n.tek-grid-layout-item-header {\n max-width: 270px;\n font-size: 13px;\n font-weight: bold;\n color: var(--v-primary-base) !important;\n line-height: 18px;\n display: block;\n}\n.tek-grid-layout-item-header.edited {\n color: var(--v-error-darken2) !important;\n}\n.tek-grid-layout-header-filter {\n font-size: 0.7rem;\n color: var(--zd-font-color);\n font-weight: normal;\n}\n.tek-grid-layout-header-filter .v-icon {\n font-size: 0.8rem;\n}\n.tek-grid-layout-item .tek-grid-layout-header-filter .v-icon {\n padding-right: 2px;\n}\n.tek-grid-layout-item-discard {\n min-height: 30px;\n padding-top: 10px;\n}", map: undefined, media: undefined });
7068
7094
 
7069
7095
  };
7070
7096
  /* scoped */
@@ -8906,6 +8932,7 @@
8906
8932
  confirmLayout: 'mdi-check',
8907
8933
  updateLayout: 'mdi-square-edit-outline',
8908
8934
  layout: 'mdi-table-star',
8935
+ undo: 'mdi-undo',
8909
8936
  });
8910
8937
  const TeknisaComponents = {
8911
8938
  install(Vue) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zeedhi/teknisa-components-vuetify",
3
- "version": "1.124.0",
3
+ "version": "1.126.0",
4
4
  "description": "Teknisa Components based on Vuetify",
5
5
  "author": "Zeedhi <zeedhi@teknisa.com>",
6
6
  "license": "ISC",
@@ -44,5 +44,5 @@
44
44
  "vue": "2.7.*",
45
45
  "vuetify": "2.6.*"
46
46
  },
47
- "gitHead": "c977a14e03d34f5a1171cfe15cc4aff1a84a8a83"
47
+ "gitHead": "8783f8a1fc5b3ee71dc7bc21662065f9e5e7c653"
48
48
  }
@@ -16,4 +16,5 @@ export default class TekGridLayoutOptions extends ZdComponentRender {
16
16
  private getParentTable;
17
17
  applyOrUpdateLayout(event: Event, layoutName: string): void;
18
18
  deleteLayout(event: Event, layoutName: string): void;
19
+ layoutHasFilter(layoutName: string): number;
19
20
  }