@carefirst/library 8.0.1 → 8.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/fesm2022/carefirst-library.mjs +862 -1627
  2. package/fesm2022/carefirst-library.mjs.map +1 -1
  3. package/package.json +1 -1
  4. package/public/interfaces/carefirst.shared.interfaces.ts +35 -37
  5. package/public/styles/index.scss +1 -4
  6. package/types/carefirst-library.d.ts +595 -918
package/types/carefirst-library.d.ts CHANGED
@@ -1,229 +1,139 @@
1
- import * as i0 from '@angular/core';
2
- import { OnChanges, EventEmitter, SimpleChanges, TemplateRef, Renderer2, ViewContainerRef, ElementRef, OnInit } from '@angular/core';
3
- import { IonContentCustomEvent, ScrollDetail } from '@ionic/core';
4
- import * as i23 from '@ionic/angular';
1
+ import * as _angular_core from '@angular/core';
2
+ import * as i1 from '@ionic/angular';
5
3
  import { IonPopover, IonInput, ViewDidEnter, ViewWillLeave, InputCustomEvent } from '@ionic/angular';
6
- import * as i25 from '@angular/forms';
4
+ import * as i2 from '@angular/common';
5
+ import * as i3 from '@angular/forms';
7
6
  import { ValidatorFn, FormGroup, FormControl } from '@angular/forms';
7
+ import { IonContentCustomEvent, ScrollDetail } from '@ionic/core';
8
8
  import { BehaviorSubject, Subscription } from 'rxjs';
9
- import * as i24 from '@angular/common';
10
9
 
