@ni/nimble-components 18.5.2 → 18.5.3
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.
- package/dist/all-components-bundle.js +28 -20
- package/dist/all-components-bundle.js.map +1 -1
- package/dist/all-components-bundle.min.js +25 -21
- package/dist/all-components-bundle.min.js.map +1 -1
- package/dist/esm/table/components/row/template.js +19 -17
- package/dist/esm/table/components/row/template.js.map +1 -1
- package/dist/esm/table/template.js +5 -3
- package/dist/esm/table/template.js.map +1 -1
- package/dist/esm/table-column/base/index.d.ts +1 -0
- package/dist/esm/table-column/base/index.js +4 -0
- package/dist/esm/table-column/base/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -26873,6 +26873,7 @@
|
|
|
26873
26873
|
class TableColumn extends FoundationElement {
|
|
26874
26874
|
constructor() {
|
|
26875
26875
|
super(...arguments);
|
|
26876
|
+
this.columnHidden = false;
|
|
26876
26877
|
/**
|
|
26877
26878
|
* @internal
|
|
26878
26879
|
*
|
|
@@ -26898,6 +26899,9 @@
|
|
|
26898
26899
|
__decorate$1([
|
|
26899
26900
|
attr({ attribute: 'action-menu-label' })
|
|
26900
26901
|
], TableColumn.prototype, "actionMenuLabel", void 0);
|
|
26902
|
+
__decorate$1([
|
|
26903
|
+
attr({ attribute: 'column-hidden', mode: 'boolean' })
|
|
26904
|
+
], TableColumn.prototype, "columnHidden", void 0);
|
|
26901
26905
|
__decorate$1([
|
|
26902
26906
|
observable
|
|
26903
26907
|
], TableColumn.prototype, "dataRecordFieldNames", void 0);
|
|
@@ -27242,24 +27246,26 @@
|
|
|
27242
27246
|
const template$5 = html `
|
|
27243
27247
|
<template role="row">
|
|
27244
27248
|
${repeat(x => x.columnStates, html `
|
|
27245
|
-
|
|
27246
|
-
|
|
27247
|
-
|
|
27248
|
-
|
|
27249
|
-
|
|
27250
|
-
|
|
27251
|
-
|
|
27252
|
-
|
|
27253
|
-
|
|
27254
|
-
|
|
27249
|
+
${when(x => !x.column.columnHidden, html `
|
|
27250
|
+
<${DesignSystem.tagFor(TableCell)}
|
|
27251
|
+
class="cell"
|
|
27252
|
+
:cellTemplate="${x => x.column.cellTemplate}"
|
|
27253
|
+
:cellStyles="${x => x.column.cellStyles}"
|
|
27254
|
+
:cellState="${x => x.cellState}"
|
|
27255
|
+
?has-action-menu="${x => !!x.column.actionMenuSlot}"
|
|
27256
|
+
action-menu-label="${x => x.column.actionMenuLabel}"
|
|
27257
|
+
@cell-action-menu-beforetoggle="${(x, c) => c.parent.onCellActionMenuBeforeToggle(c.event, x.column)}"
|
|
27258
|
+
@cell-action-menu-toggle="${(x, c) => c.parent.onCellActionMenuToggle(c.event, x.column)}"
|
|
27259
|
+
>
|
|
27255
27260
|
|
|
27256
|
-
|
|
27257
|
-
|
|
27258
|
-
|
|
27259
|
-
|
|
27260
|
-
|
|
27261
|
-
|
|
27262
|
-
|
|
27261
|
+
${when((x, c) => (c.parent.currentActionMenuColumn === x.column) && x.column.actionMenuSlot, html `
|
|
27262
|
+
<slot
|
|
27263
|
+
name="${x => `row-action-menu-${x.column.actionMenuSlot}`}"
|
|
27264
|
+
slot="cellActionMenu"
|
|
27265
|
+
></slot>
|
|
27266
|
+
`)}
|
|
27267
|
+
</${DesignSystem.tagFor(TableCell)}>
|
|
27268
|
+
`)}
|
|
27263
27269
|
`)}
|
|
27264
27270
|
</template>
|
|
27265
27271
|
`;
|
|
@@ -27349,9 +27355,11 @@
|
|
|
27349
27355
|
<div role="rowgroup" class="header-container">
|
|
27350
27356
|
<div class="header-row" role="row">
|
|
27351
27357
|
${repeat(x => x.columns, html `
|
|
27352
|
-
|
|
27353
|
-
|
|
27354
|
-
|
|
27358
|
+
${when(x => !x.columnHidden, html `
|
|
27359
|
+
<${DesignSystem.tagFor(TableHeader)} class="header">
|
|
27360
|
+
<slot name="${x => x.slot}"></slot>
|
|
27361
|
+
</${DesignSystem.tagFor(TableHeader)}>
|
|
27362
|
+
`)}
|
|
27355
27363
|
`)}
|
|
27356
27364
|
<div class="header-scrollbar-spacer" style="width: ${x => x.virtualizer.headerContainerMarginRight}px;"></div>
|
|
27357
27365
|
</div>
|