@ni/nimble-angular 4.1.2 → 4.2.0
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/bundles/ni-nimble-angular.umd.js +30 -4
- package/bundles/ni-nimble-angular.umd.js.map +1 -1
- package/directives/checkbox/nimble-checkbox.directive.d.ts +10 -1
- package/esm2015/directives/checkbox/nimble-checkbox.directive.js +26 -5
- package/fesm2015/ni-nimble-angular.js +23 -3
- package/fesm2015/ni-nimble-angular.js.map +1 -1
- package/package.json +2 -2
|
@@ -1,10 +1,19 @@
|
|
|
1
|
+
import { ElementRef, Renderer2 } from '@angular/core';
|
|
1
2
|
import type { Checkbox } from '@ni/nimble-components/dist/esm/checkbox';
|
|
3
|
+
import { BooleanValueOrAttribute } from '../utilities/template-value-helpers';
|
|
2
4
|
import * as i0 from "@angular/core";
|
|
3
5
|
export type { Checkbox };
|
|
4
6
|
/**
|
|
5
7
|
* Directive to provide Angular integration for the checkbox.
|
|
6
8
|
*/
|
|
7
9
|
export declare class NimbleCheckboxDirective {
|
|
10
|
+
private readonly renderer;
|
|
11
|
+
private readonly elementRef;
|
|
12
|
+
get disabled(): boolean;
|
|
13
|
+
set disabled(value: BooleanValueOrAttribute);
|
|
14
|
+
get checked(): boolean;
|
|
15
|
+
set checked(value: BooleanValueOrAttribute);
|
|
16
|
+
constructor(renderer: Renderer2, elementRef: ElementRef<Checkbox>);
|
|
8
17
|
static ɵfac: i0.ɵɵFactoryDeclaration<NimbleCheckboxDirective, never>;
|
|
9
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<NimbleCheckboxDirective, "nimble-checkbox", never, {}, {}, never>;
|
|
18
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<NimbleCheckboxDirective, "nimble-checkbox", never, { "disabled": "disabled"; "checked": "checked"; }, {}, never>;
|
|
10
19
|
}
|
|
@@ -1,16 +1,37 @@
|
|
|
1
|
-
import { Directive } from '@angular/core';
|
|
1
|
+
import { Directive, Input } from '@angular/core';
|
|
2
|
+
import { toBooleanProperty } from '../utilities/template-value-helpers';
|
|
2
3
|
import * as i0 from "@angular/core";
|
|
3
4
|
/**
|
|
4
5
|
* Directive to provide Angular integration for the checkbox.
|
|
5
6
|
*/
|
|
6
7
|
export class NimbleCheckboxDirective {
|
|
8
|
+
constructor(renderer, elementRef) {
|
|
9
|
+
this.renderer = renderer;
|
|
10
|
+
this.elementRef = elementRef;
|
|
11
|
+
}
|
|
12
|
+
get disabled() {
|
|
13
|
+
return this.elementRef.nativeElement.disabled;
|
|
14
|
+
}
|
|
15
|
+
set disabled(value) {
|
|
16
|
+
this.renderer.setProperty(this.elementRef.nativeElement, 'disabled', toBooleanProperty(value));
|
|
17
|
+
}
|
|
18
|
+
get checked() {
|
|
19
|
+
return this.elementRef.nativeElement.checked;
|
|
20
|
+
}
|
|
21
|
+
set checked(value) {
|
|
22
|
+
this.renderer.setProperty(this.elementRef.nativeElement, 'checked', toBooleanProperty(value));
|
|
23
|
+
}
|
|
7
24
|
}
|
|
8
|
-
NimbleCheckboxDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleCheckboxDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
9
|
-
NimbleCheckboxDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleCheckboxDirective, selector: "nimble-checkbox", ngImport: i0 });
|
|
25
|
+
NimbleCheckboxDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleCheckboxDirective, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
26
|
+
NimbleCheckboxDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleCheckboxDirective, selector: "nimble-checkbox", inputs: { disabled: "disabled", checked: "checked" }, ngImport: i0 });
|
|
10
27
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleCheckboxDirective, decorators: [{
|
|
11
28
|
type: Directive,
|
|
12
29
|
args: [{
|
|
13
30
|
selector: 'nimble-checkbox'
|
|
14
31
|
}]
|
|
15
|
-
}] }
|
|
16
|
-
|
|
32
|
+
}], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }]; }, propDecorators: { disabled: [{
|
|
33
|
+
type: Input
|
|
34
|
+
}], checked: [{
|
|
35
|
+
type: Input
|
|
36
|
+
}] } });
|
|
37
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmltYmxlLWNoZWNrYm94LmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25pL25pbWJsZS1hbmd1bGFyL3NyYy9kaXJlY3RpdmVzL2NoZWNrYm94L25pbWJsZS1jaGVja2JveC5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBYyxLQUFLLEVBQWEsTUFBTSxlQUFlLENBQUM7QUFFeEUsT0FBTyxFQUEyQixpQkFBaUIsRUFBRSxNQUFNLHFDQUFxQyxDQUFDOztBQUlqRzs7R0FFRztBQUlILE1BQU0sT0FBTyx1QkFBdUI7SUFpQmhDLFlBQW9DLFFBQW1CLEVBQW1CLFVBQWdDO1FBQXRFLGFBQVEsR0FBUixRQUFRLENBQVc7UUFBbUIsZUFBVSxHQUFWLFVBQVUsQ0FBc0I7SUFBRyxDQUFDO0lBaEI5RyxJQUFXLFFBQVE7UUFDZixPQUFPLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDLFFBQVEsQ0FBQztJQUNsRCxDQUFDO0lBRUQsSUFBb0IsUUFBUSxDQUFDLEtBQThCO1FBQ3ZELElBQUksQ0FBQyxRQUFRLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxFQUFFLFVBQVUsRUFBRSxpQkFBaUIsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDO0lBQ25HLENBQUM7SUFFRCxJQUFXLE9BQU87UUFDZCxPQUFPLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDLE9BQU8sQ0FBQztJQUNqRCxDQUFDO0lBRUQsSUFBb0IsT0FBTyxDQUFDLEtBQThCO1FBQ3RELElBQUksQ0FBQyxRQUFRLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxFQUFFLFNBQVMsRUFBRSxpQkFBaUIsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDO0lBQ2xHLENBQUM7O29IQWZRLHVCQUF1Qjt3R0FBdkIsdUJBQXVCOzJGQUF2Qix1QkFBdUI7a0JBSG5DLFNBQVM7bUJBQUM7b0JBQ1AsUUFBUSxFQUFFLGlCQUFpQjtpQkFDOUI7eUhBTXVCLFFBQVE7c0JBQTNCLEtBQUs7Z0JBUWMsT0FBTztzQkFBMUIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERpcmVjdGl2ZSwgRWxlbWVudFJlZiwgSW5wdXQsIFJlbmRlcmVyMiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHR5cGUgeyBDaGVja2JveCB9IGZyb20gJ0BuaS9uaW1ibGUtY29tcG9uZW50cy9kaXN0L2VzbS9jaGVja2JveCc7XG5pbXBvcnQgeyBCb29sZWFuVmFsdWVPckF0dHJpYnV0ZSwgdG9Cb29sZWFuUHJvcGVydHkgfSBmcm9tICcuLi91dGlsaXRpZXMvdGVtcGxhdGUtdmFsdWUtaGVscGVycyc7XG5cbmV4cG9ydCB0eXBlIHsgQ2hlY2tib3ggfTtcblxuLyoqXG4gKiBEaXJlY3RpdmUgdG8gcHJvdmlkZSBBbmd1bGFyIGludGVncmF0aW9uIGZvciB0aGUgY2hlY2tib3guXG4gKi9cbkBEaXJlY3RpdmUoe1xuICAgIHNlbGVjdG9yOiAnbmltYmxlLWNoZWNrYm94J1xufSlcbmV4cG9ydCBjbGFzcyBOaW1ibGVDaGVja2JveERpcmVjdGl2ZSB7XG4gICAgcHVibGljIGdldCBkaXNhYmxlZCgpOiBib29sZWFuIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LmRpc2FibGVkO1xuICAgIH1cblxuICAgIEBJbnB1dCgpIHB1YmxpYyBzZXQgZGlzYWJsZWQodmFsdWU6IEJvb2xlYW5WYWx1ZU9yQXR0cmlidXRlKSB7XG4gICAgICAgIHRoaXMucmVuZGVyZXIuc2V0UHJvcGVydHkodGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQsICdkaXNhYmxlZCcsIHRvQm9vbGVhblByb3BlcnR5KHZhbHVlKSk7XG4gICAgfVxuXG4gICAgcHVibGljIGdldCBjaGVja2VkKCk6IGJvb2xlYW4ge1xuICAgICAgICByZXR1cm4gdGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQuY2hlY2tlZDtcbiAgICB9XG5cbiAgICBASW5wdXQoKSBwdWJsaWMgc2V0IGNoZWNrZWQodmFsdWU6IEJvb2xlYW5WYWx1ZU9yQXR0cmlidXRlKSB7XG4gICAgICAgIHRoaXMucmVuZGVyZXIuc2V0UHJvcGVydHkodGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQsICdjaGVja2VkJywgdG9Cb29sZWFuUHJvcGVydHkodmFsdWUpKTtcbiAgICB9XG5cbiAgICBwdWJsaWMgY29uc3RydWN0b3IocHJpdmF0ZSByZWFkb25seSByZW5kZXJlcjogUmVuZGVyZXIyLCBwcml2YXRlIHJlYWRvbmx5IGVsZW1lbnRSZWY6IEVsZW1lbnRSZWY8Q2hlY2tib3g+KSB7fVxufVxuIl19
|
|
@@ -471,15 +471,35 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
|
|
|
471
471
|
* Directive to provide Angular integration for the checkbox.
|
|
472
472
|
*/
|
|
473
473
|
class NimbleCheckboxDirective {
|
|
474
|
+
constructor(renderer, elementRef) {
|
|
475
|
+
this.renderer = renderer;
|
|
476
|
+
this.elementRef = elementRef;
|
|
477
|
+
}
|
|
478
|
+
get disabled() {
|
|
479
|
+
return this.elementRef.nativeElement.disabled;
|
|
480
|
+
}
|
|
481
|
+
set disabled(value) {
|
|
482
|
+
this.renderer.setProperty(this.elementRef.nativeElement, 'disabled', toBooleanProperty(value));
|
|
483
|
+
}
|
|
484
|
+
get checked() {
|
|
485
|
+
return this.elementRef.nativeElement.checked;
|
|
486
|
+
}
|
|
487
|
+
set checked(value) {
|
|
488
|
+
this.renderer.setProperty(this.elementRef.nativeElement, 'checked', toBooleanProperty(value));
|
|
489
|
+
}
|
|
474
490
|
}
|
|
475
|
-
NimbleCheckboxDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleCheckboxDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
476
|
-
NimbleCheckboxDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleCheckboxDirective, selector: "nimble-checkbox", ngImport: i0 });
|
|
491
|
+
NimbleCheckboxDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleCheckboxDirective, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
492
|
+
NimbleCheckboxDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleCheckboxDirective, selector: "nimble-checkbox", inputs: { disabled: "disabled", checked: "checked" }, ngImport: i0 });
|
|
477
493
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleCheckboxDirective, decorators: [{
|
|
478
494
|
type: Directive,
|
|
479
495
|
args: [{
|
|
480
496
|
selector: 'nimble-checkbox'
|
|
481
497
|
}]
|
|
482
|
-
}] }
|
|
498
|
+
}], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }]; }, propDecorators: { disabled: [{
|
|
499
|
+
type: Input
|
|
500
|
+
}], checked: [{
|
|
501
|
+
type: Input
|
|
502
|
+
}] } });
|
|
483
503
|
|
|
484
504
|
class NimbleCheckboxModule {
|
|
485
505
|
}
|