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