@carefirst/library 1.0.9 → 1.1.0

package/esm2022/lib/components/alert/alert.component.mjs

@@ -0,0 +1,54 @@
+import { Component, Input, Output, EventEmitter } from '@angular/core';
+import { AlertController } from '@ionic/angular';
+import * as i0 from "@angular/core";
+import * as i1 from "@ionic/angular";
+export class AlertComponent {
+    alertController;
+    data = undefined;
+    alertEvent = new EventEmitter();
+    constructor(alertController) {
+        this.alertController = alertController;
+    }
+    ngOnChanges(changes) {
+        this.showAlert(changes['data']?.currentValue || undefined);
+    }
+    async showAlert(data) {
+        const alert = await this.alertController.create({
+            header: data?.heading || 'Alert',
+            message: data?.message || '',
+            cssClass: 'care-first-alert',
+            mode: 'md',
+            backdropDismiss: false,
+            buttons: [
+                {
+                    text: data?.buttonFalse || 'Cancel',
+                    handler: () => {
+                        this.alertEvent.emit(false);
+                        alert.dismiss();
+                    },
+                    cssClass: 'alert-button-cancel',
+                },
+                {
+                    text: data?.buttonTrue || 'OK',
+                    handler: () => {
+                        this.alertEvent.emit(true);
+                        alert.dismiss();
+                    },
+                    cssClass: 'alert-button-confirm',
+                },
+            ],
+        });
+        data ? alert.present() : alert.dismiss();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.3", ngImport: i0, type: AlertComponent, deps: [{ token: i1.AlertController }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.3", type: AlertComponent, selector: "cf-alert", inputs: { data: "data" }, outputs: { alertEvent: "alertEvent" }, usesOnChanges: true, ngImport: i0, template: "", styles: ["::ng-deep .care-first-alert .alert-wrapper{padding:1.6rem;border-radius:1.6rem;background-color:var(--cf-app-background-light)}::ng-deep .care-first-alert .alert-wrapper>*{text-align:center;padding:0}::ng-deep .care-first-alert .alert-wrapper .alert-title{font-weight:900;font-size:2.8rem;color:var(--cf-app-text-color-default)}::ng-deep .care-first-alert .alert-wrapper .alert-message{font-size:1.8rem;margin-top:1.2rem}::ng-deep .care-first-alert .alert-wrapper .alert-button-group{margin-top:1.6rem;display:flex;justify-content:space-between}::ng-deep .care-first-alert .alert-wrapper button.alert-button{font-size:1.6rem;padding:.7rem 2.1rem}::ng-deep .care-first-alert .alert-wrapper button.alert-button.alert-button-cancel{color:var(--cf-app-system-color-error)}::ng-deep .care-first-alert .alert-wrapper button.alert-button.alert-button-confirm{border-radius:.6rem;background-color:var(--cf-app-color-primary);color:var(--cf-app-text-color-light)}\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.3", ngImport: i0, type: AlertComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cf-alert', template: "", styles: ["::ng-deep .care-first-alert .alert-wrapper{padding:1.6rem;border-radius:1.6rem;background-color:var(--cf-app-background-light)}::ng-deep .care-first-alert .alert-wrapper>*{text-align:center;padding:0}::ng-deep .care-first-alert .alert-wrapper .alert-title{font-weight:900;font-size:2.8rem;color:var(--cf-app-text-color-default)}::ng-deep .care-first-alert .alert-wrapper .alert-message{font-size:1.8rem;margin-top:1.2rem}::ng-deep .care-first-alert .alert-wrapper .alert-button-group{margin-top:1.6rem;display:flex;justify-content:space-between}::ng-deep .care-first-alert .alert-wrapper button.alert-button{font-size:1.6rem;padding:.7rem 2.1rem}::ng-deep .care-first-alert .alert-wrapper button.alert-button.alert-button-cancel{color:var(--cf-app-system-color-error)}::ng-deep .care-first-alert .alert-wrapper button.alert-button.alert-button-confirm{border-radius:.6rem;background-color:var(--cf-app-color-primary);color:var(--cf-app-text-color-light)}\n"] }]
+        }], ctorParameters: () => [{ type: i1.AlertController }], propDecorators: { data: [{
+                type: Input
+            }], alertEvent: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWxlcnQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY2FyZWZpcnN0L2xpYnJhcnkvc3JjL2xpYi9jb21wb25lbnRzL2FsZXJ0L2FsZXJ0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NhcmVmaXJzdC9saWJyYXJ5L3NyYy9saWIvY29tcG9uZW50cy9hbGVydC9hbGVydC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFVQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQXNDLFlBQVksRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMzRyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7OztBQVFqRCxNQUFNLE9BQU8sY0FBYztJQU9JO0lBTnBCLElBQUksR0FBMkIsU0FBUyxDQUFDO0lBQ3hDLFVBQVUsR0FBRyxJQUFJLFlBQVksRUFBVyxDQUFDO0lBS25ELFlBQTZCLGVBQWdDO1FBQWhDLG9CQUFlLEdBQWYsZUFBZSxDQUFpQjtJQUFHLENBQUM7SUFPakUsV0FBVyxDQUFDLE9BQXNCO1FBQ2hDLElBQUksQ0FBQyxTQUFTLENBQUMsT0FBTyxDQUFDLE1BQU0sQ0FBQyxFQUFFLFlBQVksSUFBSSxTQUFTLENBQUMsQ0FBQztJQUM3RCxDQUFDO0lBUUQsS0FBSyxDQUFDLFNBQVMsQ0FBQyxJQUFpQjtRQUMvQixNQUFNLEtBQUssR0FBRyxNQUFNLElBQUksQ0FBQyxlQUFlLENBQUMsTUFBTSxDQUFDO1lBQzlDLE1BQU0sRUFBRSxJQUFJLEVBQUUsT0FBTyxJQUFJLE9BQU87WUFDaEMsT0FBTyxFQUFFLElBQUksRUFBRSxPQUFPLElBQUksRUFBRTtZQUM1QixRQUFRLEVBQUUsa0JBQWtCO1lBQzVCLElBQUksRUFBRSxJQUFJO1lBQ1YsZUFBZSxFQUFFLEtBQUs7WUFDdEIsT0FBTyxFQUFFO2dCQUNQO29CQUNFLElBQUksRUFBRSxJQUFJLEVBQUUsV0FBVyxJQUFJLFFBQVE7b0JBQ25DLE9BQU8sRUFBRSxHQUFHLEVBQUU7d0JBQ1osSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7d0JBQzVCLEtBQUssQ0FBQyxPQUFPLEVBQUUsQ0FBQztvQkFDbEIsQ0FBQztvQkFDRCxRQUFRLEVBQUUscUJBQXFCO2lCQUNoQztnQkFDRDtvQkFDRSxJQUFJLEVBQUUsSUFBSSxFQUFFLFVBQVUsSUFBSSxJQUFJO29CQUM5QixPQUFPLEVBQUUsR0FBRyxFQUFFO3dCQUNaLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO3dCQUMzQixLQUFLLENBQUMsT0FBTyxFQUFFLENBQUM7b0JBQ2xCLENBQUM7b0JBQ0QsUUFBUSxFQUFFLHNCQUFzQjtpQkFDakM7YUFDRjtTQUNGLENBQUMsQ0FBQztRQUNILElBQUksQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLE9BQU8sRUFBRSxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsT0FBTyxFQUFFLENBQUM7SUFDM0MsQ0FBQzt1R0FuRFUsY0FBYzsyRkFBZCxjQUFjLHNJQ25CM0IsRUFBQTs7MkZEbUJhLGNBQWM7a0JBTDFCLFNBQVM7K0JBQ0UsVUFBVTtvRkFLWCxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0ksVUFBVTtzQkFBbkIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ2FyZUZpcnN0IExpYnJhcnkgQWxlcnRcbiAqXG4gKiBAZmlsZSAgICAgICAgICBhbGVydC5jb21wb25lbnRcbiAqIEBkZXNjcmlwdGlvbiAgIENvbnRhaW5zIGFsbCB0aGUgbG9naWMgZm9yIGdlbmVyYXRpbmcgYSBDYXJlRmlyc3QgQWxlcnRcbiAqIEBhdXRob3IgICAgICAgIEFybm8gSmFuc2VuIHZhbiBWdXVyZW5cbiAqIEBzaW5jZSAgICAgICAgIDIwMjMgLSAxMSAtIDMwXG4gKiBAdXNhZ2UgICAgICAgICA8Y2YtYWxlcnQgZGF0YT1cIntoZWFkaW5nLCBtZXNzYWdlLCBidXR0b25UcnVlLCBidXR0b25GYWxzZX1cIiAoYWxlcnRFdmVudCk+PC9jZi1hbGVydD5cbiAqL1xuXG5pbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPdXRwdXQsIHR5cGUgT25DaGFuZ2VzLCB0eXBlIFNpbXBsZUNoYW5nZXMsIEV2ZW50RW1pdHRlciB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQWxlcnRDb250cm9sbGVyIH0gZnJvbSAnQGlvbmljL2FuZ3VsYXInO1xuaW1wb3J0IHR5cGUgeyBBbGVydERhdGFJIH0gZnJvbSAnLi4vLi4vaW50ZXJmYWNlcy9hbGVydC5pbnRlcmZhY2UnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdjZi1hbGVydCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9hbGVydC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsOiAnLi9hbGVydC5jb21wb25lbnQuc2NzcycsXG59KVxuZXhwb3J0IGNsYXNzIEFsZXJ0Q29tcG9uZW50IGltcGxlbWVudHMgT25DaGFuZ2VzIHtcbiAgQElucHV0KCkgZGF0YTogQWxlcnREYXRhSSB8IHVuZGVmaW5lZCA9IHVuZGVmaW5lZDtcbiAgQE91dHB1dCgpIGFsZXJ0RXZlbnQgPSBuZXcgRXZlbnRFbWl0dGVyPGJvb2xlYW4+KCk7XG5cbiAgLyoqLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLVxuICAgKiBAbmFtZSAgY29uc3RydWN0b3JcbiAgICovXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgcmVhZG9ubHkgYWxlcnRDb250cm9sbGVyOiBBbGVydENvbnRyb2xsZXIpIHt9XG5cbiAgLyoqLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLVxuICAgKiBAbmFtZSAgICAgICAgICBuZ09uY2hhbmdlXG4gICAqIEBkZXNjcmlwdGlvbiAgIFVwZGF0ZSB2YXJpb3VzIHZhbHVlcyBvbiBjb21wb25lbnQgaW5wdXQgY2hhbmdlc1xuICAgKiBAcmV0dXJucyAgICAgICB7dm9pZH1cbiAgICovXG4gIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpOiB2b2lkIHtcbiAgICB0aGlzLnNob3dBbGVydChjaGFuZ2VzWydkYXRhJ10/LmN1cnJlbnRWYWx1ZSB8fCB1bmRlZmluZWQpO1xuICB9XG5cbiAgLyoqLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLVxuICAgKiBAbmFtZSAgICAgICAgICBzaG93QWxlcnRcbiAgICogQGRlc2NyaXB0aW9uICAgU2hvd1xuICAgKiBAcGFyYW0gICAgICAgICB7QWxlcnREYXRhSX0gZGF0YVxuICAgKiBAcmV0dXJucyAgICAgICB7UHJvbWlzZTx2b2lkPn1cbiAgICovXG4gIGFzeW5jIHNob3dBbGVydChkYXRhPzogQWxlcnREYXRhSSk6IFByb21pc2U8dm9pZD4ge1xuICAgIGNvbnN0IGFsZXJ0ID0gYXdhaXQgdGhpcy5hbGVydENvbnRyb2xsZXIuY3JlYXRlKHtcbiAgICAgIGhlYWRlcjogZGF0YT8uaGVhZGluZyB8fCAnQWxlcnQnLFxuICAgICAgbWVzc2FnZTogZGF0YT8ubWVzc2FnZSB8fCAnJyxcbiAgICAgIGNzc0NsYXNzOiAnY2FyZS1maXJzdC1hbGVydCcsXG4gICAgICBtb2RlOiAnbWQnLFxuICAgICAgYmFja2Ryb3BEaXNtaXNzOiBmYWxzZSxcbiAgICAgIGJ1dHRvbnM6IFtcbiAgICAgICAge1xuICAgICAgICAgIHRleHQ6IGRhdGE/LmJ1dHRvbkZhbHNlIHx8ICdDYW5jZWwnLFxuICAgICAgICAgIGhhbmRsZXI6ICgpID0+IHtcbiAgICAgICAgICAgIHRoaXMuYWxlcnRFdmVudC5lbWl0KGZhbHNlKTtcbiAgICAgICAgICAgIGFsZXJ0LmRpc21pc3MoKTtcbiAgICAgICAgICB9LFxuICAgICAgICAgIGNzc0NsYXNzOiAnYWxlcnQtYnV0dG9uLWNhbmNlbCcsXG4gICAgICAgIH0sXG4gICAgICAgIHtcbiAgICAgICAgICB0ZXh0OiBkYXRhPy5idXR0b25UcnVlIHx8ICdPSycsXG4gICAgICAgICAgaGFuZGxlcjogKCkgPT4ge1xuICAgICAgICAgICAgdGhpcy5hbGVydEV2ZW50LmVtaXQodHJ1ZSk7XG4gICAgICAgICAgICBhbGVydC5kaXNtaXNzKCk7XG4gICAgICAgICAgfSxcbiAgICAgICAgICBjc3NDbGFzczogJ2FsZXJ0LWJ1dHRvbi1jb25maXJtJyxcbiAgICAgICAgfSxcbiAgICAgIF0sXG4gICAgfSk7XG4gICAgZGF0YSA/IGFsZXJ0LnByZXNlbnQoKSA6IGFsZXJ0LmRpc21pc3MoKTtcbiAgfVxufVxuIiwiIl19

package/esm2022/lib/components/calendar/calendar.component.mjs

@@ -0,0 +1,25 @@
+import { Component, Input } from '@angular/core';
+import { checkTruthAttribute, validateStringValue } from '../../utils/attribute.util';
+import * as i0 from "@angular/core";
+import * as i1 from "@ionic/angular";
+export class CalendarComponent {
+    displayTime;
+    color;
+    inputTime = false;
+    inputColor = 'accent';
+    ngOnChanges(changes) {
+        this.inputTime = checkTruthAttribute(changes, 'displayTime', this.inputTime);
+        this.inputColor = validateStringValue(changes, 'color', ['success', 'accent'], this.inputColor) || 'accent';
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.3", ngImport: i0, type: CalendarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.3", type: CalendarComponent, selector: "cf-calendar", inputs: { displayTime: "displayTime", color: "color" }, usesOnChanges: true, ngImport: i0, template: "<ion-datetime [class]=\"inputColor\" mode=\"ios\" firstDayOfWeek=\"1\" [presentation]=\"inputTime ? 'date-time' : 'date'\"> </ion-datetime>\n", styles: ["ion-datetime{--background: var(--cf-app-background-light);color:var(--cf-app-color-primary)}ion-datetime::part(calendar-day){font-size:1.4rem}ion-datetime::part(month-year-button){font-size:2.5rem;font-weight:900;color:var(--cf-app-color-primary)}ion-datetime.accent::part(today){border:1px solid var(--cf-app-color-accent);color:var(--cf-app-color-accent)}ion-datetime.accent::part(active){background-color:var(--cf-app-color-accent);color:var(--cf-app-text-color-light)}ion-datetime.success::part(today){border:1px solid var(--cf-app-color-primary);color:var(--cf-app-color-primary)}ion-datetime.success::part(active){background-color:var(--cf-app-system-color-success);color:var(--cf-app-text-color-light)}\n"], dependencies: [{ kind: "component", type: i1.IonDatetime, selector: "ion-datetime", inputs: ["cancelText", "clearText", "color", "dayValues", "disabled", "doneText", "firstDayOfWeek", "highlightedDates", "hourCycle", "hourValues", "isDateEnabled", "locale", "max", "min", "minuteValues", "mode", "monthValues", "multiple", "name", "preferWheel", "presentation", "readonly", "showClearButton", "showDefaultButtons", "showDefaultTimeLabel", "showDefaultTitle", "size", "titleSelectedDatesFormatter", "value", "yearValues"] }, { kind: "directive", type: i1.SelectValueAccessor, selector: "ion-range, ion-select, ion-radio-group, ion-segment, ion-datetime" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.3", ngImport: i0, type: CalendarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cf-calendar', template: "<ion-datetime [class]=\"inputColor\" mode=\"ios\" firstDayOfWeek=\"1\" [presentation]=\"inputTime ? 'date-time' : 'date'\"> </ion-datetime>\n", styles: ["ion-datetime{--background: var(--cf-app-background-light);color:var(--cf-app-color-primary)}ion-datetime::part(calendar-day){font-size:1.4rem}ion-datetime::part(month-year-button){font-size:2.5rem;font-weight:900;color:var(--cf-app-color-primary)}ion-datetime.accent::part(today){border:1px solid var(--cf-app-color-accent);color:var(--cf-app-color-accent)}ion-datetime.accent::part(active){background-color:var(--cf-app-color-accent);color:var(--cf-app-text-color-light)}ion-datetime.success::part(today){border:1px solid var(--cf-app-color-primary);color:var(--cf-app-color-primary)}ion-datetime.success::part(active){background-color:var(--cf-app-system-color-success);color:var(--cf-app-text-color-light)}\n"] }]
+        }], propDecorators: { displayTime: [{
+                type: Input
+            }], color: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FsZW5kYXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY2FyZWZpcnN0L2xpYnJhcnkvc3JjL2xpYi9jb21wb25lbnRzL2NhbGVuZGFyL2NhbGVuZGFyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NhcmVmaXJzdC9saWJyYXJ5L3NyYy9saWIvY29tcG9uZW50cy9jYWxlbmRhci9jYWxlbmRhci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFVQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBc0MsTUFBTSxlQUFlLENBQUM7QUFFckYsT0FBTyxFQUFFLG1CQUFtQixFQUFFLG1CQUFtQixFQUFFLE1BQU0sNEJBQTRCLENBQUM7OztBQU90RixNQUFNLE9BQU8saUJBQWlCO0lBQ25CLFdBQVcsQ0FBZ0M7SUFDM0MsS0FBSyxDQUF3QjtJQUd0QyxTQUFTLEdBQUcsS0FBSyxDQUFDO0lBQ2xCLFVBQVUsR0FBc0IsUUFBUSxDQUFDO0lBT3pDLFdBQVcsQ0FBQyxPQUFzQjtRQUVoQyxJQUFJLENBQUMsU0FBUyxHQUFHLG1CQUFtQixDQUFDLE9BQU8sRUFBRSxhQUFhLEVBQUUsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDO1FBRTdFLElBQUksQ0FBQyxVQUFVLEdBQUcsbUJBQW1CLENBQXVCLE9BQU8sRUFBRSxPQUFPLEVBQUUsQ0FBQyxTQUFTLEVBQUUsUUFBUSxDQUFDLEVBQUUsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLFFBQVEsQ0FBQztJQUNwSSxDQUFDO3VHQWxCVSxpQkFBaUI7MkZBQWpCLGlCQUFpQixnSUNuQjlCLCtJQUNBOzsyRkRrQmEsaUJBQWlCO2tCQUw3QixTQUFTOytCQUNFLGFBQWE7OEJBS2QsV0FBVztzQkFBbkIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENhcmVGaXJzdCBMaWJyYXJ5IENhbGVuZGFyXG4gKlxuICogQGZpbGUgICAgICAgICAgY2FsZW5kYXIuY29tcG9uZW50XG4gKiBAZGVzY3JpcHRpb24gICBDb250YWlucyBhbGwgdGhlIGxvZ2ljIGZvciBnZW5lcmF0aW5nIGEgQ2FyZUZpcnN0IENhbGVuZGFyXG4gKiBAYXV0aG9yICAgICAgICBBcm5vIEphbnNlbiB2YW4gVnV1cmVuXG4gKiBAc2luY2UgICAgICAgICAyMDIzIC0gMTIgLSAwMVxuICogQHVzYWdlICAgICAgICAgPGNmLWNhbGVuZGFyICVkaXNwbGF5VGltZSUgJWNvbG9yJT1cInN1Y2Nlc3MgfCBhY2NlbnRcIlwiPjwvY2YtY2FsZW5kYXI+XG4gKi9cblxuaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgdHlwZSBPbkNoYW5nZXMsIHR5cGUgU2ltcGxlQ2hhbmdlcyB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuLy8tLS0gVXRpbHNcbmltcG9ydCB7IGNoZWNrVHJ1dGhBdHRyaWJ1dGUsIHZhbGlkYXRlU3RyaW5nVmFsdWUgfSBmcm9tICcuLi8uLi91dGlscy9hdHRyaWJ1dGUudXRpbCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2NmLWNhbGVuZGFyJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2NhbGVuZGFyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmw6ICcuL2NhbGVuZGFyLmNvbXBvbmVudC5zY3NzJyxcbn0pXG5leHBvcnQgY2xhc3MgQ2FsZW5kYXJDb21wb25lbnQgaW1wbGVtZW50cyBPbkNoYW5nZXMge1xuICBASW5wdXQoKSBkaXNwbGF5VGltZT86IGJvb2xlYW4gfCBzdHJpbmcgfCB1bmRlZmluZWQ7XG4gIEBJbnB1dCgpIGNvbG9yPzogJ3N1Y2Nlc3MnIHwgJ2FjY2VudCc7XG5cbiAgLy8tLS0gTG9jYWwgdmFyaWFibGVzXG4gIGlucHV0VGltZSA9IGZhbHNlO1xuICBpbnB1dENvbG9yOiB0eXBlb2YgdGhpcy5jb2xvciA9ICdhY2NlbnQnO1xuXG4gIC8qKi0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS1cbiAgICogQG5hbWUgICAgICAgICAgbmdPbkNoYW5nZXNcbiAgICogQGRlc2NyaXB0aW9uICAgVXBkYXRlIHZhcmlvdXMgdmFsdWVzIG9uIGNvbXBvbmVudCBpbnB1dCBjaGFuZ2VzXG4gICAqIEByZXR1cm5zICAgICAgIHt2b2lkfVxuICAgKi9cbiAgbmdPbkNoYW5nZXMoY2hhbmdlczogU2ltcGxlQ2hhbmdlcyk6IHZvaWQge1xuICAgIC8vLS0tIERpc3BsYXkgVGltZVxuICAgIHRoaXMuaW5wdXRUaW1lID0gY2hlY2tUcnV0aEF0dHJpYnV0ZShjaGFuZ2VzLCAnZGlzcGxheVRpbWUnLCB0aGlzLmlucHV0VGltZSk7XG4gICAgLy8tLS0gQ29sb3JcbiAgICB0aGlzLmlucHV0Q29sb3IgPSB2YWxpZGF0ZVN0cmluZ1ZhbHVlPCdzdWNjZXNzJyB8ICdhY2NlbnQnPihjaGFuZ2VzLCAnY29sb3InLCBbJ3N1Y2Nlc3MnLCAnYWNjZW50J10sIHRoaXMuaW5wdXRDb2xvcikgfHwgJ2FjY2VudCc7XG4gIH1cbn1cbiIsIjxpb24tZGF0ZXRpbWUgW2NsYXNzXT1cImlucHV0Q29sb3JcIiBtb2RlPVwiaW9zXCIgZmlyc3REYXlPZldlZWs9XCIxXCIgW3ByZXNlbnRhdGlvbl09XCJpbnB1dFRpbWUgPyAnZGF0ZS10aW1lJyA6ICdkYXRlJ1wiPiA8L2lvbi1kYXRldGltZT5cbiJdfQ==

package/esm2022/lib/components/form-validation/form-validation.component.mjs

@@ -0,0 +1,20 @@
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class FormValidationComponent {
+    control;
+    ngOnChanges(changes) {
+        if (changes['control'] && changes['control'].currentValue) {
+            this.control = changes['control'].currentValue;
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.3", ngImport: i0, type: FormValidationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.3", type: FormValidationComponent, selector: "cf-form-validation", inputs: { control: "control" }, usesOnChanges: true, ngImport: i0, template: "<div *ngIf=\"control?.dirty && control?.errors\" class=\"form-valid-feedback\">\n  <div *ngFor=\"let error of this.control?.errors | keyvalue\">\n    <p class=\"body-medium\" *ngIf=\"error.key === 'email'\">*Invalid email format</p>\n    <p class=\"body-medium\" *ngIf=\"error.key === 'minlength'\">*Length required: {{ error.value.requiredLength - error.value.actualLength }}</p>\n    <p class=\"body-medium\" *ngIf=\"error.key === 'maxlength'\">*Max Length: {{ error.value.requiredLength }}</p>\n    <p class=\"body-medium\" *ngIf=\"error.key === 'errorMessage'\">*{{ error.value }}</p>\n    <p class=\"body-medium\" *ngIf=\"error.key.includes('password-')\">*{{ error.value }}</p>\n  </div>\n</div>\n", styles: [".form-valid-feedback{padding:4px 0 0 10px}.form-valid-feedback p{font-size:1.2rem;text-align:left;color:var(--cf-app-system-color-error)}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1.KeyValuePipe, name: "keyvalue" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.3", ngImport: i0, type: FormValidationComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cf-form-validation', template: "<div *ngIf=\"control?.dirty && control?.errors\" class=\"form-valid-feedback\">\n  <div *ngFor=\"let error of this.control?.errors | keyvalue\">\n    <p class=\"body-medium\" *ngIf=\"error.key === 'email'\">*Invalid email format</p>\n    <p class=\"body-medium\" *ngIf=\"error.key === 'minlength'\">*Length required: {{ error.value.requiredLength - error.value.actualLength }}</p>\n    <p class=\"body-medium\" *ngIf=\"error.key === 'maxlength'\">*Max Length: {{ error.value.requiredLength }}</p>\n    <p class=\"body-medium\" *ngIf=\"error.key === 'errorMessage'\">*{{ error.value }}</p>\n    <p class=\"body-medium\" *ngIf=\"error.key.includes('password-')\">*{{ error.value }}</p>\n  </div>\n</div>\n", styles: [".form-valid-feedback{padding:4px 0 0 10px}.form-valid-feedback p{font-size:1.2rem;text-align:left;color:var(--cf-app-system-color-error)}\n"] }]
+        }], propDecorators: { control: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS12YWxpZGF0aW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NhcmVmaXJzdC9saWJyYXJ5L3NyYy9saWIvY29tcG9uZW50cy9mb3JtLXZhbGlkYXRpb24vZm9ybS12YWxpZGF0aW9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NhcmVmaXJzdC9saWJyYXJ5L3NyYy9saWIvY29tcG9uZW50cy9mb3JtLXZhbGlkYXRpb24vZm9ybS12YWxpZGF0aW9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVVBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFzQyxNQUFNLGVBQWUsQ0FBQzs7O0FBU3JGLE1BQU0sT0FBTyx1QkFBdUI7SUFFekIsT0FBTyxDQUEwQjtJQU8xQyxXQUFXLENBQUMsT0FBc0I7UUFDaEMsSUFBSSxPQUFPLENBQUMsU0FBUyxDQUFDLElBQUksT0FBTyxDQUFDLFNBQVMsQ0FBQyxDQUFDLFlBQVksRUFBRTtZQUN6RCxJQUFJLENBQUMsT0FBTyxHQUFHLE9BQU8sQ0FBQyxTQUFTLENBQUMsQ0FBQyxZQUFZLENBQUM7U0FDaEQ7SUFDSCxDQUFDO3VHQWJVLHVCQUF1QjsyRkFBdkIsdUJBQXVCLCtHQ25CcEMsaXNCQVNBOzsyRkRVYSx1QkFBdUI7a0JBTG5DLFNBQVM7K0JBQ0Usb0JBQW9COzhCQU1yQixPQUFPO3NCQUFmLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENhcmVGaXJzdCBMaWJyYXJ5IEZvcm0gVmFsaWRhdGlvbiBGZWVkYmFja1xuICpcbiAqIEBmaWxlICAgICAgICAgIGZvcm0tdmFsaWRhdGlvbi5jb21wb25lbnRcbiAqIEBkZXNjcmlwdGlvbiAgIENvbnRhaW5zIGFsbCB0aGUgbG9naWMgZm9yIGdlbmVyYXRpbmcgQ2FyZUZpcnN0IEZvcm0gVmFsaWRhdGlvbiBGZWVkYmFja1xuICogQGF1dGhvciAgICAgICAgQXJubyBKYW5zZW4gdmFuIFZ1dXJlblxuICogQHNpbmNlICAgICAgICAgMjAyMyAtIDEyIC0gMDVcbiAqIEB1c2FnZSAgICAgICAgIDxjZi1mb3JtLXZhbGlkYXRpb24gW2NvbnRyb2xdPVwiZm9ybU5hbWUuZ2V0KCdjb250cm9sTmFtZScpXCI+PC9jZi1mb3JtLXZhbGlkYXRpb24+XG4gKi9cblxuaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgdHlwZSBPbkNoYW5nZXMsIHR5cGUgU2ltcGxlQ2hhbmdlcyB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuLy8tLS0gSW50ZXJmYWNlc1xuaW1wb3J0IHR5cGUgeyBBYnN0cmFjdENvbnRyb2wgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2NmLWZvcm0tdmFsaWRhdGlvbicsXG4gIHRlbXBsYXRlVXJsOiAnLi9mb3JtLXZhbGlkYXRpb24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybDogJy4vZm9ybS12YWxpZGF0aW9uLmNvbXBvbmVudC5zY3NzJyxcbn0pXG5leHBvcnQgY2xhc3MgRm9ybVZhbGlkYXRpb25Db21wb25lbnQgaW1wbGVtZW50cyBPbkNoYW5nZXMge1xuICAvLy0tLSBSZWNlaXZlIGZvcm0gY29udHJvbCAoQ29udmVydCBBYnN0cmFjdENvbnRyb2wgdG8gRm9ybUNvbnRyb2wpXG4gIEBJbnB1dCgpIGNvbnRyb2whOiBBYnN0cmFjdENvbnRyb2wgfCBudWxsO1xuXG4gIC8qKi0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS1cbiAgICogQG5hbWUgICAgICAgICAgbmdPbkNoYW5nZXNcbiAgICogQGRlc2NyaXB0aW9uICAgRGV0ZWN0IGNoYW5nZXMgdG8gaW5wdXQgdmFsdWVzXG4gICAqIEBwYXJhbSAgICAgICAgIHtTaW1wbGVDaGFuZ2VzfSBjaGFuZ2VzXG4gICAqL1xuICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKTogdm9pZCB7XG4gICAgaWYgKGNoYW5nZXNbJ2NvbnRyb2wnXSAmJiBjaGFuZ2VzWydjb250cm9sJ10uY3VycmVudFZhbHVlKSB7XG4gICAgICB0aGlzLmNvbnRyb2wgPSBjaGFuZ2VzWydjb250cm9sJ10uY3VycmVudFZhbHVlO1xuICAgIH1cbiAgfVxufVxuIiwiPGRpdiAqbmdJZj1cImNvbnRyb2w/LmRpcnR5ICYmIGNvbnRyb2w/LmVycm9yc1wiIGNsYXNzPVwiZm9ybS12YWxpZC1mZWVkYmFja1wiPlxuICA8ZGl2ICpuZ0Zvcj1cImxldCBlcnJvciBvZiB0aGlzLmNvbnRyb2w/LmVycm9ycyB8IGtleXZhbHVlXCI+XG4gICAgPHAgY2xhc3M9XCJib2R5LW1lZGl1bVwiICpuZ0lmPVwiZXJyb3Iua2V5ID09PSAnZW1haWwnXCI+KkludmFsaWQgZW1haWwgZm9ybWF0PC9wPlxuICAgIDxwIGNsYXNzPVwiYm9keS1tZWRpdW1cIiAqbmdJZj1cImVycm9yLmtleSA9PT0gJ21pbmxlbmd0aCdcIj4qTGVuZ3RoIHJlcXVpcmVkOiB7eyBlcnJvci52YWx1ZS5yZXF1aXJlZExlbmd0aCAtIGVycm9yLnZhbHVlLmFjdHVhbExlbmd0aCB9fTwvcD5cbiAgICA8cCBjbGFzcz1cImJvZHktbWVkaXVtXCIgKm5nSWY9XCJlcnJvci5rZXkgPT09ICdtYXhsZW5ndGgnXCI+Kk1heCBMZW5ndGg6IHt7IGVycm9yLnZhbHVlLnJlcXVpcmVkTGVuZ3RoIH19PC9wPlxuICAgIDxwIGNsYXNzPVwiYm9keS1tZWRpdW1cIiAqbmdJZj1cImVycm9yLmtleSA9PT0gJ2Vycm9yTWVzc2FnZSdcIj4qe3sgZXJyb3IudmFsdWUgfX08L3A+XG4gICAgPHAgY2xhc3M9XCJib2R5LW1lZGl1bVwiICpuZ0lmPVwiZXJyb3Iua2V5LmluY2x1ZGVzKCdwYXNzd29yZC0nKVwiPip7eyBlcnJvci52YWx1ZSB9fTwvcD5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==