@ni/nimble-angular 16.0.19 → 16.0.20
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/nimble-table.directive.d.ts +2 -1
- package/directives/table-column/base/nimble-table-column-base.directive.d.ts +19 -0
- package/directives/table-column/text/nimble-table-column-text.directive.d.ts +3 -6
- package/esm2020/directives/table/nimble-table.directive.mjs +1 -1
- package/esm2020/directives/table-column/base/nimble-table-column-base.directive.mjs +50 -0
- package/esm2020/directives/table-column/text/nimble-table-column-text.directive.mjs +6 -17
- package/fesm2015/ni-nimble-angular.mjs +43 -7
- package/fesm2015/ni-nimble-angular.mjs.map +1 -1
- package/fesm2020/ni-nimble-angular.mjs +43 -7
- package/fesm2020/ni-nimble-angular.mjs.map +1 -1
- package/package.json +2 -2
|
@@ -7277,9 +7277,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
|
|
|
7277
7277
|
}] });
|
|
7278
7278
|
|
|
7279
7279
|
/**
|
|
7280
|
-
*
|
|
7280
|
+
* Base class for table column directives.
|
|
7281
7281
|
*/
|
|
7282
|
-
class
|
|
7282
|
+
class NimbleTableColumnBaseDirective {
|
|
7283
7283
|
constructor(renderer, elementRef) {
|
|
7284
7284
|
this.renderer = renderer;
|
|
7285
7285
|
this.elementRef = elementRef;
|
|
@@ -7292,6 +7292,45 @@ class NimbleTableColumnTextDirective {
|
|
|
7292
7292
|
set columnId(value) {
|
|
7293
7293
|
this.renderer.setProperty(this.elementRef.nativeElement, 'columnId', value);
|
|
7294
7294
|
}
|
|
7295
|
+
get actionMenuSlot() {
|
|
7296
|
+
return this.elementRef.nativeElement.actionMenuSlot;
|
|
7297
|
+
}
|
|
7298
|
+
// Renaming because property should have camel casing, but attribute should not
|
|
7299
|
+
// eslint-disable-next-line @angular-eslint/no-input-rename
|
|
7300
|
+
set actionMenuSlot(value) {
|
|
7301
|
+
this.renderer.setProperty(this.elementRef.nativeElement, 'actionMenuSlot', value);
|
|
7302
|
+
}
|
|
7303
|
+
get actionMenuLabel() {
|
|
7304
|
+
return this.elementRef.nativeElement.actionMenuLabel;
|
|
7305
|
+
}
|
|
7306
|
+
// Renaming because property should have camel casing, but attribute should not
|
|
7307
|
+
// eslint-disable-next-line @angular-eslint/no-input-rename
|
|
7308
|
+
set actionMenuLabel(value) {
|
|
7309
|
+
this.renderer.setProperty(this.elementRef.nativeElement, 'actionMenuLabel', value);
|
|
7310
|
+
}
|
|
7311
|
+
}
|
|
7312
|
+
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 });
|
|
7313
|
+
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"] }, ngImport: i0 });
|
|
7314
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: NimbleTableColumnBaseDirective, decorators: [{
|
|
7315
|
+
type: Directive
|
|
7316
|
+
}], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }]; }, propDecorators: { columnId: [{
|
|
7317
|
+
type: Input,
|
|
7318
|
+
args: ['column-id']
|
|
7319
|
+
}], actionMenuSlot: [{
|
|
7320
|
+
type: Input,
|
|
7321
|
+
args: ['action-menu-slot']
|
|
7322
|
+
}], actionMenuLabel: [{
|
|
7323
|
+
type: Input,
|
|
7324
|
+
args: ['action-menu-label']
|
|
7325
|
+
}] } });
|
|
7326
|
+
|
|
7327
|
+
/**
|
|
7328
|
+
* Directive to provide Angular integration for the table column element for text.
|
|
7329
|
+
*/
|
|
7330
|
+
class NimbleTableColumnTextDirective extends NimbleTableColumnBaseDirective {
|
|
7331
|
+
constructor(renderer, elementRef) {
|
|
7332
|
+
super(renderer, elementRef);
|
|
7333
|
+
}
|
|
7295
7334
|
get fieldName() {
|
|
7296
7335
|
return this.elementRef.nativeElement.fieldName;
|
|
7297
7336
|
}
|
|
@@ -7308,16 +7347,13 @@ class NimbleTableColumnTextDirective {
|
|
|
7308
7347
|
}
|
|
7309
7348
|
}
|
|
7310
7349
|
NimbleTableColumnTextDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: NimbleTableColumnTextDirective, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
7311
|
-
NimbleTableColumnTextDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.12", type: NimbleTableColumnTextDirective, selector: "nimble-table-column-text", inputs: {
|
|
7350
|
+
NimbleTableColumnTextDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.12", type: NimbleTableColumnTextDirective, selector: "nimble-table-column-text", inputs: { fieldName: ["field-name", "fieldName"] }, usesInheritance: true, ngImport: i0 });
|
|
7312
7351
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: NimbleTableColumnTextDirective, decorators: [{
|
|
7313
7352
|
type: Directive,
|
|
7314
7353
|
args: [{
|
|
7315
7354
|
selector: 'nimble-table-column-text'
|
|
7316
7355
|
}]
|
|
7317
|
-
}], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }]; }, propDecorators: {
|
|
7318
|
-
type: Input,
|
|
7319
|
-
args: ['column-id']
|
|
7320
|
-
}], fieldName: [{
|
|
7356
|
+
}], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }]; }, propDecorators: { fieldName: [{
|
|
7321
7357
|
type: Input,
|
|
7322
7358
|
args: ['field-name']
|
|
7323
7359
|
}] } });
|