@ni/nimble-components 19.7.0 → 19.8.1

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.
@@ -16232,7 +16232,7 @@
16232
16232
 
16233
16233
  /**
16234
16234
  * Do not edit directly
16235
- * Generated on Mon, 17 Jul 2023 16:59:02 GMT
16235
+ * Generated on Tue, 18 Jul 2023 18:36:51 GMT
16236
16236
  */
16237
16237
  const Information100DarkUi = "#a46eff";
16238
16238
  const Information100LightUi = "#804ad9";
@@ -17548,7 +17548,7 @@
17548
17548
  }
17549
17549
 
17550
17550
  slot[name='start']::slotted(*) {
17551
- fill: currentcolor;
17551
+ ${iconColor.cssCustomProperty}: currentcolor;
17552
17552
  width: ${iconSize};
17553
17553
  height: ${iconSize};
17554
17554
  }
@@ -23938,7 +23938,7 @@
23938
23938
  display: contents;
23939
23939
  }
23940
23940
  slot[name='start']::slotted(*) {
23941
- fill: currentcolor;
23941
+ ${iconColor.cssCustomProperty}: currentcolor;
23942
23942
  width: ${iconSize};
23943
23943
  height: ${iconSize};
23944
23944
  }
@@ -28425,9 +28425,14 @@
28425
28425
  }
28426
28426
  this.delegatedEvents = this.column.columnInternals.delegatedEvents;
28427
28427
  this.delegatedEventHandler = (event) => {
28428
- this.column?.dispatchEvent(new CustomEvent('delegated-event', {
28429
- detail: { originalEvent: event }
28430
- }));
28428
+ if (this.recordId) {
28429
+ this.column?.dispatchEvent(new CustomEvent('delegated-event', {
28430
+ detail: {
28431
+ originalEvent: event,
28432
+ recordId: this.recordId
28433
+ }
28434
+ }));
28435
+ }
28431
28436
  };
28432
28437
  for (const delegatedEvent of this.delegatedEvents) {
28433
28438
  this.addEventListener(delegatedEvent, this.delegatedEventHandler);
@@ -28443,6 +28448,9 @@
28443
28448
  __decorate$1([
28444
28449
  observable
28445
28450
  ], TableCellView.prototype, "column", void 0);
28451
+ __decorate$1([
28452
+ observable
28453
+ ], TableCellView.prototype, "recordId", void 0);
28446
28454
 
28447
28455
  const validateCellViewTemplate = (cellViewTag) => {
28448
28456
  let instance;
@@ -28463,6 +28471,7 @@
28463
28471
  :cellRecord="${y => y.cellState?.cellRecord}"
28464
28472
  :columnConfig="${y => y.cellState?.columnConfig}"
28465
28473
  :column="${y => y.column}"
28474
+ :recordId="${y => y.recordId}"
28466
28475
  class="cell-view"
28467
28476
  >
28468
28477
  </${cellViewTag}>
@@ -29132,6 +29141,9 @@
29132
29141
  __decorate$1([
29133
29142
  observable
29134
29143
  ], TableCell.prototype, "column", void 0);
29144
+ __decorate$1([
29145
+ observable
29146
+ ], TableCell.prototype, "recordId", void 0);
29135
29147
  __decorate$1([
29136
29148
  attr({ attribute: 'has-action-menu', mode: 'boolean' })
29137
29149
  ], TableCell.prototype, "hasActionMenu", void 0);
@@ -29181,6 +29193,7 @@
29181
29193
  :cellState="${x => x.cellState}"
29182
29194
  :cellViewTemplate="${x => x.column.columnInternals.cellViewTemplate}"
29183
29195
  :column="${x => x.column}"
29196
+ :recordId="${(_, c) => c.parent.recordId}"
29184
29197
  ?has-action-menu="${x => !!x.column.actionMenuSlot}"
29185
29198
  action-menu-label="${x => x.column.actionMenuLabel}"
29186
29199
  @cell-action-menu-beforetoggle="${(x, c) => c.parent.onCellActionMenuBeforeToggle(c.event, x.column)}"
@@ -32820,6 +32833,7 @@
32820
32833
 
32821
32834
  slot[name='start']::slotted(*) {
32822
32835
  flex: none;
32836
+ ${iconColor.cssCustomProperty}: currentcolor;
32823
32837
  }
32824
32838
 
32825
32839
  .control {