@ni/nimble-angular 30.2.1 → 30.3.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/directives/combobox/nimble-combobox.directive.d.ts +5 -1
- package/directives/number-field/nimble-number-field.directive.d.ts +5 -1
- package/directives/select/nimble-select.directive.d.ts +5 -1
- package/directives/text-area/nimble-text-area.directive.d.ts +3 -1
- package/directives/text-field/nimble-text-field.directive.d.ts +3 -1
- package/esm2022/directives/combobox/nimble-combobox.directive.mjs +20 -2
- package/esm2022/directives/number-field/nimble-number-field.directive.mjs +20 -2
- package/esm2022/directives/select/nimble-select.directive.mjs +20 -2
- package/esm2022/directives/text-area/nimble-text-area.directive.mjs +11 -2
- package/esm2022/directives/text-field/nimble-text-field.directive.mjs +11 -2
- package/fesm2022/ni-nimble-angular.mjs +77 -5
- package/fesm2022/ni-nimble-angular.mjs.map +1 -1
- package/package.json +7 -7
|
@@ -2234,12 +2234,24 @@ class NimbleComboboxDirective {
|
|
|
2234
2234
|
set requiredVisible(value) {
|
|
2235
2235
|
this.renderer.setProperty(this.elementRef.nativeElement, 'requiredVisible', toBooleanProperty(value));
|
|
2236
2236
|
}
|
|
2237
|
+
get appearanceReadOnly() {
|
|
2238
|
+
return this.elementRef.nativeElement.appearanceReadOnly;
|
|
2239
|
+
}
|
|
2240
|
+
set appearanceReadOnly(value) {
|
|
2241
|
+
this.renderer.setProperty(this.elementRef.nativeElement, 'appearanceReadOnly', toBooleanProperty(value));
|
|
2242
|
+
}
|
|
2243
|
+
get fullBleed() {
|
|
2244
|
+
return this.elementRef.nativeElement.fullBleed;
|
|
2245
|
+
}
|
|
2246
|
+
set fullBleed(value) {
|
|
2247
|
+
this.renderer.setProperty(this.elementRef.nativeElement, 'fullBleed', toBooleanProperty(value));
|
|
2248
|
+
}
|
|
2237
2249
|
constructor(renderer, elementRef) {
|
|
2238
2250
|
this.renderer = renderer;
|
|
2239
2251
|
this.elementRef = elementRef;
|
|
2240
2252
|
}
|
|
2241
2253
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NimbleComboboxDirective, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2242
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: NimbleComboboxDirective, selector: "nimble-combobox", inputs: { appearance: "appearance", disabled: "disabled", autocomplete: "autocomplete", placeholder: "placeholder", errorText: ["error-text", "errorText"], errorVisible: ["error-visible", "errorVisible"], open: "open", requiredVisible: ["required-visible", "requiredVisible"] }, ngImport: i0 }); }
|
|
2254
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: NimbleComboboxDirective, selector: "nimble-combobox", inputs: { appearance: "appearance", disabled: "disabled", autocomplete: "autocomplete", placeholder: "placeholder", errorText: ["error-text", "errorText"], errorVisible: ["error-visible", "errorVisible"], open: "open", requiredVisible: ["required-visible", "requiredVisible"], appearanceReadOnly: ["appearance-readonly", "appearanceReadOnly"], fullBleed: ["full-bleed", "fullBleed"] }, ngImport: i0 }); }
|
|
2243
2255
|
}
|
|
2244
2256
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NimbleComboboxDirective, decorators: [{
|
|
2245
2257
|
type: Directive,
|
|
@@ -2265,6 +2277,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
2265
2277
|
}], requiredVisible: [{
|
|
2266
2278
|
type: Input,
|
|
2267
2279
|
args: ['required-visible']
|
|
2280
|
+
}], appearanceReadOnly: [{
|
|
2281
|
+
type: Input,
|
|
2282
|
+
args: ['appearance-readonly']
|
|
2283
|
+
}], fullBleed: [{
|
|
2284
|
+
type: Input,
|
|
2285
|
+
args: ['full-bleed']
|
|
2268
2286
|
}] } });
|
|
2269
2287
|
|
|
2270
2288
|
class NimbleComboboxModule {
|
|
@@ -10315,12 +10333,24 @@ class NimbleNumberFieldDirective {
|
|
|
10315
10333
|
set requiredVisible(value) {
|
|
10316
10334
|
this.renderer.setProperty(this.elementRef.nativeElement, 'requiredVisible', toBooleanProperty(value));
|
|
10317
10335
|
}
|
|
10336
|
+
get appearanceReadOnly() {
|
|
10337
|
+
return this.elementRef.nativeElement.appearanceReadOnly;
|
|
10338
|
+
}
|
|
10339
|
+
set appearanceReadOnly(value) {
|
|
10340
|
+
this.renderer.setProperty(this.elementRef.nativeElement, 'appearanceReadOnly', toBooleanProperty(value));
|
|
10341
|
+
}
|
|
10342
|
+
get fullBleed() {
|
|
10343
|
+
return this.elementRef.nativeElement.fullBleed;
|
|
10344
|
+
}
|
|
10345
|
+
set fullBleed(value) {
|
|
10346
|
+
this.renderer.setProperty(this.elementRef.nativeElement, 'fullBleed', toBooleanProperty(value));
|
|
10347
|
+
}
|
|
10318
10348
|
constructor(renderer, elementRef) {
|
|
10319
10349
|
this.renderer = renderer;
|
|
10320
10350
|
this.elementRef = elementRef;
|
|
10321
10351
|
}
|
|
10322
10352
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NimbleNumberFieldDirective, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
10323
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: NimbleNumberFieldDirective, selector: "nimble-number-field", inputs: { appearance: "appearance", readOnly: ["readonly", "readOnly"], min: "min", max: "max", step: "step", hideStep: ["hide-step", "hideStep"], placeholder: "placeholder", errorText: ["error-text", "errorText"], errorVisible: ["error-visible", "errorVisible"], requiredVisible: ["required-visible", "requiredVisible"] }, ngImport: i0 }); }
|
|
10353
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: NimbleNumberFieldDirective, selector: "nimble-number-field", inputs: { appearance: "appearance", readOnly: ["readonly", "readOnly"], min: "min", max: "max", step: "step", hideStep: ["hide-step", "hideStep"], placeholder: "placeholder", errorText: ["error-text", "errorText"], errorVisible: ["error-visible", "errorVisible"], requiredVisible: ["required-visible", "requiredVisible"], appearanceReadOnly: ["appearance-readonly", "appearanceReadOnly"], fullBleed: ["full-bleed", "fullBleed"] }, ngImport: i0 }); }
|
|
10324
10354
|
}
|
|
10325
10355
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NimbleNumberFieldDirective, decorators: [{
|
|
10326
10356
|
type: Directive,
|
|
@@ -10352,6 +10382,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
10352
10382
|
}], requiredVisible: [{
|
|
10353
10383
|
type: Input,
|
|
10354
10384
|
args: ['required-visible']
|
|
10385
|
+
}], appearanceReadOnly: [{
|
|
10386
|
+
type: Input,
|
|
10387
|
+
args: ['appearance-readonly']
|
|
10388
|
+
}], fullBleed: [{
|
|
10389
|
+
type: Input,
|
|
10390
|
+
args: ['full-bleed']
|
|
10355
10391
|
}] } });
|
|
10356
10392
|
|
|
10357
10393
|
class NimbleNumberFieldModule {
|
|
@@ -10843,12 +10879,24 @@ class NimbleSelectDirective {
|
|
|
10843
10879
|
set requiredVisible(value) {
|
|
10844
10880
|
this.renderer.setProperty(this.elementRef.nativeElement, 'requiredVisible', toBooleanProperty(value));
|
|
10845
10881
|
}
|
|
10882
|
+
get appearanceReadOnly() {
|
|
10883
|
+
return this.elementRef.nativeElement.appearanceReadOnly;
|
|
10884
|
+
}
|
|
10885
|
+
set appearanceReadOnly(value) {
|
|
10886
|
+
this.renderer.setProperty(this.elementRef.nativeElement, 'appearanceReadOnly', toBooleanProperty(value));
|
|
10887
|
+
}
|
|
10888
|
+
get fullBleed() {
|
|
10889
|
+
return this.elementRef.nativeElement.fullBleed;
|
|
10890
|
+
}
|
|
10891
|
+
set fullBleed(value) {
|
|
10892
|
+
this.renderer.setProperty(this.elementRef.nativeElement, 'fullBleed', toBooleanProperty(value));
|
|
10893
|
+
}
|
|
10846
10894
|
constructor(renderer, elementRef) {
|
|
10847
10895
|
this.renderer = renderer;
|
|
10848
10896
|
this.elementRef = elementRef;
|
|
10849
10897
|
}
|
|
10850
10898
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NimbleSelectDirective, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
10851
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: NimbleSelectDirective, selector: "nimble-select", inputs: { appearance: "appearance", filterMode: ["filter-mode", "filterMode"], clearable: "clearable", disabled: "disabled", errorText: ["error-text", "errorText"], errorVisible: ["error-visible", "errorVisible"], loadingVisible: ["loading-visible", "loadingVisible"], requiredVisible: ["required-visible", "requiredVisible"] }, ngImport: i0 }); }
|
|
10899
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: NimbleSelectDirective, selector: "nimble-select", inputs: { appearance: "appearance", filterMode: ["filter-mode", "filterMode"], clearable: "clearable", disabled: "disabled", errorText: ["error-text", "errorText"], errorVisible: ["error-visible", "errorVisible"], loadingVisible: ["loading-visible", "loadingVisible"], requiredVisible: ["required-visible", "requiredVisible"], appearanceReadOnly: ["appearance-readonly", "appearanceReadOnly"], fullBleed: ["full-bleed", "fullBleed"] }, ngImport: i0 }); }
|
|
10852
10900
|
}
|
|
10853
10901
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NimbleSelectDirective, decorators: [{
|
|
10854
10902
|
type: Directive,
|
|
@@ -10876,6 +10924,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
10876
10924
|
}], requiredVisible: [{
|
|
10877
10925
|
type: Input,
|
|
10878
10926
|
args: ['required-visible']
|
|
10927
|
+
}], appearanceReadOnly: [{
|
|
10928
|
+
type: Input,
|
|
10929
|
+
args: ['appearance-readonly']
|
|
10930
|
+
}], fullBleed: [{
|
|
10931
|
+
type: Input,
|
|
10932
|
+
args: ['full-bleed']
|
|
10879
10933
|
}] } });
|
|
10880
10934
|
|
|
10881
10935
|
class NimbleSelectModule {
|
|
@@ -11432,12 +11486,18 @@ class NimbleTextAreaDirective {
|
|
|
11432
11486
|
set requiredVisible(value) {
|
|
11433
11487
|
this.renderer.setProperty(this.elementRef.nativeElement, 'requiredVisible', toBooleanProperty(value));
|
|
11434
11488
|
}
|
|
11489
|
+
get appearanceReadOnly() {
|
|
11490
|
+
return this.elementRef.nativeElement.appearanceReadOnly;
|
|
11491
|
+
}
|
|
11492
|
+
set appearanceReadOnly(value) {
|
|
11493
|
+
this.renderer.setProperty(this.elementRef.nativeElement, 'appearanceReadOnly', toBooleanProperty(value));
|
|
11494
|
+
}
|
|
11435
11495
|
constructor(renderer, elementRef) {
|
|
11436
11496
|
this.renderer = renderer;
|
|
11437
11497
|
this.elementRef = elementRef;
|
|
11438
11498
|
}
|
|
11439
11499
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NimbleTextAreaDirective, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
11440
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: NimbleTextAreaDirective, selector: "nimble-text-area", inputs: { appearance: "appearance", readOnly: ["readonly", "readOnly"], resize: "resize", autofocus: "autofocus", disabled: "disabled", errorVisible: ["error-visible", "errorVisible"], errorText: ["error-text", "errorText"], required: "required", formId: ["form", "formId"], maxlength: "maxlength", minlength: "minlength", placeholder: "placeholder", cols: "cols", rows: "rows", spellcheck: "spellcheck", requiredVisible: ["required-visible", "requiredVisible"] }, ngImport: i0 }); }
|
|
11500
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: NimbleTextAreaDirective, selector: "nimble-text-area", inputs: { appearance: "appearance", readOnly: ["readonly", "readOnly"], resize: "resize", autofocus: "autofocus", disabled: "disabled", errorVisible: ["error-visible", "errorVisible"], errorText: ["error-text", "errorText"], required: "required", formId: ["form", "formId"], maxlength: "maxlength", minlength: "minlength", placeholder: "placeholder", cols: "cols", rows: "rows", spellcheck: "spellcheck", requiredVisible: ["required-visible", "requiredVisible"], appearanceReadOnly: ["appearance-readonly", "appearanceReadOnly"] }, ngImport: i0 }); }
|
|
11441
11501
|
}
|
|
11442
11502
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NimbleTextAreaDirective, decorators: [{
|
|
11443
11503
|
type: Directive,
|
|
@@ -11481,6 +11541,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
11481
11541
|
}], requiredVisible: [{
|
|
11482
11542
|
type: Input,
|
|
11483
11543
|
args: ['required-visible']
|
|
11544
|
+
}], appearanceReadOnly: [{
|
|
11545
|
+
type: Input,
|
|
11546
|
+
args: ['appearance-readonly']
|
|
11484
11547
|
}] } });
|
|
11485
11548
|
|
|
11486
11549
|
class NimbleTextAreaModule {
|
|
@@ -11634,12 +11697,18 @@ class NimbleTextFieldDirective {
|
|
|
11634
11697
|
set requiredVisible(value) {
|
|
11635
11698
|
this.renderer.setProperty(this.elementRef.nativeElement, 'requiredVisible', toBooleanProperty(value));
|
|
11636
11699
|
}
|
|
11700
|
+
get appearanceReadOnly() {
|
|
11701
|
+
return this.elementRef.nativeElement.appearanceReadOnly;
|
|
11702
|
+
}
|
|
11703
|
+
set appearanceReadOnly(value) {
|
|
11704
|
+
this.renderer.setProperty(this.elementRef.nativeElement, 'appearanceReadOnly', toBooleanProperty(value));
|
|
11705
|
+
}
|
|
11637
11706
|
constructor(renderer, elementRef) {
|
|
11638
11707
|
this.renderer = renderer;
|
|
11639
11708
|
this.elementRef = elementRef;
|
|
11640
11709
|
}
|
|
11641
11710
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NimbleTextFieldDirective, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
11642
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: NimbleTextFieldDirective, selector: "nimble-text-field", inputs: { appearance: "appearance", readOnly: ["readonly", "readOnly"], type: "type", autofocus: "autofocus", disabled: "disabled", required: "required", placeholder: "placeholder", maxlength: "maxlength", minlength: "minlength", pattern: "pattern", errorText: ["error-text", "errorText"], errorVisible: ["error-visible", "errorVisible"], size: "size", spellcheck: "spellcheck", fullBleed: ["full-bleed", "fullBleed"], requiredVisible: ["required-visible", "requiredVisible"] }, ngImport: i0 }); }
|
|
11711
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: NimbleTextFieldDirective, selector: "nimble-text-field", inputs: { appearance: "appearance", readOnly: ["readonly", "readOnly"], type: "type", autofocus: "autofocus", disabled: "disabled", required: "required", placeholder: "placeholder", maxlength: "maxlength", minlength: "minlength", pattern: "pattern", errorText: ["error-text", "errorText"], errorVisible: ["error-visible", "errorVisible"], size: "size", spellcheck: "spellcheck", fullBleed: ["full-bleed", "fullBleed"], requiredVisible: ["required-visible", "requiredVisible"], appearanceReadOnly: ["appearance-readonly", "appearanceReadOnly"] }, ngImport: i0 }); }
|
|
11643
11712
|
}
|
|
11644
11713
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NimbleTextFieldDirective, decorators: [{
|
|
11645
11714
|
type: Directive,
|
|
@@ -11683,6 +11752,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
11683
11752
|
}], requiredVisible: [{
|
|
11684
11753
|
type: Input,
|
|
11685
11754
|
args: ['required-visible']
|
|
11755
|
+
}], appearanceReadOnly: [{
|
|
11756
|
+
type: Input,
|
|
11757
|
+
args: ['appearance-readonly']
|
|
11686
11758
|
}] } });
|
|
11687
11759
|
|
|
11688
11760
|
class NimbleTextFieldModule {
|