@ni/spright-components 4.1.12 → 4.1.13
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.
|
@@ -10405,13 +10405,6 @@ return!this.missingColumnId&&!this.duplicateColumnId}validateColumnSortIndices(t
|
|
|
10405
10405
|
cursor: var(--ni-private-table-cursor-override);
|
|
10406
10406
|
}
|
|
10407
10407
|
|
|
10408
|
-
.glass-overlay {
|
|
10409
|
-
width: 100%;
|
|
10410
|
-
height: 100%;
|
|
10411
|
-
display: contents;
|
|
10412
|
-
pointer-events: var(--ni-private-glass-overlay-pointer-events);
|
|
10413
|
-
}
|
|
10414
|
-
|
|
10415
10408
|
.header-row-container {
|
|
10416
10409
|
position: sticky;
|
|
10417
10410
|
top: 0;
|
|
@@ -10489,6 +10482,7 @@ return!this.missingColumnId&&!this.duplicateColumnId}validateColumnSortIndices(t
|
|
|
10489
10482
|
cursor: col-resize;
|
|
10490
10483
|
position: absolute;
|
|
10491
10484
|
z-index: ${Zh};
|
|
10485
|
+
touch-action: pan-y;
|
|
10492
10486
|
}
|
|
10493
10487
|
|
|
10494
10488
|
.column-divider:hover,
|
|
@@ -11175,159 +11169,156 @@ const OF="nimble-table-group-row",RF=Q`
|
|
|
11175
11169
|
--ni-private-table-row-grid-columns: ${t=>t.rowGridColumns?t.rowGridColumns:""};
|
|
11176
11170
|
--ni-private-table-cursor-override: ${t=>t.layoutManager.isColumnBeingSized?"col-resize":"default"};
|
|
11177
11171
|
--ni-private-table-scrollable-min-width: ${t=>t.tableScrollableMinWidth}px;
|
|
11178
|
-
--ni-private-glass-overlay-pointer-events: ${t=>t.layoutManager.isColumnBeingSized?"none":"default"};
|
|
11179
11172
|
">
|
|
11180
|
-
<div class="
|
|
11181
|
-
<div
|
|
11182
|
-
<
|
|
11183
|
-
|
|
11184
|
-
|
|
11185
|
-
|
|
11186
|
-
|
|
11187
|
-
|
|
11188
|
-
|
|
11189
|
-
|
|
11190
|
-
|
|
11191
|
-
|
|
11192
|
-
${Ut("selectionCheckbox")}
|
|
11193
|
-
${""}
|
|
11194
|
-
tabindex="-1"
|
|
11195
|
-
class="selection-checkbox"
|
|
11196
|
-
@change="${(t,e)=>t.onAllRowsSelectionChange(e.event)}"
|
|
11197
|
-
title="${t=>eb.getValueFor(t)}"
|
|
11198
|
-
aria-label="${t=>eb.getValueFor(t)}"
|
|
11199
|
-
>
|
|
11200
|
-
</${Fg}>
|
|
11201
|
-
</span>
|
|
11202
|
-
`)}
|
|
11203
|
-
<span class="collapse-all-button-container">
|
|
11204
|
-
<${ru}
|
|
11205
|
-
${Ut("collapseAllButton")}
|
|
11173
|
+
<div role="rowgroup" class="header-row-container">
|
|
11174
|
+
<div class="header-row" role="row">
|
|
11175
|
+
<span role="${t=>t.showRowOperationColumn?"columnheader":""}" class="header-row-action-container" ${Ut("headerRowActionContainer")}>
|
|
11176
|
+
${Gt((t=>t.showRowOperationColumn),Q`
|
|
11177
|
+
<span class="accessibly-hidden">
|
|
11178
|
+
${t=>sb.getValueFor(t)}
|
|
11179
|
+
</span>
|
|
11180
|
+
`)}
|
|
11181
|
+
${Gt((t=>t.selectionMode===BR.multiple),Q`
|
|
11182
|
+
<span class="checkbox-container">
|
|
11183
|
+
<${Fg}
|
|
11184
|
+
${Ut("selectionCheckbox")}
|
|
11206
11185
|
${""}
|
|
11207
11186
|
tabindex="-1"
|
|
11208
|
-
class="
|
|
11209
|
-
|
|
11210
|
-
|
|
11211
|
-
|
|
11212
|
-
@click="${t=>t.handleCollapseAllRows()}"
|
|
11187
|
+
class="selection-checkbox"
|
|
11188
|
+
@change="${(t,e)=>t.onAllRowsSelectionChange(e.event)}"
|
|
11189
|
+
title="${t=>eb.getValueFor(t)}"
|
|
11190
|
+
aria-label="${t=>eb.getValueFor(t)}"
|
|
11213
11191
|
>
|
|
11214
|
-
|
|
11215
|
-
${t=>Yv.getValueFor(t)}
|
|
11216
|
-
</${ru}>
|
|
11192
|
+
</${Fg}>
|
|
11217
11193
|
</span>
|
|
11194
|
+
`)}
|
|
11195
|
+
<span class="collapse-all-button-container">
|
|
11196
|
+
<${ru}
|
|
11197
|
+
${Ut("collapseAllButton")}
|
|
11198
|
+
${""}
|
|
11199
|
+
tabindex="-1"
|
|
11200
|
+
class="collapse-all-button ${t=>t.collapseButtonVisibility}"
|
|
11201
|
+
content-hidden
|
|
11202
|
+
appearance="${Sh}"
|
|
11203
|
+
title="${t=>Yv.getValueFor(t)}"
|
|
11204
|
+
@click="${t=>t.handleCollapseAllRows()}"
|
|
11205
|
+
>
|
|
11206
|
+
<${kv} slot="start"></${kv}>
|
|
11207
|
+
${t=>Yv.getValueFor(t)}
|
|
11208
|
+
</${ru}>
|
|
11218
11209
|
</span>
|
|
11219
|
-
|
|
11220
|
-
|
|
11221
|
-
|
|
11222
|
-
|
|
11223
|
-
|
|
11224
|
-
|
|
11225
|
-
|
|
11226
|
-
|
|
11227
|
-
|
|
11228
|
-
|
|
11229
|
-
|
|
11230
|
-
"
|
|
11231
|
-
|
|
11232
|
-
|
|
11233
|
-
|
|
11234
|
-
<${vF}
|
|
11235
|
-
class="header"
|
|
11236
|
-
${""}
|
|
11237
|
-
sort-direction="${t=>"number"==typeof t.columnInternals.currentSortIndex?t.columnInternals.currentSortDirection:LR.none}"
|
|
11238
|
-
?first-sorted-column="${(t,e)=>t===e.parent.firstSortedColumn}"
|
|
11239
|
-
?indicators-hidden="${t=>t.columnInternals.hideHeaderIndicators}"
|
|
11240
|
-
@keydown="${(t,e)=>e.parent.onHeaderKeyDown(t,e.event)}"
|
|
11241
|
-
@click="${(t,e)=>e.parent.toggleColumnSort(t,e.event.shiftKey)}"
|
|
11242
|
-
:alignment="${t=>t.columnInternals.headerAlignment}"
|
|
11243
|
-
:isGrouped=${t=>"number"==typeof t.columnInternals.groupIndex&&!t.columnInternals.groupingDisabled}
|
|
11244
|
-
>
|
|
11245
|
-
<slot name="${t=>t.slot}"></slot>
|
|
11246
|
-
</${vF}>
|
|
11247
|
-
${Gt(((t,e)=>e.index<e.length-1),Q`
|
|
11248
|
-
<div
|
|
11249
|
-
class="
|
|
11250
|
-
column-divider
|
|
11251
|
-
right
|
|
11252
|
-
${(t,e)=>""+(e.parent.layoutManager.activeColumnIndex===e.index?"column-active":"")}
|
|
11253
|
-
${(t,e)=>""+(e.parent.layoutManager.activeColumnDivider===e.parent.getRightDividerIndex(e.index)?"divider-active":"")}
|
|
11254
|
-
${(t,e)=>""+(e.parent.layoutManager.hasResizableColumnToLeft(e.index)?"draggable":"")}
|
|
11255
|
-
"
|
|
11256
|
-
@mousedown="${(t,e)=>e.parent.onRightDividerMouseDown(e.event,e.index)}">
|
|
11257
|
-
</div>
|
|
11258
|
-
`)}
|
|
11259
|
-
</div>
|
|
11260
|
-
`,{positioning:!0})}
|
|
11261
|
-
<div class="header-scrollbar-spacer"></div>
|
|
11262
|
-
</span>
|
|
11263
|
-
</div>
|
|
11264
|
-
</div>
|
|
11265
|
-
<div class="table-viewport" tabindex="-1" ${Ut("viewport")}>
|
|
11266
|
-
<div class="table-scroll"></div>
|
|
11267
|
-
<div class="table-row-container ${t=>""+(t.showCollapseAll?"collapse-all-visible":"")}" ${oe({property:"rowElements",filter:te(`${$F}, ${OF}`)})}
|
|
11268
|
-
role="rowgroup">
|
|
11269
|
-
${Gt((t=>t.columns.length>0&&t.canRenderRows),Q`
|
|
11270
|
-
${Qt((t=>t.virtualizer.visibleItems),Q`
|
|
11271
|
-
${Gt(((t,e)=>e.parent.tableData[t.index]?.isGroupRow),Q`
|
|
11272
|
-
<${OF}
|
|
11273
|
-
class="group-row"
|
|
11274
|
-
${""}
|
|
11275
|
-
tabindex="-1"
|
|
11276
|
-
:groupRowValue="${(t,e)=>e.parent.tableData[t.index]?.groupRowValue}"
|
|
11277
|
-
?expanded="${(t,e)=>e.parent.tableData[t.index]?.isExpanded}"
|
|
11278
|
-
:nestingLevel="${(t,e)=>e.parent.tableData[t.index]?.nestingLevel}"
|
|
11279
|
-
:immediateChildCount="${(t,e)=>e.parent.tableData[t.index]?.immediateChildCount}"
|
|
11280
|
-
:groupColumn="${(t,e)=>e.parent.tableData[t.index]?.groupColumn}"
|
|
11281
|
-
?selectable="${(t,e)=>e.parent.selectionMode===BR.multiple}"
|
|
11282
|
-
selection-state="${(t,e)=>e.parent.tableData[t.index]?.selectionState}"
|
|
11283
|
-
:resolvedRowIndex="${t=>t.index}"
|
|
11284
|
-
?allow-hover="${(t,e)=>!e.parent.virtualizer.isScrolling}"
|
|
11285
|
-
@focusin="${(t,e)=>e.parent.onRowFocusIn(e.event)}"
|
|
11286
|
-
@blur="${(t,e)=>e.parent.onRowBlur(e.event)}"
|
|
11287
|
-
@group-selection-toggle="${(t,e)=>e.parent.onRowSelectionToggle(t.index,e.event)}"
|
|
11288
|
-
@group-expand-toggle="${(t,e)=>e.parent.handleGroupRowExpanded(t.index,e.event)}"
|
|
11289
|
-
>
|
|
11290
|
-
</${OF}>
|
|
11210
|
+
</span>
|
|
11211
|
+
<span class="column-headers-container" ${Ut("columnHeadersContainer")}>
|
|
11212
|
+
${Qt((t=>t.visibleColumns),Q`
|
|
11213
|
+
<div class="header-container">
|
|
11214
|
+
${Gt(((t,e)=>e.index>0),Q`
|
|
11215
|
+
<div
|
|
11216
|
+
class="
|
|
11217
|
+
column-divider
|
|
11218
|
+
left
|
|
11219
|
+
${(t,e)=>""+(e.parent.layoutManager.activeColumnIndex===e.index?"column-active":"")}
|
|
11220
|
+
${(t,e)=>""+(e.parent.layoutManager.activeColumnDivider===e.parent.getLeftDividerIndex(e.index)?"divider-active":"")}
|
|
11221
|
+
${(t,e)=>""+(e.parent.layoutManager.hasResizableColumnToLeft(e.index-1)?"draggable":"")}
|
|
11222
|
+
"
|
|
11223
|
+
@pointerdown="${(t,e)=>e.parent.onLeftDividerPointerDown(e.event,e.index)}">
|
|
11224
|
+
</div>
|
|
11291
11225
|
`)}
|
|
11292
|
-
|
|
11293
|
-
|
|
11294
|
-
class="row"
|
|
11226
|
+
<${vF}
|
|
11227
|
+
class="header"
|
|
11295
11228
|
${""}
|
|
11296
|
-
|
|
11297
|
-
|
|
11298
|
-
?
|
|
11299
|
-
|
|
11300
|
-
|
|
11301
|
-
|
|
11302
|
-
|
|
11303
|
-
:dataRecord="${(t,e)=>e.parent.tableData[t.index]?.record}"
|
|
11304
|
-
:columns="${(t,e)=>e.parent.columns}"
|
|
11305
|
-
:isParentRow="${(t,e)=>e.parent.tableData[t.index]?.isParentRow}"
|
|
11306
|
-
:nestingLevel="${(t,e)=>e.parent.tableData[t.index]?.nestingLevel}"
|
|
11307
|
-
?row-operation-grid-cell-hidden="${(t,e)=>!e.parent.showRowOperationColumn}"
|
|
11308
|
-
?loading="${(t,e)=>e.parent.tableData[t.index]?.isLoadingChildren}"
|
|
11309
|
-
:resolvedRowIndex="${t=>t.index}"
|
|
11310
|
-
?allow-hover="${(t,e)=>!e.parent.virtualizer.isScrolling}"
|
|
11311
|
-
@click="${(t,e)=>e.parent.onRowClick(t.index,e.event)}"
|
|
11312
|
-
@focusin="${(t,e)=>e.parent.onRowFocusIn(e.event)}"
|
|
11313
|
-
@blur="${(t,e)=>e.parent.onRowBlur(e.event)}"
|
|
11314
|
-
@row-selection-toggle="${(t,e)=>e.parent.onRowSelectionToggle(t.index,e.event)}"
|
|
11315
|
-
@row-action-menu-beforetoggle="${(t,e)=>e.parent.onRowActionMenuBeforeToggle(t.index,e.event)}"
|
|
11316
|
-
@row-action-menu-toggle="${(t,e)=>e.parent.onRowActionMenuToggle(e.event)}"
|
|
11317
|
-
@row-slots-request="${(t,e)=>e.parent.onRowSlotsRequest(e.event)}"
|
|
11318
|
-
@row-expand-toggle="${(t,e)=>e.parent.handleRowExpanded(t.index)}"
|
|
11229
|
+
sort-direction="${t=>"number"==typeof t.columnInternals.currentSortIndex?t.columnInternals.currentSortDirection:LR.none}"
|
|
11230
|
+
?first-sorted-column="${(t,e)=>t===e.parent.firstSortedColumn}"
|
|
11231
|
+
?indicators-hidden="${t=>t.columnInternals.hideHeaderIndicators}"
|
|
11232
|
+
@keydown="${(t,e)=>e.parent.onHeaderKeyDown(t,e.event)}"
|
|
11233
|
+
@click="${(t,e)=>e.parent.toggleColumnSort(t,e.event.shiftKey)}"
|
|
11234
|
+
:alignment="${t=>t.columnInternals.headerAlignment}"
|
|
11235
|
+
:isGrouped=${t=>"number"==typeof t.columnInternals.groupIndex&&!t.columnInternals.groupingDisabled}
|
|
11319
11236
|
>
|
|
11320
|
-
|
|
11321
|
-
|
|
11322
|
-
|
|
11323
|
-
|
|
11324
|
-
|
|
11325
|
-
|
|
11326
|
-
|
|
11237
|
+
<slot name="${t=>t.slot}"></slot>
|
|
11238
|
+
</${vF}>
|
|
11239
|
+
${Gt(((t,e)=>e.index<e.length-1),Q`
|
|
11240
|
+
<div
|
|
11241
|
+
class="
|
|
11242
|
+
column-divider
|
|
11243
|
+
right
|
|
11244
|
+
${(t,e)=>""+(e.parent.layoutManager.activeColumnIndex===e.index?"column-active":"")}
|
|
11245
|
+
${(t,e)=>""+(e.parent.layoutManager.activeColumnDivider===e.parent.getRightDividerIndex(e.index)?"divider-active":"")}
|
|
11246
|
+
${(t,e)=>""+(e.parent.layoutManager.hasResizableColumnToLeft(e.index)?"draggable":"")}
|
|
11247
|
+
"
|
|
11248
|
+
@pointerdown="${(t,e)=>e.parent.onRightDividerPointerDown(e.event,e.index)}">
|
|
11249
|
+
</div>
|
|
11250
|
+
`)}
|
|
11251
|
+
</div>
|
|
11252
|
+
`,{positioning:!0})}
|
|
11253
|
+
<div class="header-scrollbar-spacer"></div>
|
|
11254
|
+
</span>
|
|
11255
|
+
</div>
|
|
11256
|
+
</div>
|
|
11257
|
+
<div class="table-viewport" tabindex="-1" ${Ut("viewport")}>
|
|
11258
|
+
<div class="table-scroll"></div>
|
|
11259
|
+
<div class="table-row-container ${t=>""+(t.showCollapseAll?"collapse-all-visible":"")}" ${oe({property:"rowElements",filter:te(`${$F}, ${OF}`)})}
|
|
11260
|
+
role="rowgroup">
|
|
11261
|
+
${Gt((t=>t.columns.length>0&&t.canRenderRows),Q`
|
|
11262
|
+
${Qt((t=>t.virtualizer.visibleItems),Q`
|
|
11263
|
+
${Gt(((t,e)=>e.parent.tableData[t.index]?.isGroupRow),Q`
|
|
11264
|
+
<${OF}
|
|
11265
|
+
class="group-row"
|
|
11266
|
+
${""}
|
|
11267
|
+
tabindex="-1"
|
|
11268
|
+
:groupRowValue="${(t,e)=>e.parent.tableData[t.index]?.groupRowValue}"
|
|
11269
|
+
?expanded="${(t,e)=>e.parent.tableData[t.index]?.isExpanded}"
|
|
11270
|
+
:nestingLevel="${(t,e)=>e.parent.tableData[t.index]?.nestingLevel}"
|
|
11271
|
+
:immediateChildCount="${(t,e)=>e.parent.tableData[t.index]?.immediateChildCount}"
|
|
11272
|
+
:groupColumn="${(t,e)=>e.parent.tableData[t.index]?.groupColumn}"
|
|
11273
|
+
?selectable="${(t,e)=>e.parent.selectionMode===BR.multiple}"
|
|
11274
|
+
selection-state="${(t,e)=>e.parent.tableData[t.index]?.selectionState}"
|
|
11275
|
+
:resolvedRowIndex="${t=>t.index}"
|
|
11276
|
+
?allow-hover="${(t,e)=>!e.parent.virtualizer.isScrolling}"
|
|
11277
|
+
@focusin="${(t,e)=>e.parent.onRowFocusIn(e.event)}"
|
|
11278
|
+
@blur="${(t,e)=>e.parent.onRowBlur(e.event)}"
|
|
11279
|
+
@group-selection-toggle="${(t,e)=>e.parent.onRowSelectionToggle(t.index,e.event)}"
|
|
11280
|
+
@group-expand-toggle="${(t,e)=>e.parent.handleGroupRowExpanded(t.index,e.event)}"
|
|
11281
|
+
>
|
|
11282
|
+
</${OF}>
|
|
11283
|
+
`)}
|
|
11284
|
+
${Gt(((t,e)=>!e.parent.tableData[t.index]?.isGroupRow),Q`
|
|
11285
|
+
<${$F}
|
|
11286
|
+
class="row"
|
|
11287
|
+
${""}
|
|
11288
|
+
tabindex="-1"
|
|
11289
|
+
record-id="${(t,e)=>e.parent.tableData[t.index]?.id}"
|
|
11290
|
+
?selectable="${(t,e)=>e.parent.selectionMode!==BR.none}"
|
|
11291
|
+
?selected="${(t,e)=>e.parent.tableData[t.index]?.selectionState===zR}"
|
|
11292
|
+
?expanded="${(t,e)=>e.parent.tableData[t.index]?.isExpanded}"
|
|
11293
|
+
?hide-selection="${(t,e)=>e.parent.selectionMode!==BR.multiple}"
|
|
11294
|
+
?reserve-collapse-space="${(t,e)=>e.parent.canHaveCollapsibleRows}"
|
|
11295
|
+
:dataRecord="${(t,e)=>e.parent.tableData[t.index]?.record}"
|
|
11296
|
+
:columns="${(t,e)=>e.parent.columns}"
|
|
11297
|
+
:isParentRow="${(t,e)=>e.parent.tableData[t.index]?.isParentRow}"
|
|
11298
|
+
:nestingLevel="${(t,e)=>e.parent.tableData[t.index]?.nestingLevel}"
|
|
11299
|
+
?row-operation-grid-cell-hidden="${(t,e)=>!e.parent.showRowOperationColumn}"
|
|
11300
|
+
?loading="${(t,e)=>e.parent.tableData[t.index]?.isLoadingChildren}"
|
|
11301
|
+
:resolvedRowIndex="${t=>t.index}"
|
|
11302
|
+
?allow-hover="${(t,e)=>!e.parent.virtualizer.isScrolling}"
|
|
11303
|
+
@click="${(t,e)=>e.parent.onRowClick(t.index,e.event)}"
|
|
11304
|
+
@focusin="${(t,e)=>e.parent.onRowFocusIn(e.event)}"
|
|
11305
|
+
@blur="${(t,e)=>e.parent.onRowBlur(e.event)}"
|
|
11306
|
+
@row-selection-toggle="${(t,e)=>e.parent.onRowSelectionToggle(t.index,e.event)}"
|
|
11307
|
+
@row-action-menu-beforetoggle="${(t,e)=>e.parent.onRowActionMenuBeforeToggle(t.index,e.event)}"
|
|
11308
|
+
@row-action-menu-toggle="${(t,e)=>e.parent.onRowActionMenuToggle(e.event)}"
|
|
11309
|
+
@row-slots-request="${(t,e)=>e.parent.onRowSlotsRequest(e.event)}"
|
|
11310
|
+
@row-expand-toggle="${(t,e)=>e.parent.handleRowExpanded(t.index)}"
|
|
11311
|
+
>
|
|
11312
|
+
${Qt(((t,e)=>e.parent.tableData[t.index]?.requestedSlots||[]),Q`
|
|
11313
|
+
<slot
|
|
11314
|
+
name="${t=>t.name}"
|
|
11315
|
+
slot="${t=>t.slot}"
|
|
11316
|
+
></slot>
|
|
11327
11317
|
`)}
|
|
11318
|
+
</${$F}>
|
|
11328
11319
|
`)}
|
|
11329
11320
|
`)}
|
|
11330
|
-
|
|
11321
|
+
`)}
|
|
11331
11322
|
</div>
|
|
11332
11323
|
</div>
|
|
11333
11324
|
</div>
|
|
@@ -11439,12 +11430,11 @@ case QR:return YF
|
|
|
11439
11430
|
default:return XF}}function YF(t,e,n){const i=t.getValue(n),s=e.getValue(n)
|
|
11440
11431
|
return"string"==typeof i&&"string"==typeof s?i.localeCompare(s):i===s?0:void 0===i||null===i&&void 0!==s?-1:1}function XF(t,e,n){const i=t.getValue(n),s=e.getValue(n)
|
|
11441
11432
|
return Object.is(i,s)?0:void 0===i?-1:void 0===s?1:null===i?-1:null===s?1:Number.isNaN(i)?-1:Number.isNaN(s)?1:0===i&&0===s?Object.is(i,-0)?-1:1:i>s?1:-1}t([C],ZF.prototype,"visibleItems",void 0),t([C],ZF.prototype,"scrollHeight",void 0),t([C],ZF.prototype,"isScrolling",void 0),t([C],ZF.prototype,"headerContainerMarginRight",void 0),t([C],ZF.prototype,"rowContainerYOffset",void 0)
|
|
11442
|
-
class JF{constructor(t){this.table=t,this.isColumnBeingSized=!1,this.visibleColumns=[],this.currentTotalDelta=0,this.dragStart=0,this.initialColumnWidths=[],this.
|
|
11443
|
-
|
|
11444
|
-
|
|
11445
|
-
|
|
11446
|
-
this.
|
|
11447
|
-
if(n){return`${Math.max(e,n)}px`}return`minmax(${e}px, ${i}fr)`})).join(" ")}beginColumnInteractiveSize(t,e){this.activeColumnDivider=e,this.leftColumnIndex=this.getLeftColumnIndexFromDivider(this.activeColumnDivider),this.rightColumnIndex=this.leftColumnIndex+1,this.activeColumnIndex=this.leftColumnIndex+this.activeColumnDivider%2,this.dragStart=t,this.currentTotalDelta=0,this.visibleColumns=this.getVisibleColumns(),this.setColumnsToFixedSize(),this.initialTableScrollableWidth=this.table.viewport.scrollWidth,this.initialTableScrollableMinWidth=this.table.tableScrollableMinWidth,this.initialColumnTotalWidth=this.getTotalColumnFixedWidth(),this.isColumnBeingSized=!0,document.addEventListener("mousemove",this.onDividerMouseMove),document.addEventListener("mouseup",this.onDividerMouseUp)}hasResizableColumnToLeft(t){return-1!==this.getFirstLeftResizableColumnIndex(t)}hasResizableColumnToRight(t){return-1!==this.getFirstRightResizableColumnIndex(t)}getTotalColumnFixedWidth(){let t=0
|
|
11433
|
+
class JF{constructor(t){this.table=t,this.isColumnBeingSized=!1,this.visibleColumns=[],this.currentTotalDelta=0,this.dragStart=0,this.initialColumnWidths=[],this.onDividerPointerMove=t=>{for(let t=0;t<this.visibleColumns.length;t++)this.visibleColumns[t].columnInternals.currentPixelWidth=this.initialColumnWidths[t]?.initialPixelWidth
|
|
11434
|
+
this.currentTotalDelta=this.getAllowedSizeDelta(t.clientX-this.dragStart),this.performCascadeSizeLeft(this.leftColumnIndex,this.currentTotalDelta),this.performCascadeSizeRight(this.rightColumnIndex,this.currentTotalDelta)
|
|
11435
|
+
const e=this.getTotalColumnFixedWidth()-this.initialColumnTotalWidth
|
|
11436
|
+
this.table.tableScrollableMinWidth=e>0?this.initialTableScrollableWidth+e:this.initialTableScrollableMinWidth},this.onDividerPointerUp=()=>{this.activeColumnDividerElement.removeEventListener("pointermove",this.onDividerPointerMove),this.activeColumnDividerElement.removeEventListener("pointerup",this.onDividerPointerUp),this.resetGridSizedColumns(),this.isColumnBeingSized=!1,this.activeColumnIndex=void 0,this.activeColumnDivider=void 0,this.activeColumnDividerElement=void 0,this.visibleColumns=[]}}getGridTemplateColumns(){return this.getVisibleColumns().map((t=>{const{minPixelWidth:e,currentPixelWidth:n,currentFractionalWidth:i}=t.columnInternals
|
|
11437
|
+
if(n){return`${Math.max(e,n)}px`}return`minmax(${e}px, ${i}fr)`})).join(" ")}beginColumnInteractiveSize(t,e,n,i){this.activeColumnDivider=i,this.activeColumnDividerElement=t,this.leftColumnIndex=this.getLeftColumnIndexFromDivider(this.activeColumnDivider),this.rightColumnIndex=this.leftColumnIndex+1,this.activeColumnIndex=this.leftColumnIndex+this.activeColumnDivider%2,this.dragStart=n,this.currentTotalDelta=0,this.visibleColumns=this.getVisibleColumns(),this.setColumnsToFixedSize(),this.initialTableScrollableWidth=this.table.viewport.scrollWidth,this.initialTableScrollableMinWidth=this.table.tableScrollableMinWidth,this.initialColumnTotalWidth=this.getTotalColumnFixedWidth(),this.isColumnBeingSized=!0,-1!==e&&t.setPointerCapture(e),t.addEventListener("pointermove",this.onDividerPointerMove),t.addEventListener("pointerup",this.onDividerPointerUp)}hasResizableColumnToLeft(t){return-1!==this.getFirstLeftResizableColumnIndex(t)}hasResizableColumnToRight(t){return-1!==this.getFirstRightResizableColumnIndex(t)}getTotalColumnFixedWidth(){let t=0
|
|
11448
11438
|
for(const e of this.visibleColumns)t+=e.columnInternals.currentPixelWidth??0
|
|
11449
11439
|
return t}setColumnsToFixedSize(){this.cacheGridSizedColumns()
|
|
11450
11440
|
const t=this.table.getHeaderContainerElements()
|
|
@@ -11693,7 +11683,7 @@ const e=structuredClone(t),n=this.tableValidator.getOptionsWithPresentIds(e)
|
|
|
11693
11683
|
this.expansionManager.setHierarchyOptions(n),this.refreshRows()}connectedCallback(){super.connectedCallback(),this.initialize(),this.updateRowHeight(),this.virtualizer.connect(),this.viewport.addEventListener("scroll",this.onViewPortScroll,{passive:!0}),this.keyboardNavigationManager.connect(),window.addEventListener("keydown",this.onKeyDown),window.addEventListener("keyup",this.onKeyUp),window.addEventListener("blur",this.onBlur),Wl.subscribe(this.borderWidthSubscriber,this),zl.subscribe(this.controlHeightSubscriber,this)}disconnectedCallback(){super.disconnectedCallback(),this.virtualizer.disconnect(),this.keyboardNavigationManager.disconnect(),this.viewport.removeEventListener("scroll",this.onViewPortScroll),window.removeEventListener("keydown",this.onKeyDown),window.removeEventListener("keyup",this.onKeyUp),window.removeEventListener("blur",this.onBlur),Wl.unsubscribe(this.borderWidthSubscriber),zl.unsubscribe(this.controlHeightSubscriber)}checkValidity(){return this.tableValidator.isValid()}handleChange(t,e){(t instanceof dF||t instanceof lF)&&"string"==typeof e?this.tableUpdateTracker.trackColumnPropertyChanged(e):t instanceof uN&&"isColumnValid"===e?this.tableValidator.validateColumnConfigurations(this.columns):t instanceof JF&&"isColumnBeingSized"===e&&!this.layoutManager.isColumnBeingSized&&this.emitColumnConfigurationChangeEvent()}onRowSelectionToggle(t,e){e.stopImmediatePropagation()
|
|
11694
11684
|
this.selectionManager.handleRowSelectionToggle(this.tableData[t],e.detail.newState,this.windowShiftKeyDown)&&this.emitSelectionChangeEvent()}onRowClick(t,e){return this.selectionManager.handleRowClick(this.tableData[t],e.shiftKey,e.ctrlKey||e.metaKey)&&this.emitSelectionChangeEvent(),!0}onRowFocusIn(t){this.keyboardNavigationManager.onRowFocusIn(t)}onRowBlur(t){this.keyboardNavigationManager.onRowBlur(t)}onAllRowsSelectionChange(t){t.stopPropagation(),this.ignoreSelectionChangeEvents||(this.table.toggleAllRowsSelected(this.selectionCheckbox.checked),this.emitSelectionChangeEvent())}onRowActionMenuBeforeToggle(t,e){e.stopImmediatePropagation(),this.handleActionMenuBeforeToggleEvent(t,e)}onRowActionMenuToggle(t){t.stopImmediatePropagation(),this.handleRowActionMenuToggleEvent(t)}onRowSlotsRequest(t){t.stopImmediatePropagation()
|
|
11695
11685
|
for(const e of t.detail.slots){const n=oF(t.detail.columnInternalId,e.slot)
|
|
11696
|
-
this.requestedSlots.set(e.name,{recordId:t.detail.recordId,uniqueSlot:n})}this.refreshRows()}handleCollapseAllRows(){this.expansionManager.collapseAll()}
|
|
11686
|
+
this.requestedSlots.set(e.name,{recordId:t.detail.recordId,uniqueSlot:n})}this.refreshRows()}handleCollapseAllRows(){this.expansionManager.collapseAll()}onRightDividerPointerDown(t,e){"mouse"===t.pointerType&&0!==t.button||this.layoutManager.beginColumnInteractiveSize(t.target,t.pointerId,t.clientX,this.getRightDividerIndex(e))}onLeftDividerPointerDown(t,e){"mouse"===t.pointerType&&0!==t.button||this.layoutManager.beginColumnInteractiveSize(t.target,t.pointerId,t.clientX,this.getLeftDividerIndex(e))}getLeftDividerIndex(t){return 2*t-1}getRightDividerIndex(t){return 2*t}handleGroupRowExpanded(t,e){this.toggleRowExpanded(t),e.stopPropagation()}handleRowExpanded(t){this.toggleRowExpanded(t)}toggleColumnSort(t,e){if(t.columnInternals.sortingDisabled)return
|
|
11697
11687
|
const n=this.getColumnsParticipatingInSorting().sort(((t,e)=>t.columnInternals.currentSortIndex-e.columnInternals.currentSortIndex)),i=n.indexOf(t),s=i>-1,o=t.columnInternals.currentSortDirection
|
|
11698
11688
|
let r=LR.ascending
|
|
11699
11689
|
s?o===LR.descending?(n.splice(i,1),r=LR.none,t.columnInternals.currentSortIndex=void 0):r=LR.descending:n.push(t),t.columnInternals.currentSortDirection=r
|