11
- declare class PageComponent implements OnChanges {
12
- centerH?: boolean | string | undefined;
13
- centerV?: boolean | string | undefined;
14
- headerCenterInheritanceOff?: boolean | string | undefined;
15
- headerNoPagePadding?: boolean | string | undefined;
16
- stickyHeaderOff?: boolean | string | undefined;
17
- dark?: boolean | string | undefined;
18
- noScroll?: boolean | string | undefined;
19
- devMode?: boolean | string | undefined;
20
- buttonsVertical?: boolean | string | undefined;
21
- stickyButtonOn?: boolean | string | undefined;
22
- noStickyButtonFade?: boolean | string | undefined;
23
- readonly scrollEvent: EventEmitter<IonContentCustomEvent<ScrollDetail>>;
24
- inputCenterH: boolean;
25
- inputCenterV: boolean;
26
- inputHeaderCenterInheritanceOff: boolean;
27
- inputHeaderNoPagePadding: boolean;
28
- inputStickyHeaderOff: boolean;
29
- inputDark: boolean;
30
- inputNoScroll: boolean;
31
- inputDevMode: boolean;
32
- inputButtonsVertical: boolean;
33
- inputStickyButtonOn: boolean;
34
- inputNoStickyButtonFade: boolean;
35
- /**----------------------------------------------------------------
36
- * @name ngOnChanges
37
- * @description Update various values on input changes
38
- * @returns {void}
39
- */
40
- ngOnChanges(changes: SimpleChanges): void;
41
- static ɵfac: i0.ɵɵFactoryDeclaration<PageComponent, never>;
42
- static ɵcmp: i0.ɵɵComponentDeclaration<PageComponent, "cf-page", never, { "centerH": { "alias": "centerH"; "required": false; }; "centerV": { "alias": "centerV"; "required": false; }; "headerCenterInheritanceOff": { "alias": "headerCenterInheritanceOff"; "required": false; }; "headerNoPagePadding": { "alias": "headerNoPagePadding"; "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>;
43
- }
44
-
45
- /**==============================================
46
- * @interface EmojisT
47
- * @description List of all the available emojis
48
- */
49
- declare const emojisC: readonly ["google", "facebook", "m365", "microsoft-365", "trophy", "party-popper", "flame", "black-circle", "white-circle", "red-circle", "high-voltage", "red-heart", "collision", "cherry-blossom", "pill", "yellow-heart", "microscope", "drop-of-blood", "man-health-worker", "check-mark-button"];
50
- type EmojisT = (typeof emojisC)[number];
51
-
52
- type emoji_interface_d_EmojisT = EmojisT;
53
- declare const emoji_interface_d_emojisC: typeof emojisC;
54
- declare namespace emoji_interface_d {
55
- export { emoji_interface_d_emojisC as emojisC };
56
- export type { emoji_interface_d_EmojisT as EmojisT };
57
- }
58
-
59
- /**==============================================
60
- * @interface IconsT
61
- * @description List of all the available icons
62
- */
63
- 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", "diagonal-up-arrow", "diagonal-down-arrow", "copy", "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", "skin-scan-service", "acne-scan-service", "open-back-arrow", "open-forward-arrow", "open-up-arrow", "open-down-arrow", "single-document", "lightning", "user-dependent", "plus", "minus", "close-box", "speech-bubble", "camera-switch", "retry", "download", "upload", "upload-document", "print", "search", "bank-cards", "bank-card", "swipe-bank-card", "coin", "sign-out-curved", "sign-in-curved", "calendar-blank", "wallet", "wallet-closed", "info", "three-dot-colon", "adjustment", "triangle-alert", "shield-check", "basic-phone", "send"];
64
- type IconsT = (typeof iconsC)[number];
65
- /**==============================================
66
- * @interface IconColorT
67
- * @description All available colors in CSS classes
68
- */
69
- declare const iconColorC: readonly ["primary", "secondary", "success", "warning", "error", "white", "accent"];
70
- type IconColorT = (typeof iconColorC)[number];
71
-
72
- type icon_interface_d_IconColorT = IconColorT;
73
- type icon_interface_d_IconsT = IconsT;
74
- declare const icon_interface_d_iconColorC: typeof iconColorC;
75
- declare const icon_interface_d_iconsC: typeof iconsC;
76
- declare namespace icon_interface_d {
77
- export { icon_interface_d_iconColorC as iconColorC, icon_interface_d_iconsC as iconsC };
78
- export type { icon_interface_d_IconColorT as IconColorT, icon_interface_d_IconsT as IconsT };
79
- }
80
-
81
- declare class ButtonComponent implements OnChanges {
82
- type: 'primary' | 'secondary' | 'tertiary';
83
- disabled?: boolean | string | undefined;
84
- alert?: boolean | string | undefined;
85
- action?: boolean | string | undefined;
86
- white?: boolean | string | undefined;
87
- snug?: boolean | string | undefined;
88
- accent?: boolean | string | undefined;
89
- fontSize?: 'small' | 'large';
90
- iconStart?: IconsT | undefined;
91
- iconEnd?: IconsT | undefined;
92
- emojiStart?: EmojisT | undefined;
93
- emojiEnd?: EmojisT | undefined;
94
- loading?: boolean | string | undefined;
95
- loadingText?: string;
96
- customColor?: string | undefined;
97
- inputType: typeof this.type;
98
- inputFontSize: typeof this.fontSize | undefined;
99
- inputDisabled: boolean;
100
- inputAlert: boolean;
101
- inputAction: boolean;
102
- inputSnug: boolean;
103
- inputAccent: boolean;
104
- inputWhite: boolean;
105
- inputIconStart: typeof this.iconStart | undefined;
106
- inputIconEnd: typeof this.iconEnd | undefined;
107
- inputEmojiStart: typeof this.emojiStart | undefined;
108
- inputEmojiEnd: typeof this.emojiEnd | undefined;
109
- inputLoading: boolean;
110
- inputCustomColor: string;
111
- /**----------------------------------------------------------------
112
- * @name ngOnChanges
113
- * @description Update various values on input changes
114
- * @returns {void}
115
- */
116
- ngOnChanges(changes: SimpleChanges): void;
117
- /**----------------------------------------------------------------
118
- * @name checkCustomColor
119
- * @description Check if the custom color is valid
120
- * @param {string} color
121
- * @returns {string}
10
+ declare class PageComponent {
11
+ readonly centerH: _angular_core.InputSignal<string | boolean | undefined>;
12
+ readonly centerV: _angular_core.InputSignal<string | boolean | undefined>;
13
+ readonly headerCenterInheritanceOff: _angular_core.InputSignal<string | boolean | undefined>;
14
+ readonly headerNoPagePadding: _angular_core.InputSignal<string | boolean | undefined>;
15
+ readonly stickyHeaderOff: _angular_core.InputSignal<string | boolean | undefined>;
16
+ readonly dark: _angular_core.InputSignal<string | boolean | undefined>;
17
+ readonly noScroll: _angular_core.InputSignal<string | boolean | undefined>;
18
+ readonly devMode: _angular_core.InputSignal<string | boolean | undefined>;
19
+ readonly buttonsVertical: _angular_core.InputSignal<string | boolean | undefined>;
20
+ readonly stickyButtonOn: _angular_core.InputSignal<string | boolean | undefined>;
21
+ readonly noStickyButtonFade: _angular_core.InputSignal<string | boolean | undefined>;
22
+ readonly scrollEvent: _angular_core.OutputEmitterRef<IonContentCustomEvent<ScrollDetail>>;
23
+ readonly inputCenterH: _angular_core.Signal<boolean>;
24
+ readonly inputCenterV: _angular_core.Signal<boolean>;
25
+ readonly inputHeaderCenterInheritanceOff: _angular_core.Signal<boolean>;
26
+ readonly inputHeaderNoPagePadding: _angular_core.Signal<boolean>;
27
+ readonly inputStickyHeaderOff: _angular_core.Signal<boolean>;
28
+ readonly inputDark: _angular_core.Signal<boolean>;
29
+ readonly inputNoScroll: _angular_core.Signal<boolean>;
30
+ readonly inputDevMode: _angular_core.Signal<boolean>;
31
+ readonly inputButtonsVertical: _angular_core.Signal<boolean>;
32
+ readonly inputStickyButtonOn: _angular_core.Signal<boolean>;
33
+ readonly inputNoStickyButtonFade: _angular_core.Signal<boolean>;
34
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<PageComponent, never>;
35
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<PageComponent, "cf-page", never, { "centerH": { "alias": "centerH"; "required": false; "isSignal": true; }; "centerV": { "alias": "centerV"; "required": false; "isSignal": true; }; "headerCenterInheritanceOff": { "alias": "headerCenterInheritanceOff"; "required": false; "isSignal": true; }; "headerNoPagePadding": { "alias": "headerNoPagePadding"; "required": false; "isSignal": true; }; "stickyHeaderOff": { "alias": "stickyHeaderOff"; "required": false; "isSignal": true; }; "dark": { "alias": "dark"; "required": false; "isSignal": true; }; "noScroll": { "alias": "noScroll"; "required": false; "isSignal": true; }; "devMode": { "alias": "devMode"; "required": false; "isSignal": true; }; "buttonsVertical": { "alias": "buttonsVertical"; "required": false; "isSignal": true; }; "stickyButtonOn": { "alias": "stickyButtonOn"; "required": false; "isSignal": true; }; "noStickyButtonFade": { "alias": "noStickyButtonFade"; "required": false; "isSignal": true; }; }, { "scrollEvent": "scrollEvent"; }, never, ["[cf-page-header]", "*", "[cf-page-buttons]", "[cf-page-footer]", "[cf-page-sticky-buttons]"], true, never>;
36
+ }
37
+
38
+ declare class ButtonComponent {
39
+ readonly type: _angular_core.InputSignal<"primary" | "secondary" | "tertiary">;
40
+ readonly disabled: _angular_core.InputSignal<string | boolean | undefined>;
41
+ readonly alert: _angular_core.InputSignal<string | boolean | undefined>;
42
+ readonly action: _angular_core.InputSignal<string | boolean | undefined>;
43
+ readonly white: _angular_core.InputSignal<string | boolean | undefined>;
44
+ readonly snug: _angular_core.InputSignal<string | boolean | undefined>;
45
+ readonly accent: _angular_core.InputSignal<string | boolean | undefined>;
46
+ readonly fontSize: _angular_core.InputSignal<"small" | "large" | undefined>;
47
+ readonly iconStart: _angular_core.InputSignal<"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" | "diagonal-up-arrow" | "diagonal-down-arrow" | "copy" | "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" | "skin-scan-service" | "acne-scan-service" | "open-back-arrow" | "open-forward-arrow" | "open-up-arrow" | "open-down-arrow" | "single-document" | "lightning" | "user-dependent" | "plus" | "minus" | "close-box" | "speech-bubble" | "camera-switch" | "retry" | "download" | "upload" | "upload-document" | "print" | "search" | "bank-cards" | "bank-card" | "swipe-bank-card" | "coin" | "sign-out-curved" | "sign-in-curved" | "calendar-blank" | "wallet" | "wallet-closed" | "info" | "three-dot-colon" | "adjustment" | "triangle-alert" | "shield-check" | "basic-phone" | "send" | undefined>;
48
+ readonly iconEnd: _angular_core.InputSignal<"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" | "diagonal-up-arrow" | "diagonal-down-arrow" | "copy" | "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" | "skin-scan-service" | "acne-scan-service" | "open-back-arrow" | "open-forward-arrow" | "open-up-arrow" | "open-down-arrow" | "single-document" | "lightning" | "user-dependent" | "plus" | "minus" | "close-box" | "speech-bubble" | "camera-switch" | "retry" | "download" | "upload" | "upload-document" | "print" | "search" | "bank-cards" | "bank-card" | "swipe-bank-card" | "coin" | "sign-out-curved" | "sign-in-curved" | "calendar-blank" | "wallet" | "wallet-closed" | "info" | "three-dot-colon" | "adjustment" | "triangle-alert" | "shield-check" | "basic-phone" | "send" | undefined>;
49
+ readonly emojiStart: _angular_core.InputSignal<"google" | "facebook" | "m365" | "microsoft-365" | "trophy" | "party-popper" | "flame" | "black-circle" | "white-circle" | "red-circle" | "high-voltage" | "red-heart" | "collision" | "cherry-blossom" | "pill" | "yellow-heart" | "microscope" | "drop-of-blood" | "man-health-worker" | "check-mark-button" | undefined>;
50
+ readonly emojiEnd: _angular_core.InputSignal<"google" | "facebook" | "m365" | "microsoft-365" | "trophy" | "party-popper" | "flame" | "black-circle" | "white-circle" | "red-circle" | "high-voltage" | "red-heart" | "collision" | "cherry-blossom" | "pill" | "yellow-heart" | "microscope" | "drop-of-blood" | "man-health-worker" | "check-mark-button" | undefined>;
51
+ readonly loading: _angular_core.InputSignal<string | boolean | undefined>;
52
+ readonly loadingText: _angular_core.InputSignal<string | undefined>;
53
+ readonly customColor: _angular_core.InputSignal<string | undefined>;
54
+ readonly inputType: _angular_core.Signal<"primary" | "secondary" | "tertiary">;
55
+ readonly inputFontSize: _angular_core.Signal<"small" | "large" | undefined>;
56
+ readonly inputDisabled: _angular_core.Signal<boolean>;
57
+ readonly inputAlert: _angular_core.Signal<boolean>;
58
+ readonly inputAction: _angular_core.Signal<boolean>;
59
+ readonly inputSnug: _angular_core.Signal<boolean>;
60
+ readonly inputAccent: _angular_core.Signal<boolean>;
61
+ readonly inputWhite: _angular_core.Signal<boolean>;
62
+ readonly inputIconStart: _angular_core.Signal<"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" | "diagonal-up-arrow" | "diagonal-down-arrow" | "copy" | "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" | "skin-scan-service" | "acne-scan-service" | "open-back-arrow" | "open-forward-arrow" | "open-up-arrow" | "open-down-arrow" | "single-document" | "lightning" | "user-dependent" | "plus" | "minus" | "close-box" | "speech-bubble" | "camera-switch" | "retry" | "download" | "upload" | "upload-document" | "print" | "search" | "bank-cards" | "bank-card" | "swipe-bank-card" | "coin" | "sign-out-curved" | "sign-in-curved" | "calendar-blank" | "wallet" | "wallet-closed" | "info" | "three-dot-colon" | "adjustment" | "triangle-alert" | "shield-check" | "basic-phone" | "send" | undefined>;
63
+ readonly inputIconEnd: _angular_core.Signal<"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" | "diagonal-up-arrow" | "diagonal-down-arrow" | "copy" | "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" | "skin-scan-service" | "acne-scan-service" | "open-back-arrow" | "open-forward-arrow" | "open-up-arrow" | "open-down-arrow" | "single-document" | "lightning" | "user-dependent" | "plus" | "minus" | "close-box" | "speech-bubble" | "camera-switch" | "retry" | "download" | "upload" | "upload-document" | "print" | "search" | "bank-cards" | "bank-card" | "swipe-bank-card" | "coin" | "sign-out-curved" | "sign-in-curved" | "calendar-blank" | "wallet" | "wallet-closed" | "info" | "three-dot-colon" | "adjustment" | "triangle-alert" | "shield-check" | "basic-phone" | "send" | undefined>;
64
+ readonly inputEmojiStart: _angular_core.Signal<"google" | "facebook" | "m365" | "microsoft-365" | "trophy" | "party-popper" | "flame" | "black-circle" | "white-circle" | "red-circle" | "high-voltage" | "red-heart" | "collision" | "cherry-blossom" | "pill" | "yellow-heart" | "microscope" | "drop-of-blood" | "man-health-worker" | "check-mark-button" | undefined>;
65
+ readonly inputEmojiEnd: _angular_core.Signal<"google" | "facebook" | "m365" | "microsoft-365" | "trophy" | "party-popper" | "flame" | "black-circle" | "white-circle" | "red-circle" | "high-voltage" | "red-heart" | "collision" | "cherry-blossom" | "pill" | "yellow-heart" | "microscope" | "drop-of-blood" | "man-health-worker" | "check-mark-button" | undefined>;
66
+ readonly inputLoading: _angular_core.Signal<boolean>;
67
+ readonly inputCustomColor: _angular_core.Signal<string>;
68
+ /** ---------------------------------------------------------------
69
+ * @description Check if the custom color is valid
70
+ * @param color
122
71
  */
123
72
  checkCustomColor(color: string): string;
124
- static ɵfac: i0.ɵɵFactoryDeclaration<ButtonComponent, never>;
125
- 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; }; "emojiStart": { "alias": "emojiStart"; "required": false; }; "emojiEnd": { "alias": "emojiEnd"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "loadingText": { "alias": "loadingText"; "required": false; }; "customColor": { "alias": "customColor"; "required": false; }; }, {}, never, ["*"], false, never>;
126
- }
127
-
128
- /**==============================================
129
- * @description Available Spacer Values
73
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<ButtonComponent, never>;
74
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<ButtonComponent, "cf-btn", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "alert": { "alias": "alert"; "required": false; "isSignal": true; }; "action": { "alias": "action"; "required": false; "isSignal": true; }; "white": { "alias": "white"; "required": false; "isSignal": true; }; "snug": { "alias": "snug"; "required": false; "isSignal": true; }; "accent": { "alias": "accent"; "required": false; "isSignal": true; }; "fontSize": { "alias": "fontSize"; "required": false; "isSignal": true; }; "iconStart": { "alias": "iconStart"; "required": false; "isSignal": true; }; "iconEnd": { "alias": "iconEnd"; "required": false; "isSignal": true; }; "emojiStart": { "alias": "emojiStart"; "required": false; "isSignal": true; }; "emojiEnd": { "alias": "emojiEnd"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "loadingText": { "alias": "loadingText"; "required": false; "isSignal": true; }; "customColor": { "alias": "customColor"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
75
+ }
76
+
77
+ declare class SpacerComponent {
78
+ readonly default: _angular_core.InputSignal<"4" | 4 | 8 | 12 | 16 | 24 | 32 | 38 | 48 | 72 | 96 | "8" | "12" | "16" | "24" | "32" | "38" | "48" | "72" | "96" | undefined>;
79
+ readonly mobile: _angular_core.InputSignal<"4" | 4 | 8 | 12 | 16 | 24 | 32 | 38 | 48 | 72 | 96 | "8" | "12" | "16" | "24" | "32" | "38" | "48" | "72" | "96" | undefined>;
80
+ readonly desktop: _angular_core.InputSignal<"4" | 4 | 8 | 12 | 16 | 24 | 32 | 38 | 48 | 72 | 96 | "8" | "12" | "16" | "24" | "32" | "38" | "48" | "72" | "96" | undefined>;
81
+ readonly inputDefault: _angular_core.Signal<number | undefined>;
82
+ readonly inputMobile: _angular_core.Signal<number | undefined>;
83
+ readonly inputDesktop: _angular_core.Signal<number | undefined>;
84
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<SpacerComponent, never>;
85
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<SpacerComponent, "cf-spacer", never, { "default": { "alias": "default"; "required": false; "isSignal": true; }; "mobile": { "alias": "mobile"; "required": false; "isSignal": true; }; "desktop": { "alias": "desktop"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
86
+ }
87
+
88
+ declare class IconComponent {
89
+ readonly icon: _angular_core.InputSignal<"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" | "diagonal-up-arrow" | "diagonal-down-arrow" | "copy" | "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" | "skin-scan-service" | "acne-scan-service" | "open-back-arrow" | "open-forward-arrow" | "open-up-arrow" | "open-down-arrow" | "single-document" | "lightning" | "user-dependent" | "plus" | "minus" | "close-box" | "speech-bubble" | "camera-switch" | "retry" | "download" | "upload" | "upload-document" | "print" | "search" | "bank-cards" | "bank-card" | "swipe-bank-card" | "coin" | "sign-out-curved" | "sign-in-curved" | "calendar-blank" | "wallet" | "wallet-closed" | "info" | "three-dot-colon" | "adjustment" | "triangle-alert" | "shield-check" | "basic-phone" | "send">;
90
+ readonly height: _angular_core.InputSignal<number | undefined>;
91
+ readonly heightMobile: _angular_core.InputSignal<number | undefined>;
92
+ readonly heightDesktop: _angular_core.InputSignal<number | undefined>;
93
+ readonly iconColor: _angular_core.InputSignal<"primary" | "secondary" | "success" | "warning" | "error" | "white" | "accent" | undefined>;
94
+ readonly iconColorCustom: _angular_core.InputSignal<string | undefined>;
95
+ readonly inputIcon: _angular_core.Signal<"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" | "diagonal-up-arrow" | "diagonal-down-arrow" | "copy" | "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" | "skin-scan-service" | "acne-scan-service" | "open-back-arrow" | "open-forward-arrow" | "open-up-arrow" | "open-down-arrow" | "single-document" | "lightning" | "user-dependent" | "plus" | "minus" | "close-box" | "speech-bubble" | "camera-switch" | "retry" | "download" | "upload" | "upload-document" | "print" | "search" | "bank-cards" | "bank-card" | "swipe-bank-card" | "coin" | "sign-out-curved" | "sign-in-curved" | "calendar-blank" | "wallet" | "wallet-closed" | "info" | "three-dot-colon" | "adjustment" | "triangle-alert" | "shield-check" | "basic-phone" | "send" | undefined>;
96
+ readonly inputColor: _angular_core.Signal<"primary" | "secondary" | "success" | "warning" | "error" | "white" | "accent" | undefined>;
97
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<IconComponent, never>;
98
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<IconComponent, "cf-icon", never, { "icon": { "alias": "icon"; "required": true; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "heightMobile": { "alias": "heightMobile"; "required": false; "isSignal": true; }; "heightDesktop": { "alias": "heightDesktop"; "required": false; "isSignal": true; }; "iconColor": { "alias": "iconColor"; "required": false; "isSignal": true; }; "iconColorCustom": { "alias": "iconColorCustom"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
99
+ }
100
+
101
+ declare class EmojiComponent {
102
+ readonly emoji: _angular_core.InputSignal<"google" | "facebook" | "m365" | "microsoft-365" | "trophy" | "party-popper" | "flame" | "black-circle" | "white-circle" | "red-circle" | "high-voltage" | "red-heart" | "collision" | "cherry-blossom" | "pill" | "yellow-heart" | "microscope" | "drop-of-blood" | "man-health-worker" | "check-mark-button">;
103
+ readonly height: _angular_core.InputSignal<number | undefined>;
104
+ readonly heightMobile: _angular_core.InputSignal<number | undefined>;
105
+ readonly heightDesktop: _angular_core.InputSignal<number | undefined>;
106
+ readonly inputEmoji: _angular_core.Signal<"google" | "facebook" | "m365" | "microsoft-365" | "trophy" | "party-popper" | "flame" | "black-circle" | "white-circle" | "red-circle" | "high-voltage" | "red-heart" | "collision" | "cherry-blossom" | "pill" | "yellow-heart" | "microscope" | "drop-of-blood" | "man-health-worker" | "check-mark-button" | undefined>;
107
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<EmojiComponent, never>;
108
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<EmojiComponent, "cf-emoji", never, { "emoji": { "alias": "emoji"; "required": true; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "heightMobile": { "alias": "heightMobile"; "required": false; "isSignal": true; }; "heightDesktop": { "alias": "heightDesktop"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
109
+ }
110
+
111
+ /** =================================================================
112
+ * @description Displays a loading overlay and disables a button
130
113
  */
131
- declare const spacerNumberArray: readonly [4, 8, 12, 16, 24, 32, 38, 48, 72, 96];
132
- type SpacerNumberT = (typeof spacerNumberArray)[number];
133
- type SpacerStringT = `${SpacerNumberT}`;
134
-
135
- type spacer_interface_d_SpacerNumberT = SpacerNumberT;
136
- type spacer_interface_d_SpacerStringT = SpacerStringT;
137
- declare const spacer_interface_d_spacerNumberArray: typeof spacerNumberArray;
138
- declare namespace spacer_interface_d {
139
- export { spacer_interface_d_spacerNumberArray as spacerNumberArray };
140
- export type { spacer_interface_d_SpacerNumberT as SpacerNumberT, spacer_interface_d_SpacerStringT as SpacerStringT };
141
- }
142
-
143
- declare class SpacerComponent implements OnChanges {
144
- default?: SpacerStringT | SpacerNumberT | undefined;
145
- mobile?: SpacerStringT | SpacerNumberT | undefined;
146
- desktop?: SpacerStringT | SpacerNumberT | undefined;
147
- inputDefault: number | undefined;
148
- inputMobile: number | undefined;
149
- inputDesktop: number | undefined;
150
- /**----------------------------------------------------------------
151
- * @name ngOnChanges
152
- * @description Update various values on input changes
153
- * @returns {void}
154
- */
155
- ngOnChanges(changes: SimpleChanges): void;
156
- static ɵfac: i0.ɵɵFactoryDeclaration<SpacerComponent, never>;
157
- 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>;
158
- }
159
-
160
- declare class IconComponent implements OnChanges {
161
- icon: IconsT;
162
- height?: number;
163
- heightMobile?: number;
164
- heightDesktop?: number;
165
- iconColor?: IconColorT;
166
- iconColorCustom?: string;
167
- inputIcon: typeof this.icon | undefined;
168
- inputColor: typeof this.iconColor | undefined;
169
- /**----------------------------------------------------------------
170
- * @name ngOnChanges
171
- * @description Update various values on input changes
172
- * @returns {void}
114
+ declare class ButtonLoaderDirective {
115
+ private readonly templateRef;
116
+ private readonly renderer;
117
+ private readonly viewContainer;
118
+ private readonly elementRef;
119
+ /** ---------------------------------------------------------------
120
+ * @description Displays a loading overlay and disables a button
173
121
  */
174
- ngOnChanges(changes: SimpleChanges): void;
175
- static ɵfac: i0.ɵɵFactoryDeclaration<IconComponent, never>;
176
- 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>;
177
- }
178
-
179
- declare class EmojiComponent implements OnChanges {
180
- emoji: EmojisT;
181
- height?: number;
182
- heightMobile?: number;
183
- heightDesktop?: number;
184
- inputEmoji: typeof this.emoji | undefined;
185
- /**----------------------------------------------------------------
186
- * @name ngOnChanges
187
- * @description Update various values on input changes
188
- * @returns {void}
122
+ readonly cfButtonLoader: _angular_core.InputSignal<boolean>;
123
+ /** ---------------------------------------------------------------
124
+ * @description Constructor
189
125
  */
190
- ngOnChanges(changes: SimpleChanges): void;
191
- static ɵfac: i0.ɵɵFactoryDeclaration<EmojiComponent, never>;
192
- static ɵcmp: i0.ɵɵComponentDeclaration<EmojiComponent, "cf-emoji", never, { "emoji": { "alias": "emoji"; "required": false; }; "height": { "alias": "height"; "required": false; }; "heightMobile": { "alias": "heightMobile"; "required": false; }; "heightDesktop": { "alias": "heightDesktop"; "required": false; }; }, {}, never, never, false, never>;
126
+ constructor();
127
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<ButtonLoaderDirective, never>;
128
+ static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ButtonLoaderDirective, "[cfButtonLoader]", never, { "cfButtonLoader": { "alias": "cfButtonLoader"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
193
129
  }
194
130
 
195
131
  /**
196
- * Button Loader Directive
197
- *
198
- * @file button-loader.directive
199
- * @description HTML directive used to disable a button while loading
200
- * @author Jacques Coetzee
201
- * @since 2022 - 07 - 22
202
- * @usage Add to any HTML tag: *cfButtonLoader="true"
132
+ * CareFirst Library - Notification Interface
133
+ * @description Contains all the interfaces for the Notification Component
203
134
  */
204
-
205
- declare class ButtonLoaderDirective {
206
- private templateRef;
207
- private renderer;
208
- private viewContainer;
209
- private elementRef;
210
- /**----------------------------------------------------------------
211
- * @name Constructor
212
- */
213
- constructor(templateRef: TemplateRef<HTMLElement>, renderer: Renderer2, viewContainer: ViewContainerRef, elementRef: ElementRef<HTMLElement>);
214
- /**----------------------------------------------------------------
215
- * @name cfButtonLoader
216
- * @description Displays a loading overlay and disables a button
217
- * @param {boolean} loading
218
- */
219
- set cfButtonLoader(loading: boolean);
220
- static ɵfac: i0.ɵɵFactoryDeclaration<ButtonLoaderDirective, never>;
221
- static ɵdir: i0.ɵɵDirectiveDeclaration<ButtonLoaderDirective, "[cfButtonLoader]", never, { "cfButtonLoader": { "alias": "cfButtonLoader"; "required": false; }; }, {}, never, never, false, never>;
222
- }
223
-
224
- /**==============================================
225
- * @interface NotificationPayloadI
226
- * @description Setup needed to show a notification
135
+ /** =============================================
136
+ * @description Setup needed to show a notification
227
137
  */
228
138
  interface NotificationPayloadI {
229
139
  heading: string;
@@ -245,44 +155,32 @@ declare namespace notification_interface_d {
245
155
  export type { notification_interface_d_NotificationPayloadI as NotificationPayloadI };
246
156
  }
247
157
 
248
- /**
249
- * CareFirst Library - Notification
250
- *
251
- * @file notification.component
252
- * @description Contains all the logic for generating a CareFirst Notification
253
- * @author Arno Jansen van Vuuren
254
- * @since 2023 - 11 - 27
255
- * @usage <cf-notification [data]="{heading, status, %message%, %canClose%, %button%, %autoClose%}" (buttonClick)=""></cf-notification>
256
- */
257
-
258
- declare class NotificationComponent implements OnChanges {
259
- data: NotificationPayloadI | undefined;
260
- readonly dataChange: EventEmitter<NotificationPayloadI | undefined>;
261
- readonly buttonClick: EventEmitter<string | number>;
262
- readonly closeClick: EventEmitter<string | number>;
263
- readonly autoClose: EventEmitter<void>;
158
+ declare class NotificationComponent {
159
+ readonly data: _angular_core.ModelSignal<NotificationPayloadI | undefined>;
160
+ readonly buttonClick: _angular_core.OutputEmitterRef<string | number>;
161
+ readonly closeClick: _angular_core.OutputEmitterRef<string | number>;
162
+ readonly autoClose: _angular_core.OutputEmitterRef<void>;
264
163
  private autoCloseTimeOut?;
265
- /**----------------------------------------------------------------
266
- * @name ngOnChanges
267
- * @description Listens for changes to data and starts timer when/if 'autoClose' is set.
268
- * @param {SimpleChanges} changes
269
- * @returns {void}
164
+ /** ---------------------------------------------------------------
165
+ * @description Constructor
270
166
  */
271
- ngOnChanges(changes: SimpleChanges): void;
272
- /**----------------------------------------------------------------
273
- * @name startAutoCloseTimer
274
- * @description Start timer to automatically close notification after specified duration.
275
- * @description If previous autoClose time exists, it is cleared before starting new one.
276
- * @returns {void}
167
+ constructor();
168
+ /** ---------------------------------------------------------------
169
+ * @description Start timer to automatically close notification after specified duration.
170
+ * @description If previous autoClose time exists, it is cleared before starting new one.
277
171
  */
278
172
  private startAutoCloseTimer;
279
- static ɵfac: i0.ɵɵFactoryDeclaration<NotificationComponent, never>;
280
- static ɵcmp: i0.ɵɵComponentDeclaration<NotificationComponent, "cf-notification", never, { "data": { "alias": "data"; "required": false; }; }, { "dataChange": "dataChange"; "buttonClick": "buttonClick"; "closeClick": "closeClick"; "autoClose": "autoClose"; }, never, ["*"], false, never>;
173
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<NotificationComponent, never>;
174
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<NotificationComponent, "cf-notification", never, { "data": { "alias": "data"; "required": false; "isSignal": true; }; }, { "data": "dataChange"; "buttonClick": "buttonClick"; "closeClick": "closeClick"; "autoClose": "autoClose"; }, never, ["*"], true, never>;
281
175
  }
282
176
 
283
- /**==============================================
284
- * @interface AlertDataI
285
- * @description Defines the properties needed to show a care first alert
177
+ /**
178
+ * CareFirst Library - Alert Interface
179
+ * @description Contains all the interfaces for the Alert Component
180
+ */
181
+
182
+ /** =============================================
183
+ * @description Defines the properties needed to show a care first alert
286
184
  */
287
185
  interface AlertDataI {
288
186
  heading: string;
@@ -296,9 +194,8 @@ interface AlertDataI {
296
194
  customError?: string;
297
195
  };
298
196
  }
299
- /**==============================================
300
- * @interface AlertEventI
301
- * @description Defines the structure of the returned event from the alert when a button is clicked
197
+ /** =============================================
198
+ * @description Defines the structure of the returned event from the alert when a button is clicked
302
199
  */
303
200
  interface AlertEventI {
304
201
  identifier: string | number;
@@ -312,247 +209,125 @@ declare namespace alert_interface_d {
312
209
  export type { alert_interface_d_AlertDataI as AlertDataI, alert_interface_d_AlertEventI as AlertEventI };
313
210
  }
314
211
 
315
- /**
316
- * CareFirst Library Alert
317
- *
318
- * @file alert.component
319
- * @description Contains all the logic for generating a CareFirst Alert
320
- * @author Arno Jansen van Vuuren
321
- * @since 2023 - 11 - 30
322
- * @usage <cf-alert data="{heading, message, buttonTrue, buttonFalse}" (alertEvent)></cf-alert>
323
- */
324
-
325
- declare class AlertComponent implements OnChanges {
326
- popover?: IonPopover;
327
- data: AlertDataI | undefined;
328
- readonly alertEvent: EventEmitter<AlertEventI>;
329
- customError: string | null;
330
- alertForm: FormGroup<{
212
+ declare class AlertComponent {
213
+ readonly popover: _angular_core.Signal<IonPopover | undefined>;
214
+ readonly data: _angular_core.InputSignal<AlertDataI | undefined>;
215
+ readonly alertEvent: _angular_core.OutputEmitterRef<AlertEventI>;
216
+ readonly customError: _angular_core.WritableSignal<string | null>;
217
+ readonly alertForm: FormGroup<{
331
218
  inputTextControl: FormControl<string | null>;
332
219
  }>;
333
- /**----------------------------------------------------------------
334
- * @name ngOnChanges
335
- * @description Update various values on component input changes
336
- * @param {SimpleChanges} changes - The changed input properties
337
- * @returns {void}
220
+ /** ---------------------------------------------------------------
338
221
  */
339
- ngOnChanges(changes: SimpleChanges): void;
340
- /**----------------------------------------------------------------
341
- * @name handleAlert
342
- * @description Description
343
- * @param {boolean} status
344
- * @returns {void}
222
+ constructor();
223
+ /** ---------------------------------------------------------------
224
+ * @description Description
225
+ * @param status
345
226
  */
346
227
  handleAlert(status: boolean): void;
347
- static ɵfac: i0.ɵɵFactoryDeclaration<AlertComponent, never>;
348
- static ɵcmp: i0.ɵɵComponentDeclaration<AlertComponent, "cf-alert", never, { "data": { "alias": "data"; "required": false; }; }, { "alertEvent": "alertEvent"; }, never, ["*"], false, never>;
349
- }
350
-
351
- /**
352
- * CareFirst Library Logo
353
- *
354
- * @file logo.component
355
- * @description Contains all the logic for generating a CareFirst Logo
356
- * @author Arno Jansen van Vuuren
357
- * @since 2023 - 11 - 30
358
- * @usage <cf-logo type="vertical | horizontal" %height% %white%></cf-logo>
359
- */
360
-
361
- declare class LogoComponent implements OnChanges {
362
- type: 'horizontal' | 'vertical';
363
- height: number;
364
- white?: string | boolean | undefined;
365
- inputWhite: boolean;
366
- /**----------------------------------------------------------------
367
- * @name ngOnChanges
368
- * @description Update various values on input changes
369
- * @returns {void}
370
- */
371
- ngOnChanges(changes: SimpleChanges): void;
372
- static ɵfac: i0.ɵɵFactoryDeclaration<LogoComponent, never>;
373
- 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>;
374
- }
375
-
376
- declare class CalendarComponent implements OnChanges {
377
- displayTime?: boolean | string | undefined;
378
- color?: 'success' | 'accent';
379
- min?: string | undefined;
380
- max?: string | undefined;
381
- readonly value: EventEmitter<string>;
382
- inputTime: boolean;
383
- inputColor: typeof this.color;
384
- /**----------------------------------------------------------------
385
- * @name ngOnChanges
386
- * @description Update various values on component input changes
387
- * @returns {void}
388
- */
389
- ngOnChanges(changes: SimpleChanges): void;
390
- /**----------------------------------------------------------------
391
- * @name setValue
392
- * @description Emit the selected date value
393
- * @param {string | string[] | null | undefined} value
394
- * @returns {void}
395
- */
396
- setValue(value: string | string[] | null | undefined): void;
397
- static ɵfac: i0.ɵɵFactoryDeclaration<CalendarComponent, never>;
398
- 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>;
399
- }
400
-
401
- /**
402
- * CareFirst Library Form Validation Feedback
403
- *
404
- * @file form-validation.component
405
- * @description Contains all the logic for generating CareFirst Form Validation Feedback
406
- * @author Arno Jansen van Vuuren
407
- * @since 2023 - 12 - 05
408
- * @usage <cf-form-validation [control]="formName.get('controlName')" [customErrorMessage]="errorMessage"></cf-form-validation>
409
- */
410
-
411
- declare class FormValidationComponent implements OnChanges {
412
- control: FormControl | null;
413
- customErrorMessage: string | null;
414
- /**----------------------------------------------------------------
415
- * @name ngOnChanges
416
- * @description Detect changes to input values
417
- * @param {SimpleChanges} changes
418
- */
419
- ngOnChanges(changes: SimpleChanges): void;
420
- static ɵfac: i0.ɵɵFactoryDeclaration<FormValidationComponent, never>;
421
- static ɵcmp: i0.ɵɵComponentDeclaration<FormValidationComponent, "cf-form-validation", never, { "control": { "alias": "control"; "required": false; }; "customErrorMessage": { "alias": "customErrorMessage"; "required": false; }; }, {}, never, never, false, never>;
422
- }
423
-
424
- /**==============================================
425
- * @interface inputsC
426
- * @description Define available input values
427
- */
428
- declare const inputsC: {
429
- readonly labelPlacement: readonly ["fixed", "floating", "stacked", "start", "end"];
430
- readonly inputMode: readonly ["text", "email", "numeric", "tel", "decimal", "url", "search"];
431
- readonly autoCapitalize: readonly ["off", "none", "on", "sentences", "words", "characters"];
432
- readonly type: readonly ["date", "datetime-local", "email", "month", "number", "password", "search", "tel", "text", "time", "url", "week"];
433
- };
434
-
435
- /**
436
- * Carefirst Library Form Input
437
- *
438
- * @file form-input.component
439
- * @description Contains all the logic for generating a CareFirst Form Input Field
440
- * @author Arno Jansen van Vuuren
441
- * @since 2023 - 12 - 14
442
- * @usage <cf-form-input
443
- * label="Label Name"
444
- * %labelPlacement%
445
- * %inputMode%
446
- * %noClearButton%
447
- * %textCenter%
448
- * %min%
449
- * %max%
450
- * %autoCapitalize%
451
- * %type%
452
- * %[(value)]="twoWayComs"%
453
- * %(valueChange)="currentValueEvent"%
454
- * %[control]%="formName.controls.controlName"
455
- * %[customErrorMessage]%="errorMessage"
456
- * ></cf-form-input>
457
- * disable input by disabling the form control
458
- */
459
-
460
- declare class FormInputComponent implements OnChanges {
461
- label: string;
462
- min: string | number | undefined;
463
- max: string | number | undefined;
464
- labelPlacement?: (typeof inputsC.labelPlacement)[number];
465
- placeholder?: string | undefined;
466
- inputmode?: (typeof inputsC.inputMode)[number];
467
- autoCapitalize?: (typeof inputsC.autoCapitalize)[number];
468
- type?: (typeof inputsC.type)[number];
469
- noClearButton?: boolean | string | undefined;
470
- control?: FormControl<string | null> | FormControl<string> | null;
471
- textCenter?: boolean | string | undefined;
472
- maxLength?: number | string;
473
- greyBackground?: boolean | string | undefined;
474
- customErrorMessage: string | null;
475
- value: string | undefined;
476
- readonly valueChange: EventEmitter<string | undefined>;
477
- inputLabelPlacement: typeof this.labelPlacement;
478
- localInputMode: typeof this.inputmode;
479
- inputClear: boolean;
480
- inputTextCenter: boolean;
481
- inputType: typeof this.type;
482
- inputAutoCapitalize: typeof this.autoCapitalize;
483
- inputGreyBackground: boolean;
484
- showPassword: boolean;
485
- dateValidatorMin: string | null;
486
- dateValidatorMax: string | null;
487
- /**----------------------------------------------------------------
488
- * @name ngOnChanges
489
- * @description Detect changes to input values
490
- * @param {SimpleChanges} changes
491
- */
492
- ngOnChanges(changes: SimpleChanges): void;
493
- /**----------------------------------------------------------------
494
- * @name togglePasswordShow
495
- * @description Toggle if password is showing or hidden
496
- * @returns {void}
228
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<AlertComponent, never>;
229
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<AlertComponent, "cf-alert", never, { "data": { "alias": "data"; "required": false; "isSignal": true; }; }, { "alertEvent": "alertEvent"; }, never, ["*"], true, never>;
230
+ }
231
+
232
+ declare class LogoComponent {
233
+ readonly type: _angular_core.InputSignal<"horizontal" | "vertical">;
234
+ readonly height: _angular_core.InputSignal<number>;
235
+ readonly white: _angular_core.InputSignal<string | boolean | undefined>;
236
+ readonly inputWhite: _angular_core.Signal<boolean>;
237
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<LogoComponent, never>;
238
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<LogoComponent, "cf-logo", never, { "type": { "alias": "type"; "required": true; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "white": { "alias": "white"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
239
+ }
240
+
241
+ declare class CalendarComponent {
242
+ readonly displayTime: _angular_core.InputSignal<string | boolean | undefined>;
243
+ readonly color: _angular_core.InputSignal<"success" | "accent" | undefined>;
244
+ readonly min: _angular_core.InputSignal<string | undefined>;
245
+ readonly max: _angular_core.InputSignal<string | undefined>;
246
+ readonly value: _angular_core.OutputEmitterRef<string>;
247
+ readonly inputTime: _angular_core.Signal<boolean>;
248
+ readonly inputColor: _angular_core.Signal<"success" | "accent">;
249
+ /** ---------------------------------------------------------------
250
+ * @description Emit the selected date value
251
+ * @param selectedValue
252
+ */
253
+ setValue(selectedValue: string | string[] | null | undefined): void;
254
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<CalendarComponent, never>;
255
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<CalendarComponent, "cf-calendar", never, { "displayTime": { "alias": "displayTime"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; }, { "value": "value"; }, never, never, true, never>;
256
+ }
257
+
258
+ declare class FormValidationComponent {
259
+ readonly control: _angular_core.InputSignal<FormControl<any> | null>;
260
+ readonly customErrorMessage: _angular_core.InputSignal<string | null>;
261
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<FormValidationComponent, never>;
262
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<FormValidationComponent, "cf-form-validation", never, { "control": { "alias": "control"; "required": false; "isSignal": true; }; "customErrorMessage": { "alias": "customErrorMessage"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
263
+ }
264
+
265
+ declare class FormInputComponent {
266
+ readonly label: _angular_core.InputSignal<string>;
267
+ readonly min: _angular_core.InputSignal<string | number | undefined>;
268
+ readonly max: _angular_core.InputSignal<string | number | undefined>;
269
+ readonly labelPlacement: _angular_core.InputSignal<"fixed" | "floating" | "stacked" | "start" | "end" | undefined>;
270
+ readonly placeholder: _angular_core.InputSignal<string | undefined>;
271
+ readonly inputmode: _angular_core.InputSignal<"email" | "search" | "text" | "numeric" | "tel" | "decimal" | "url" | undefined>;
272
+ readonly autoCapitalize: _angular_core.InputSignal<"off" | "none" | "on" | "sentences" | "words" | "characters" | undefined>;
273
+ readonly type: _angular_core.InputSignal<"number" | "email" | "search" | "text" | "tel" | "url" | "date" | "datetime-local" | "month" | "password" | "time" | "week" | undefined>;
274
+ readonly noClearButton: _angular_core.InputSignal<string | boolean | undefined>;
275
+ readonly control: _angular_core.InputSignal<FormControl<string | null> | FormControl<string> | null | undefined>;
276
+ readonly textCenter: _angular_core.InputSignal<string | boolean | undefined>;
277
+ readonly maxLength: _angular_core.InputSignal<string | number | undefined>;
278
+ readonly greyBackground: _angular_core.InputSignal<string | boolean | undefined>;
279
+ readonly customErrorMessage: _angular_core.InputSignal<string | null>;
280
+ readonly value: _angular_core.ModelSignal<string | undefined>;
281
+ readonly inputLabelPlacement: _angular_core.Signal<"fixed" | "floating" | "stacked" | "start" | "end">;
282
+ readonly localInputMode: _angular_core.Signal<"email" | "search" | "text" | "numeric" | "tel" | "decimal" | "url">;
283
+ readonly inputClear: _angular_core.Signal<boolean>;
284
+ readonly inputTextCenter: _angular_core.Signal<boolean>;
285
+ readonly validatedType: _angular_core.Signal<"number" | "email" | "search" | "text" | "tel" | "url" | "date" | "datetime-local" | "month" | "password" | "time" | "week">;
286
+ readonly inputAutoCapitalize: _angular_core.Signal<"off" | "none" | "on" | "sentences" | "words" | "characters">;
287
+ readonly inputGreyBackground: _angular_core.Signal<boolean>;
288
+ readonly showPassword: _angular_core.WritableSignal<boolean>;
289
+ readonly inputType: _angular_core.Signal<"number" | "email" | "search" | "text" | "tel" | "url" | "date" | "datetime-local" | "month" | "password" | "time" | "week">;
290
+ /** ---------------------------------------------------------------
291
+ * @description Constructor
292
+ */
293
+ constructor();
294
+ /** ---------------------------------------------------------------
295
+ * @description Toggle if password is showing or hidden
497
296
  */
498
297
  togglePasswordShow(): void;
499
- static ɵfac: i0.ɵɵFactoryDeclaration<FormInputComponent, never>;
500
- 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>;
501
- }
502
-
503
- /**
504
- * Carefirst Library Currency Form Input
505
- *
506
- * @file form-input-currency.component
507
- * @description Contains all the logic for generating a CareFirst Form Input Currency Field
508
- * @author Jacques Coetzee
509
- * @since 2025 - 01 - 10
510
- * @usage <cf-form-input-currency
511
- * label="Label Name"
512
- * %labelPlacement%
513
- * %noClearButton%
514
- * %[(value)]="twoWayComs"%
515
- * %(valueChange)="currentValueEvent"%
516
- * %[control]%="formName.controls.controlName"
517
- * %[customErrorMessage]%="errorMessage"
518
- * ></cf-form-input-currency>
519
- * disable input by disabling the form control
520
- */
521
-
522
- declare class FormInputCurrencyComponent implements OnChanges {
523
- currencyTextInput?: IonInput;
524
- label: string;
525
- labelPlacement?: (typeof inputsC.labelPlacement)[number];
526
- placeholder?: string;
527
- noClearButton?: boolean | string | undefined;
528
- control?: FormControl<string | null> | FormControl<string> | null;
529
- customErrorMessage: string | null;
530
- currency?: string;
531
- showCurrency: boolean;
532
- value: string | undefined;
533
- readonly valueChange: EventEmitter<string | undefined>;
534
- inputLabelPlacement: typeof this.labelPlacement;
535
- inputClear: boolean;
536
- inputShowCurrency: boolean;
537
- /**----------------------------------------------------------------
538
- * @name ngOnChanges
539
- * @description Detect changes to input values
540
- * @param {SimpleChanges} changes
541
- */
542
- ngOnChanges(changes: SimpleChanges): void;
543
- /**----------------------------------------------------------------
544
- * @name checkValue
545
- * @description Check the content of the input field
546
- * @param {CustomEvent} event
298
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<FormInputComponent, never>;
299
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<FormInputComponent, "cf-form-input", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "labelPlacement": { "alias": "labelPlacement"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "inputmode": { "alias": "inputmode"; "required": false; "isSignal": true; }; "autoCapitalize": { "alias": "autoCapitalize"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "noClearButton": { "alias": "noClearButton"; "required": false; "isSignal": true; }; "control": { "alias": "control"; "required": false; "isSignal": true; }; "textCenter": { "alias": "textCenter"; "required": false; "isSignal": true; }; "maxLength": { "alias": "maxLength"; "required": false; "isSignal": true; }; "greyBackground": { "alias": "greyBackground"; "required": false; "isSignal": true; }; "customErrorMessage": { "alias": "customErrorMessage"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
300
+ }
301
+
302
+ declare class FormInputCurrencyComponent {
303
+ readonly currencyTextInput: _angular_core.Signal<IonInput | undefined>;
304
+ readonly label: _angular_core.InputSignal<string>;
305
+ readonly labelPlacement: _angular_core.InputSignal<"fixed" | "floating" | "stacked" | "start" | "end" | undefined>;
306
+ readonly placeholder: _angular_core.InputSignal<string | undefined>;
307
+ readonly noClearButton: _angular_core.InputSignal<string | boolean | undefined>;
308
+ readonly control: _angular_core.InputSignal<FormControl<string | null> | FormControl<string> | null | undefined>;
309
+ readonly customErrorMessage: _angular_core.InputSignal<string | null>;
310
+ readonly currency: _angular_core.InputSignal<string>;
311
+ readonly showCurrency: _angular_core.InputSignal<string | boolean | undefined>;
312
+ readonly value: _angular_core.ModelSignal<string | undefined>;
313
+ readonly inputLabelPlacement: _angular_core.Signal<"fixed" | "floating" | "stacked" | "start" | "end">;
314
+ readonly inputClear: _angular_core.Signal<boolean>;
315
+ readonly inputShowCurrency: _angular_core.Signal<boolean>;
316
+ /** ---------------------------------------------------------------
317
+ * @description Check the content of the input field
318
+ * @param event
547
319
  */
548
320
  checkValue(event: CustomEvent): void;
549
- static ɵfac: i0.ɵɵFactoryDeclaration<FormInputCurrencyComponent, never>;
550
- 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>;
321
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<FormInputCurrencyComponent, never>;
322
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<FormInputCurrencyComponent, "cf-form-input-currency", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "labelPlacement": { "alias": "labelPlacement"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "noClearButton": { "alias": "noClearButton"; "required": false; "isSignal": true; }; "control": { "alias": "control"; "required": false; "isSignal": true; }; "customErrorMessage": { "alias": "customErrorMessage"; "required": false; "isSignal": true; }; "currency": { "alias": "currency"; "required": false; "isSignal": true; }; "showCurrency": { "alias": "showCurrency"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
551
323
  }
552
324
 
553
- /**==============================================
554
- * @interface FormInputSelectOptionsI
555
- * @description Structure for the input select options
325
+ /**
326
+ * CareFirst Library - Input Interface
327
+ * @description Contains all the interfaces for the Input Components
328
+ */
329
+ /** =============================================
330
+ * @description Structure for the input select options
556
331
  */
557
332
  interface FormInputSelectOptionsI<T> {
558
333
  displayName: string | number;
@@ -564,304 +339,185 @@ declare namespace input_interface_d {
564
339
  export type { input_interface_d_FormInputSelectOptionsI as FormInputSelectOptionsI };
565
340
  }
566
341
 
567
- /**
568
- * Carefirst Library Form Input Select
569
- *
570
- * @file form-input-select.component
571
- * @description Contains all the logic for generating a CareFirst Select
572
- * @author Arno Jansen van Vuuren
573
- * @since 2023 - 12 - 14
574
- * @usage <cf-form-input-select
575
- * label="Label Name"
576
- * [options]="[{ displayName: string; value: string | number | boolean | null | undefined }]"
577
- * %labelPlacement%
578
- * %(valueChange)="currentValue"%
579
- * %[(value)]="twoWayComs"%
580
- * %[control]%="formName.controls.controlName"
581
- * %[customErrorMessage]%="errorMessage"
582
- * ></cf-form-input-select>
583
- * disable input by disabling the form control
584
- */
585
-
586
- /**==============================================
587
- * @interface inputSelectC
588
- * @description Define available input select values
589
- */
590
- declare const inputSelectC: {
591
- readonly labelPlacement: readonly ["fixed", "floating", "stacked", "start", "end"];
592
- };
593
- declare class FormInputSelectComponent<T> implements OnChanges {
594
- label: string;
595
- options: FormInputSelectOptionsI<T>[];
596
- labelPlacement?: (typeof inputSelectC.labelPlacement)[number];
597
- placeholder?: string | undefined;
598
- control?: FormControl<T | null> | FormControl<T> | null;
599
- customErrorMessage: string | null;
600
- value: T | undefined;
601
- readonly valueChange: EventEmitter<T | undefined>;
602
- inputLabelPlacement: typeof this.labelPlacement;
603
- /**----------------------------------------------------------------
604
- * @name ngOnChanges
605
- * @description Detect changes to input values
606
- * @param {SimpleChanges} changes
607
- */
608
- ngOnChanges(changes: SimpleChanges): void;
609
- static ɵfac: i0.ɵɵFactoryDeclaration<FormInputSelectComponent<any>, never>;
610
- static ɵcmp: i0.ɵɵComponentDeclaration<FormInputSelectComponent<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>;
611
- }
612
-
613
- declare class FormInputStringDateComponent implements OnChanges {
614
- dateTextInput?: IonInput;
615
- label: string;
616
- minDate: string | Date | undefined;
617
- maxDate: string | Date | undefined;
618
- labelPlacement?: (typeof inputsC.labelPlacement)[number];
619
- placeholder?: string;
620
- noClearButton?: boolean | string | undefined;
621
- control?: FormControl<string | null> | FormControl<string> | null;
622
- customErrorMessage: string | null;
623
- value: string | undefined;
624
- readonly valueChange: EventEmitter<string | undefined>;
625
- inputLabelPlacement: typeof this.labelPlacement;
626
- inputClear: boolean;
627
- /**----------------------------------------------------------------
628
- * @name ngOnChanges
629
- * @description Detect changes to input values
630
- * @param {SimpleChanges} changes
631
- */
632
- ngOnChanges(changes: SimpleChanges): void;
633
- /**----------------------------------------------------------------
634
- * @name formatDate
635
- * @description Format the date with hyphens
636
- * @param {CustomEvent} event
342
+ declare class FormInputSelectComponent<T> {
343
+ readonly label: _angular_core.InputSignal<string>;
344
+ readonly options: _angular_core.InputSignal<FormInputSelectOptionsI<T>[]>;
345
+ readonly labelPlacement: _angular_core.InputSignal<"fixed" | "floating" | "stacked" | "start" | "end" | undefined>;
346
+ readonly placeholder: _angular_core.InputSignal<string | undefined>;
347
+ readonly control: _angular_core.InputSignal<FormControl<T | null> | FormControl<T> | null | undefined>;
348
+ readonly customErrorMessage: _angular_core.InputSignal<string | null>;
349
+ readonly value: _angular_core.ModelSignal<T | undefined>;
350
+ readonly inputLabelPlacement: _angular_core.Signal<"fixed" | "floating" | "stacked" | "start" | "end">;
351
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<FormInputSelectComponent<any>, never>;
352
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<FormInputSelectComponent<any>, "cf-form-input-select", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": true; "isSignal": true; }; "labelPlacement": { "alias": "labelPlacement"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "control": { "alias": "control"; "required": false; "isSignal": true; }; "customErrorMessage": { "alias": "customErrorMessage"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
353
+ }
354
+
355
+ declare class FormInputStringDateComponent {
356
+ readonly dateTextInput: _angular_core.Signal<IonInput | undefined>;
357
+ readonly label: _angular_core.InputSignal<string>;
358
+ readonly minDate: _angular_core.InputSignal<string | Date | undefined>;
359
+ readonly maxDate: _angular_core.InputSignal<string | Date | undefined>;
360
+ readonly labelPlacement: _angular_core.InputSignal<"fixed" | "floating" | "stacked" | "start" | "end" | undefined>;
361
+ readonly placeholder: _angular_core.InputSignal<string>;
362
+ readonly noClearButton: _angular_core.InputSignal<string | boolean | undefined>;
363
+ readonly control: _angular_core.InputSignal<FormControl<string | null> | FormControl<string> | null | undefined>;
364
+ readonly customErrorMessage: _angular_core.InputSignal<string | null>;
365
+ readonly value: _angular_core.ModelSignal<string | undefined>;
366
+ readonly inputLabelPlacement: _angular_core.Signal<"fixed" | "floating" | "stacked" | "start" | "end">;
367
+ readonly inputClear: _angular_core.Signal<boolean>;
368
+ /** ---------------------------------------------------------------
369
+ * @description Format the date with hyphens
370
+ * @param event
637
371
  */
638
372
  formatDate(event: CustomEvent): void;
639
- static ɵfac: i0.ɵɵFactoryDeclaration<FormInputStringDateComponent, never>;
640
- 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>;
641
- }
642
-
643
- /**
644
- * Carefirst Library Form Input Text Area
645
- *
646
- * @file form-input-text-area.component
647
- * @description Contains all the logic for generating a CareFirst Form Input Text Area
648
- * @author Arno Jansen van Vuuren
649
- * @since 2023 - 12 - 18
650
- * @usage <cf-form-input-text-area
651
- * label="Label Name"
652
- * %labelPlacement%
653
- * %textCenter%
654
- * %autoCapitalize%
655
- * %(valueChange)="currentValue"%
656
- * %[(value)]="twoWayComs"%
657
- * %[control]%="formName.controls.controlName"
658
- * %[customErrorMessage]%="errorMessage"
659
- * ></cf-form-input-text-area>
660
- * disable input by disabling the form control
661
- */
662
-
663
- /**==============================================
664
- * @interface inputTextAreaC
665
- * @description Define available input values
666
- */
667
- declare const inputTextAreaC: {
668
- readonly labelPlacement: readonly ["fixed", "floating", "stacked", "start", "end"];
669
- readonly autoCapitalize: readonly ["off", "none", "on", "sentences", "words", "characters"];
670
- };
671
- declare class FormInputTextAreaComponent implements OnChanges {
672
- label: string;
673
- labelPlacement?: (typeof inputTextAreaC.labelPlacement)[number];
674
- placeholder?: string | undefined;
675
- autoCapitalize?: (typeof inputTextAreaC.autoCapitalize)[number];
676
- control?: FormControl<string | null> | FormControl<string> | null;
677
- textCenter?: boolean | string | undefined;
678
- minHeight?: string | 'none';
679
- maxHeight?: string | 'none';
680
- customErrorMessage: string | null;
681
- value: string | undefined;
682
- readonly valueChange: EventEmitter<string | undefined>;
683
- inputLabelPlacement: typeof this.labelPlacement;
684
- inputClear: boolean;
685
- inputTextCenter: boolean;
686
- inputAutoCapitalize: typeof this.autoCapitalize;
687
- /**----------------------------------------------------------------
688
- * @name ngOnChanges
689
- * @description Detect changes to input values
690
- * @param {SimpleChanges} changes
691
- */
692
- ngOnChanges(changes: SimpleChanges): void;
693
- static ɵfac: i0.ɵɵFactoryDeclaration<FormInputTextAreaComponent, never>;
694
- 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>;
695
- }
696
-
697
- /**
698
- * Carefirst Library Form Input Search
699
- *
700
- * @file form-input-search.component
701
- * @description Contains all the logic for generating a CareFirst Form Input Search Field
702
- * @author Arno Jansen van Vuuren
703
- * @since 2024 - 09 - 25
704
- * @usage <cf-form-input-search
705
- * label="Label Name"
706
- * %labelPlacement%
707
- * %clearButton%
708
- * %textCenter%
709
- * %autoCapitalize%
710
- * %[(value)]="twoWayComs"%
711
- * %(valueChange)="currentValueEvent"%
712
- * %[control]%="formName.controls.controlName"
713
- * %[customErrorMessage]%="errorMessage"
714
- * ></cf-form-input-search>
715
- * disable input by disabling the form control
716
- */
717
-
718
- declare class FormInputSearchComponent implements OnChanges {
719
- label: string;
720
- labelPlacement?: (typeof inputsC.labelPlacement)[number];
721
- placeholder?: string | undefined;
722
- autoCapitalize?: (typeof inputsC.autoCapitalize)[number];
723
- clearButton?: boolean | string | undefined;
724
- control?: FormControl<string | null> | FormControl<string> | null;
725
- textCenter?: boolean | string | undefined;
726
- customErrorMessage: string | null;
727
- debounce?: number | undefined;
728
- readonly searchButtonTrigger: EventEmitter<string | undefined>;
729
- value: string | undefined;
730
- readonly valueChange: EventEmitter<string | undefined>;
731
- inputLabelPlacement: typeof this.labelPlacement;
732
- inputClear: boolean;
733
- inputTextCenter: boolean;
734
- inputAutoCapitalize: typeof this.autoCapitalize;
735
- showPassword: boolean;
736
- /**----------------------------------------------------------------
737
- * @name ngOnChanges
738
- * @description Detect changes to input values
739
- * @param {SimpleChanges} changes
740
- */
741
- ngOnChanges(changes: SimpleChanges): void;
742
- static ɵfac: i0.ɵɵFactoryDeclaration<FormInputSearchComponent, never>;
743
- 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>;
744
- }
745
-
746
- /**
747
- * CareFirst Chat Bubble
748
- *
749
- * @file chat-bubble.component
750
- * @description Contains all the logic for generating a CareFirst Chat Bubble
751
- * @author Jacques Coetzee
752
- * @since 2024 - 02 - 22
753
- * @usage <cf-chat-bubble type="outgoing | incoming" date="string" message="string" %darkMode%></cf-chat-bubble>
754
- */
755
-
756
- declare class ChatBubbleComponent implements OnChanges {
757
- type: 'outgoing' | 'incoming';
758
- date: string;
759
- message: string;
760
- darkMode?: string | boolean | undefined;
761
- inputType: typeof this.type;
762
- inputDate: typeof this.date;
763
- inputMessage: typeof this.message;
764
- inputDarkMode: boolean;
765
- /**----------------------------------------------------------------
766
- * @name ngOnChanges
767
- * @description Update various values on input changes
768
- * @returns {void}
769
- */
770
- ngOnChanges(changes: SimpleChanges): void;
771
- static ɵfac: i0.ɵɵFactoryDeclaration<ChatBubbleComponent, never>;
772
- 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, ["*"], false, never>;
773
- }
774
-
775
- /**==============================================
776
- * @interface BadgeTypeT
777
- * @description Types of badges available
778
- */
779
- declare const badgeTypeC: readonly ["primary", "white", "success", "alert", "accent", "warning", "disabled", "feedback-success", "feedback-error", "feedback-warning", "feedback-busy", "feedback-accent", "feedback-disabled", "custom-color"];
780
- type BadgeTypeT = (typeof badgeTypeC)[number];
781
-
782
- type badge_interface_d_BadgeTypeT = BadgeTypeT;
783
- declare const badge_interface_d_badgeTypeC: typeof badgeTypeC;
784
- declare namespace badge_interface_d {
785
- export { badge_interface_d_badgeTypeC as badgeTypeC };
786
- export type { badge_interface_d_BadgeTypeT as BadgeTypeT };
787
- }
788
-
789
- /**
790
- * CareFirst Chat Badge
791
- *
792
- * @file badge.component
793
- * @description Contains all the logic for generating a CareFirst Chat Badge
794
- * @author Jacques Coetzee
795
- * @since 2024 - 02 - 22
796
- * @usage <cf-badge
797
- * type="BadgeTypeT"
798
- * %icon%="IconsT"
799
- * %emoji%="EmojisT"
800
- * %small%
801
- * %large%
802
- * style="
803
- * %--custom-color: #000000;%
804
- * %--custom-color-text: #FFFFFF;%
805
- * >
806
- * </cf-badge>
807
- */
808
-
809
- /**==============================================
810
- * @name BadgeComponent
811
- * */
812
- declare class BadgeComponent implements OnChanges {
813
- type: BadgeTypeT;
814
- icon?: IconsT | undefined;
815
- emoji?: EmojisT | undefined;
816
- 'extra-small'?: boolean | string | undefined;
817
- small?: boolean | string | undefined;
818
- large?: boolean | string | undefined;
819
- stretch?: boolean | string | undefined;
820
- inputType: typeof this.type;
821
- inputIcon: typeof this.icon | undefined;
822
- inputEmoji: typeof this.emoji | undefined;
823
- fontsize: number;
824
- inputExtraSmall: boolean;
825
- inputSmall: boolean;
826
- inputLarge: boolean;
827
- inputStretch: boolean;
828
- /**----------------------------------------------------------------
829
- * @name ngOnChanges
830
- * @description Update various values on input changes
831
- * @returns {void}
832
- */
833
- ngOnChanges(changes: SimpleChanges): void;
834
- static ɵfac: i0.ɵɵFactoryDeclaration<BadgeComponent, never>;
835
- static ɵcmp: i0.ɵɵComponentDeclaration<BadgeComponent, "cf-badge", never, { "type": { "alias": "type"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "emoji": { "alias": "emoji"; "required": false; }; "extra-small": { "alias": "extra-small"; "required": false; }; "small": { "alias": "small"; "required": false; }; "large": { "alias": "large"; "required": false; }; "stretch": { "alias": "stretch"; "required": false; }; }, {}, never, ["*"], false, never>;
836
- }
837
-
838
- declare class SpinnerComponent implements OnChanges {
839
- size: number | string;
840
- primaryColor: boolean | string | undefined;
841
- inputSize: number;
842
- primaryColorValue: boolean;
843
- /**----------------------------------------------------------------
844
- * @name ngOnChanges
845
- * @description Update various values on input changes
846
- * @returns {void}
847
- */
848
- ngOnChanges(changes: SimpleChanges): void;
849
- static ɵfac: i0.ɵɵFactoryDeclaration<SpinnerComponent, never>;
850
- static ɵcmp: i0.ɵɵComponentDeclaration<SpinnerComponent, "cf-spinner", never, { "size": { "alias": "size"; "required": false; }; "primaryColor": { "alias": "primaryColor"; "required": false; }; }, {}, never, never, false, never>;
851
- }
852
-
853
- declare class VerificationCodeComponent implements OnInit, OnChanges, ViewDidEnter, ViewWillLeave {
854
- valueToVerify: i0.InputSignal<string>;
855
- status: i0.InputSignal<BehaviorSubject<"disabled" | "initial" | "invalid" | "resend" | "processing">>;
856
- supportContact: i0.InputSignal<string>;
857
- commsSentCount: i0.ModelSignal<number>;
858
- readonly outcome: i0.OutputEmitterRef<string>;
859
- readonly resendClickEvent: i0.OutputEmitterRef<true>;
860
- myInput1?: IonInput;
861
- myInput2?: IonInput;
862
- myInput3?: IonInput;
863
- myInput4?: IonInput;
864
- myInput5?: IonInput;
373
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<FormInputStringDateComponent, never>;
374
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<FormInputStringDateComponent, "cf-form-input-string-date", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "minDate": { "alias": "minDate"; "required": false; "isSignal": true; }; "maxDate": { "alias": "maxDate"; "required": false; "isSignal": true; }; "labelPlacement": { "alias": "labelPlacement"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "noClearButton": { "alias": "noClearButton"; "required": false; "isSignal": true; }; "control": { "alias": "control"; "required": false; "isSignal": true; }; "customErrorMessage": { "alias": "customErrorMessage"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
375
+ }
376
+
377
+ declare class FormInputTextAreaComponent {
378
+ readonly label: _angular_core.InputSignal<string>;
379
+ readonly labelPlacement: _angular_core.InputSignal<"fixed" | "floating" | "stacked" | "start" | "end" | undefined>;
380
+ readonly placeholder: _angular_core.InputSignal<string | undefined>;
381
+ readonly autoCapitalize: _angular_core.InputSignal<"off" | "none" | "on" | "sentences" | "words" | "characters" | undefined>;
382
+ readonly control: _angular_core.InputSignal<FormControl<string | null> | FormControl<string> | null | undefined>;
383
+ readonly textCenter: _angular_core.InputSignal<string | boolean | undefined>;
384
+ readonly minHeight: _angular_core.InputSignal<string>;
385
+ readonly maxHeight: _angular_core.InputSignal<string>;
386
+ readonly customErrorMessage: _angular_core.InputSignal<string | null>;
387
+ readonly value: _angular_core.ModelSignal<string | undefined>;
388
+ readonly inputLabelPlacement: _angular_core.Signal<"fixed" | "floating" | "stacked" | "start" | "end">;
389
+ readonly inputTextCenter: _angular_core.Signal<boolean>;
390
+ readonly inputAutoCapitalize: _angular_core.Signal<"off" | "none" | "on" | "sentences" | "words" | "characters">;
391
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<FormInputTextAreaComponent, never>;
392
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<FormInputTextAreaComponent, "cf-form-input-text-area", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "labelPlacement": { "alias": "labelPlacement"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "autoCapitalize": { "alias": "autoCapitalize"; "required": false; "isSignal": true; }; "control": { "alias": "control"; "required": false; "isSignal": true; }; "textCenter": { "alias": "textCenter"; "required": false; "isSignal": true; }; "minHeight": { "alias": "minHeight"; "required": false; "isSignal": true; }; "maxHeight": { "alias": "maxHeight"; "required": false; "isSignal": true; }; "customErrorMessage": { "alias": "customErrorMessage"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
393
+ }
394
+
395
+ declare class FormInputSearchComponent {
396
+ readonly label: _angular_core.InputSignal<string>;
397
+ readonly labelPlacement: _angular_core.InputSignal<"fixed" | "floating" | "stacked" | "start" | "end" | undefined>;
398
+ readonly placeholder: _angular_core.InputSignal<string | undefined>;
399
+ readonly autoCapitalize: _angular_core.InputSignal<"off" | "none" | "on" | "sentences" | "words" | "characters" | undefined>;
400
+ readonly clearButton: _angular_core.InputSignal<string | boolean | undefined>;
401
+ readonly control: _angular_core.InputSignal<FormControl<string | null> | FormControl<string> | null | undefined>;
402
+ readonly textCenter: _angular_core.InputSignal<string | boolean | undefined>;
403
+ readonly customErrorMessage: _angular_core.InputSignal<string | null>;
404
+ readonly debounce: _angular_core.InputSignal<number | undefined>;
405
+ readonly value: _angular_core.ModelSignal<string | undefined>;
406
+ readonly searchButtonTrigger: _angular_core.OutputEmitterRef<string | undefined>;
407
+ readonly inputLabelPlacement: _angular_core.Signal<"fixed" | "floating" | "stacked" | "start" | "end">;
408
+ readonly inputClear: _angular_core.Signal<boolean>;
409
+ readonly inputTextCenter: _angular_core.Signal<boolean>;
410
+ readonly inputAutoCapitalize: _angular_core.Signal<"off" | "none" | "on" | "sentences" | "words" | "characters">;
411
+ /** ---------------------------------------------------------------
412
+ * @description Emit search button trigger with string value
413
+ * @param searchValue
414
+ */
415
+ emitSearch(searchValue: string | number | null | undefined): void;
416
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<FormInputSearchComponent, never>;
417
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<FormInputSearchComponent, "cf-form-input-search", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "labelPlacement": { "alias": "labelPlacement"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "autoCapitalize": { "alias": "autoCapitalize"; "required": false; "isSignal": true; }; "clearButton": { "alias": "clearButton"; "required": false; "isSignal": true; }; "control": { "alias": "control"; "required": false; "isSignal": true; }; "textCenter": { "alias": "textCenter"; "required": false; "isSignal": true; }; "customErrorMessage": { "alias": "customErrorMessage"; "required": false; "isSignal": true; }; "debounce": { "alias": "debounce"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "searchButtonTrigger": "searchButtonTrigger"; }, never, never, true, never>;
418
+ }
419
+
420
+ declare class FormInputSearchDropdownComponent<T> {
421
+ readonly placeholder: _angular_core.InputSignal<string | undefined>;
422
+ readonly clearButton: _angular_core.InputSignal<string | boolean | undefined>;
423
+ readonly control: _angular_core.InputSignal<FormControl<string | null> | FormControl<string> | null | undefined>;
424
+ readonly options: _angular_core.InputSignal<FormInputSelectOptionsI<T>[]>;
425
+ readonly maxDisplayOptions: _angular_core.InputSignal<number>;
426
+ readonly customErrorMessage: _angular_core.ModelSignal<string | null>;
427
+ readonly value: _angular_core.ModelSignal<string | undefined>;
428
+ readonly selectedOption: _angular_core.OutputEmitterRef<FormInputSelectOptionsI<T> | null>;
429
+ readonly popoverOpen: _angular_core.WritableSignal<boolean>;
430
+ readonly displayOptions: _angular_core.Signal<FormInputSelectOptionsI<T>[]>;
431
+ readonly inputClear: _angular_core.Signal<boolean>;
432
+ /** ---------------------------------------------------------------
433
+ * @description Show the dropdown popover when the input is focused
434
+ */
435
+ inFocus(): void;
436
+ /** ---------------------------------------------------------------
437
+ * @description Handle the input value change
438
+ * @param value
439
+ */
440
+ onValueChange(value: string | undefined): void;
441
+ /** ---------------------------------------------------------------
442
+ * @description Hide the dropdown popover when the input loses focus
443
+ */
444
+ onBlur(): void;
445
+ /** ---------------------------------------------------------------
446
+ * @description Apply a dropdown option as the current value
447
+ * @param option
448
+ */
449
+ selectOption(option: FormInputSelectOptionsI<T>): void;
450
+ /** ---------------------------------------------------------------
451
+ * @description Check whether a dropdown option matches the current value
452
+ * @param option
453
+ */
454
+ isOptionSelected(option: FormInputSelectOptionsI<T>): boolean;
455
+ /** ---------------------------------------------------------------
456
+ * @description Show the dropdown popover when the input is focused
457
+ */
458
+ private openPopover;
459
+ /** ---------------------------------------------------------------
460
+ * @description Hide the dropdown popover after the input loses focus
461
+ */
462
+ private closePopover;
463
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<FormInputSearchDropdownComponent<any>, never>;
464
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<FormInputSearchDropdownComponent<any>, "cf-form-input-search-dropdown", never, { "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "clearButton": { "alias": "clearButton"; "required": false; "isSignal": true; }; "control": { "alias": "control"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "maxDisplayOptions": { "alias": "maxDisplayOptions"; "required": false; "isSignal": true; }; "customErrorMessage": { "alias": "customErrorMessage"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "customErrorMessage": "customErrorMessageChange"; "value": "valueChange"; "selectedOption": "selectedOption"; }, never, never, true, never>;
465
+ }
466
+
467
+ declare class ChatBubbleComponent {
468
+ readonly type: _angular_core.InputSignal<"incoming" | "outgoing">;
469
+ readonly date: _angular_core.InputSignal<string>;
470
+ readonly message: _angular_core.InputSignal<string>;
471
+ readonly darkMode: _angular_core.InputSignal<string | boolean | undefined>;
472
+ readonly inputType: _angular_core.Signal<"incoming" | "outgoing">;
473
+ readonly inputDate: _angular_core.Signal<string>;
474
+ readonly inputMessage: _angular_core.Signal<string>;
475
+ readonly inputDarkMode: _angular_core.Signal<boolean>;
476
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<ChatBubbleComponent, never>;
477
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<ChatBubbleComponent, "cf-chat-bubble", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "date": { "alias": "date"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; "darkMode": { "alias": "darkMode"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
478
+ }
479
+
480
+ declare class BadgeComponent {
481
+ readonly type: _angular_core.InputSignal<"primary" | "success" | "warning" | "white" | "accent" | "alert" | "disabled" | "feedback-success" | "feedback-error" | "feedback-warning" | "feedback-busy" | "feedback-accent" | "feedback-disabled" | "custom-color">;
482
+ readonly icon: _angular_core.InputSignal<"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" | "diagonal-up-arrow" | "diagonal-down-arrow" | "copy" | "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" | "skin-scan-service" | "acne-scan-service" | "open-back-arrow" | "open-forward-arrow" | "open-up-arrow" | "open-down-arrow" | "single-document" | "lightning" | "user-dependent" | "plus" | "minus" | "close-box" | "speech-bubble" | "camera-switch" | "retry" | "download" | "upload" | "upload-document" | "print" | "search" | "bank-cards" | "bank-card" | "swipe-bank-card" | "coin" | "sign-out-curved" | "sign-in-curved" | "calendar-blank" | "wallet" | "wallet-closed" | "info" | "three-dot-colon" | "adjustment" | "triangle-alert" | "shield-check" | "basic-phone" | "send" | undefined>;
483
+ readonly emoji: _angular_core.InputSignal<"google" | "facebook" | "m365" | "microsoft-365" | "trophy" | "party-popper" | "flame" | "black-circle" | "white-circle" | "red-circle" | "high-voltage" | "red-heart" | "collision" | "cherry-blossom" | "pill" | "yellow-heart" | "microscope" | "drop-of-blood" | "man-health-worker" | "check-mark-button" | undefined>;
484
+ readonly extraSmall: _angular_core.InputSignal<string | boolean | undefined>;
485
+ readonly small: _angular_core.InputSignal<string | boolean | undefined>;
486
+ readonly large: _angular_core.InputSignal<string | boolean | undefined>;
487
+ readonly stretch: _angular_core.InputSignal<string | boolean | undefined>;
488
+ readonly inputType: _angular_core.Signal<"primary" | "success" | "warning" | "white" | "accent" | "alert" | "disabled" | "feedback-success" | "feedback-error" | "feedback-warning" | "feedback-busy" | "feedback-accent" | "feedback-disabled" | "custom-color">;
489
+ readonly inputIcon: _angular_core.Signal<"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" | "diagonal-up-arrow" | "diagonal-down-arrow" | "copy" | "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" | "skin-scan-service" | "acne-scan-service" | "open-back-arrow" | "open-forward-arrow" | "open-up-arrow" | "open-down-arrow" | "single-document" | "lightning" | "user-dependent" | "plus" | "minus" | "close-box" | "speech-bubble" | "camera-switch" | "retry" | "download" | "upload" | "upload-document" | "print" | "search" | "bank-cards" | "bank-card" | "swipe-bank-card" | "coin" | "sign-out-curved" | "sign-in-curved" | "calendar-blank" | "wallet" | "wallet-closed" | "info" | "three-dot-colon" | "adjustment" | "triangle-alert" | "shield-check" | "basic-phone" | "send" | undefined>;
490
+ readonly inputEmoji: _angular_core.Signal<"google" | "facebook" | "m365" | "microsoft-365" | "trophy" | "party-popper" | "flame" | "black-circle" | "white-circle" | "red-circle" | "high-voltage" | "red-heart" | "collision" | "cherry-blossom" | "pill" | "yellow-heart" | "microscope" | "drop-of-blood" | "man-health-worker" | "check-mark-button" | undefined>;
491
+ readonly inputExtraSmall: _angular_core.Signal<boolean>;
492
+ readonly inputSmall: _angular_core.Signal<boolean>;
493
+ readonly inputLarge: _angular_core.Signal<boolean>;
494
+ readonly inputStretch: _angular_core.Signal<boolean>;
495
+ readonly fontsizeValue: _angular_core.Signal<8 | 10 | 16>;
496
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<BadgeComponent, never>;
497
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<BadgeComponent, "cf-badge", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "emoji": { "alias": "emoji"; "required": false; "isSignal": true; }; "extraSmall": { "alias": "extra-small"; "required": false; "isSignal": true; }; "small": { "alias": "small"; "required": false; "isSignal": true; }; "large": { "alias": "large"; "required": false; "isSignal": true; }; "stretch": { "alias": "stretch"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
498
+ }
499
+
500
+ declare class SpinnerComponent {
501
+ readonly size: _angular_core.InputSignal<string | number>;
502
+ readonly primaryColor: _angular_core.InputSignal<string | boolean | undefined>;
503
+ readonly inputSize: _angular_core.Signal<number>;
504
+ readonly primaryColorValue: _angular_core.Signal<boolean>;
505
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<SpinnerComponent, never>;
506
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<SpinnerComponent, "cf-spinner", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "primaryColor": { "alias": "primaryColor"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
507
+ }
508
+
509
+ declare class VerificationCodeComponent implements ViewDidEnter, ViewWillLeave {
510
+ readonly valueToVerify: _angular_core.InputSignal<string>;
511
+ readonly status: _angular_core.InputSignal<BehaviorSubject<"disabled" | "initial" | "invalid" | "resend" | "processing">>;
512
+ readonly supportContact: _angular_core.InputSignal<string>;
513
+ readonly commsSentCount: _angular_core.ModelSignal<number>;
514
+ readonly outcome: _angular_core.OutputEmitterRef<string>;
515
+ readonly resendClickEvent: _angular_core.OutputEmitterRef<true>;
516
+ readonly myInput1: _angular_core.Signal<IonInput | undefined>;
517
+ readonly myInput2: _angular_core.Signal<IonInput | undefined>;
518
+ readonly myInput3: _angular_core.Signal<IonInput | undefined>;
519
+ readonly myInput4: _angular_core.Signal<IonInput | undefined>;
520
+ readonly myInput5: _angular_core.Signal<IonInput | undefined>;
865
521
  validationCodeError: boolean;
866
522
  verificationCodeInputArr: (number | null)[];
867
523
  codeInputCount: number;
@@ -869,199 +525,200 @@ declare class VerificationCodeComponent implements OnInit, OnChanges, ViewDidEnt
869
525
  validationCode: string | undefined;
870
526
  platform: 'mobile' | 'desktop';
871
527
  statusSub$?: Subscription;
872
- get codeInputDisabled(): boolean;
873
528
  private readonly devicePlatformService;
874
- /**----------------------------------------------------------------
875
- * @name ionViewDidEnter
876
- * @description Update various values on component initialization
877
- * @returns {void}
529
+ /** ---------------------------------------------------------------
530
+ * @description Check if the code input is disabled
878
531
  */
879
- ionViewDidEnter(): void;
880
- /**----------------------------------------------------------------
881
- * @name ngOnChanges
882
- * @description Update various values on input changes
883
- * @returns {void}
532
+ get codeInputDisabled(): boolean;
533
+ /** ---------------------------------------------------------------
884
534
  */
885
- ngOnChanges(changes: SimpleChanges): void;
886
- /**----------------------------------------------------------------
887
- * @name ngOnInit
888
- * @description Initialize the component
889
- * @returns {void}
535
+ constructor();
536
+ /** ---------------------------------------------------------------
537
+ * @description Update various values on component initialization
890
538
  */
891
- ngOnInit(): void;
892
- /**----------------------------------------------------------------
893
- * @name resendVerificationCode
894
- * @description Resend a verification code
895
- * @returns {void}
539
+ ionViewDidEnter(): void;
540
+ /** ---------------------------------------------------------------
541
+ * @description Resend a verification code
896
542
  */
897
543
  resendVerificationCode(): void;
898
- /**----------------------------------------------------------------
899
- * @name formulateAndCheckVerificationCode
900
- * @description Handle inputs associated with the verification code and do call once code is complete
901
- * @param {InputCustomEvent} event
902
- * @param {number} index
903
- * @returns {void}
544
+ /** ---------------------------------------------------------------
545
+ * @description Handle inputs associated with the verification code and do call once code is complete
546
+ * @param event
547
+ * @param index
904
548
  */
905
549
  formulateAndCheckVerificationCode(event: InputCustomEvent, index: number): void;
906
- /**----------------------------------------------------------------
907
- * @name resetAllInputFields
908
- * @description Reset all input fields
909
- * @returns {void}
550
+ /** ---------------------------------------------------------------
551
+ * @description Reset all input fields
910
552
  */
911
553
  private resetAllInputFields;
912
- /**----------------------------------------------------------------
913
- * @name setFocusToNext
914
- * @description Set the focus to the next input
915
- * @param {number} currentIndex
916
- * @returns {void}
554
+ /** ---------------------------------------------------------------
555
+ * @description Set the focus to the next input
556
+ * @param currentIndex
917
557
  */
918
558
  private setFocusToNext;
919
- /**----------------------------------------------------------------
920
- * @name clearCodeInput
921
- * @description Clear a code input on invalid key
922
- * @param {number} index
923
- * @returns {void}
559
+ /** ---------------------------------------------------------------
560
+ * @description Clear a code input on invalid key
561
+ * @param index
924
562
  */
925
563
  private clearCodeInput;
926
- /**----------------------------------------------------------------
927
- * @name ionViewWillLeave
928
- * @description Unsubscribe on component leave
929
- * @returns {void}
564
+ /** ---------------------------------------------------------------
565
+ * @description Unsubscribe on component leave
930
566
  */
931
567
  ionViewWillLeave(): void;
932
- static ɵfac: i0.ɵɵFactoryDeclaration<VerificationCodeComponent, never>;
933
- static ɵcmp: i0.ɵɵComponentDeclaration<VerificationCodeComponent, "cf-verification-code", never, { "valueToVerify": { "alias": "valueToVerify"; "required": true; "isSignal": true; }; "status": { "alias": "status"; "required": true; "isSignal": true; }; "supportContact": { "alias": "supportContact"; "required": true; "isSignal": true; }; "commsSentCount": { "alias": "commsSentCount"; "required": false; "isSignal": true; }; }, { "commsSentCount": "commsSentCountChange"; "outcome": "outcome"; "resendClickEvent": "resendClickEvent"; }, never, never, false, never>;
568
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<VerificationCodeComponent, never>;
569
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<VerificationCodeComponent, "cf-verification-code", never, { "valueToVerify": { "alias": "valueToVerify"; "required": true; "isSignal": true; }; "status": { "alias": "status"; "required": true; "isSignal": true; }; "supportContact": { "alias": "supportContact"; "required": true; "isSignal": true; }; "commsSentCount": { "alias": "commsSentCount"; "required": false; "isSignal": true; }; }, { "commsSentCount": "commsSentCountChange"; "outcome": "outcome"; "resendClickEvent": "resendClickEvent"; }, never, never, true, never>;
934
570
  }
935
571
 
936
- /**
937
- * CareFirst Mix P
938
- *
939
- * @file mix-p.component
940
- * @description A component that generates a p tag with different fonts for desktop and mobile
941
- * @author Jacques Coetzee
942
- * @since 2024 - 03 - 25
943
- */
944
-
945
- declare class MixPComponent implements OnInit, OnChanges {
946
- mobile: string;
947
- desktop: string;
948
- customStyle: Record<string, unknown>;
949
- pClass: string;
950
- private inputMobile;
951
- private inputDesktop;
952
- private getScreenWidth;
953
- /**----------------------------------------------------------------
954
- * @name ngOnChanges
955
- * @description Update various values on input changes
956
- * @returns {void}
957
- */
958
- ngOnChanges(changes: SimpleChanges): void;
959
- /**----------------------------------------------------------------
960
- * @name ngOnInit
961
- * @description Update various values on component initialization
962
- * @returns {void}
963
- */
964
- ngOnInit(): void;
965
- /**----------------------------------------------------------------
966
- * @name onWindowResize
967
- * @description Add a host listener to screen size changes
968
- * @returns {void}
572
+ declare class MixPComponent {
573
+ readonly mobile: _angular_core.InputSignal<string>;
574
+ readonly desktop: _angular_core.InputSignal<string>;
575
+ readonly customStyle: _angular_core.InputSignal<Record<string, unknown>>;
576
+ private readonly screenWidth;
577
+ readonly pClass: _angular_core.Signal<string>;
578
+ /** ---------------------------------------------------------------
579
+ * @description Add a host listener to screen size changes
969
580
  */
970
581
  onWindowResize(): void;
971
- /**----------------------------------------------------------------
972
- * @name updateClass
973
- * @description Update P element class based on screen size and $cf-screen-breakpoint
974
- * @returns {void}
975
- */
976
- updateClass(): void;
977
- static ɵfac: i0.ɵɵFactoryDeclaration<MixPComponent, never>;
978
- static ɵcmp: i0.ɵɵComponentDeclaration<MixPComponent, "cf-mix-p", never, { "mobile": { "alias": "mobile"; "required": false; }; "desktop": { "alias": "desktop"; "required": false; }; "customStyle": { "alias": "customStyle"; "required": false; }; }, {}, never, ["*"], false, never>;
582
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<MixPComponent, never>;
583
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<MixPComponent, "cf-mix-p", never, { "mobile": { "alias": "mobile"; "required": false; "isSignal": true; }; "desktop": { "alias": "desktop"; "required": false; "isSignal": true; }; "customStyle": { "alias": "customStyle"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
979
584
  }
980
585
 
981
586
  declare class CareFirstLibraryModule {
982
- static ɵfac: i0.ɵɵFactoryDeclaration<CareFirstLibraryModule, never>;
983
- static ɵmod: i0.ɵɵNgModuleDeclaration<CareFirstLibraryModule, [typeof PageComponent, typeof ButtonComponent, typeof SpacerComponent, typeof IconComponent, typeof EmojiComponent, 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 i23.IonicModule, typeof i24.CommonModule, typeof i25.ReactiveFormsModule], [typeof PageComponent, typeof ButtonComponent, typeof SpacerComponent, typeof IconComponent, typeof EmojiComponent, 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]>;
984
- static ɵinj: i0.ɵɵInjectorDeclaration<CareFirstLibraryModule>;
587
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<CareFirstLibraryModule, never>;
588
+ static ɵmod: _angular_core.ɵɵNgModuleDeclaration<CareFirstLibraryModule, never, [typeof i1.IonicModule, typeof i2.CommonModule, typeof i3.ReactiveFormsModule, typeof PageComponent, typeof ButtonComponent, typeof SpacerComponent, typeof IconComponent, typeof EmojiComponent, 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 FormInputSearchDropdownComponent, typeof ChatBubbleComponent, typeof BadgeComponent, typeof SpinnerComponent, typeof VerificationCodeComponent, typeof MixPComponent], [typeof PageComponent, typeof ButtonComponent, typeof SpacerComponent, typeof IconComponent, typeof EmojiComponent, 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 FormInputSearchDropdownComponent, typeof ChatBubbleComponent, typeof BadgeComponent, typeof SpinnerComponent, typeof VerificationCodeComponent, typeof MixPComponent]>;
589
+ static ɵinj: _angular_core.ɵɵInjectorDeclaration<CareFirstLibraryModule>;
985
590
  }
986
591
 
987
592
  /**
988
593
  * Form validators
989
- *
990
594
  * @file form-validators
991
- * @description Various form validators
992
- * @author Jacques Coetzee
993
- * @since 2022 - 01 - 20
994
- * @usage Display "errorMessage" key value as validator response message
595
+ * @description Various form validators
995
596
  */
996
597
 
997
598
  declare class CFPFormValidators {
998
- /**----------------------------------------------------------------
999
- * @name checkPSWRetype
1000
- * @description Check if passwords match
1001
- * @param {string} controlNameToCheckAgainst
1002
- * @returns {ValidatorFn}
1003
- * @usage FormValidators.compareTo('password')
599
+ /** ---------------------------------------------------------------
600
+ * @description Check if passwords match
601
+ * @param controlNameToCheckAgainst
1004
602
  */
1005
603
  static compareTo(controlNameToCheckAgainst: string): ValidatorFn;
1006
- /**----------------------------------------------------------------
1007
- * @name asPassword
1008
- * @description Validate control as password
1009
- * @returns {ValidatorFn}
1010
- * @usage FormValidators.asPassword()
604
+ /** ---------------------------------------------------------------
605
+ * @description Validate control as password
1011
606
  */
1012
607
  static asPassword(): ValidatorFn;
1013
- /**----------------------------------------------------------------
1014
- * @name asEmail
1015
- * @description Validate control as email
1016
- * @param {true} canBeEmpty
1017
- * @returns {ValidatorFn}
1018
- * @usage FormValidators.asEmail(true?)
608
+ /** ---------------------------------------------------------------
609
+ * @description Validate control as email
610
+ * @param canBeEmpty
1019
611
  */
1020
612
  static asEmail(canBeEmpty?: true): ValidatorFn;
1021
- /**----------------------------------------------------------------
1022
- * @name isIn
1023
- * @description Validate control value is part of a given list
1024
- * @param {(string | number)[]} list
1025
- * @returns {ValidatorFn}
1026
- * @usage FormValidators.isIn()
613
+ /** ---------------------------------------------------------------
614
+ * @description Validate control value is part of a given list
615
+ * @param list
1027
616
  */
1028
617
  static isIn(list: (string | number)[]): ValidatorFn;
1029
- /**----------------------------------------------------------------
1030
- * @name isSAIDNumber
1031
- * @description Validate control value is a valid RSA ID Number
1032
- * @param {true} canBeEmpty
1033
- * @returns {ValidatorFn}
1034
- * @usage FormValidators.isSAIDNumber(true?)
618
+ /** ---------------------------------------------------------------
619
+ * @description Validate control value is a valid RSA ID Number
620
+ * @param canBeEmpty
1035
621
  */
1036
622
  static isSAIDNumber(canBeEmpty?: true): ValidatorFn;
1037
- /**----------------------------------------------------------------
1038
- * @name isValidDate
1039
- * @description Validate control value is part of a given list
1040
- * @param {string | null} minDate
1041
- * @param {string | null} maxDate
1042
- * @returns {ValidatorFn}
1043
- * @usage FormValidators.isValidDate('1999-01-01', '2020-01-01')
623
+ /** ---------------------------------------------------------------
624
+ * @description Validate control value is part of a given list
625
+ * @param minDate
626
+ * @param maxDate
1044
627
  */
1045
628
  static isValidDate(minDate: string | null, maxDate?: string | null): ValidatorFn;
1046
- /**----------------------------------------------------------------
1047
- * @name isValidCellNumber
1048
- * @description Validate control value is a valid cellphone number and containing a valid dial code
1049
- * @param {string[]} dialCodes
1050
- * @returns {ValidatorFn}
1051
- * @usage FormValidators.isValidCellNumber(['27'])
629
+ /** ---------------------------------------------------------------
630
+ * @description Validate control value is a valid cellphone number and containing a valid dial code
631
+ * @param dialCodes
1052
632
  */
1053
633
  static isValidCellNumber(dialCodes?: string[]): ValidatorFn;
1054
634
  }
1055
635
 
1056
- /**==============================================
1057
- * @interface CfCodeInputVerificationStatusesT
1058
- * @description All available statuses for the verification code component
636
+ /**
637
+ * CareFirst Library - Icon Interface
638
+ * @description Contains all the interfaces for the Icon Component
639
+ */
640
+ /** =============================================
641
+ * @description List of all the available icons
642
+ */
643
+ 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", "diagonal-up-arrow", "diagonal-down-arrow", "copy", "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", "skin-scan-service", "acne-scan-service", "open-back-arrow", "open-forward-arrow", "open-up-arrow", "open-down-arrow", "single-document", "lightning", "user-dependent", "plus", "minus", "close-box", "speech-bubble", "camera-switch", "retry", "download", "upload", "upload-document", "print", "search", "bank-cards", "bank-card", "swipe-bank-card", "coin", "sign-out-curved", "sign-in-curved", "calendar-blank", "wallet", "wallet-closed", "info", "three-dot-colon", "adjustment", "triangle-alert", "shield-check", "basic-phone", "send"];
644
+ /** =============================================
645
+ * @description All available icons
646
+ */
647
+ type IconsT = (typeof iconsC)[number];
648
+ /** =============================================
649
+ * @description All available colors in CSS classes
650
+ */
651
+ declare const iconColorC: readonly ["primary", "secondary", "success", "warning", "error", "white", "accent"];
652
+ /** =============================================
653
+ * @description All available colors in CSS classes
654
+ */
655
+ type IconColorT = (typeof iconColorC)[number];
656
+
657
+ type icon_interface_d_IconColorT = IconColorT;
658
+ type icon_interface_d_IconsT = IconsT;
659
+ declare const icon_interface_d_iconColorC: typeof iconColorC;
660
+ declare const icon_interface_d_iconsC: typeof iconsC;
661
+ declare namespace icon_interface_d {
662
+ export { icon_interface_d_iconColorC as iconColorC, icon_interface_d_iconsC as iconsC };
663
+ export type { icon_interface_d_IconColorT as IconColorT, icon_interface_d_IconsT as IconsT };
664
+ }
665
+
666
+ /**
667
+ * CareFirst Library - Emoji Interface
668
+ * @description Contains all the interfaces for the Emoji Component
669
+ */
670
+ /** =============================================
671
+ * @description List of all the available emojis
672
+ */
673
+ declare const emojisC: readonly ["google", "facebook", "m365", "microsoft-365", "trophy", "party-popper", "flame", "black-circle", "white-circle", "red-circle", "high-voltage", "red-heart", "collision", "cherry-blossom", "pill", "yellow-heart", "microscope", "drop-of-blood", "man-health-worker", "check-mark-button"];
674
+ /** =============================================
675
+ * @description All available emojis
676
+ */
677
+ type EmojisT = (typeof emojisC)[number];
678
+
679
+ type emoji_interface_d_EmojisT = EmojisT;
680
+ declare const emoji_interface_d_emojisC: typeof emojisC;
681
+ declare namespace emoji_interface_d {
682
+ export { emoji_interface_d_emojisC as emojisC };
683
+ export type { emoji_interface_d_EmojisT as EmojisT };
684
+ }
685
+
686
+ /**
687
+ * CareFirst Library - Spacer Interface
688
+ * @description Contains all the interfaces for the Spacer Component
689
+ */
690
+ /** =============================================
691
+ * @description Available Spacer Values
692
+ */
693
+ declare const spacerNumberArray: readonly [4, 8, 12, 16, 24, 32, 38, 48, 72, 96];
694
+ /** =============================================
695
+ * @description All available number values for the Spacer Component
696
+ */
697
+ type SpacerNumberT = (typeof spacerNumberArray)[number];
698
+ /** =============================================
699
+ * @description All available string values for the Spacer Component
700
+ */
701
+ type SpacerStringT = `${SpacerNumberT}`;
702
+
703
+ type spacer_interface_d_SpacerNumberT = SpacerNumberT;
704
+ type spacer_interface_d_SpacerStringT = SpacerStringT;
705
+ declare const spacer_interface_d_spacerNumberArray: typeof spacerNumberArray;
706
+ declare namespace spacer_interface_d {
707
+ export { spacer_interface_d_spacerNumberArray as spacerNumberArray };
708
+ export type { spacer_interface_d_SpacerNumberT as SpacerNumberT, spacer_interface_d_SpacerStringT as SpacerStringT };
709
+ }
710
+
711
+ /**
712
+ * CareFirst Library - Verification Code Interface
713
+ * @description Contains all the interfaces for the Verification Code Input
1059
714
  */
1060
715
  declare const cfCodeInputVerificationStatusesC: readonly ["initial", "invalid", "resend", "processing", "disabled"];
716
+ /** =============================================
717
+ * @description All available statuses for the verification code component
718
+ */
1061
719
  type CfCodeInputVerificationStatusesT = (typeof cfCodeInputVerificationStatusesC)[number];
1062
- /**==============================================
1063
- * @interface CfCodeInputUserFeedbackMessagesI
1064
- * @description Messages displayed to user when certain events occur
720
+ /** =============================================
721
+ * @description Messages displayed to user when certain events occur
1065
722
  */
1066
723
  interface CfCodeInputUserFeedbackMessagesI {
1067
724
  initial?: string[];
@@ -1079,4 +736,24 @@ declare namespace verificationCode_interface_d {
1079
736
  export type { verificationCode_interface_d_CfCodeInputUserFeedbackMessagesI as CfCodeInputUserFeedbackMessagesI, verificationCode_interface_d_CfCodeInputVerificationStatusesT as CfCodeInputVerificationStatusesT };
1080
737
  }
1081
738
 
1082
- export { AlertComponent, BadgeComponent, ButtonComponent, ButtonLoaderDirective, alert_interface_d as CFAlertI, badge_interface_d as CFBadgeI, verificationCode_interface_d as CFCodeInputI, emoji_interface_d as CFEmojiI, icon_interface_d as CFIconI, input_interface_d as CFInputI, notification_interface_d as CFNotificationI, CFPFormValidators, spacer_interface_d as CFSpacerI, CalendarComponent, CareFirstLibraryModule, ChatBubbleComponent, EmojiComponent, FormInputComponent, FormInputCurrencyComponent, FormInputSearchComponent, FormInputSelectComponent, FormInputStringDateComponent, FormInputTextAreaComponent, FormValidationComponent, IconComponent, LogoComponent, MixPComponent, NotificationComponent, PageComponent, SpacerComponent, SpinnerComponent, VerificationCodeComponent };
739
+ /**
740
+ * CareFirst Library - Badge Interface
741
+ * @description Contains all the interfaces for the Badge Component
742
+ */
743
+ /** =============================================
744
+ * @description Types of badges available
745
+ */
746
+ declare const badgeTypeC: readonly ["primary", "white", "success", "alert", "accent", "warning", "disabled", "feedback-success", "feedback-error", "feedback-warning", "feedback-busy", "feedback-accent", "feedback-disabled", "custom-color"];
747
+ /** =============================================
748
+ * @description All available badge types
749
+ */
750
+ type BadgeTypeT = (typeof badgeTypeC)[number];
751
+
752
+ type badge_interface_d_BadgeTypeT = BadgeTypeT;
753
+ declare const badge_interface_d_badgeTypeC: typeof badgeTypeC;
754
+ declare namespace badge_interface_d {
755
+ export { badge_interface_d_badgeTypeC as badgeTypeC };
756
+ export type { badge_interface_d_BadgeTypeT as BadgeTypeT };
757
+ }
758
+
759
+ export { AlertComponent, BadgeComponent, ButtonComponent, ButtonLoaderDirective, alert_interface_d as CFAlertI, badge_interface_d as CFBadgeI, verificationCode_interface_d as CFCodeInputI, emoji_interface_d as CFEmojiI, icon_interface_d as CFIconI, input_interface_d as CFInputI, notification_interface_d as CFNotificationI, CFPFormValidators, spacer_interface_d as CFSpacerI, CalendarComponent, CareFirstLibraryModule, ChatBubbleComponent, EmojiComponent, FormInputComponent, FormInputCurrencyComponent, FormInputSearchComponent, FormInputSearchDropdownComponent, FormInputSelectComponent, FormInputStringDateComponent, FormInputTextAreaComponent, FormValidationComponent, IconComponent, LogoComponent, MixPComponent, NotificationComponent, PageComponent, SpacerComponent, SpinnerComponent, VerificationCodeComponent };