@softheon/armature 15.21.2 → 17.1.0

package/README.md

@@ -4,28 +4,29 @@ This document is also available on [Softheon Wiki](https://wiki.softheon.com/Wik
 
 ## Step 1 - Create an empty project with the correct dependencies
 
-To create a project targeting angular 10, in the directory you wish to create your project in, run `npm i @angular/cli@10`, once the command completes, run `ng new your-project-name`. This will create an angular project with the latest stable version of angular 10
+To create a project targeting angular 17, in the directory you wish to create your project in, run `npm i @angular/cli@17`, once the command completes, run `ng new your-project-name`. This will create an angular project with the latest stable version of angular 17
 
 It is preferred to select routing as `yes` and style sheet to `SCSS`
 
 Then install the peer dependencies required by the Armature, they can be found below for easy reference
 
-* "@angular/animations": "~10.2.4",
-* "@angular/cdk": "^10.2.7",
-* "@angular/common": "~10.2.4",
-* "@angular/compiler": "~10.2.4",
-* "@angular/core": "~10.2.4",
-* "@angular/flex-layout": "^10.0.0-beta.32",
-* "@angular/forms": "~10.2.4",
-* "@angular/material": "^10.2.7",
-* "@angular/platform-browser": "~10.2.4",
-* "@angular/platform-browser-dynamic": "~10.2.4",
-* "@angular/router": "~10.2.4",
-* "@ngx-translate/core": "^11.0.1",
-* "@ngx-translate/http-loader": "^6.0.0",
-* "angular-oauth2-oidc": "~10.0.3",
-* "angular-oauth2-oidc-jwks": "^9.0.0",
-* "rxjs": "~6.6.3"
+*"@angular/animations": "^17.1.2",
+*"@angular/cdk": "^17.1.2",
+*"@angular/common": "^17.1.2",
+*"@angular/compiler": "^17.1.2",
+*"@angular/core": "^17.1.2",
+*"@angular/flex-layout": "^15.0.0-beta.42",
+*"@angular/forms": "^17.1.2",
+*"@angular/material": "^17.1.2",
+*"@angular/platform-browser": "^17.1.2",
+*"@angular/platform-browser-dynamic": "^17.1.2",
+*"@angular/router": "^17.1.2",
+*"@ngx-translate/core": "^15.0.0",
+*"@ngx-translate/http-loader": "^8.0.0",
+*"angular-oauth2-oidc": "~15.0.1",
+*"angular-oauth2-oidc-jwks": "^15.0.1",
+*"rxjs": "~7.8.0",
+*"moment": "^2.29.4"
 
 After these have been installed, run the following to install armature `npm i @softheon/armature`
 
@@ -143,7 +144,7 @@ In your `app.module.ts` add the following to your array of providers `{ provide:
 
 ```scss
 @import "../node_modules/@softheon/armature/assets/styles/arm-theme.scss";
-@import "../node_modules/@softheon/armature/assets/styles/material-overrides.scss";
+@import "../node_modules/@softheon/armature/assets/styles/sof-styles.scss";
 ```
 
 ### 2.5 Setting the app-template selector
@@ -1870,3 +1871,126 @@ Below is a sample subdomain configuration partial
   }
 }
 ```
+## Feedback tool
+
+### Usage
+
+In the module that will be using this functionality include the following import
+
+```javascript
+  import { FeedbackToolModule } from '@softheon/armature';
+
+  @ngModule({
+    declarations: [...],
+    imports: [
+      ...
+      FeedbackToolModule
+      ...
+    ]
+  })
+```
+
+Include this variable in the .ts of the page that is using this component,
+the 'close' event will set to false & destroy the feedback component, remove it from the dom.
+
+```javascript
+  public showFeedbackTool = true;
+```
+
+Include a function to handle the feedback submit.
+
+```javascript
+  public handleFeedbackSubmit(userFeedback: UserFeedback) {}
+```
+
+Include this at the bottom of the .html, usually the 'thank-you' page.
+
+```html
+  // end of page ... 
+
+  @if (showFeedbackTool) {
+    <sof-ar-feedback-tool [application]="'armature'" (close)="showFeedbackTool = false" (feedbackSubmit)="handleFeedbackSubmit($event)"/>
+  }
+```
+
+| Name                                                          | Description                                                          |
+| -------------------------------------------                   | -------------------------------------------------------------------- |
+| `@Input() private application: string`                        | The application using this component *required.                      |
+| `@Input() private experience: string`                         | Language key for the user experience, default is 'purchasingPlan'.   |
+| `@Output() public close: EventEmitter`                        | Destroys this component.                                             |
+| `@Output() public feedbackSubmit: EventEmitter<UserFeedback>` | The event with the feedback object for submit                        |
+
+### Internationalization (i18n)
+
+The following language keys should be present in there respective JSON files in the i18n folder of the app which uses this component.
+
+#### i18n/en.json
+
+```json
+  "armature": {
+    "feedback-tool": {
+      "buttons": {
+        "close": "Close",
+        "got-it": "Got it!",
+        "thumbs-up": "thumbs up",
+        "thumbs-down": "thumbs down",
+        "submit": "Submit"
+      },
+      "descriptions": {
+        "experience": {
+          "purchasingPlan": "Let us know! How would you rate your experience of purchasing a plan?"
+        },
+        "thumbs-up": "Is there anything you would like to share with us about your experience?",
+        "thumbs-down": "We're sorry you had a less than stellar experience. Any suggestions on how we can improve?",
+        "thanks": "Whether positive or negative, your feedback matters. Our team reads these and uses them to improve our products and your experience. We really appreciate you taking the time to write us a line."
+      },
+      "headings": {
+        "thumbs-up": "Glad we could help!",
+        "thumbs-down": "Tell us how we could improve",
+        "thanks": "Thanks for your feedback!",
+        "rate-us": "How did we do?"
+      },
+      "message": {
+        "placeholder": "Feedback",
+        "sr-only-max-char-limit": "you have reached the maximum character limit",
+        "sr-only-label": "enter your feedback, 1000 character maximum"
+      }
+    }
+  }
+```
+
+#### i18n/es.json
+
+```json
+
+  "armature": {
+    "feedback-tool": {
+      "buttons": {
+        "close": "Cerca",
+        "got-it": "Entiendo!",
+        "thumbs-up": "Pulgares hacia arriba",
+        "thumbs-down": "pulgares abajo",
+        "submit": "Entregar"
+      },
+      "descriptions": {
+        "experience": {
+          "purchasingPlan": "¡Haznos saber! ¿Cómo calificaría su experiencia al comprar un plan?"
+        },
+        "thumbs-up": "¿Hay algo que te gustaría compartir con nosotros sobre tu experiencia?",
+        "thumbs-down": "Lamentamos que haya tenido una experiencia menos que estelar. Alguna sugerencia sobre cómo podemos mejorar?",
+        "thanks": "Ya sean positivos o negativos, sus comentarios son importantes. Nuestro equipo los lee y los utiliza para mejorar nuestros productos y su experiencia. Realmente apreciamos que se haya tomado el tiempo de escribirnos una línea."
+      },
+      "headings": {
+        "thumbs-up": "Encantada de que pudiéramos ayudar!",
+        "thumbs-down": "Cuéntanos cómo podríamos mejorar",
+        "thanks": "Gracias por tus comentarios!",
+        "rate-us": "Como la hicimos?"
+      },
+      "message": {
+        "placeholder": "Comentario",
+        "sr-only-max-char-limit": "has alcanzado el límite máximo de caracteres",
+        "sr-only-label": "ingrese sus comentarios, 1000 caracteres máximo"
+      }
+    }
+  }
+```

package/assets/styles/_utility.scss

@@ -1,5 +1,10 @@
 /** Margin Styling */
 /** M-Top */
+
+[m-t-auto],
+.m-t-auto {
+  margin-top: auto !important;
+}
 [m-t-0],
 .m-t-0 {
   margin-top: 0px !important;
@@ -57,6 +62,10 @@
   margin-top: 60px !important;
 }
 /** M-Right */
+.m-r-auto,
+[m-r-auto] {
+  margin-right: auto !important;
+}
 .m-r-0,
 [m-r-0] {
   margin-right: 0px !important;
@@ -82,6 +91,10 @@
   margin-right: 60px !important;
 }
 /** M-Bottom */
+[m-b-auto],
+.m-b-auto {
+  margin-bottom: auto !important;
+}
 [m-b-0],
 .m-b-0 {
   margin-bottom: 0px !important;
@@ -131,6 +144,10 @@
   margin-bottom: 65px !important;
 }
 /** M-Left */
+.m-l-auto,
+[m-l-auto] {
+  margin-left: auto !important;
+}
 .m-l-0,
 [m-l-0] {
   margin-left: 0px !important;
@@ -160,6 +177,11 @@
   margin-left: 35px !important;
 }
 /** M-Horizontal */
+.m-h-auto,
+[m-h-auto] {
+  margin-left: auto !important;
+  margin-right: auto !important;
+}
 .m-h-0,
 [m-h-0] {
   margin-left: 0px !important;
@@ -211,6 +233,11 @@
   margin-right: 70px !important;
 }
 /** M-Vertical */
+.m-v-auto,
+[m-v-auto] {
+  margin-top: auto !important;
+  margin-bottom: auto !important;
+}
 .m-v-0,
 [m-v-0] {
   margin-top: 0px !important;
@@ -282,6 +309,10 @@
   margin-bottom: 60px !important;
 }
 /** M-All */
+.m-a-auto,
+[m-a-auto] {
+  margin: auto !important;
+}
 .m-a-0,
 [m-a-0] {
   margin: 0px !important;
@@ -434,6 +465,10 @@
 .p-r-25 {
   padding-right: 25px !important;
 }
+[p-r-30],
+.p-r-30 {
+  padding-right: 30px !important;
+}
 /** P-Bottom */
 [p-b-0],
 .p-b-0 {

package/assets/styles/material-overrides.scss

@@ -1,5 +1,4 @@
 @use '@angular/material' as mat;
-@import "../../../../../node_modules/@angular/material/theming";
 @import "./arm-theme.scss";
 
 // TODO!!!

package/assets/styles/sof-styles.scss

@@ -1,11 +1,11 @@
 @use "@angular/material" as mat;
-@import "../../../../../node_modules/@angular/material/theming";
 @import "./arm-theme.scss";
 @import "./utility";
 @import "./variables";
 
-// Theme pallets
 @include mat.core();
+
+// Theme pallets
 $main-theme: mat.define-light-theme((color: (primary: mat.define-palette($arm-primary),
         accent: mat.define-palette($arm-accent)),
       typography: mat.define-typography-config(),
@@ -360,11 +360,12 @@ mat-form-field {
   min-height: 152px;
 }
 
-// button colors 'accent', 'info', 'success', 'warning', 'neutral' removed from documentation, not to be used 12/1/23 per design ... 
+// button colors 'accent', 'info', 'success', 'warning' removed from documentation, not to be used 12/1/23 per design ... 
 // button's icon color is inherited from the button's color 
 button.mat-mdc-button {
   --mat-mdc-button-persistent-ripple-color: none !important;
   --mdc-text-button-label-text-color: none !important;
+  --mat-text-button-ripple-color: rgba(0, 0, 0, 0.05)!important;
 
   &.sof-button {
     padding: 0px 24px !important;
@@ -638,6 +639,7 @@ button.mat-mdc-button {
 button.mat-mdc-unelevated-button {
   --mat-mdc-button-persistent-ripple-color: none !important;
   --mdc-filled-button-label-text-color: none !important;
+  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1)!important;
 
   &.sof-flat-button {
     padding: 0px 24px !important;
@@ -942,8 +944,8 @@ button.mat-mdc-unelevated-button {
 button.mat-mdc-outlined-button {
   --mat-mdc-button-persistent-ripple-color: none !important;
   --mdc-outlined-button-label-text-color: none !important;
+  --mat-outlined-button-ripple-color: rgba(0, 0, 0, 0.05)!important;
 
-  // not to be used 12/1/23 per design ... 
   &.sof-stroked-button {
     padding: 0px 24px !important;
     height: 48px !important;
@@ -1052,7 +1054,7 @@ button.mat-mdc-outlined-button {
 
       &.mat-neutral {
         background-color: mat.get-color-from-palette($arm-neutral, 50) !important;
-        color: mat.get-color-from-palette($arm-neutral, 50) !important;
+        color: mat.get-color-from-palette($arm-neutral, 500) !important;
 
         &:hover {
           background-color: mat.get-color-from-palette($arm-neutral, 100) !important;
@@ -1228,7 +1230,6 @@ button.mat-mdc-outlined-button {
     }
   }
 
-  // not to be used 12/1/23 per design ... 
   &.sof-stroked-icon-button {
     border: none !important;
     border-radius: 6px !important;
@@ -1321,7 +1322,7 @@ button.mat-mdc-outlined-button {
 
       &.mat-neutral {
         background-color: mat.get-color-from-palette($arm-neutral, 50) !important;
-        color: mat.get-color-from-palette($arm-neutral, 50) !important;
+        color: mat.get-color-from-palette($arm-neutral, 500) !important;
 
         &:hover {
           background-color: mat.get-color-from-palette($arm-neutral, 100) !important;

package/{esm2020 → esm2022}/lib/alert-banner/alert-banner-api.mjs

@@ -1,10 +1,10 @@
-/** Public API surfce for components */
-export * from './alert-banner.module';
-// models
-export * from './models/alert-banner-context';
-export { ALERT_BANNER_CONFIG, BannerType } from './models/constants';
-// services
-export * from './services/alert-banner.service';
-// component
-export * from './components/alert-banner/alert-banner.component';
+/** Public API surfce for components */
+export * from './alert-banner.module';
+// models
+export * from './models/alert-banner-context';
+export { ALERT_BANNER_CONFIG, BannerType } from './models/constants';
+// services
+export * from './services/alert-banner.service';
+// component
+export * from './components/alert-banner/alert-banner.component';
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWxlcnQtYmFubmVyLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FybWF0dXJlL3NyYy9saWIvYWxlcnQtYmFubmVyL2FsZXJ0LWJhbm5lci1hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsdUNBQXVDO0FBQ3ZDLGNBQWMsdUJBQXVCLENBQUM7QUFFdEMsU0FBUztBQUNULGNBQWMsK0JBQStCLENBQUM7QUFFOUMsT0FBTyxFQUFFLG1CQUFtQixFQUFFLFVBQVUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBRXJFLFdBQVc7QUFDWCxjQUFjLGlDQUFpQyxDQUFDO0FBRWhELFlBQVk7QUFDWixjQUFjLGtEQUFrRCxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqIFB1YmxpYyBBUEkgc3VyZmNlIGZvciBjb21wb25lbnRzICovXHJcbmV4cG9ydCAqIGZyb20gJy4vYWxlcnQtYmFubmVyLm1vZHVsZSc7XHJcblxyXG4vLyBtb2RlbHNcclxuZXhwb3J0ICogZnJvbSAnLi9tb2RlbHMvYWxlcnQtYmFubmVyLWNvbnRleHQnO1xyXG5leHBvcnQgeyBBbGVydEJhbm5lckNvbmZpZywgQWxlcnRCYW5uZXJDb2xvcnMgfSBmcm9tICcuL21vZGVscy9hbGVydC1iYW5uZXItY29uZmlnJztcclxuZXhwb3J0IHsgQUxFUlRfQkFOTkVSX0NPTkZJRywgQmFubmVyVHlwZSB9IGZyb20gJy4vbW9kZWxzL2NvbnN0YW50cyc7XHJcblxyXG4vLyBzZXJ2aWNlc1xyXG5leHBvcnQgKiBmcm9tICcuL3NlcnZpY2VzL2FsZXJ0LWJhbm5lci5zZXJ2aWNlJztcclxuXHJcbi8vIGNvbXBvbmVudFxyXG5leHBvcnQgKiBmcm9tICcuL2NvbXBvbmVudHMvYWxlcnQtYmFubmVyL2FsZXJ0LWJhbm5lci5jb21wb25lbnQnO1xyXG4iXX0=

package/{esm2020 → esm2022}/lib/alert-banner/alert-banner.module.mjs

@@ -1,41 +1,41 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { FlexLayoutModule } from '@angular/flex-layout';
-import { MatIconModule } from '@angular/material/icon';
-import { TranslateModule } from '@ngx-translate/core';
-import { AlertBannerComponent } from './components/alert-banner/alert-banner.component';
-import { AlertBannerService } from './services/alert-banner.service';
-import * as i0 from "@angular/core";
-const materialModules = [
-    MatIconModule
-];
-export class AlertBannerModule {
-}
-AlertBannerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: AlertBannerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-AlertBannerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.7", ngImport: i0, type: AlertBannerModule, declarations: [AlertBannerComponent], imports: [CommonModule,
-        TranslateModule,
-        FlexLayoutModule, MatIconModule], exports: [AlertBannerComponent] });
-AlertBannerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: AlertBannerModule, providers: [
-        AlertBannerService
-    ], imports: [CommonModule,
-        TranslateModule,
-        FlexLayoutModule, materialModules] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: AlertBannerModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [AlertBannerComponent],
-                    imports: [
-                        CommonModule,
-                        TranslateModule,
-                        FlexLayoutModule,
-                        ...materialModules
-                    ],
-                    providers: [
-                        AlertBannerService
-                    ],
-                    exports: [
-                        AlertBannerComponent
-                    ]
-                }]
-        }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWxlcnQtYmFubmVyLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FybWF0dXJlL3NyYy9saWIvYWxlcnQtYmFubmVyL2FsZXJ0LWJhbm5lci5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFDeEQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBRXZELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUV0RCxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxrREFBa0QsQ0FBQztBQUN4RixPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQzs7QUFFckUsTUFBTSxlQUFlLEdBQUc7SUFDdEIsYUFBYTtDQUNkLENBQUE7QUFpQkQsTUFBTSxPQUFPLGlCQUFpQjs7OEdBQWpCLGlCQUFpQjsrR0FBakIsaUJBQWlCLGlCQWRiLG9CQUFvQixhQUVqQyxZQUFZO1FBQ1osZUFBZTtRQUNmLGdCQUFnQixFQVJsQixhQUFhLGFBZVgsb0JBQW9COytHQUdYLGlCQUFpQixhQVBqQjtRQUNULGtCQUFrQjtLQUNuQixZQVBDLFlBQVk7UUFDWixlQUFlO1FBQ2YsZ0JBQWdCLEVBQ2IsZUFBZTsyRkFTVCxpQkFBaUI7a0JBZjdCLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFLENBQUMsb0JBQW9CLENBQUM7b0JBQ3BDLE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUNaLGVBQWU7d0JBQ2YsZ0JBQWdCO3dCQUNoQixHQUFHLGVBQWU7cUJBQ25CO29CQUNELFNBQVMsRUFBRTt3QkFDVCxrQkFBa0I7cUJBQ25CO29CQUNELE9BQU8sRUFBRTt3QkFDUCxvQkFBb0I7cUJBQ3JCO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgRmxleExheW91dE1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2ZsZXgtbGF5b3V0JztcclxuaW1wb3J0IHsgTWF0SWNvbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2ljb24nO1xyXG5cclxuaW1wb3J0IHsgVHJhbnNsYXRlTW9kdWxlIH0gZnJvbSAnQG5neC10cmFuc2xhdGUvY29yZSc7XHJcblxyXG5pbXBvcnQgeyBBbGVydEJhbm5lckNvbXBvbmVudCB9IGZyb20gJy4vY29tcG9uZW50cy9hbGVydC1iYW5uZXIvYWxlcnQtYmFubmVyLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IEFsZXJ0QmFubmVyU2VydmljZSB9IGZyb20gJy4vc2VydmljZXMvYWxlcnQtYmFubmVyLnNlcnZpY2UnO1xyXG5cclxuY29uc3QgbWF0ZXJpYWxNb2R1bGVzID0gW1xyXG4gIE1hdEljb25Nb2R1bGVcclxuXVxyXG5cclxuQE5nTW9kdWxlKHtcclxuICBkZWNsYXJhdGlvbnM6IFtBbGVydEJhbm5lckNvbXBvbmVudF0sXHJcbiAgaW1wb3J0czogW1xyXG4gICAgQ29tbW9uTW9kdWxlLFxyXG4gICAgVHJhbnNsYXRlTW9kdWxlLFxyXG4gICAgRmxleExheW91dE1vZHVsZSxcclxuICAgIC4uLm1hdGVyaWFsTW9kdWxlc1xyXG4gIF0sXHJcbiAgcHJvdmlkZXJzOiBbXHJcbiAgICBBbGVydEJhbm5lclNlcnZpY2VcclxuICBdLFxyXG4gIGV4cG9ydHM6IFtcclxuICAgIEFsZXJ0QmFubmVyQ29tcG9uZW50XHJcbiAgXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgQWxlcnRCYW5uZXJNb2R1bGUgeyB9XHJcbiJdfQ==
+import { CommonModule } from '@angular/common';
+import { NgModule } from '@angular/core';
+import { FlexLayoutModule } from '@angular/flex-layout';
+import { MatIconModule } from '@angular/material/icon';
+import { TranslateModule } from '@ngx-translate/core';
+import { AlertBannerComponent } from './components/alert-banner/alert-banner.component';
+import { AlertBannerService } from './services/alert-banner.service';
+import * as i0 from "@angular/core";
+const materialModules = [
+    MatIconModule
+];
+export class AlertBannerModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: AlertBannerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.2", ngImport: i0, type: AlertBannerModule, declarations: [AlertBannerComponent], imports: [CommonModule,
+            TranslateModule,
+            FlexLayoutModule, MatIconModule], exports: [AlertBannerComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: AlertBannerModule, providers: [
+            AlertBannerService
+        ], imports: [CommonModule,
+            TranslateModule,
+            FlexLayoutModule, materialModules] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: AlertBannerModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [AlertBannerComponent],
+                    imports: [
+                        CommonModule,
+                        TranslateModule,
+                        FlexLayoutModule,
+                        ...materialModules
+                    ],
+                    providers: [
+                        AlertBannerService
+                    ],
+                    exports: [
+                        AlertBannerComponent
+                    ]
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWxlcnQtYmFubmVyLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FybWF0dXJlL3NyYy9saWIvYWxlcnQtYmFubmVyL2FsZXJ0LWJhbm5lci5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFDeEQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBRXZELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUV0RCxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxrREFBa0QsQ0FBQztBQUN4RixPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQzs7QUFFckUsTUFBTSxlQUFlLEdBQUc7SUFDdEIsYUFBYTtDQUNkLENBQUE7QUFpQkQsTUFBTSxPQUFPLGlCQUFpQjs4R0FBakIsaUJBQWlCOytHQUFqQixpQkFBaUIsaUJBZGIsb0JBQW9CLGFBRWpDLFlBQVk7WUFDWixlQUFlO1lBQ2YsZ0JBQWdCLEVBUmxCLGFBQWEsYUFlWCxvQkFBb0I7K0dBR1gsaUJBQWlCLGFBUGpCO1lBQ1Qsa0JBQWtCO1NBQ25CLFlBUEMsWUFBWTtZQUNaLGVBQWU7WUFDZixnQkFBZ0IsRUFDYixlQUFlOzsyRkFTVCxpQkFBaUI7a0JBZjdCLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFLENBQUMsb0JBQW9CLENBQUM7b0JBQ3BDLE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUNaLGVBQWU7d0JBQ2YsZ0JBQWdCO3dCQUNoQixHQUFHLGVBQWU7cUJBQ25CO29CQUNELFNBQVMsRUFBRTt3QkFDVCxrQkFBa0I7cUJBQ25CO29CQUNELE9BQU8sRUFBRTt3QkFDUCxvQkFBb0I7cUJBQ3JCO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgRmxleExheW91dE1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2ZsZXgtbGF5b3V0JztcclxuaW1wb3J0IHsgTWF0SWNvbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2ljb24nO1xyXG5cclxuaW1wb3J0IHsgVHJhbnNsYXRlTW9kdWxlIH0gZnJvbSAnQG5neC10cmFuc2xhdGUvY29yZSc7XHJcblxyXG5pbXBvcnQgeyBBbGVydEJhbm5lckNvbXBvbmVudCB9IGZyb20gJy4vY29tcG9uZW50cy9hbGVydC1iYW5uZXIvYWxlcnQtYmFubmVyLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IEFsZXJ0QmFubmVyU2VydmljZSB9IGZyb20gJy4vc2VydmljZXMvYWxlcnQtYmFubmVyLnNlcnZpY2UnO1xyXG5cclxuY29uc3QgbWF0ZXJpYWxNb2R1bGVzID0gW1xyXG4gIE1hdEljb25Nb2R1bGVcclxuXVxyXG5cclxuQE5nTW9kdWxlKHtcclxuICBkZWNsYXJhdGlvbnM6IFtBbGVydEJhbm5lckNvbXBvbmVudF0sXHJcbiAgaW1wb3J0czogW1xyXG4gICAgQ29tbW9uTW9kdWxlLFxyXG4gICAgVHJhbnNsYXRlTW9kdWxlLFxyXG4gICAgRmxleExheW91dE1vZHVsZSxcclxuICAgIC4uLm1hdGVyaWFsTW9kdWxlc1xyXG4gIF0sXHJcbiAgcHJvdmlkZXJzOiBbXHJcbiAgICBBbGVydEJhbm5lclNlcnZpY2VcclxuICBdLFxyXG4gIGV4cG9ydHM6IFtcclxuICAgIEFsZXJ0QmFubmVyQ29tcG9uZW50XHJcbiAgXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgQWxlcnRCYW5uZXJNb2R1bGUgeyB9XHJcbiJdfQ==