@carefirst/library 1.3.10 → 1.3.11

package/src/lib/components/chat-bubble/chat-bubble.component.scss

@@ -1,31 +0,0 @@
-#container {
-  display: flex;
-
-  #message {
-    p {
-      color: var(--cf-app-text-color-default);
-    }
-    #bubble {
-      background: var(--message-background-color);
-      border-radius: var(--border-radius);
-      padding: 12px 16px;
-      p {
-        color: var(--cf-app-text-color-light);
-      }
-    }
-  }
-}
-
-#container.outgoing {
-  justify-content: end;
-  text-align: end;
-  --border-radius: 16px 4px 16px 16px;
-  --message-background-color: var(--cf-app-color-primary);
-}
-
-#container.incoming {
-  justify-content: start;
-  text-align: start;
-  --border-radius: 4px 16px 16px 16px;
-  --message-background-color: var(--cf-app-color-secondary);
-}

package/src/lib/components/chat-bubble/chat-bubble.component.spec.ts

@@ -1,23 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { ChatBubbleComponent } from './chat-bubble.component';
-
-describe('ChatBubbleComponent', () => {
-  let component: ChatBubbleComponent;
-  let fixture: ComponentFixture<ChatBubbleComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      imports: [ChatBubbleComponent]
-    })
-    .compileComponents();
-    
-    fixture = TestBed.createComponent(ChatBubbleComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

package/src/lib/components/chat-bubble/chat-bubble.component.ts

@@ -1,43 +0,0 @@
-/**
- * CareFirst Chat Bubble
- *
- * @file          chat-bubble.component
- * @description   Contains all the logic for generating a CareFirst Chat Bubble
- * @author        Jacques Coetzee
- * @since         2024 - 02 - 22
- * @usage         <cf-chat-bubble type="outgoing | incoming" date="string" message="string"></cf-chat-bubble>
- */
-
-import { Component, Input, type OnChanges, type SimpleChanges } from '@angular/core';
-//--- Utils
-import { validateStringValue } from '../../utils/attribute.util';
-
-@Component({
-  selector: 'cf-chat-bubble',
-  templateUrl: './chat-bubble.component.html',
-  styleUrl: './chat-bubble.component.scss',
-})
-export class ChatBubbleComponent implements OnChanges {
-  @Input() type: 'outgoing' | 'incoming' = 'outgoing';
-  @Input() date: string = '';
-  @Input() message: string = '';
-
-  //--- Local variables
-  inputType: typeof this.type = 'incoming';
-  inputDate: typeof this.date = '';
-  inputMessage: typeof this.message = '';
-
-  /**----------------------------------------------------------------
-   * @name          ngOnChanges
-   * @description   Update various values on input changes
-   * @returns       {void}
-   */
-  ngOnChanges(changes: SimpleChanges): void {
-    //--- Type
-    this.inputType = validateStringValue<typeof this.type>(changes, 'type', ['incoming', 'outgoing'], this.inputType) || 'outgoing';
-    //--- Date
-    this.inputDate = changes['date']?.currentValue || '';
-    //--- Message
-    this.inputMessage = changes['message']?.currentValue || '';
-  }
-}

package/src/lib/components/form-input/form-input.component.html

@@ -1,37 +0,0 @@
-<!-- ngModel -->
-<ion-input
-  *ngIf="!control"
-  [ngClass]="{ 'text-center': inputTextCenter, 'grey-background': inputGreyBackground }"
-  [label]="label"
-  [labelPlacement]="inputLabelPlacement"
-  [placeholder]="placeholder"
-  fill="outline"
-  [clearInput]="!inputClear"
-  [autocapitalize]="autoCapitalize"
-  mode="md"
-  [inputmode]="localInputMode"
-  [min]="min"
-  [max]="max"
-  [maxlength]="maxLength || null"
-  [type]="type"
-  (ionInput)="valueChange.emit($event.detail.value ?? undefined)"
-  [value]="value"></ion-input>
-<!-- Form Control -->
-<ion-input
-  *ngIf="control"
-  [ngClass]="{ 'text-center': inputTextCenter, 'grey-background': inputGreyBackground }"
-  [label]="label"
-  [labelPlacement]="inputLabelPlacement"
-  [placeholder]="placeholder"
-  fill="outline"
-  [clearInput]="!inputClear"
-  [autocapitalize]="autoCapitalize"
-  mode="md"
-  [inputmode]="localInputMode"
-  [formControl]="control"
-  [min]="min"
-  [max]="max"
-  [maxlength]="maxLength || null"
-  [type]="type"
-  (ionInput)="valueChange.emit($event.detail.value ?? undefined)"></ion-input>
-<cf-form-validation *ngIf="control" [control]="control"></cf-form-validation>

package/src/lib/components/form-input/form-input.component.scss

@@ -1,23 +0,0 @@
-/*===============================================
-================== Form Items ===================
-===============================================*/
-ion-input {
-  font-family: 'Roboto', sans-serif;
-  font-weight: 400;
-  font-style: normal;
-  font-size: 1.6rem;
-  color: var(--cf-app-text-color-default);
-  text-align: start;
-  --border-radius: 8px !important; //--- important overrides the fill option
-  --highlight-color-focused: var(--cf-app-color-primary);
-  --highlight-color-invalid: var(--cf-app-system-color-error);
-  --highlight-color-valid: var(--cf-app-color-primary);
-}
-
-ion-input.text-center {
-  text-align: center;
-}
-
-ion-input.grey-background {
-  --background: var(--cf-app-system-color-outline);
-}

package/src/lib/components/form-input/form-input.component.spec.ts

@@ -1,23 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { FormInputComponent } from './form-input.component';
-
-describe('FormInputComponent', () => {
-  let component: FormInputComponent;
-  let fixture: ComponentFixture<FormInputComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      imports: [FormInputComponent]
-    })
-    .compileComponents();
-    
-    fixture = TestBed.createComponent(FormInputComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

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

@@ -1,95 +0,0 @@
-/**
- * Carefirst Library Form Input
- *
- * @file          form-input.component
- * @description   Contains all the logic for generating a CareFirst Form Input Field
- * @author        Arno Jansen van Vuuren
- * @since         2023 - 12 - 14
- * @usage         <cf-form-input label="Label Name" %labelPlacement% %inputMode% %noClearButton% %textCenter% %min% %max% %autoCapitalize% %type% %[(value)]="twoWayComs"% %(valueChange)="currentValueEvent"% %[control]%="formName.controls.controlName"></cf-form-input>
- *                disable input by disabling the form control
- */
-
-import { Component, Input, Output, type OnChanges, type SimpleChanges, EventEmitter } from '@angular/core';
-import { FormControl } from '@angular/forms';
-//--- Utils
-import { checkTruthAttribute, validateStringValue } from '../../utils/attribute.util';
-
-/**==============================================
- * @interface     inputsC
- * @description   Define available input values
- */
-const inputsC = {
-  labelPlacement: ['fixed', 'floating', 'stacked', 'start', 'end'],
-  inputMode: ['text', 'email', 'numeric', 'tel', 'decimal', 'url', 'search'],
-  autoCapitalize: ['off', 'none', 'on', 'sentences', 'words', 'characters'],
-  type: ['date', 'datetime-local', 'email', 'month', 'number', 'password', 'search', 'tel', 'text', 'time', 'url', 'week'],
-} as const;
-
-@Component({
-  selector: 'cf-form-input',
-  templateUrl: './form-input.component.html',
-  styleUrl: './form-input.component.scss',
-})
-export class FormInputComponent implements OnChanges {
-  @Input() label!: string;
-  @Input() min: number | string = 'none';
-  @Input() max: number | string = 'none';
-  @Input() labelPlacement?: (typeof inputsC.labelPlacement)[number];
-  @Input() placeholder?: string | undefined;
-  @Input() inputmode?: (typeof inputsC.inputMode)[number];
-  @Input() autoCapitalize?: (typeof inputsC.autoCapitalize)[number];
-  @Input() type?: (typeof inputsC.type)[number];
-  @Input() noClearButton?: boolean | string | undefined;
-  @Input() control?: FormControl | null;
-  @Input() textCenter?: boolean | string | undefined;
-  @Input() maxLength?: number | string;
-  @Input() greyBackground?: boolean | string | undefined;
-
-  //--- ngModel
-  @Input() value: string | undefined;
-  @Output() valueChange = new EventEmitter<typeof this.value>();
-
-  //--- Local variables
-  inputLabelPlacement: typeof this.labelPlacement;
-  localInputMode: typeof this.inputmode;
-  inputClear = false;
-  inputTextCenter = false;
-  inputType: typeof this.type;
-  inputAutoCapitalize: typeof this.autoCapitalize;
-  inputGreyBackground = false;
-
-  /**----------------------------------------------------------------
-   * @name          ngOnChanges
-   * @description   Detect changes to input values
-   * @param         {SimpleChanges} changes
-   */
-  ngOnChanges(changes: SimpleChanges): void {
-    //--- Label Placement
-    this.inputLabelPlacement =
-      validateStringValue<(typeof inputsC.labelPlacement)[number]>(
-        changes,
-        'labelPlacement',
-        inputsC.labelPlacement.slice(),
-        this.inputLabelPlacement
-      ) || 'floating';
-    //--- Input Type (keyboard)
-    this.localInputMode =
-      validateStringValue<(typeof inputsC.inputMode)[number]>(changes, 'inputmode', inputsC.inputMode.slice(), this.localInputMode) || 'text';
-    //--- Clear Button
-    this.inputClear = checkTruthAttribute(changes, 'noClearButton', this.inputClear);
-    //--- Text Center
-    this.inputTextCenter = checkTruthAttribute(changes, 'textCenter', this.inputTextCenter);
-    //--- Type
-    this.inputType = validateStringValue<(typeof inputsC.type)[number]>(changes, 'type', inputsC.type.slice(), this.inputType) || 'text';
-    //--- Auto Capitalize
-    this.inputAutoCapitalize =
-      validateStringValue<(typeof inputsC.autoCapitalize)[number]>(
-        changes,
-        'autoCapitalize',
-        inputsC.autoCapitalize.slice(),
-        this.inputAutoCapitalize
-      ) || 'none';
-    //--- Grey Background
-    this.inputGreyBackground = checkTruthAttribute(changes, 'greyBackground', this.inputGreyBackground);
-  }
-}

package/src/lib/components/form-input-select/form-input-select.component.html

@@ -1,27 +0,0 @@
-<!-- ngModel -->
-<ion-select
-  *ngIf="!control"
-  [label]="label"
-  [labelPlacement]="inputLabelPlacement"
-  [placeholder]="placeholder"
-  fill="outline"
-  mode="md"
-  interface="popover"
-  (ionChange)="valueChange.emit($event.detail.value ?? undefined)"
-  [value]="value">
-  <ion-select-option *ngFor="let option of options" [value]="option.value">{{ option.displayName }}</ion-select-option>
-</ion-select>
-<!-- Form Control -->
-<ion-select
-  *ngIf="control"
-  [label]="label"
-  [labelPlacement]="inputLabelPlacement"
-  [placeholder]="placeholder"
-  fill="outline"
-  mode="md"
-  interface="popover"
-  [formControl]="control"
-  (ionChange)="valueChange.emit($event.detail.value ?? undefined)">
-  <ion-select-option *ngFor="let option of options" [value]="option.value">{{ option.displayName }}</ion-select-option>
-</ion-select>
-<cf-form-validation *ngIf="control" [control]="control"></cf-form-validation>

package/src/lib/components/form-input-select/form-input-select.component.scss

@@ -1,40 +0,0 @@
-/*===============================================
-================== Form Items ===================
-===============================================*/
-ion-select {
-  font-family: 'Roboto', sans-serif;
-  font-weight: 400;
-  font-style: normal;
-  font-size: 1.6rem;
-  color: var(--cf-app-text-color-default);
-  text-align: start;
-  --border-radius: 8px !important; //--- important overrides the fill option
-  --highlight-color-focused: var(--cf-app-color-primary);
-  --highlight-color-invalid: var(--cf-app-system-color-error);
-  --highlight-color-valid: var(--cf-app-color-primary);
-}
-
-/*===============================================
-================ Select Popovers ================
-===============================================*/
-::ng-deep ion-select-popover ion-list[class*='popover'] {
-  background: var(--cf-app-background-light);
-  ion-item[class*='popover'] {
-    ion-radio {
-      font-family: 'Roboto', sans-serif;
-      font-weight: 400;
-      font-style: normal;
-      font-size: 1.6rem;
-      color: var(--cf-app-text-color-default);
-      text-align: start;
-    }
-
-    --background: transparent;
-    --border-radius: 8px;
-    --background-focused: var(--cf-app-color-accent);
-    --background-focused-opacity: 0.5;
-    --background-hover: var(--cf-app-color-primary);
-    --background-hover-opacity: 0.1;
-    padding: 4px;
-  }
-}

package/src/lib/components/form-input-select/form-input-select.component.spec.ts

@@ -1,23 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { FormInputSelectComponent } from './form-input-select.component';
-
-describe('FormInputSelectComponent', () => {
-  let component: FormInputSelectComponent;
-  let fixture: ComponentFixture<FormInputSelectComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      imports: [FormInputSelectComponent]
-    })
-    .compileComponents();
-    
-    fixture = TestBed.createComponent(FormInputSelectComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

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

@@ -1,61 +0,0 @@
-/**
- * Carefirst Library Form Input Select
- *
- * @file          form-input-select.component
- * @description   Contains all the logic for generating a CareFirst Select
- * @author        Arno Jansen van Vuuren
- * @since         2023 - 12 - 14
- * @usage         <cf-form-input-select label="Label Name" [options]="[{ displayName: string; value: string | number | boolean | null | undefined }]" %labelPlacement% %(valueChange)="currentValue"% %[(value)]="twoWayComs"% %[control]%="formName.controls.controlName"></cf-form-input-select>
- *                disable input by disabling the form control
- */
-
-import { Component, EventEmitter, Input, Output, type OnChanges, type SimpleChanges } from '@angular/core';
-import { FormControl } from '@angular/forms';
-//--- Utils
-import { validateStringValue } from '../../utils/attribute.util';
-//--- Interfaces
-import type { FormInputSelectOptionsI } from '../../interfaces/input.interface';
-
-/**==============================================
- * @interface     inputSelectC
- * @description   Define available input select values
- */
-const inputSelectC = {
-  labelPlacement: ['fixed', 'floating', 'stacked', 'start', 'end'],
-} as const;
-
-@Component({
-  selector: 'cf-form-input-select',
-  templateUrl: './form-input-select.component.html',
-  styleUrl: './form-input-select.component.scss',
-})
-export class FormInputSelectComponent<T> implements OnChanges {
-  @Input() label!: string;
-  @Input() options!: FormInputSelectOptionsI<T>[];
-  @Input() labelPlacement?: (typeof inputSelectC.labelPlacement)[number];
-  @Input() placeholder?: string | undefined;
-  @Input() control?: FormControl | null;
-
-  //--- ngModel
-  @Input() value: FormInputSelectOptionsI<T>['value'] | undefined;
-  @Output() valueChange = new EventEmitter<typeof this.value>();
-
-  //--- Local variables
-  inputLabelPlacement: typeof this.labelPlacement;
-
-  /**----------------------------------------------------------------
-   * @name          ngOnChanges
-   * @description   Detect changes to input values
-   * @param         {SimpleChanges} changes
-   */
-  ngOnChanges(changes: SimpleChanges): void {
-    //--- Label Placement
-    this.inputLabelPlacement =
-      validateStringValue<(typeof inputSelectC.labelPlacement)[number]>(
-        changes,
-        'labelPlacement',
-        inputSelectC.labelPlacement.slice(),
-        this.inputLabelPlacement
-      ) || 'floating';
-  }
-}

package/src/lib/components/form-input-text-area/form-input-text-area.component.html

@@ -1,29 +0,0 @@
-<!-- ngModel -->
-<ion-textarea
-  [style]="'min-height: ' + minHeight + '; max-height: ' + maxHeight"
-  *ngIf="!control"
-  [placeholder]="placeholder"
-  [ngClass]="{ 'text-center': inputTextCenter }"
-  [label]="label"
-  [labelPlacement]="inputLabelPlacement"
-  fill="outline"
-  [autocapitalize]="autoCapitalize"
-  [autoGrow]="true"
-  mode="md"
-  (ionInput)="valueChange.emit($event.detail.value ?? undefined)"
-  [value]="value"></ion-textarea>
-<!-- Form Control -->
-<ion-textarea
-  [style]="'min-height: ' + minHeight + '; max-height: ' + maxHeight"
-  *ngIf="control"
-  [placeholder]="placeholder"
-  [ngClass]="{ 'text-center': inputTextCenter }"
-  [label]="label"
-  [labelPlacement]="inputLabelPlacement"
-  fill="outline"
-  [autocapitalize]="autoCapitalize"
-  [autoGrow]="true"
-  mode="md"
-  [formControl]="control"
-  (ionInput)="valueChange.emit($event.detail.value ?? undefined)"></ion-textarea>
-<cf-form-validation *ngIf="control" [control]="control"></cf-form-validation>

package/src/lib/components/form-input-text-area/form-input-text-area.component.scss

@@ -1,19 +0,0 @@
-/*===============================================
-================== Form Items ===================
-===============================================*/
-ion-textarea {
-  font-family: 'Roboto', sans-serif;
-  font-weight: 400;
-  font-style: normal;
-  font-size: 1.6rem;
-  color: var(--cf-app-text-color-default);
-  text-align: start;
-  --border-radius: 8px !important; //--- important overrides the fill option
-  --highlight-color-focused: var(--cf-app-color-primary);
-  --highlight-color-invalid: var(--cf-app-system-color-error);
-  --highlight-color-valid: var(--cf-app-color-primary);
-}
-
-ion-textarea.text-center {
-  text-align: center;
-}

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

@@ -1,23 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { FormInputTextAreaComponent } from './form-input-text-area.component';
-
-describe('FormInputTextAreaComponent', () => {
-  let component: FormInputTextAreaComponent;
-  let fixture: ComponentFixture<FormInputTextAreaComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      imports: [FormInputTextAreaComponent]
-    })
-    .compileComponents();
-    
-    fixture = TestBed.createComponent(FormInputTextAreaComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

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

@@ -1,76 +0,0 @@
-/**
- * Carefirst Library Form Input Text Area
- *
- * @file          form-input-text-area.component
- * @description   Contains all the logic for generating a CareFirst Form Input Text Area
- * @author        Arno Jansen van Vuuren
- * @since         2023 - 12 - 18
- * @usage         <cf-form-input-text-area label="Label Name" %labelPlacement% %textCenter% %autoCapitalize% %(valueChange)="currentValue"% %[(value)]="twoWayComs"% %[control]%="formName.controls.controlName"></cf-form-input-text-area>
- *                disable input by disabling the form control
- */
-
-import { Component, EventEmitter, Input, Output, type OnChanges, type SimpleChanges } from '@angular/core';
-import type { FormControl } from '@angular/forms';
-//--- Utils
-import { validateStringValue, checkTruthAttribute } from '../../utils/attribute.util';
-
-/**==============================================
- * @interface     inputTextAreaC
- * @description   Define available input values
- */
-const inputTextAreaC = {
-  labelPlacement: ['fixed', 'floating', 'stacked', 'start', 'end'],
-  autoCapitalize: ['off', 'none', 'on', 'sentences', 'words', 'characters'],
-} as const;
-
-@Component({
-  selector: 'cf-form-input-text-area',
-  templateUrl: './form-input-text-area.component.html',
-  styleUrl: './form-input-text-area.component.scss',
-})
-export class FormInputTextAreaComponent implements OnChanges {
-  @Input() label!: string;
-  @Input() labelPlacement?: (typeof inputTextAreaC.labelPlacement)[number];
-  @Input() placeholder?: string | undefined;
-  @Input() autoCapitalize?: (typeof inputTextAreaC.autoCapitalize)[number];
-  @Input() control?: FormControl | null;
-  @Input() textCenter?: boolean | string | undefined;
-  @Input() minHeight?: string | 'none' = 'none';
-  @Input() maxHeight?: string | 'none' = 'none';
-
-  //--- ngModel
-  @Input() value: string | undefined;
-  @Output() valueChange = new EventEmitter<typeof this.value>();
-
-  //--- Local variables
-  inputLabelPlacement: typeof this.labelPlacement;
-  inputClear = true;
-  inputTextCenter = false;
-  inputAutoCapitalize: typeof this.autoCapitalize;
-
-  /**----------------------------------------------------------------
-   * @name          ngOnChanges
-   * @description   Detect changes to input values
-   * @param         {SimpleChanges} changes
-   */
-  ngOnChanges(changes: SimpleChanges): void {
-    //--- Label Placement
-    this.inputLabelPlacement =
-      validateStringValue<(typeof inputTextAreaC.labelPlacement)[number]>(
-        changes,
-        'labelPlacement',
-        inputTextAreaC.labelPlacement.slice(),
-        this.inputLabelPlacement
-      ) || 'floating';
-    //--- Text Center
-    this.inputTextCenter = checkTruthAttribute(changes, 'textCenter', this.inputTextCenter);
-    //--- Auto Capitalize
-    this.inputAutoCapitalize =
-      validateStringValue<(typeof inputTextAreaC.autoCapitalize)[number]>(
-        changes,
-        'autoCapitalize',
-        inputTextAreaC.autoCapitalize.slice(),
-        this.inputAutoCapitalize
-      ) || 'none';
-  }
-}

package/src/lib/components/form-validation/form-validation.component.html

@@ -1,8 +0,0 @@
-<div *ngIf="control?.dirty && control?.errors" class="form-valid-feedback">
-  <div *ngFor="let error of this.control?.errors | keyvalue">
-    <p class="body-medium" *ngIf="error.key === 'email'">*Invalid email format</p>
-    <p class="body-medium" *ngIf="error.key === 'minlength'">*Length required: {{ error.value.requiredLength - error.value.actualLength }}</p>
-    <p class="body-medium" *ngIf="error.key === 'maxlength'">*Max Length: {{ error.value.requiredLength }}</p>
-    <p class="body-medium" *ngIf="error.key === 'errorMessage'">*{{ error.value }}</p>
-  </div>
-</div>

package/src/lib/components/form-validation/form-validation.component.scss

@@ -1,8 +0,0 @@
-.form-valid-feedback {
-  padding: 4px 0 0 10px;
-  p {
-    font-size: 1.2rem;
-    text-align: left;
-    color: var(--cf-app-system-color-error);
-  }
-}

package/src/lib/components/form-validation/form-validation.component.spec.ts

@@ -1,23 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { FormValidationComponent } from './form-validation.component';
-
-describe('FormValidationComponent', () => {
-  let component: FormValidationComponent;
-  let fixture: ComponentFixture<FormValidationComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      imports: [FormValidationComponent]
-    })
-    .compileComponents();
-    
-    fixture = TestBed.createComponent(FormValidationComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

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

@@ -1,34 +0,0 @@
-/**
- * CareFirst Library Form Validation Feedback
- *
- * @file          form-validation.component
- * @description   Contains all the logic for generating CareFirst Form Validation Feedback
- * @author        Arno Jansen van Vuuren
- * @since         2023 - 12 - 05
- * @usage         <cf-form-validation [control]="formName.get('controlName')"></cf-form-validation>
- */
-
-import { Component, Input, type OnChanges, type SimpleChanges } from '@angular/core';
-//--- Interfaces
-import type { FormControl } from '@angular/forms';
-
-@Component({
-  selector: 'cf-form-validation',
-  templateUrl: './form-validation.component.html',
-  styleUrl: './form-validation.component.scss',
-})
-export class FormValidationComponent implements OnChanges {
-  //--- Receive form control
-  @Input() control!: FormControl | null;
-
-  /**----------------------------------------------------------------
-   * @name          ngOnChanges
-   * @description   Detect changes to input values
-   * @param         {SimpleChanges} changes
-   */
-  ngOnChanges(changes: SimpleChanges): void {
-    if (changes['control'] && changes['control'].currentValue) {
-      this.control = changes['control'].currentValue;
-    }
-  }
-}