@carefirst/library 8.0.1 → 8.0.2
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.
|
@@ -1931,11 +1931,11 @@ class NotificationComponent {
|
|
|
1931
1931
|
}
|
|
1932
1932
|
}
|
|
1933
1933
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: NotificationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1934
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: NotificationComponent, isStandalone: false, selector: "cf-notification", inputs: { data: "data" }, outputs: { dataChange: "dataChange", buttonClick: "buttonClick", closeClick: "closeClick", autoClose: "autoClose" }, usesOnChanges: true, ngImport: i0, template: "@if (data) {\n <div>\n <cf-spacer mobile=\"16\" desktop=\"24\"></cf-spacer>\n <ion-grid>\n <ion-row class=\"ion-justify-content-center\">\n <ion-col size=\"12\">\n <div id=\"notification-container\" [ngClass]=\"data.status\">\n <ion-grid>\n <ion-row>\n <ion-col class=\"ion-align-self-center ion-text-start\">\n <p class=\"body-medium bold\">{{ data.heading }}</p>\n </ion-col>\n <ion-col size=\"auto\">\n @if (data.buttons && data.buttons.closeButton) {\n <cf-icon\n style=\"cursor: pointer\"\n icon=\"close\"\n (click)=\"closeClick.emit(data.buttons.identifier); data = undefined\"\n [height]=\"10\"\n [iconColor]=\"data.status\">\n </cf-icon>\n }\n </ion-col>\n @if (data.message) {\n <ion-col size=\"12\">\n <cf-spacer default=\"8\"></cf-spacer>\n <p class=\"body-small\">{{ data.message }}</p>\n </ion-col>\n }\n @if (data.buttons && data.buttons.actionButton?.buttonHeading) {\n <ion-col>\n <cf-spacer default=\"8\"></cf-spacer>\n <p class=\"body-medium bold\">{{ data.buttons.actionButton?.buttonHeading }}</p>\n </ion-col>\n }\n <ion-col size=\"12\">\n <ng-content></ng-content>\n </ion-col>\n @if (data.buttons && data.buttons.actionButton) {\n <ion-col size=\"12\">\n <cf-spacer default=\"8\"></cf-spacer>\n <cf-btn type=\"primary\" fontSize=\"large\" action snug (click)=\"buttonClick.emit(data.buttons.identifier); data = undefined\">\n {{ data.buttons.actionButton.buttonText }}\n </cf-btn>\n </ion-col>\n }\n </ion-row>\n </ion-grid>\n </div>\n </ion-col>\n </ion-row>\n </ion-grid>\n </div>\n}\n", styles: ["#notification-container{border-radius:2rem;text-align:start;padding:2.4rem;margin-inline:auto;max-width:
|
|
1934
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: NotificationComponent, isStandalone: false, selector: "cf-notification", inputs: { data: "data" }, outputs: { dataChange: "dataChange", buttonClick: "buttonClick", closeClick: "closeClick", autoClose: "autoClose" }, usesOnChanges: true, ngImport: i0, template: "@if (data) {\n <div>\n <cf-spacer mobile=\"16\" desktop=\"24\"></cf-spacer>\n <ion-grid>\n <ion-row class=\"ion-justify-content-center\">\n <ion-col size=\"12\">\n <div id=\"notification-container\" [ngClass]=\"data.status\">\n <ion-grid>\n <ion-row>\n <ion-col class=\"ion-align-self-center ion-text-start\">\n <p class=\"body-medium bold\">{{ data.heading }}</p>\n </ion-col>\n <ion-col size=\"auto\">\n @if (data.buttons && data.buttons.closeButton) {\n <cf-icon\n style=\"cursor: pointer\"\n icon=\"close\"\n (click)=\"closeClick.emit(data.buttons.identifier); data = undefined\"\n [height]=\"10\"\n [iconColor]=\"data.status\">\n </cf-icon>\n }\n </ion-col>\n @if (data.message) {\n <ion-col size=\"12\">\n <cf-spacer default=\"8\"></cf-spacer>\n <p class=\"body-small\">{{ data.message }}</p>\n </ion-col>\n }\n @if (data.buttons && data.buttons.actionButton?.buttonHeading) {\n <ion-col>\n <cf-spacer default=\"8\"></cf-spacer>\n <p class=\"body-medium bold\">{{ data.buttons.actionButton?.buttonHeading }}</p>\n </ion-col>\n }\n <ion-col size=\"12\">\n <ng-content></ng-content>\n </ion-col>\n @if (data.buttons && data.buttons.actionButton) {\n <ion-col size=\"12\">\n <cf-spacer default=\"8\"></cf-spacer>\n <cf-btn type=\"primary\" fontSize=\"large\" action snug (click)=\"buttonClick.emit(data.buttons.identifier); data = undefined\">\n {{ data.buttons.actionButton.buttonText }}\n </cf-btn>\n </ion-col>\n }\n </ion-row>\n </ion-grid>\n </div>\n </ion-col>\n </ion-row>\n </ion-grid>\n </div>\n}\n", styles: ["#notification-container{border-radius:2rem;text-align:start;padding:2.4rem;margin-inline:auto;max-width:86rem}#notification-container.success{background-color:var(--cf-app-system-color-success-25)}#notification-container.warning{background-color:var(--cf-app-system-color-warning-25)}#notification-container.error{background-color:var(--cf-app-system-color-error-25)}#notification-container.accent{background-color:var(--cf-app-color-accent-50)}\n"], dependencies: [{ kind: "component", type: i1.IonCol, selector: "ion-col", inputs: ["offset", "offsetLg", "offsetMd", "offsetSm", "offsetXl", "offsetXs", "pull", "pullLg", "pullMd", "pullSm", "pullXl", "pullXs", "push", "pushLg", "pushMd", "pushSm", "pushXl", "pushXs", "size", "sizeLg", "sizeMd", "sizeSm", "sizeXl", "sizeXs"] }, { kind: "component", type: i1.IonGrid, selector: "ion-grid", inputs: ["fixed"] }, { kind: "component", type: i1.IonRow, selector: "ion-row" }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ButtonComponent, selector: "cf-btn", inputs: ["type", "disabled", "alert", "action", "white", "snug", "accent", "fontSize", "iconStart", "iconEnd", "emojiStart", "emojiEnd", "loading", "loadingText", "customColor"] }, { kind: "component", type: SpacerComponent, selector: "cf-spacer", inputs: ["default", "mobile", "desktop"] }, { kind: "component", type: IconComponent, selector: "cf-icon", inputs: ["icon", "height", "heightMobile", "heightDesktop", "iconColor", "iconColorCustom"] }] });
|
|
1935
1935
|
}
|
|
1936
1936
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: NotificationComponent, decorators: [{
|
|
1937
1937
|
type: Component,
|
|
1938
|
-
args: [{ selector: 'cf-notification', standalone: false, template: "@if (data) {\n <div>\n <cf-spacer mobile=\"16\" desktop=\"24\"></cf-spacer>\n <ion-grid>\n <ion-row class=\"ion-justify-content-center\">\n <ion-col size=\"12\">\n <div id=\"notification-container\" [ngClass]=\"data.status\">\n <ion-grid>\n <ion-row>\n <ion-col class=\"ion-align-self-center ion-text-start\">\n <p class=\"body-medium bold\">{{ data.heading }}</p>\n </ion-col>\n <ion-col size=\"auto\">\n @if (data.buttons && data.buttons.closeButton) {\n <cf-icon\n style=\"cursor: pointer\"\n icon=\"close\"\n (click)=\"closeClick.emit(data.buttons.identifier); data = undefined\"\n [height]=\"10\"\n [iconColor]=\"data.status\">\n </cf-icon>\n }\n </ion-col>\n @if (data.message) {\n <ion-col size=\"12\">\n <cf-spacer default=\"8\"></cf-spacer>\n <p class=\"body-small\">{{ data.message }}</p>\n </ion-col>\n }\n @if (data.buttons && data.buttons.actionButton?.buttonHeading) {\n <ion-col>\n <cf-spacer default=\"8\"></cf-spacer>\n <p class=\"body-medium bold\">{{ data.buttons.actionButton?.buttonHeading }}</p>\n </ion-col>\n }\n <ion-col size=\"12\">\n <ng-content></ng-content>\n </ion-col>\n @if (data.buttons && data.buttons.actionButton) {\n <ion-col size=\"12\">\n <cf-spacer default=\"8\"></cf-spacer>\n <cf-btn type=\"primary\" fontSize=\"large\" action snug (click)=\"buttonClick.emit(data.buttons.identifier); data = undefined\">\n {{ data.buttons.actionButton.buttonText }}\n </cf-btn>\n </ion-col>\n }\n </ion-row>\n </ion-grid>\n </div>\n </ion-col>\n </ion-row>\n </ion-grid>\n </div>\n}\n", styles: ["#notification-container{border-radius:2rem;text-align:start;padding:2.4rem;margin-inline:auto;max-width:
|
|
1938
|
+
args: [{ selector: 'cf-notification', standalone: false, template: "@if (data) {\n <div>\n <cf-spacer mobile=\"16\" desktop=\"24\"></cf-spacer>\n <ion-grid>\n <ion-row class=\"ion-justify-content-center\">\n <ion-col size=\"12\">\n <div id=\"notification-container\" [ngClass]=\"data.status\">\n <ion-grid>\n <ion-row>\n <ion-col class=\"ion-align-self-center ion-text-start\">\n <p class=\"body-medium bold\">{{ data.heading }}</p>\n </ion-col>\n <ion-col size=\"auto\">\n @if (data.buttons && data.buttons.closeButton) {\n <cf-icon\n style=\"cursor: pointer\"\n icon=\"close\"\n (click)=\"closeClick.emit(data.buttons.identifier); data = undefined\"\n [height]=\"10\"\n [iconColor]=\"data.status\">\n </cf-icon>\n }\n </ion-col>\n @if (data.message) {\n <ion-col size=\"12\">\n <cf-spacer default=\"8\"></cf-spacer>\n <p class=\"body-small\">{{ data.message }}</p>\n </ion-col>\n }\n @if (data.buttons && data.buttons.actionButton?.buttonHeading) {\n <ion-col>\n <cf-spacer default=\"8\"></cf-spacer>\n <p class=\"body-medium bold\">{{ data.buttons.actionButton?.buttonHeading }}</p>\n </ion-col>\n }\n <ion-col size=\"12\">\n <ng-content></ng-content>\n </ion-col>\n @if (data.buttons && data.buttons.actionButton) {\n <ion-col size=\"12\">\n <cf-spacer default=\"8\"></cf-spacer>\n <cf-btn type=\"primary\" fontSize=\"large\" action snug (click)=\"buttonClick.emit(data.buttons.identifier); data = undefined\">\n {{ data.buttons.actionButton.buttonText }}\n </cf-btn>\n </ion-col>\n }\n </ion-row>\n </ion-grid>\n </div>\n </ion-col>\n </ion-row>\n </ion-grid>\n </div>\n}\n", styles: ["#notification-container{border-radius:2rem;text-align:start;padding:2.4rem;margin-inline:auto;max-width:86rem}#notification-container.success{background-color:var(--cf-app-system-color-success-25)}#notification-container.warning{background-color:var(--cf-app-system-color-warning-25)}#notification-container.error{background-color:var(--cf-app-system-color-error-25)}#notification-container.accent{background-color:var(--cf-app-color-accent-50)}\n"] }]
|
|
1939
1939
|
}], propDecorators: { data: [{
|
|
1940
1940
|
type: Input
|
|
1941
1941
|
}], dataChange: [{
|