Directive updates

Author: mollykreis

packages/angular-workspace/nimble-angular/src/directives/combobox/nimble-combobox.directive.ts

@@ -83,5 +83,21 @@ export class NimbleComboboxDirective {
         this.renderer.setProperty(this.elementRef.nativeElement, 'requiredVisible', toBooleanProperty(value));
     }
 
+    public get appearanceReadOnly(): boolean {
+        return this.elementRef.nativeElement.appearanceReadOnly;
+    }
+
+    @Input('appearance-readonly') public set appearanceReadOnly(value: BooleanValueOrAttribute) {
+        this.renderer.setProperty(this.elementRef.nativeElement, 'appearanceReadOnly', toBooleanProperty(value));
+    }
+
+    public get fullBleed(): boolean {
+        return this.elementRef.nativeElement.fullBleed;
+    }
+
+    @Input('full-bleed') public set fullBleed(value: BooleanValueOrAttribute) {
+        this.renderer.setProperty(this.elementRef.nativeElement, 'fullBleed', toBooleanProperty(value));
+    }
+
     public constructor(private readonly renderer: Renderer2, private readonly elementRef: ElementRef<Combobox>) {}
 }

packages/angular-workspace/nimble-angular/src/directives/number-field/nimble-number-field.directive.ts

@@ -96,5 +96,21 @@ export class NimbleNumberFieldDirective {
         this.renderer.setProperty(this.elementRef.nativeElement, 'requiredVisible', toBooleanProperty(value));
     }
 
+    public get appearanceReadOnly(): boolean {
+        return this.elementRef.nativeElement.appearanceReadOnly;
+    }
+
+    @Input('appearance-readonly') public set appearanceReadOnly(value: BooleanValueOrAttribute) {
+        this.renderer.setProperty(this.elementRef.nativeElement, 'appearanceReadOnly', toBooleanProperty(value));
+    }
+
+    public get fullBleed(): boolean {
+        return this.elementRef.nativeElement.fullBleed;
+    }
+
+    @Input('full-bleed') public set fullBleed(value: BooleanValueOrAttribute) {
+        this.renderer.setProperty(this.elementRef.nativeElement, 'fullBleed', toBooleanProperty(value));
+    }
+
     public constructor(private readonly renderer: Renderer2, private readonly elementRef: ElementRef<NumberField>) {}
 }

packages/angular-workspace/nimble-angular/src/directives/select/nimble-select.directive.ts

@@ -79,5 +79,21 @@ export class NimbleSelectDirective {
         this.renderer.setProperty(this.elementRef.nativeElement, 'requiredVisible', toBooleanProperty(value));
     }
 
+    public get appearanceReadOnly(): boolean {
+        return this.elementRef.nativeElement.appearanceReadOnly;
+    }
+
+    @Input('appearance-readonly') public set appearanceReadOnly(value: BooleanValueOrAttribute) {
+        this.renderer.setProperty(this.elementRef.nativeElement, 'appearanceReadOnly', toBooleanProperty(value));
+    }
+
+    public get fullBleed(): boolean {
+        return this.elementRef.nativeElement.fullBleed;
+    }
+
+    @Input('full-bleed') public set fullBleed(value: BooleanValueOrAttribute) {
+        this.renderer.setProperty(this.elementRef.nativeElement, 'fullBleed', toBooleanProperty(value));
+    }
+
     public constructor(private readonly renderer: Renderer2, private readonly elementRef: ElementRef<Select>) {}
 }

packages/angular-workspace/nimble-angular/src/directives/text-area/nimble-text-area.directive.ts

@@ -146,5 +146,13 @@ export class NimbleTextAreaDirective {
         this.renderer.setProperty(this.elementRef.nativeElement, 'requiredVisible', toBooleanProperty(value));
     }
 
+    public get appearanceReadOnly(): boolean {
+        return this.elementRef.nativeElement.appearanceReadOnly;
+    }
+
+    @Input('appearance-readonly') public set appearanceReadOnly(value: BooleanValueOrAttribute) {
+        this.renderer.setProperty(this.elementRef.nativeElement, 'appearanceReadOnly', toBooleanProperty(value));
+    }
+
     public constructor(private readonly renderer: Renderer2, private readonly elementRef: ElementRef<TextArea>) {}
 }

packages/angular-workspace/nimble-angular/src/directives/text-field/nimble-text-field.directive.ts

@@ -144,5 +144,13 @@ export class NimbleTextFieldDirective {
         this.renderer.setProperty(this.elementRef.nativeElement, 'requiredVisible', toBooleanProperty(value));
     }
 
+    public get appearanceReadOnly(): boolean {
+        return this.elementRef.nativeElement.appearanceReadOnly;
+    }
+
+    @Input('appearance-readonly') public set appearanceReadOnly(value: BooleanValueOrAttribute) {
+        this.renderer.setProperty(this.elementRef.nativeElement, 'appearanceReadOnly', toBooleanProperty(value));
+    }
+
     public constructor(private readonly renderer: Renderer2, private readonly elementRef: ElementRef<TextField>) {}
 }