@ni/nimble-angular 16.1.7 → 16.1.8
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/directives/table-column/base/nimble-table-column-base.directive.d.ts +8 -2
- package/directives/utilities/template-value-helpers.d.ts +5 -0
- package/esm2020/directives/table-column/base/nimble-table-column-base.directive.mjs +27 -3
- package/esm2020/directives/utilities/template-value-helpers.mjs +11 -1
- package/fesm2015/ni-nimble-angular.mjs +34 -1
- package/fesm2015/ni-nimble-angular.mjs.map +1 -1
- package/fesm2020/ni-nimble-angular.mjs +34 -1
- package/fesm2020/ni-nimble-angular.mjs.map +1 -1
- package/package.json +2 -2
|
@@ -189,6 +189,7 @@ import '@ni/nimble-components/dist/esm/switch';
|
|
|
189
189
|
import '@ni/nimble-components/dist/esm/tab';
|
|
190
190
|
import '@ni/nimble-components/dist/esm/tab-panel';
|
|
191
191
|
import '@ni/nimble-components/dist/esm/table';
|
|
192
|
+
import '@ni/nimble-components/dist/esm/table/types';
|
|
192
193
|
import '@ni/nimble-components/dist/esm/table-column/text';
|
|
193
194
|
import '@ni/nimble-components/dist/esm/tabs';
|
|
194
195
|
import '@ni/nimble-components/dist/esm/tabs-toolbar';
|
|
@@ -361,6 +362,16 @@ const toNumberProperty = (value) => {
|
|
|
361
362
|
// Are identical (use ToNumeric algorithm), went with Number() for clarity
|
|
362
363
|
return Number(value);
|
|
363
364
|
};
|
|
365
|
+
/**
|
|
366
|
+
* Converts values from templates (number representation as a string) or number bindings to a number property representation.
|
|
367
|
+
* The values of `null` and `undefined` are also supported, and they are not converted.
|
|
368
|
+
*/
|
|
369
|
+
const toNullableNumberProperty = (value) => {
|
|
370
|
+
if (value === undefined || value === null) {
|
|
371
|
+
return value;
|
|
372
|
+
}
|
|
373
|
+
return toNumberProperty(value);
|
|
374
|
+
};
|
|
364
375
|
|
|
365
376
|
/**
|
|
366
377
|
* Directive to provide Angular integration for the anchor.
|
|
@@ -7410,9 +7421,25 @@ class NimbleTableColumnBaseDirective {
|
|
|
7410
7421
|
set columnHidden(value) {
|
|
7411
7422
|
this.renderer.setProperty(this.elementRef.nativeElement, 'columnHidden', toBooleanProperty(value));
|
|
7412
7423
|
}
|
|
7424
|
+
get sortDirection() {
|
|
7425
|
+
return this.elementRef.nativeElement.sortDirection;
|
|
7426
|
+
}
|
|
7427
|
+
// Renaming because property should have camel casing, but attribute should not
|
|
7428
|
+
// eslint-disable-next-line @angular-eslint/no-input-rename
|
|
7429
|
+
set sortDirection(value) {
|
|
7430
|
+
this.renderer.setProperty(this.elementRef.nativeElement, 'sortDirection', value);
|
|
7431
|
+
}
|
|
7432
|
+
get sortIndex() {
|
|
7433
|
+
return this.elementRef.nativeElement.sortIndex;
|
|
7434
|
+
}
|
|
7435
|
+
// Renaming because property should have camel casing, but attribute should not
|
|
7436
|
+
// eslint-disable-next-line @angular-eslint/no-input-rename
|
|
7437
|
+
set sortIndex(value) {
|
|
7438
|
+
this.renderer.setProperty(this.elementRef.nativeElement, 'sortIndex', toNullableNumberProperty(value));
|
|
7439
|
+
}
|
|
7413
7440
|
}
|
|
7414
7441
|
NimbleTableColumnBaseDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: NimbleTableColumnBaseDirective, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
7415
|
-
NimbleTableColumnBaseDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.12", type: NimbleTableColumnBaseDirective, inputs: { columnId: ["column-id", "columnId"], actionMenuSlot: ["action-menu-slot", "actionMenuSlot"], actionMenuLabel: ["action-menu-label", "actionMenuLabel"], columnHidden: ["column-hidden", "columnHidden"] }, ngImport: i0 });
|
|
7442
|
+
NimbleTableColumnBaseDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.12", type: NimbleTableColumnBaseDirective, inputs: { columnId: ["column-id", "columnId"], actionMenuSlot: ["action-menu-slot", "actionMenuSlot"], actionMenuLabel: ["action-menu-label", "actionMenuLabel"], columnHidden: ["column-hidden", "columnHidden"], sortDirection: ["sort-direction", "sortDirection"], sortIndex: ["sort-index", "sortIndex"] }, ngImport: i0 });
|
|
7416
7443
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: NimbleTableColumnBaseDirective, decorators: [{
|
|
7417
7444
|
type: Directive
|
|
7418
7445
|
}], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }]; }, propDecorators: { columnId: [{
|
|
@@ -7427,6 +7454,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
|
|
|
7427
7454
|
}], columnHidden: [{
|
|
7428
7455
|
type: Input,
|
|
7429
7456
|
args: ['column-hidden']
|
|
7457
|
+
}], sortDirection: [{
|
|
7458
|
+
type: Input,
|
|
7459
|
+
args: ['sort-direction']
|
|
7460
|
+
}], sortIndex: [{
|
|
7461
|
+
type: Input,
|
|
7462
|
+
args: ['sort-index']
|
|
7430
7463
|
}] } });
|
|
7431
7464
|
|
|
7432
7465
|
/**
|