@carefirst/library 4.8.0 → 5.0.0

package/index.d.ts

@@ -1,2 +1,1045 @@
-/// <amd-module name="@carefirst/library" />
-export * from './public-api';
+import * as i0 from '@angular/core';
+import { OnChanges, EventEmitter, SimpleChanges, TemplateRef, Renderer2, ViewContainerRef, ElementRef, OnInit } from '@angular/core';
+import * as i22 from '@ionic/angular';
+import { IonPopover, IonInput, InputCustomEvent } from '@ionic/angular';
+import * as i24 from '@angular/forms';
+import { ValidatorFn, FormGroup, FormControl } from '@angular/forms';
+import { BehaviorSubject, Subscription } from 'rxjs';
+import * as i23 from '@angular/common';
+
+declare class PageComponent implements OnChanges {
+    centerH?: boolean | string | undefined;
+    centerV?: boolean | string | undefined;
+    headerInheritanceOff?: boolean | string | undefined;
+    stickyHeaderOff?: boolean | string | undefined;
+    dark?: boolean | string | undefined;
+    noScroll?: boolean | string | undefined;
+    devMode?: boolean | string | undefined;
+    buttonsVertical?: boolean | string | undefined;
+    stickyButtonOn?: boolean | string | undefined;
+    noStickyButtonFade?: boolean | string | undefined;
+    readonly scrollEvent: EventEmitter<CustomEvent<any>>;
+    inputCenterH: boolean;
+    inputCenterV: boolean;
+    inputHeaderInheritanceOff: boolean;
+    inputStickyHeaderOff: boolean;
+    inputDark: boolean;
+    inputNoScroll: boolean;
+    inputDevMode: boolean;
+    inputButtonsVertical: boolean;
+    inputStickyButtonOn: boolean;
+    inputNoStickyButtonFade: boolean;
+    /**----------------------------------------------------------------
+     * @name          ngOnChanges
+     * @description   Update various values on input changes
+     * @returns       {void}
+     */
+    ngOnChanges(changes: SimpleChanges): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PageComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PageComponent, "cf-page", never, { "centerH": { "alias": "centerH"; "required": false; }; "centerV": { "alias": "centerV"; "required": false; }; "headerInheritanceOff": { "alias": "headerInheritanceOff"; "required": false; }; "stickyHeaderOff": { "alias": "stickyHeaderOff"; "required": false; }; "dark": { "alias": "dark"; "required": false; }; "noScroll": { "alias": "noScroll"; "required": false; }; "devMode": { "alias": "devMode"; "required": false; }; "buttonsVertical": { "alias": "buttonsVertical"; "required": false; }; "stickyButtonOn": { "alias": "stickyButtonOn"; "required": false; }; "noStickyButtonFade": { "alias": "noStickyButtonFade"; "required": false; }; }, { "scrollEvent": "scrollEvent"; }, never, ["[cf-page-header]", "*", "[cf-page-buttons]", "[cf-page-footer]", "[cf-page-sticky-buttons]"], false, never>;
+}
+
+/**==============================================
+ * @interface     IconsT
+ * @description   Short description
+ */
+declare const iconsC: readonly ["home", "cog", "profile", "scan", "person", "appointment", "clock", "calendar", "email", "phone", "sign-out", "sign-in", "close", "check-mark", "rating-star-blank", "rating-star-filled", "back-arrow", "bell", "lock", "show-password", "hide-password", "circle-check", "circle-alert", "circle-close", "direction-switch", "direction-switch-flat", "direction-switch-block", "chat-bubbles", "phone-down", "mic", "no-mic", "button-forward-arrow", "button-check-box", "social-media-whatsapp", "social-media-facebook", "social-media-linkedin", "social-media-instagram", "social-media-google-mail", "instant-video-service", "instant-telephonic-service", "scheduled-video-service", "scheduled-telephonic-service", "vital-scan-service", "open-back-arrow", "open-forward-arrow", "open-up-arrow", "open-down-arrow", "single-document", "lightning", "microsoft-365", "user-dependent", "plus", "minus", "close-box", "speech-bubble", "camera-switch", "retry", "download", "upload", "upload-document", "print", "search", "flame", "bank-cards", "bank-card", "swipe-bank-card", "coin", "sign-out-curved", "sign-in-curved", "calendar-blank", "wallet", "info", "three-dot-colon", "adjustment", "triangle-alert"];
+type IconsT = (typeof iconsC)[number];
+/**==============================================
+ * @interface     IconColorT
+ * @description   All available colors in CSS classes
+ */
+declare const iconColorC: readonly ["primary", "secondary", "success", "warning", "error", "white", "accent"];
+type IconColorT = (typeof iconColorC)[number];
+
+type icon_interface_d_IconColorT = IconColorT;
+type icon_interface_d_IconsT = IconsT;
+declare const icon_interface_d_iconColorC: typeof iconColorC;
+declare const icon_interface_d_iconsC: typeof iconsC;
+declare namespace icon_interface_d {
+  export { icon_interface_d_iconColorC as iconColorC, icon_interface_d_iconsC as iconsC };
+  export type { icon_interface_d_IconColorT as IconColorT, icon_interface_d_IconsT as IconsT };
+}
+
+declare class ButtonComponent implements OnChanges {
+    type: 'primary' | 'secondary' | 'tertiary';
+    disabled?: boolean | string | undefined;
+    alert?: boolean | string | undefined;
+    action?: boolean | string | undefined;
+    white?: string | undefined;
+    snug?: boolean | string | undefined;
+    accent?: boolean | string | undefined;
+    fontSize?: 'small' | 'large';
+    iconStart?: IconsT | undefined;
+    iconEnd?: IconsT | undefined;
+    loading?: boolean | string | undefined;
+    loadingText?: string;
+    customColor?: string | undefined;
+    get parentEvents(): string;
+    inputType: typeof this.type;
+    inputFontSize: typeof this.fontSize | undefined;
+    inputDisabled: boolean;
+    inputAlert: boolean;
+    inputAction: boolean;
+    inputSnug: boolean;
+    inputAccent: boolean;
+    inputWhite: boolean;
+    inputIconStart: typeof this.iconStart | undefined;
+    inputIconEnd: typeof this.iconEnd | undefined;
+    inputLoading: boolean;
+    inputCustomColor: string;
+    /**----------------------------------------------------------------
+     * @name          ngOnChanges
+     * @description   Update various values on input changes
+     * @returns       {void}
+     */
+    ngOnChanges(changes: SimpleChanges): void;
+    /**----------------------------------------------------------------
+     * @name          checkCustomColor
+     * @description   Check if the custom color is valid
+     * @param         {string} color
+     * @returns       {string}
+     */
+    checkCustomColor(color: string): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ButtonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "cf-btn", never, { "type": { "alias": "type"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "alert": { "alias": "alert"; "required": false; }; "action": { "alias": "action"; "required": false; }; "white": { "alias": "white"; "required": false; }; "snug": { "alias": "snug"; "required": false; }; "accent": { "alias": "accent"; "required": false; }; "fontSize": { "alias": "fontSize"; "required": false; }; "iconStart": { "alias": "iconStart"; "required": false; }; "iconEnd": { "alias": "iconEnd"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "loadingText": { "alias": "loadingText"; "required": false; }; "customColor": { "alias": "customColor"; "required": false; }; }, {}, never, ["*"], false, never>;
+}
+
+/**==============================================
+ * @description   Available Spacer Values
+ */
+declare const spacerNumberArray: readonly [4, 8, 12, 16, 24, 32, 38, 48, 72, 96];
+type SpacerNumberT = (typeof spacerNumberArray)[number];
+type SpacerStringT = `${SpacerNumberT}`;
+
+type spacer_interface_d_SpacerNumberT = SpacerNumberT;
+type spacer_interface_d_SpacerStringT = SpacerStringT;
+declare const spacer_interface_d_spacerNumberArray: typeof spacerNumberArray;
+declare namespace spacer_interface_d {
+  export { spacer_interface_d_spacerNumberArray as spacerNumberArray };
+  export type { spacer_interface_d_SpacerNumberT as SpacerNumberT, spacer_interface_d_SpacerStringT as SpacerStringT };
+}
+
+declare class SpacerComponent implements OnChanges {
+    default?: SpacerStringT | SpacerNumberT | undefined;
+    mobile?: SpacerStringT | SpacerNumberT | undefined;
+    desktop?: SpacerStringT | SpacerNumberT | undefined;
+    inputDefault: number | undefined;
+    inputMobile: number | undefined;
+    inputDesktop: number | undefined;
+    /**----------------------------------------------------------------
+     * @name          ngOnChanges
+     * @description   Update various values on input changes
+     * @returns       {void}
+     */
+    ngOnChanges(changes: SimpleChanges): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SpacerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SpacerComponent, "cf-spacer", never, { "default": { "alias": "default"; "required": false; }; "mobile": { "alias": "mobile"; "required": false; }; "desktop": { "alias": "desktop"; "required": false; }; }, {}, never, never, false, never>;
+}
+
+declare class IconComponent implements OnChanges {
+    icon: IconsT;
+    height?: number;
+    heightMobile?: number;
+    heightDesktop?: number;
+    iconColor?: IconColorT;
+    iconColorCustom?: string;
+    inputIcon: typeof this.icon | undefined;
+    inputColor: typeof this.iconColor | undefined;
+    /**----------------------------------------------------------------
+     * @name          ngOnChanges
+     * @description   Update various values on input changes
+     * @returns       {void}
+     */
+    ngOnChanges(changes: SimpleChanges): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IconComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IconComponent, "cf-icon", never, { "icon": { "alias": "icon"; "required": false; }; "height": { "alias": "height"; "required": false; }; "heightMobile": { "alias": "heightMobile"; "required": false; }; "heightDesktop": { "alias": "heightDesktop"; "required": false; }; "iconColor": { "alias": "iconColor"; "required": false; }; "iconColorCustom": { "alias": "iconColorCustom"; "required": false; }; }, {}, never, never, false, never>;
+}
+
+/**
+ * Button Loader Directive
+ *
+ * @file          button-loader.directive
+ * @description   HTML directive used to disable a button while loading
+ * @author        Jacques Coetzee
+ * @since         2022 - 07 - 22
+ * @usage         Add to any HTML tag: *cfButtonLoader="true"
+ */
+
+declare class ButtonLoaderDirective {
+    private templateRef;
+    private renderer;
+    private viewContainer;
+    private elementRef;
+    /**----------------------------------------------------------------
+     * @name  Constructor
+     */
+    constructor(templateRef: TemplateRef<HTMLElement>, renderer: Renderer2, viewContainer: ViewContainerRef, elementRef: ElementRef<HTMLElement>);
+    /**----------------------------------------------------------------
+     * @name          cfButtonLoader
+     * @description   Displays a loading overlay and disables a button
+     * @param         {boolean} loading
+     */
+    set cfButtonLoader(loading: boolean);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ButtonLoaderDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ButtonLoaderDirective, "[cfButtonLoader]", never, { "cfButtonLoader": { "alias": "cfButtonLoader"; "required": false; }; }, {}, never, never, false, never>;
+}
+
+/**==============================================
+ * @interface     NotificationPayloadI
+ * @description   Setup needed to show a notification
+ */
+interface NotificationPayloadI {
+    heading: string;
+    status: 'success' | 'warning' | 'error' | 'accent';
+    message?: string;
+    buttons?: {
+        identifier: string | number;
+        closeButton?: true;
+        actionButton?: {
+            buttonText: string;
+            buttonHeading?: string;
+        };
+    };
+    autoClose?: number;
+}
+
+type notification_interface_d_NotificationPayloadI = NotificationPayloadI;
+declare namespace notification_interface_d {
+  export type { notification_interface_d_NotificationPayloadI as NotificationPayloadI };
+}
+
+/**
+ * CareFirst Library - Notification
+ *
+ * @file          notification.component
+ * @description   Contains all the logic for generating a CareFirst Notification
+ * @author        Arno Jansen van Vuuren
+ * @since         2023 - 11 - 27
+ * @usage         <cf-notification [data]="{heading, status, %message%, %canClose%, %button%, %autoClose%}" (buttonClick)=""></cf-notification>
+ */
+
+declare class NotificationComponent implements OnChanges {
+    data: NotificationPayloadI | undefined;
+    readonly dataChange: EventEmitter<NotificationPayloadI | undefined>;
+    readonly buttonClick: EventEmitter<string | number>;
+    readonly closeClick: EventEmitter<string | number>;
+    readonly autoClose: EventEmitter<void>;
+    private autoCloseTimeOut?;
+    /**----------------------------------------------------------------
+     * @name          ngOnChanges
+     * @description   Listens for changes to data and starts timer when/if 'autoClose' is set.
+     * @param         {SimpleChanges} changes
+     * @returns       {void}
+     */
+    ngOnChanges(changes: SimpleChanges): void;
+    /**----------------------------------------------------------------
+     * @name          startAutoCloseTimer
+     * @description   Start timer to automatically close notification after specified duration.
+     * @description   If previous autoClose time exists, it is cleared before starting new one.
+     * @returns       {void}
+     */
+    private startAutoCloseTimer;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NotificationComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NotificationComponent, "cf-notification", never, { "data": { "alias": "data"; "required": false; }; }, { "dataChange": "dataChange"; "buttonClick": "buttonClick"; "closeClick": "closeClick"; "autoClose": "autoClose"; }, never, ["*"], false, never>;
+}
+
+/**==============================================
+ * @interface     AlertDataI
+ * @description   Defines the properties needed to show a care first alert
+ */
+interface AlertDataI {
+    heading: string;
+    message: string;
+    alertIdentifier: string | number;
+    buttonTrue?: string;
+    buttonFalse?: string | null;
+    input?: {
+        placeholder?: string;
+        validators?: ValidatorFn[];
+        customError?: string;
+    };
+}
+/**==============================================
+ * @interface     AlertEventI
+ * @description   Defines the structure of the returned event from the alert when a button is clicked
+ */
+interface AlertEventI {
+    identifier: string | number;
+    status: boolean;
+    inputValue?: string;
+}
+
+type alert_interface_d_AlertDataI = AlertDataI;
+type alert_interface_d_AlertEventI = AlertEventI;
+declare namespace alert_interface_d {
+  export type { alert_interface_d_AlertDataI as AlertDataI, alert_interface_d_AlertEventI as AlertEventI };
+}
+
+/**
+ * CareFirst Library Alert
+ *
+ * @file          alert.component
+ * @description   Contains all the logic for generating a CareFirst Alert
+ * @author        Arno Jansen van Vuuren
+ * @since         2023 - 11 - 30
+ * @usage         <cf-alert data="{heading, message, buttonTrue, buttonFalse}" (alertEvent)></cf-alert>
+ */
+
+declare class AlertComponent implements OnChanges {
+    popover?: IonPopover;
+    data: AlertDataI | undefined;
+    readonly alertEvent: EventEmitter<AlertEventI>;
+    customError: string | null;
+    alertForm: FormGroup<{
+        inputTextControl: FormControl<string | null>;
+    }>;
+    /**----------------------------------------------------------------
+     * @name          ngOnChanges
+     * @description   Update various values on component input changes
+     * @param         {SimpleChanges} changes - The changed input properties
+     * @returns       {void}
+     */
+    ngOnChanges(changes: SimpleChanges): void;
+    /**----------------------------------------------------------------
+     * @name          handleAlert
+     * @description   Description
+     * @param         {boolean} status
+     * @returns       {void}
+     */
+    handleAlert(status: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AlertComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AlertComponent, "cf-alert", never, { "data": { "alias": "data"; "required": false; }; }, { "alertEvent": "alertEvent"; }, never, ["*"], false, never>;
+}
+
+/**
+ * CareFirst Library Logo
+ *
+ * @file          logo.component
+ * @description   Contains all the logic for generating a CareFirst Logo
+ * @author        Arno Jansen van Vuuren
+ * @since         2023 - 11 - 30
+ * @usage         <cf-logo type="vertical | horizontal" %height% %white%></cf-logo>
+ */
+
+declare class LogoComponent implements OnChanges {
+    type: 'horizontal' | 'vertical';
+    height: number;
+    white?: string | boolean | undefined;
+    inputWhite: boolean;
+    /**----------------------------------------------------------------
+     * @name          ngOnChanges
+     * @description   Update various values on input changes
+     * @returns       {void}
+     */
+    ngOnChanges(changes: SimpleChanges): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LogoComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LogoComponent, "cf-logo", never, { "type": { "alias": "type"; "required": false; }; "height": { "alias": "height"; "required": false; }; "white": { "alias": "white"; "required": false; }; }, {}, never, never, false, never>;
+}
+
+declare class CalendarComponent implements OnChanges {
+    displayTime?: boolean | string | undefined;
+    color?: 'success' | 'accent';
+    min?: string | undefined;
+    max?: string | undefined;
+    readonly value: EventEmitter<string>;
+    inputTime: boolean;
+    inputColor: typeof this.color;
+    /**----------------------------------------------------------------
+     * @name          ngOnChanges
+     * @description   Update various values on component input changes
+     * @returns       {void}
+     */
+    ngOnChanges(changes: SimpleChanges): void;
+    /**----------------------------------------------------------------
+     * @name          setValue
+     * @description   Emit the selected date value
+     * @param         {string | string[] | null | undefined} value
+     * @returns       {void}
+     */
+    setValue(value: string | string[] | null | undefined): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CalendarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CalendarComponent, "cf-calendar", never, { "displayTime": { "alias": "displayTime"; "required": false; }; "color": { "alias": "color"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; }, { "value": "value"; }, never, never, false, never>;
+}
+
+/**
+ * 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')" [customErrorMessage]="errorMessage"></cf-form-validation>
+ */
+
+declare class FormValidationComponent implements OnChanges {
+    control: FormControl | null;
+    customErrorMessage: string | null;
+    /**----------------------------------------------------------------
+     * @name          ngOnChanges
+     * @description   Detect changes to input values
+     * @param         {SimpleChanges} changes
+     */
+    ngOnChanges(changes: SimpleChanges): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FormValidationComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormValidationComponent, "cf-form-validation", never, { "control": { "alias": "control"; "required": false; }; "customErrorMessage": { "alias": "customErrorMessage"; "required": false; }; }, {}, never, never, false, never>;
+}
+
+/**==============================================
+ * @interface     inputsC
+ * @description   Define available input values
+ */
+declare const inputsC: {
+    readonly labelPlacement: readonly ["fixed", "floating", "stacked", "start", "end"];
+    readonly inputMode: readonly ["text", "email", "numeric", "tel", "decimal", "url", "search"];
+    readonly autoCapitalize: readonly ["off", "none", "on", "sentences", "words", "characters"];
+    readonly type: readonly ["date", "datetime-local", "email", "month", "number", "password", "search", "tel", "text", "time", "url", "week"];
+};
+
+/**
+ * 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"
+ *                  %[customErrorMessage]%="errorMessage"
+ *                ></cf-form-input>
+ *                disable input by disabling the form control
+ */
+
+declare class FormInputComponent implements OnChanges {
+    label: string;
+    min: string | number | undefined;
+    max: string | number | undefined;
+    labelPlacement?: (typeof inputsC.labelPlacement)[number];
+    placeholder?: string | undefined;
+    inputmode?: (typeof inputsC.inputMode)[number];
+    autoCapitalize?: (typeof inputsC.autoCapitalize)[number];
+    type?: (typeof inputsC.type)[number];
+    noClearButton?: boolean | string | undefined;
+    control?: FormControl | null;
+    textCenter?: boolean | string | undefined;
+    maxLength?: number | string;
+    greyBackground?: boolean | string | undefined;
+    customErrorMessage: string | null;
+    value: string | undefined;
+    readonly valueChange: EventEmitter<string | undefined>;
+    inputLabelPlacement: typeof this.labelPlacement;
+    localInputMode: typeof this.inputmode;
+    inputClear: boolean;
+    inputTextCenter: boolean;
+    inputType: typeof this.type;
+    inputAutoCapitalize: typeof this.autoCapitalize;
+    inputGreyBackground: boolean;
+    showPassword: boolean;
+    dateValidatorMin: string | null;
+    dateValidatorMax: string | null;
+    /**----------------------------------------------------------------
+     * @name          ngOnChanges
+     * @description   Detect changes to input values
+     * @param         {SimpleChanges} changes
+     */
+    ngOnChanges(changes: SimpleChanges): void;
+    /**----------------------------------------------------------------
+     * @name          togglePasswordShow
+     * @description   Toggle if password is showing or hidden
+     * @returns       {void}
+     */
+    togglePasswordShow(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FormInputComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormInputComponent, "cf-form-input", never, { "label": { "alias": "label"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "labelPlacement": { "alias": "labelPlacement"; "required": false; }; "placeholder": { "alias": "placeholder"; "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; }; "maxLength": { "alias": "maxLength"; "required": false; }; "greyBackground": { "alias": "greyBackground"; "required": false; }; "customErrorMessage": { "alias": "customErrorMessage"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, false, never>;
+}
+
+/**
+ * Carefirst Library Currency Form Input
+ *
+ * @file          form-input-currency.component
+ * @description   Contains all the logic for generating a CareFirst Form Input Currency Field
+ * @author        Jacques Coetzee
+ * @since         2025 - 01 - 10
+ * @usage         <cf-form-input-currency
+ *                  label="Label Name"
+ *                  %labelPlacement%
+ *                  %noClearButton%
+ *                  %[(value)]="twoWayComs"%
+ *                  %(valueChange)="currentValueEvent"%
+ *                  %[control]%="formName.controls.controlName"
+ *                  %[customErrorMessage]%="errorMessage"
+ *                ></cf-form-input-currency>
+ *                disable input by disabling the form control
+ */
+
+declare class FormInputCurrencyComponent implements OnChanges {
+    currencyTextInput?: IonInput;
+    label: string;
+    labelPlacement?: (typeof inputsC.labelPlacement)[number];
+    placeholder?: string;
+    noClearButton?: boolean | string | undefined;
+    control?: FormControl | null;
+    customErrorMessage: string | null;
+    currency?: string;
+    showCurrency: boolean;
+    value: string | undefined;
+    readonly valueChange: EventEmitter<string | undefined>;
+    inputLabelPlacement: typeof this.labelPlacement;
+    inputClear: boolean;
+    inputShowCurrency: boolean;
+    /**----------------------------------------------------------------
+     * @name          ngOnChanges
+     * @description   Detect changes to input values
+     * @param         {SimpleChanges} changes
+     */
+    ngOnChanges(changes: SimpleChanges): void;
+    /**----------------------------------------------------------------
+     * @name          checkValue
+     * @description   Check the content of the input field
+     * @param         {CustomEvent} event
+     */
+    checkValue(event: CustomEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FormInputCurrencyComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormInputCurrencyComponent, "cf-form-input-currency", never, { "label": { "alias": "label"; "required": false; }; "labelPlacement": { "alias": "labelPlacement"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "noClearButton": { "alias": "noClearButton"; "required": false; }; "control": { "alias": "control"; "required": false; }; "customErrorMessage": { "alias": "customErrorMessage"; "required": false; }; "currency": { "alias": "currency"; "required": false; }; "showCurrency": { "alias": "showCurrency"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, false, never>;
+}
+
+/**==============================================
+ * @interface     FormInputSelectOptionsI
+ * @description   Structure for the input select options
+ */
+interface FormInputSelectOptionsI<T> {
+    displayName: string | number;
+    value: T;
+}
+
+type input_interface_d_FormInputSelectOptionsI<T> = FormInputSelectOptionsI<T>;
+declare namespace input_interface_d {
+  export type { input_interface_d_FormInputSelectOptionsI as FormInputSelectOptionsI };
+}
+
+/**
+ * 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"
+ *                  %[customErrorMessage]%="errorMessage"
+ *                ></cf-form-input-select>
+ *                disable input by disabling the form control
+ */
+
+/**==============================================
+ * @interface     inputSelectC
+ * @description   Define available input select values
+ */
+declare const inputSelectC: {
+    readonly labelPlacement: readonly ["fixed", "floating", "stacked", "start", "end"];
+};
+declare class FormInputSelectComponent<T, Q extends T> implements OnChanges {
+    label: string;
+    options: FormInputSelectOptionsI<T>[];
+    labelPlacement?: (typeof inputSelectC.labelPlacement)[number];
+    placeholder?: string | undefined;
+    control?: FormControl | null;
+    customErrorMessage: string | null;
+    value: Q | undefined;
+    readonly valueChange: EventEmitter<Q | undefined>;
+    inputLabelPlacement: typeof this.labelPlacement;
+    /**----------------------------------------------------------------
+     * @name          ngOnChanges
+     * @description   Detect changes to input values
+     * @param         {SimpleChanges} changes
+     */
+    ngOnChanges(changes: SimpleChanges): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FormInputSelectComponent<any, any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormInputSelectComponent<any, any>, "cf-form-input-select", never, { "label": { "alias": "label"; "required": false; }; "options": { "alias": "options"; "required": false; }; "labelPlacement": { "alias": "labelPlacement"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "control": { "alias": "control"; "required": false; }; "customErrorMessage": { "alias": "customErrorMessage"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, false, never>;
+}
+
+declare class FormInputStringDateComponent implements OnChanges {
+    dateTextInput?: IonInput;
+    label: string;
+    minDate: string | Date | undefined;
+    maxDate: string | Date | undefined;
+    labelPlacement?: (typeof inputsC.labelPlacement)[number];
+    placeholder?: string;
+    noClearButton?: boolean | string | undefined;
+    control?: FormControl | null;
+    customErrorMessage: string | null;
+    value: string | undefined;
+    readonly valueChange: EventEmitter<string | undefined>;
+    inputLabelPlacement: typeof this.labelPlacement;
+    inputClear: boolean;
+    /**----------------------------------------------------------------
+     * @name          ngOnChanges
+     * @description   Detect changes to input values
+     * @param         {SimpleChanges} changes
+     */
+    ngOnChanges(changes: SimpleChanges): void;
+    /**----------------------------------------------------------------
+     * @name          formatDate
+     * @description   Format the date with hyphens
+     * @param         {CustomEvent} event
+     */
+    formatDate(event: CustomEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FormInputStringDateComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormInputStringDateComponent, "cf-form-input-string-date", never, { "label": { "alias": "label"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "labelPlacement": { "alias": "labelPlacement"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "noClearButton": { "alias": "noClearButton"; "required": false; }; "control": { "alias": "control"; "required": false; }; "customErrorMessage": { "alias": "customErrorMessage"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, false, never>;
+}
+
+/**
+ * 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"
+ *                  %[customErrorMessage]%="errorMessage"
+ *                ></cf-form-input-text-area>
+ *                disable input by disabling the form control
+ */
+
+/**==============================================
+ * @interface     inputTextAreaC
+ * @description   Define available input values
+ */
+declare const inputTextAreaC: {
+    readonly labelPlacement: readonly ["fixed", "floating", "stacked", "start", "end"];
+    readonly autoCapitalize: readonly ["off", "none", "on", "sentences", "words", "characters"];
+};
+declare class FormInputTextAreaComponent implements OnChanges {
+    label: string;
+    labelPlacement?: (typeof inputTextAreaC.labelPlacement)[number];
+    placeholder?: string | undefined;
+    autoCapitalize?: (typeof inputTextAreaC.autoCapitalize)[number];
+    control?: FormControl | null;
+    textCenter?: boolean | string | undefined;
+    minHeight?: string | 'none';
+    maxHeight?: string | 'none';
+    customErrorMessage: string | null;
+    value: string | undefined;
+    readonly valueChange: EventEmitter<string | undefined>;
+    inputLabelPlacement: typeof this.labelPlacement;
+    inputClear: boolean;
+    inputTextCenter: boolean;
+    inputAutoCapitalize: typeof this.autoCapitalize;
+    /**----------------------------------------------------------------
+     * @name          ngOnChanges
+     * @description   Detect changes to input values
+     * @param         {SimpleChanges} changes
+     */
+    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; }; "labelPlacement": { "alias": "labelPlacement"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "autoCapitalize": { "alias": "autoCapitalize"; "required": false; }; "control": { "alias": "control"; "required": false; }; "textCenter": { "alias": "textCenter"; "required": false; }; "minHeight": { "alias": "minHeight"; "required": false; }; "maxHeight": { "alias": "maxHeight"; "required": false; }; "customErrorMessage": { "alias": "customErrorMessage"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, false, never>;
+}
+
+/**
+ * Carefirst Library Form Input Search
+ *
+ * @file          form-input-search.component
+ * @description   Contains all the logic for generating a CareFirst Form Input Search Field
+ * @author        Arno Jansen van Vuuren
+ * @since         2024 - 09 - 25
+ * @usage         <cf-form-input-search
+ *                  label="Label Name"
+ *                  %labelPlacement%
+ *                  %clearButton%
+ *                  %textCenter%
+ *                  %autoCapitalize%
+ *                  %[(value)]="twoWayComs"%
+ *                  %(valueChange)="currentValueEvent"%
+ *                  %[control]%="formName.controls.controlName"
+ *                  %[customErrorMessage]%="errorMessage"
+ *                ></cf-form-input-search>
+ *                disable input by disabling the form control
+ */
+
+declare class FormInputSearchComponent implements OnChanges {
+    label: string;
+    labelPlacement?: (typeof inputsC.labelPlacement)[number];
+    placeholder?: string | undefined;
+    autoCapitalize?: (typeof inputsC.autoCapitalize)[number];
+    clearButton?: boolean | string | undefined;
+    control?: FormControl | null;
+    textCenter?: boolean | string | undefined;
+    customErrorMessage: string | null;
+    debounce?: number | undefined;
+    readonly searchButtonTrigger: EventEmitter<string | undefined>;
+    value: string | undefined;
+    readonly valueChange: EventEmitter<string | undefined>;
+    inputLabelPlacement: typeof this.labelPlacement;
+    inputClear: boolean;
+    inputTextCenter: boolean;
+    inputAutoCapitalize: typeof this.autoCapitalize;
+    showPassword: boolean;
+    /**----------------------------------------------------------------
+     * @name          ngOnChanges
+     * @description   Detect changes to input values
+     * @param         {SimpleChanges} changes
+     */
+    ngOnChanges(changes: SimpleChanges): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FormInputSearchComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormInputSearchComponent, "cf-form-input-search", never, { "label": { "alias": "label"; "required": false; }; "labelPlacement": { "alias": "labelPlacement"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "autoCapitalize": { "alias": "autoCapitalize"; "required": false; }; "clearButton": { "alias": "clearButton"; "required": false; }; "control": { "alias": "control"; "required": false; }; "textCenter": { "alias": "textCenter"; "required": false; }; "customErrorMessage": { "alias": "customErrorMessage"; "required": false; }; "debounce": { "alias": "debounce"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "searchButtonTrigger": "searchButtonTrigger"; "valueChange": "valueChange"; }, never, never, false, never>;
+}
+
+/**
+ * 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" %darkMode%></cf-chat-bubble>
+ */
+
+declare class ChatBubbleComponent implements OnChanges {
+    type: 'outgoing' | 'incoming';
+    date: string;
+    message: string;
+    darkMode?: string | boolean | undefined;
+    inputType: typeof this.type;
+    inputDate: typeof this.date;
+    inputMessage: typeof this.message;
+    inputDarkMode: boolean;
+    /**----------------------------------------------------------------
+     * @name          ngOnChanges
+     * @description   Update various values on input changes
+     * @returns       {void}
+     */
+    ngOnChanges(changes: SimpleChanges): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ChatBubbleComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ChatBubbleComponent, "cf-chat-bubble", never, { "type": { "alias": "type"; "required": false; }; "date": { "alias": "date"; "required": false; }; "message": { "alias": "message"; "required": false; }; "darkMode": { "alias": "darkMode"; "required": false; }; }, {}, never, never, false, never>;
+}
+
+/**==============================================
+ * @interface     BadgeTypeT
+ * @description   Types of badges available
+ */
+declare const badgeTypeC: readonly ["primary", "white", "success", "alert", "accent", "warning", "disabled", "feedback-success", "feedback-error", "feedback-warning", "feedback-busy", "custom-color"];
+type BadgeTypeT = (typeof badgeTypeC)[number];
+
+type badge_interface_d_BadgeTypeT = BadgeTypeT;
+declare const badge_interface_d_badgeTypeC: typeof badgeTypeC;
+declare namespace badge_interface_d {
+  export { badge_interface_d_badgeTypeC as badgeTypeC };
+  export type { badge_interface_d_BadgeTypeT as BadgeTypeT };
+}
+
+/**
+ * CareFirst Chat Badge
+ *
+ * @file          badge.component
+ * @description   Contains all the logic for generating a CareFirst Chat Badge
+ * @author        Jacques Coetzee
+ * @since         2024 - 02 - 22
+ * @usage         <cf-badge
+ *                  type="BadgeTypeT"
+ *                  %icon%="IconsT"
+ *                  %small%
+ *                  %large%
+ *                  style="
+ *                    %--custom-color: #000000;%
+ *                    %--custom-color-text: #FFFFFF;%
+ *                  >
+ *                </cf-badge>
+ */
+
+/**==============================================
+ * @name     BadgeComponent
+ * */
+declare class BadgeComponent implements OnChanges {
+    type: BadgeTypeT;
+    icon?: IconsT | undefined;
+    small?: boolean | string | undefined;
+    large?: boolean | string | undefined;
+    stretch?: boolean | string | undefined;
+    inputType: typeof this.type;
+    inputIcon: typeof this.icon | undefined;
+    fontsize: number;
+    inputSmall: boolean;
+    inputLarge: boolean;
+    inputStretch: boolean;
+    /**----------------------------------------------------------------
+     * @name          ngOnChanges
+     * @description   Update various values on input changes
+     * @returns       {void}
+     */
+    ngOnChanges(changes: SimpleChanges): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BadgeComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BadgeComponent, "cf-badge", never, { "type": { "alias": "type"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "small": { "alias": "small"; "required": false; }; "large": { "alias": "large"; "required": false; }; "stretch": { "alias": "stretch"; "required": false; }; }, {}, never, ["*"], false, never>;
+}
+
+declare class SpinnerComponent implements OnChanges {
+    size: number | string;
+    inputSize: number;
+    /**----------------------------------------------------------------
+     * @name          ngOnChanges
+     * @description   Update various values on input changes
+     * @returns       {void}
+     */
+    ngOnChanges(changes: SimpleChanges): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SpinnerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SpinnerComponent, "cf-spinner", never, { "size": { "alias": "size"; "required": false; }; }, {}, never, never, false, never>;
+}
+
+/**==============================================
+ * @interface     CfCodeInputVerificationStatusesT
+ * @description   All available statuses for the verification code component
+ */
+declare const cfCodeInputVerificationStatusesC: readonly ["initial", "invalid", "disabled", "processing"];
+type CfCodeInputVerificationStatusesT = (typeof cfCodeInputVerificationStatusesC)[number];
+/**==============================================
+ * @interface     CfCodeInputUserFeedbackMessagesI
+ * @description   Messages displayed to user when certain events occur
+ */
+interface CfCodeInputUserFeedbackMessagesI {
+    initial?: string[];
+    standardResend?: string[];
+    limitReached?: string[];
+    error?: {
+        errorMessage?: string[];
+        resend?: string[];
+    };
+}
+
+type verificationCode_interface_d_CfCodeInputUserFeedbackMessagesI = CfCodeInputUserFeedbackMessagesI;
+type verificationCode_interface_d_CfCodeInputVerificationStatusesT = CfCodeInputVerificationStatusesT;
+declare namespace verificationCode_interface_d {
+  export type { verificationCode_interface_d_CfCodeInputUserFeedbackMessagesI as CfCodeInputUserFeedbackMessagesI, verificationCode_interface_d_CfCodeInputVerificationStatusesT as CfCodeInputVerificationStatusesT };
+}
+
+/**
+ * Carefirst library - Verification Code Input
+ *
+ * @file          verification-code.component
+ * @description   Contains all the logic for generating a CareFirst Verification Code Input
+ * @author        Arno Jansen van Vuuren
+ * @since         2024 - 03 - 07
+ * @usage           <cf-verification-code
+                      valueToVerify=`string`
+                      (outcome)=`omits code value`
+                      (resendClickEvent)=`resend click event`
+                      [status]=`BehaviorSubject<'initial' | 'invalid'>`>
+                    </cf-verification-code>
+ */
+
+declare class VerificationCodeComponent implements OnChanges {
+    valueToVerify: string;
+    status: BehaviorSubject<CfCodeInputVerificationStatusesT>;
+    userFeedbackMessages?: CfCodeInputUserFeedbackMessagesI;
+    readonly outcome: EventEmitter<string>;
+    readonly resendClickEvent: EventEmitter<true>;
+    myInput1?: IonInput;
+    myInput2?: IonInput;
+    myInput3?: IonInput;
+    myInput4?: IonInput;
+    myInput5?: IonInput;
+    validationCodeError: boolean;
+    verificationCodeInputArr: (number | null)[];
+    loading: boolean;
+    commsSentCount: number;
+    commsInputCount: number;
+    commsInputCountExceeded: boolean;
+    validationCode: string | undefined;
+    statusSub$?: Subscription;
+    /**----------------------------------------------------------------
+     * @name          ionViewWillEnter
+     * @description   Update various values on component initialization
+     * @returns       {void}
+     */
+    ionViewDidEnter(): void;
+    /**----------------------------------------------------------------
+     * @name          ngOnChanges
+     * @description   Update various values on input changes
+     * @returns       {void}
+     */
+    ngOnChanges(changes: SimpleChanges): void;
+    /**----------------------------------------------------------------
+     * @name          resendVerificationCode
+     * @description   Resend a verification code
+     * @returns       {void}
+     */
+    resendVerificationCode(): void;
+    /**----------------------------------------------------------------
+     * @name          formulateAndCheckVerificationCode
+     * @description   Handle inputs associated with the verification code and do call once code is complete
+     * @param         {InputCustomEvent} event
+     * @param         {number} index
+     * @returns       {void}
+     */
+    formulateAndCheckVerificationCode(event: InputCustomEvent, index: number): void;
+    /**----------------------------------------------------------------
+     * @name          resetAllInputFields
+     * @description   Reset all input fields
+     * @returns       {void}
+     */
+    private resetAllInputFields;
+    /**----------------------------------------------------------------
+     * @name          setFocusToNext
+     * @description   Set the focus to the next input
+     * @param         {number} currentIndex
+     * @returns       {void}
+     */
+    private setFocusToNext;
+    /**----------------------------------------------------------------
+     * @name          clearCodeInput
+     * @description   Clear a code input on invalid key
+     * @param         {number} index
+     * @returns       {void}
+     */
+    private clearCodeInput;
+    /**----------------------------------------------------------------
+     * @name          ionViewWillLeave
+     * @description   Unsubscribe on component leave
+     * @returns       {void}
+     */
+    ionViewWillLeave(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<VerificationCodeComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<VerificationCodeComponent, "cf-verification-code", never, { "valueToVerify": { "alias": "valueToVerify"; "required": false; }; "status": { "alias": "status"; "required": false; }; "userFeedbackMessages": { "alias": "userFeedbackMessages"; "required": false; }; }, { "outcome": "outcome"; "resendClickEvent": "resendClickEvent"; }, never, never, false, never>;
+}
+
+/**
+ * CareFirst Mix P
+ *
+ * @file          mix-p.component
+ * @description   A component that generates a p tag with different fonts for desktop and mobile
+ * @author        Jacques Coetzee
+ * @since         2024 - 03 - 25
+ */
+
+declare class MixPComponent implements OnInit, OnChanges {
+    mobile: string;
+    desktop: string;
+    pClass: string;
+    private inputMobile;
+    private inputDesktop;
+    private getScreenWidth;
+    /**----------------------------------------------------------------
+     * @name          ngOnChanges
+     * @description   Update various values on input changes
+     * @returns       {void}
+     */
+    ngOnChanges(changes: SimpleChanges): void;
+    /**----------------------------------------------------------------
+     * @name          ngOnInit
+     * @description   Update various values on component initialization
+     * @returns       {void}
+     */
+    ngOnInit(): void;
+    /**----------------------------------------------------------------
+     * @name          onWindowResize
+     * @description   Add a host listener to screen size changes
+     * @returns       {void}
+     */
+    onWindowResize(): void;
+    /**----------------------------------------------------------------
+     * @name          updateClass
+     * @description   Update P element class based on screen size and $cf-screen-breakpoint
+     * @returns       {void}
+     */
+    updateClass(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MixPComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MixPComponent, "cf-mix-p", never, { "mobile": { "alias": "mobile"; "required": false; }; "desktop": { "alias": "desktop"; "required": false; }; }, {}, never, ["*"], false, never>;
+}
+
+declare class CareFirstLibraryModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<CareFirstLibraryModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<CareFirstLibraryModule, [typeof PageComponent, typeof ButtonComponent, typeof SpacerComponent, typeof IconComponent, typeof ButtonLoaderDirective, typeof NotificationComponent, typeof AlertComponent, typeof LogoComponent, typeof CalendarComponent, typeof FormValidationComponent, typeof FormInputComponent, typeof FormInputCurrencyComponent, typeof FormInputSelectComponent, typeof FormInputStringDateComponent, typeof FormInputTextAreaComponent, typeof FormInputSearchComponent, typeof ChatBubbleComponent, typeof BadgeComponent, typeof SpinnerComponent, typeof VerificationCodeComponent, typeof MixPComponent], [typeof i22.IonicModule, typeof i23.CommonModule, typeof i24.ReactiveFormsModule], [typeof PageComponent, typeof ButtonComponent, typeof SpacerComponent, typeof IconComponent, typeof ButtonLoaderDirective, typeof NotificationComponent, typeof AlertComponent, typeof LogoComponent, typeof CalendarComponent, typeof FormValidationComponent, typeof FormInputComponent, typeof FormInputCurrencyComponent, typeof FormInputSelectComponent, typeof FormInputStringDateComponent, typeof FormInputTextAreaComponent, typeof FormInputSearchComponent, typeof ChatBubbleComponent, typeof BadgeComponent, typeof SpinnerComponent, typeof VerificationCodeComponent, typeof MixPComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<CareFirstLibraryModule>;
+}
+
+/**
+ * Form validators
+ *
+ * @file          form-validators
+ * @description   Various form validators
+ * @author        Jacques Coetzee
+ * @since         2022 - 01 - 20
+ * @usage         Display "errorMessage" key value as validator response message
+ */
+
+declare class CFPFormValidators {
+    /**----------------------------------------------------------------
+     * @name          checkPSWRetype
+     * @description   Check if passwords match
+     * @param         {string} controlNameToCheckAgainst
+     * @returns       {ValidatorFn}
+     * @usage         FormValidators.compareTo('password')
+     */
+    static compareTo(controlNameToCheckAgainst: string): ValidatorFn;
+    /**----------------------------------------------------------------
+     * @name          asPassword
+     * @description   Validate control as password
+     * @returns       {ValidatorFn}
+     * @usage         FormValidators.asPassword()
+     */
+    static asPassword(): ValidatorFn;
+    /**----------------------------------------------------------------
+     * @name          asEmail
+     * @description   Validate control as email
+     * @param         {true} canBeEmpty
+     * @returns       {ValidatorFn}
+     * @usage         FormValidators.asEmail(true?)
+     */
+    static asEmail(canBeEmpty?: true): ValidatorFn;
+    /**----------------------------------------------------------------
+     * @name          isIn
+     * @description   Validate control value is part of a given list
+     * @param         {(string | number)[]} list
+     * @returns       {ValidatorFn}
+     * @usage         FormValidators.isIn()
+     */
+    static isIn(list: (string | number)[]): ValidatorFn;
+    /**----------------------------------------------------------------
+     * @name          isSAIDNumber
+     * @description   Validate control value is a valid RSA ID Number
+     * @param         {true} canBeEmpty
+     * @returns       {ValidatorFn}
+     * @usage         FormValidators.isSAIDNumber(true?)
+     */
+    static isSAIDNumber(canBeEmpty?: true): ValidatorFn;
+    /**----------------------------------------------------------------
+     * @name          isValidDate
+     * @description   Validate control value is part of a given list
+     * @param         {string | null} minDate
+     * @param         {string | null} maxDate
+     * @returns       {ValidatorFn}
+     * @usage         FormValidators.isValidDate('1999-01-01', '2020-01-01')
+     */
+    static isValidDate(minDate: string | null, maxDate?: string | null): ValidatorFn;
+    /**----------------------------------------------------------------
+     * @name          isValidCellNumber
+     * @description   Validate control value is a valid cellphone number and containing a valid dial code
+     * @param         {string[]} dialCodes
+     * @returns       {ValidatorFn}
+     * @usage         FormValidators.isValidCellNumber(['27'])
+     */
+    static isValidCellNumber(dialCodes?: string[]): ValidatorFn;
+}
+
+export { AlertComponent, BadgeComponent, ButtonComponent, ButtonLoaderDirective, alert_interface_d as CFAlertI, badge_interface_d as CFBadgeI, verificationCode_interface_d as CFCodeInputI, icon_interface_d as CFIconI, input_interface_d as CFInputI, notification_interface_d as CFNotificationI, CFPFormValidators, spacer_interface_d as CFSpacerI, CalendarComponent, CareFirstLibraryModule, ChatBubbleComponent, FormInputComponent, FormInputCurrencyComponent, FormInputSearchComponent, FormInputSelectComponent, FormInputStringDateComponent, FormInputTextAreaComponent, FormValidationComponent, IconComponent, LogoComponent, MixPComponent, NotificationComponent, PageComponent, SpacerComponent, SpinnerComponent, VerificationCodeComponent };