@zeedhi/teknisa-components-vuetify 1.60.0 → 1.62.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.
Files changed (4) hide show
  1. package/dist/tek-components-vuetify.esm.js +331 -291
  2. package/dist/tek-components-vuetify.umd.js +331 -291
  3. package/package.json +2 -2
  4. package/types/components/tek-grid/TekGrid.d.ts +0 -1
package/dist/tek-components-vuetify.esm.js CHANGED
@@ -1494,14 +1494,6 @@ let TekGrid$1 = class TekGrid extends ZdGridEditable {
1494
1494
  this.instance.selectGroupClick(row, isSelected, event, this.$el);
1495
1495
  });
1496
1496
  }
1497
- toggleSelectAll() {
1498
- if (this.instance.selectedRows.length === this.instance.datasource.data.length) {
1499
- this.instance.selectedRows = [];
1500
- }
1501
- else {
1502
- this.instance.selectedRows = this.instance.datasource.data;
1503
- }
1504
- }
1505
1497
  get headers() {
1506
1498
  this.$nextTick(() => {
1507
1499
  if (this.$el)
@@ -1718,18 +1710,18 @@ var __vue_render__$b = function () {
1718
1710
  "indeterminate-icon": _vm.$getIcon(
1719
1711
  "checkboxIndeterminate"
1720
1712
  ),
1721
- "input-value": props.everyItem,
1713
+ "input-value": _vm.allselectedState,
1722
1714
  indeterminate:
1723
- !props.everyItem && props.someItems,
1715
+ !_vm.allselectedState &&
1716
+ props.someItems,
1724
1717
  },
1725
1718
  on: {
1726
1719
  click: function ($event) {
1727
1720
  $event.stopPropagation();
1728
- _vm.toggleSelectAll();
1729
- _vm.selectAllClick(
1730
- !props.everyItem,
1721
+ return _vm.selectAllClick(
1722
+ !_vm.allselectedState,
1731
1723
  $event
1732
- );
1724
+ )
1733
1725
  },
1734
1726
  },
1735
1727
  })
@@ -3246,7 +3238,7 @@ __vue_render__$b._withStripped = true;
3246
3238
  /* style */
3247
3239
  const __vue_inject_styles__$b = function (inject) {
3248
3240
  if (!inject) return
3249
- inject("data-v-251b1043_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.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 });
3241
+ inject("data-v-92a68c46_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.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 });
3250
3242
 
3251
3243
  };
3252
3244
  /* scoped */
@@ -6406,7 +6398,7 @@ var __vue_render__$2 = function () {
6406
6398
  key: "header",
6407
6399
  fn: function (ref) {
6408
6400
  var props = ref.props;
6409
- var on = ref.on;
6401
+ ref.on;
6410
6402
  return [
6411
6403
  _c("thead", { staticClass: "zd-grid-table-header" }, [
6412
6404
  _c(
@@ -6416,8 +6408,22 @@ var __vue_render__$2 = function () {
6416
6408
  ? _c(
6417
6409
  "th",
6418
6410
  {
6419
- staticClass:
6420
- "zd-table-cell selectable zd-table-fixed-column",
6411
+ class: [
6412
+ "zd-table-cell",
6413
+ "selectable",
6414
+ "zd-table-fixed-column",
6415
+ {
6416
+ "theme--dark":
6417
+ (_vm.$vuetify.theme.dark &&
6418
+ !_vm.instance.light) ||
6419
+ _vm.instance.dark,
6420
+ },
6421
+ {
6422
+ "theme--light":
6423
+ !_vm.$vuetify.theme.dark ||
6424
+ _vm.instance.light,
6425
+ },
6426
+ ],
6421
6427
  style:
6422
6428
  "background-color: " +
6423
6429
  _vm.instance.headerBackground,
@@ -6435,20 +6441,18 @@ var __vue_render__$2 = function () {
6435
6441
  "indeterminate-icon": _vm.$getIcon(
6436
6442
  "checkboxIndeterminate"
6437
6443
  ),
6438
- value: props.everyItem,
6444
+ value: _vm.allselectedState,
6439
6445
  indeterminate:
6440
- !props.everyItem && props.someItems,
6446
+ !_vm.allselectedState &&
6447
+ props.someItems,
6441
6448
  },
6442
6449
  on: {
6443
6450
  click: function ($event) {
6444
6451
  $event.stopPropagation();
6445
- on["toggle-select-all"](
6446
- !props.everyItem
6447
- );
6448
- _vm.selectAllClick(
6449
- !props.everyItem,
6452
+ return _vm.selectAllClick(
6453
+ !_vm.allselectedState,
6450
6454
  $event
6451
- );
6455
+ )
6452
6456
  },
6453
6457
  },
6454
6458
  })
@@ -6462,7 +6466,7 @@ var __vue_render__$2 = function () {
6462
6466
  _vm.orderHeaders(props.headers),
6463
6467
  function (column, index) {
6464
6468
  return [
6465
- column.isVisible
6469
+ column.isVisible && _vm.getColWidth(column)
6466
6470
  ? _c(
6467
6471
  "th",
6468
6472
  {
@@ -7091,8 +7095,22 @@ var __vue_render__$2 = function () {
7091
7095
  ? _c(
7092
7096
  "td",
7093
7097
  {
7094
- staticClass:
7095
- "zd-table-cell selectable zd-table-fixed-column",
7098
+ class: [
7099
+ "zd-table-cell",
7100
+ "selectable",
7101
+ "zd-table-fixed-column",
7102
+ {
7103
+ "theme--dark":
7104
+ (_vm.$vuetify.theme.dark &&
7105
+ !_vm.instance.light) ||
7106
+ _vm.instance.dark,
7107
+ },
7108
+ {
7109
+ "theme--light":
7110
+ !_vm.$vuetify.theme.dark ||
7111
+ _vm.instance.light,
7112
+ },
7113
+ ],
7096
7114
  },
7097
7115
  [
7098
7116
  _c("v-checkbox", {
@@ -7216,293 +7234,315 @@ var __vue_render__$2 = function () {
7216
7234
  })
7217
7235
  : _vm._e(),
7218
7236
  _vm._v(" "),
7219
- Object.assign({}, column, cellProps)
7220
- .editable &&
7221
- _vm.canEditRowValues[
7222
- _vm.rowKey(item)
7223
- ] &&
7224
- _vm.instance.editing
7225
- ? _c(
7226
- "span",
7227
- {
7228
- directives: [
7237
+ _c(
7238
+ "span",
7239
+ {
7240
+ staticClass:
7241
+ "zd-tree-grid-editable-cell-wrapper",
7242
+ },
7243
+ [
7244
+ Object.assign(
7245
+ {},
7246
+ column,
7247
+ cellProps
7248
+ ).editable &&
7249
+ _vm.canEditRowValues[
7250
+ _vm.rowKey(item)
7251
+ ] &&
7252
+ _vm.instance.editing
7253
+ ? _c(
7254
+ "span",
7229
7255
  {
7230
- name: "show",
7231
- rawName: "v-show",
7232
- value: !column.loading,
7233
- expression:
7234
- "!column.loading",
7256
+ directives: [
7257
+ {
7258
+ name: "show",
7259
+ rawName: "v-show",
7260
+ value:
7261
+ !column.loading,
7262
+ expression:
7263
+ "!column.loading",
7264
+ },
7265
+ ],
7266
+ staticClass:
7267
+ "zd-table-cell-inline-edit",
7268
+ style: {
7269
+ width:
7270
+ _vm.calcWidth(
7271
+ column,
7272
+ column.width,
7273
+ true
7274
+ ) || "unset",
7275
+ "min-width":
7276
+ _vm.calcWidth(
7277
+ column,
7278
+ column.minWidth,
7279
+ true
7280
+ ) || "unset",
7281
+ "max-width":
7282
+ _vm.calcWidth(
7283
+ column,
7284
+ column.maxWidth,
7285
+ true
7286
+ ) || "unset",
7287
+ },
7235
7288
  },
7236
- ],
7237
- staticClass:
7238
- "zd-table-cell-inline-edit",
7239
- style: {
7240
- width:
7241
- _vm.calcWidth(
7242
- column,
7243
- column.width,
7244
- true
7245
- ) || "unset",
7246
- "min-width":
7247
- _vm.calcWidth(
7248
- column,
7249
- column.minWidth,
7250
- true
7251
- ) || "unset",
7252
- "max-width":
7253
- _vm.calcWidth(
7289
+ [
7290
+ _vm.instance.isEdited(
7254
7291
  column,
7255
- column.maxWidth,
7256
- true
7257
- ) || "unset",
7258
- },
7259
- },
7260
- [
7261
- _vm.instance.isEdited(
7292
+ item
7293
+ )
7294
+ ? _c(
7295
+ "span",
7296
+ {
7297
+ staticClass:
7298
+ "zd-table-cell-edit-icon",
7299
+ },
7300
+ [
7301
+ _vm.instance.isValid(
7302
+ column,
7303
+ item
7304
+ )
7305
+ ? _c(
7306
+ "v-icon",
7307
+ {
7308
+ attrs: {
7309
+ color:
7310
+ "primary",
7311
+ },
7312
+ },
7313
+ [
7314
+ _vm._v(
7315
+ _vm._s(
7316
+ _vm.$getIcon(
7317
+ "pencil"
7318
+ )
7319
+ )
7320
+ ),
7321
+ ]
7322
+ )
7323
+ : _c(
7324
+ "v-icon",
7325
+ {
7326
+ attrs: {
7327
+ color:
7328
+ "error",
7329
+ },
7330
+ },
7331
+ [
7332
+ _vm._v(
7333
+ _vm._s(
7334
+ _vm.$getIcon(
7335
+ "warning"
7336
+ )
7337
+ )
7338
+ ),
7339
+ ]
7340
+ ),
7341
+ ],
7342
+ 1
7343
+ )
7344
+ : _vm._e(),
7345
+ _vm._v(" "),
7346
+ _c(
7347
+ column.componentProps
7348
+ .component,
7349
+ _vm._b(
7350
+ {
7351
+ key:
7352
+ column.name +
7353
+ "rowKey(item)",
7354
+ tag: "component",
7355
+ },
7356
+ "component",
7357
+ _vm.getEditableComponent(
7358
+ column,
7359
+ item,
7360
+ cellProps
7361
+ ),
7362
+ false
7363
+ )
7364
+ ),
7365
+ ],
7366
+ 1
7367
+ )
7368
+ : _vm.hasToggleIcon(
7262
7369
  column,
7263
7370
  item
7264
7371
  )
7265
- ? _c(
7266
- "span",
7372
+ ? _c(
7373
+ "span",
7374
+ [
7375
+ _c("v-icon", [
7376
+ _vm._v(
7377
+ _vm._s(
7378
+ _vm.$getIcon(
7379
+ column.formatterByRow(
7380
+ item,
7381
+ cellProps
7382
+ )
7383
+ )
7384
+ )
7385
+ ),
7386
+ ]),
7387
+ ],
7388
+ 1
7389
+ )
7390
+ : _c(
7391
+ "span",
7392
+ {
7393
+ directives: [
7267
7394
  {
7268
- staticClass:
7269
- "zd-table-cell-edit-icon",
7395
+ name: "show",
7396
+ rawName: "v-show",
7397
+ value:
7398
+ !column.loading,
7399
+ expression:
7400
+ "!column.loading",
7270
7401
  },
7271
- [
7272
- _vm.instance.isValid(
7402
+ ],
7403
+ class: [
7404
+ "zd-table-cell-text",
7405
+ {
7406
+ "zd-table-cell-text-editable":
7407
+ Object.assign(
7408
+ {},
7409
+ column,
7410
+ cellProps
7411
+ ).editable,
7412
+ "overflow-hidden":
7413
+ column.overflow ===
7414
+ "hidden",
7415
+ "overflow-wrap":
7416
+ column.overflow ===
7417
+ "wrap",
7418
+ },
7419
+ !isNaN(
7420
+ column.overflow
7421
+ )
7422
+ ? "overflow-clamp overflow-clamp-" +
7423
+ column.overflow
7424
+ : "",
7425
+ ],
7426
+ style: {
7427
+ width:
7428
+ _vm.calcWidth(
7273
7429
  column,
7274
- item
7430
+ column.width,
7431
+ true
7432
+ ) || "unset",
7433
+ "min-width":
7434
+ _vm.calcWidth(
7435
+ column,
7436
+ column.minWidth,
7437
+ true
7438
+ ) || "unset",
7439
+ "max-width":
7440
+ _vm.calcWidth(
7441
+ column,
7442
+ column.maxWidth,
7443
+ true
7444
+ ) || "unset",
7445
+ },
7446
+ on: {
7447
+ mouseenter: function (
7448
+ $event
7449
+ ) {
7450
+ return _vm.checkOverflow(
7451
+ $event
7275
7452
  )
7453
+ },
7454
+ mouseleave: function (
7455
+ $event
7456
+ ) {
7457
+ return _vm.removeTooltip()
7458
+ },
7459
+ },
7460
+ },
7461
+ [
7462
+ _c(
7463
+ "div",
7464
+ {
7465
+ directives: [
7466
+ {
7467
+ name: "show",
7468
+ rawName:
7469
+ "v-show",
7470
+ value:
7471
+ headerIndex ===
7472
+ 0,
7473
+ expression:
7474
+ "headerIndex === 0",
7475
+ },
7476
+ ],
7477
+ class: [
7478
+ "zd-tree-grid-editable-expand",
7479
+ "level" +
7480
+ item.tree__level,
7481
+ ],
7482
+ },
7483
+ [
7484
+ item.tree__children
7485
+ .length > 0
7276
7486
  ? _c(
7277
7487
  "v-icon",
7278
7488
  {
7279
- attrs: {
7280
- color:
7281
- "primary",
7489
+ class: {
7490
+ opened:
7491
+ item.tree__opened,
7282
7492
  },
7283
- },
7284
- [
7285
- _vm._v(
7286
- _vm._s(
7287
- _vm.$getIcon(
7288
- "pencil"
7289
- )
7290
- )
7291
- ),
7292
- ]
7293
- )
7294
- : _c(
7295
- "v-icon",
7296
- {
7297
7493
  attrs: {
7298
- color:
7299
- "error",
7494
+ tabindex:
7495
+ "-1",
7496
+ },
7497
+ on: {
7498
+ click:
7499
+ function (
7500
+ $event
7501
+ ) {
7502
+ $event.stopPropagation();
7503
+ return _vm.instance.toggleExpand(
7504
+ item,
7505
+ index
7506
+ )
7507
+ },
7300
7508
  },
7301
7509
  },
7302
7510
  [
7303
7511
  _vm._v(
7304
- _vm._s(
7305
- _vm.$getIcon(
7306
- "warning"
7307
- )
7308
- )
7512
+ "\n " +
7513
+ _vm._s(
7514
+ _vm.$getIcon(
7515
+ "chevronRight"
7516
+ )
7517
+ ) +
7518
+ "\n "
7309
7519
  ),
7310
7520
  ]
7311
- ),
7521
+ )
7522
+ : _vm._e(),
7312
7523
  ],
7313
7524
  1
7314
- )
7315
- : _vm._e(),
7316
- _vm._v(" "),
7317
- _c(
7318
- column.componentProps
7319
- .component,
7320
- _vm._b(
7321
- {
7322
- key:
7323
- column.name +
7324
- "rowKey(item)",
7325
- tag: "component",
7326
- },
7327
- "component",
7328
- _vm.getEditableComponent(
7329
- column,
7330
- item,
7331
- cellProps
7332
7525
  ),
7333
- false
7334
- )
7335
- ),
7336
- ],
7337
- 1
7338
- )
7339
- : _vm.hasToggleIcon(column, item)
7340
- ? _c(
7341
- "span",
7342
- [
7343
- _c("v-icon", [
7344
- _vm._v(
7345
- _vm._s(
7346
- _vm.$getIcon(
7347
- column.formatterByRow(
7348
- item,
7349
- cellProps
7350
- )
7351
- )
7352
- )
7353
- ),
7354
- ]),
7355
- ],
7356
- 1
7357
- )
7358
- : _c(
7359
- "span",
7360
- {
7361
- directives: [
7362
- {
7363
- name: "show",
7364
- rawName: "v-show",
7365
- value: !column.loading,
7366
- expression:
7367
- "!column.loading",
7368
- },
7369
- ],
7370
- class: [
7371
- "zd-table-cell-text",
7372
- {
7373
- "zd-table-cell-text-editable":
7374
- Object.assign(
7375
- {},
7376
- column,
7377
- cellProps
7378
- ).editable,
7379
- "overflow-hidden":
7380
- column.overflow ===
7381
- "hidden",
7382
- "overflow-wrap":
7383
- column.overflow ===
7384
- "wrap",
7385
- },
7386
- !isNaN(column.overflow)
7387
- ? "overflow-clamp overflow-clamp-" +
7388
- column.overflow
7389
- : "",
7390
- ],
7391
- style: {
7392
- width:
7393
- _vm.calcWidth(
7394
- column,
7395
- column.width,
7396
- true
7397
- ) || "unset",
7398
- "min-width":
7399
- _vm.calcWidth(
7400
- column,
7401
- column.minWidth,
7402
- true
7403
- ) || "unset",
7404
- "max-width":
7405
- _vm.calcWidth(
7406
- column,
7407
- column.maxWidth,
7408
- true
7409
- ) || "unset",
7410
- },
7411
- on: {
7412
- mouseenter: function (
7413
- $event
7414
- ) {
7415
- return _vm.checkOverflow(
7416
- $event
7417
- )
7418
- },
7419
- mouseleave: function (
7420
- $event
7421
- ) {
7422
- return _vm.removeTooltip()
7423
- },
7424
- },
7425
- },
7426
- [
7427
- _c(
7428
- "div",
7429
- {
7430
- directives: [
7431
- {
7432
- name: "show",
7433
- rawName: "v-show",
7434
- value:
7435
- headerIndex === 0,
7436
- expression:
7437
- "headerIndex === 0",
7526
+ _vm._v(" "),
7527
+ _c("span", {
7528
+ key: item.tree__searched
7529
+ ? "a"
7530
+ : "b",
7531
+ domProps: {
7532
+ innerHTML: _vm._s(
7533
+ _vm.formatSearchResult(
7534
+ column.formatterByRow(
7535
+ item,
7536
+ cellProps
7537
+ )
7538
+ )
7539
+ ),
7438
7540
  },
7439
- ],
7440
- class: [
7441
- "zd-tree-grid-editable-expand",
7442
- "level" +
7443
- item.tree__level,
7444
- ],
7445
- },
7446
- [
7447
- item.tree__children
7448
- .length > 0
7449
- ? _c(
7450
- "v-icon",
7451
- {
7452
- class: {
7453
- opened:
7454
- item.tree__opened,
7455
- },
7456
- attrs: {
7457
- tabindex:
7458
- "-1",
7459
- },
7460
- on: {
7461
- click:
7462
- function (
7463
- $event
7464
- ) {
7465
- return _vm.instance.toggleExpand(
7466
- item,
7467
- index
7468
- )
7469
- },
7470
- },
7471
- },
7472
- [
7473
- _vm._v(
7474
- "\n " +
7475
- _vm._s(
7476
- _vm.$getIcon(
7477
- "chevronRight"
7478
- )
7479
- ) +
7480
- "\n "
7481
- ),
7482
- ]
7483
- )
7484
- : _vm._e(),
7485
- ],
7486
- 1
7541
+ }),
7542
+ ]
7487
7543
  ),
7488
- _vm._v(" "),
7489
- _c("span", {
7490
- key: item.tree__searched
7491
- ? "a"
7492
- : "b",
7493
- domProps: {
7494
- innerHTML: _vm._s(
7495
- _vm.formatSearchResult(
7496
- column.formatterByRow(
7497
- item,
7498
- cellProps
7499
- )
7500
- )
7501
- ),
7502
- },
7503
- }),
7504
- ]
7505
- ),
7544
+ ]
7545
+ ),
7506
7546
  ],
7507
7547
  1
7508
7548
  ),
@@ -7739,7 +7779,7 @@ __vue_render__$2._withStripped = true;
7739
7779
  /* style */
7740
7780
  const __vue_inject_styles__$2 = function (inject) {
7741
7781
  if (!inject) return
7742
- inject("data-v-7f114b2d_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.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 });
7782
+ inject("data-v-3d4a3188_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.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 });
7743
7783
 
7744
7784
  };
7745
7785
  /* scoped */