@carefirst/library 1.1.0 → 1.2.0

package/lib/components/form-input/form-input.component.d.ts

@@ -0,0 +1,27 @@
+import { type OnChanges, type SimpleChanges, EventEmitter } from '@angular/core';
+import { FormControl } from '@angular/forms';
+import * as i0 from "@angular/core";
+export declare class FormInputComponent implements OnChanges {
+    label: string;
+    disabled?: boolean | string | undefined;
+    labelPlacement?: 'fixed' | 'floating' | 'stacked';
+    inputMode?: 'email' | 'numeric' | 'tel' | 'decimal' | 'url' | 'search' | 'none';
+    autoCapitalize?: 'off' | 'none' | 'on' | 'sentences' | 'words' | 'characters';
+    type?: 'number' | 'date' | 'text';
+    noClearButton?: boolean | string | undefined;
+    control?: FormControl | null;
+    textCenter?: boolean | string | undefined;
+    min?: number | string;
+    max?: number | string;
+    value: EventEmitter<any>;
+    inputLabelPlacement: typeof this.labelPlacement;
+    localInputMode: typeof this.inputMode;
+    inputClear: boolean;
+    inputDisabled: boolean;
+    inputTextCenter: boolean;
+    inputType: typeof this.type;
+    inputAutoCapitalize: typeof this.autoCapitalize;
+    ngOnChanges(changes: SimpleChanges): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FormInputComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormInputComponent, "cf-form-input", never, { "label": { "alias": "label"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "labelPlacement": { "alias": "labelPlacement"; "required": false; }; "inputMode": { "alias": "inputMode"; "required": false; }; "autoCapitalize": { "alias": "autoCapitalize"; "required": false; }; "type": { "alias": "type"; "required": false; }; "noClearButton": { "alias": "noClearButton"; "required": false; }; "control": { "alias": "control"; "required": false; }; "textCenter": { "alias": "textCenter"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; }, { "value": "value"; }, never, never, false, never>;
+}

package/lib/components/form-input-select/form-input-select.component.d.ts

@@ -0,0 +1,19 @@
+import { EventEmitter, type OnChanges, type SimpleChanges } from '@angular/core';
+import { FormControl } from '@angular/forms';
+import * as i0 from "@angular/core";
+export declare class FormInputSelectComponent implements OnChanges {
+    label: string;
+    options: {
+        displayName: string | number;
+        value: string | number | boolean | null | undefined;
+    }[];
+    disabled?: boolean | string | undefined;
+    labelPlacement?: 'fixed' | 'floating' | 'stacked';
+    control?: FormControl | null;
+    value: EventEmitter<any>;
+    inputLabelPlacement: typeof this.labelPlacement;
+    inputDisabled: boolean;
+    ngOnChanges(changes: SimpleChanges): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FormInputSelectComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormInputSelectComponent, "cf-form-input-select", never, { "label": { "alias": "label"; "required": false; }; "options": { "alias": "options"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "labelPlacement": { "alias": "labelPlacement"; "required": false; }; "control": { "alias": "control"; "required": false; }; }, { "value": "value"; }, never, never, false, never>;
+}

package/lib/components/form-input-text-area/form-input-text-area.component.d.ts

@@ -0,0 +1,20 @@
+import { EventEmitter, type OnChanges, type SimpleChanges } from '@angular/core';
+import type { FormControl } from '@angular/forms';
+import * as i0 from "@angular/core";
+export declare class FormInputTextAreaComponent implements OnChanges {
+    label: string;
+    disabled?: boolean | string | undefined;
+    labelPlacement?: 'fixed' | 'floating' | 'stacked';
+    autoCapitalize?: 'off' | 'none' | 'on' | 'sentences' | 'words' | 'characters';
+    control?: FormControl | null;
+    textCenter?: boolean | string | undefined;
+    value: EventEmitter<any>;
+    inputLabelPlacement: typeof this.labelPlacement;
+    inputClear: boolean;
+    inputDisabled: boolean;
+    inputTextCenter: boolean;
+    inputAutoCapitalize: typeof this.autoCapitalize;
+    ngOnChanges(changes: SimpleChanges): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FormInputTextAreaComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormInputTextAreaComponent, "cf-form-input-text-area", never, { "label": { "alias": "label"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "labelPlacement": { "alias": "labelPlacement"; "required": false; }; "autoCapitalize": { "alias": "autoCapitalize"; "required": false; }; "control": { "alias": "control"; "required": false; }; "textCenter": { "alias": "textCenter"; "required": false; }; }, { "value": "value"; }, never, never, false, never>;
+}

package/lib/components/form-validation/form-validation.component.d.ts

@@ -1,8 +1,8 @@
 import { type OnChanges, type SimpleChanges } from '@angular/core';
-import type { AbstractControl } from '@angular/forms';
+import type { FormControl } from '@angular/forms';
 import * as i0 from "@angular/core";
 export declare class FormValidationComponent implements OnChanges {
-    control: AbstractControl | null;
+    control: FormControl | null;
     ngOnChanges(changes: SimpleChanges): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FormValidationComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<FormValidationComponent, "cf-form-validation", never, { "control": { "alias": "control"; "required": false; }; }, {}, never, never, false, never>;

package/lib/library.module.d.ts

@@ -9,10 +9,14 @@ import * as i7 from "./components/alert/alert.component";
 import * as i8 from "./components/logo/logo.component";
 import * as i9 from "./components/calendar/calendar.component";
 import * as i10 from "./components/form-validation/form-validation.component";
-import * as i11 from "@ionic/angular";
-import * as i12 from "@angular/common";
+import * as i11 from "./components/form-input/form-input.component";
+import * as i12 from "./components/form-input-select/form-input-select.component";
+import * as i13 from "./components/form-input-text-area/form-input-text-area.component";
+import * as i14 from "@ionic/angular";
+import * as i15 from "@angular/common";
+import * as i16 from "@angular/forms";
 export declare class CareFirstLibraryModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<CareFirstLibraryModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<CareFirstLibraryModule, [typeof i1.PageComponent, typeof i2.ButtonComponent, typeof i3.SpacerComponent, typeof i4.IconComponent, typeof i5.ButtonLoaderDirective, typeof i6.NotificationComponent, typeof i7.AlertComponent, typeof i8.LogoComponent, typeof i9.CalendarComponent, typeof i10.FormValidationComponent], [typeof i11.IonicModule, typeof i12.CommonModule], [typeof i1.PageComponent, typeof i2.ButtonComponent, typeof i3.SpacerComponent, typeof i4.IconComponent, typeof i5.ButtonLoaderDirective, typeof i6.NotificationComponent, typeof i7.AlertComponent, typeof i8.LogoComponent, typeof i9.CalendarComponent, typeof i10.FormValidationComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<CareFirstLibraryModule, [typeof i1.PageComponent, typeof i2.ButtonComponent, typeof i3.SpacerComponent, typeof i4.IconComponent, typeof i5.ButtonLoaderDirective, typeof i6.NotificationComponent, typeof i7.AlertComponent, typeof i8.LogoComponent, typeof i9.CalendarComponent, typeof i10.FormValidationComponent, typeof i11.FormInputComponent, typeof i12.FormInputSelectComponent, typeof i13.FormInputTextAreaComponent], [typeof i14.IonicModule, typeof i15.CommonModule, typeof i16.ReactiveFormsModule], [typeof i1.PageComponent, typeof i2.ButtonComponent, typeof i3.SpacerComponent, typeof i4.IconComponent, typeof i5.ButtonLoaderDirective, typeof i6.NotificationComponent, typeof i7.AlertComponent, typeof i8.LogoComponent, typeof i9.CalendarComponent, typeof i10.FormValidationComponent, typeof i11.FormInputComponent, typeof i12.FormInputSelectComponent, typeof i13.FormInputTextAreaComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<CareFirstLibraryModule>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@carefirst/library",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "author": "Jacques Francois Coetzee",
   "private": false,
   "peerDependencies": {

package/public/styles/forms.scss

@@ -26,6 +26,16 @@ ion-radio {
   }
 }
 
+ion-input.text-center,
+ion-textarea.text-center,
+ion-select.text-center,
+ion-radio.text-center {
+  text-align: center;
+  label {
+    text-align: center;
+  }
+}
+
 /*===============================================
 ================ Select Popovers ================
 ===============================================*/

package/public-api.d.ts

@@ -9,6 +9,9 @@ export * from './lib/components/notification/notification.component';
 export * from './lib/components/logo/logo.component';
 export * from './lib/components/calendar/calendar.component';
 export * from './lib/components/form-validation/form-validation.component';
+export * from './lib/components/form-input/form-input.component';
+export * from './lib/components/form-input-select/form-input-select.component';
+export * from './lib/components/form-input-text-area/form-input-text-area.component';
 export * as CFAlertI from './lib/interfaces/alert.interface';
 export * as CFIconI from './lib/interfaces/icon.interface';
 export * as CFSpacerI from './lib/interfaces/spacer.interface';