@softheon/armature 17.13.2 → 17.15.0

package/esm2022/lib/base-components/sof-utility-button/sof-utility-button.component.mjs

@@ -19,20 +19,25 @@ export class SofUtilityButtonComponent {
         /* Menu Dropdown Size */
         this.menuDropDown = [];
     }
-    /** Any logic related to ag grid cell renderer data can be added here */
+    /**
+     * Any logic related to ag grid cell renderer data can be added here
+     * @note All `@Inputs` should be accepted through `params`
+    */
     agInit(params) {
-        this.menuDropDown = params['dropDownMenu'] ? params['dropDownMenu'] : [];
-        this.buttonColorText = params['buttonColorText'] ? params['buttonColorText'] : '';
-        this.buttonIconClass = params['buttonIconClass'] ? params['buttonIconClass'] : '';
-        this.buttonClick = params['buttonClick'] ? params['buttonClick'] : null;
-        this.displayAdditionalComponent = params['displayAdditionalComponent'];
+        this.buttonId = params.buttonId ?? this.buttonId;
+        this.buttonColorText = params.buttonColorText ?? this.buttonColorText;
+        this.buttonSize = params.buttonSize ?? this.buttonSize;
+        this.buttonDisabled = params.buttonDisabled ?? this.buttonDisabled;
+        this.buttonIconClass = params.buttonIconClass ?? this.buttonIconClass;
+        this.menuDropDown = params.menuDropDown ?? this.menuDropDown;
+        this.buttonClick = params.buttonClick ?? this.buttonClick;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: SofUtilityButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.7", type: SofUtilityButtonComponent, selector: "sof-utility-button", inputs: { buttonId: "buttonId", buttonColorText: "buttonColorText", buttonSize: "buttonSize", buttonDisabled: "buttonDisabled", buttonIconClass: "buttonIconClass", menuDropDown: "menuDropDown", buttonClick: "buttonClick" }, ngImport: i0, template: "<!-- Menu Dropdown -->\r\n<ng-container *ngIf=\"menuDropDown.length > 0\">\r\n  <button \r\n    mat-flat-button class=\"button-icon-utility\" \r\n    id=\"btn-flat-icon\" [color]=\"buttonColorText\" size=\"small\"\r\n    [disabled]=\"buttonDisabled\" [matMenuTriggerFor]=\"menu\">\r\n    <i [ngClass]=\"buttonIconClass\"></i>\r\n  </button>\r\n  <mat-menu #menu=\"matMenu\" xPosition=\"after\">\r\n    <button \r\n      *ngFor=\"let item of menuDropDown\" \r\n      (click)=\"item.action()\"\r\n      mat-menu-item [disabled]=\"item.isDisabled\">\r\n      <i *ngIf=\"item.icon\" [ngClass]=\"item.icon\"></i>\r\n      {{item.name}}\r\n    </button>\r\n  </mat-menu>\r\n</ng-container>\r\n\r\n<!-- Single Button -->\r\n<ng-container *ngIf=\"menuDropDown.length <= 1\">\r\n  <button \r\n    (click)=\"buttonClick()\" \r\n    mat-flat-button class=\"button-icon-utility\" id=\"btn-flat-icon\" \r\n    [color]=\"buttonColorText\" size=\"small\" [disabled]=\"buttonDisabled\">\r\n    <i [ngClass]=\"buttonIconClass\"></i>\r\n  </button>\r\n</ng-container>", styles: [""], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { kind: "component", type: i3.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i4.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i4.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i4.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.7", type: SofUtilityButtonComponent, selector: "sof-utility-button", inputs: { buttonId: "buttonId", buttonColorText: "buttonColorText", buttonSize: "buttonSize", buttonDisabled: "buttonDisabled", buttonIconClass: "buttonIconClass", menuDropDown: "menuDropDown", buttonClick: "buttonClick" }, ngImport: i0, template: "<!-- Menu Dropdown -->\r\n@if (menuDropDown.length) {\r\n  <button \r\n    mat-flat-button class=\"button-icon-utility\" \r\n    id=\"btn-flat-icon\" [color]=\"buttonColorText\" size=\"small\"\r\n    [disabled]=\"buttonDisabled\" [matMenuTriggerFor]=\"menu\">\r\n    <i [ngClass]=\"buttonIconClass\"></i>\r\n  </button>\r\n  <mat-menu #menu=\"matMenu\" xPosition=\"after\">\r\n    @for (item of menuDropDown; track $index) {\r\n      <button \r\n        (click)=\"item.action()\"\r\n        mat-menu-item [disabled]=\"item.isDisabled\" disableRipple=\"true\">\r\n        @if (item.icon) {\r\n          <i [ngClass]=\"item.icon\"></i>\r\n        }\r\n        {{item.name}}\r\n      </button>\r\n    }\r\n  </mat-menu>\r\n  <!-- Single Button -->\r\n} @else {\r\n  <button \r\n    (click)=\"buttonClick()\" \r\n    mat-flat-button class=\"button-icon-utility\" id=\"btn-flat-icon\" \r\n    [color]=\"buttonColorText\" size=\"small\" [disabled]=\"buttonDisabled\">\r\n    <i [ngClass]=\"buttonIconClass\"></i>\r\n  </button>\r\n}\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { kind: "component", type: i3.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i4.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i4.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i4.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: SofUtilityButtonComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sof-utility-button', template: "<!-- Menu Dropdown -->\r\n<ng-container *ngIf=\"menuDropDown.length > 0\">\r\n  <button \r\n    mat-flat-button class=\"button-icon-utility\" \r\n    id=\"btn-flat-icon\" [color]=\"buttonColorText\" size=\"small\"\r\n    [disabled]=\"buttonDisabled\" [matMenuTriggerFor]=\"menu\">\r\n    <i [ngClass]=\"buttonIconClass\"></i>\r\n  </button>\r\n  <mat-menu #menu=\"matMenu\" xPosition=\"after\">\r\n    <button \r\n      *ngFor=\"let item of menuDropDown\" \r\n      (click)=\"item.action()\"\r\n      mat-menu-item [disabled]=\"item.isDisabled\">\r\n      <i *ngIf=\"item.icon\" [ngClass]=\"item.icon\"></i>\r\n      {{item.name}}\r\n    </button>\r\n  </mat-menu>\r\n</ng-container>\r\n\r\n<!-- Single Button -->\r\n<ng-container *ngIf=\"menuDropDown.length <= 1\">\r\n  <button \r\n    (click)=\"buttonClick()\" \r\n    mat-flat-button class=\"button-icon-utility\" id=\"btn-flat-icon\" \r\n    [color]=\"buttonColorText\" size=\"small\" [disabled]=\"buttonDisabled\">\r\n    <i [ngClass]=\"buttonIconClass\"></i>\r\n  </button>\r\n</ng-container>" }]
+            args: [{ selector: 'sof-utility-button', template: "<!-- Menu Dropdown -->\r\n@if (menuDropDown.length) {\r\n  <button \r\n    mat-flat-button class=\"button-icon-utility\" \r\n    id=\"btn-flat-icon\" [color]=\"buttonColorText\" size=\"small\"\r\n    [disabled]=\"buttonDisabled\" [matMenuTriggerFor]=\"menu\">\r\n    <i [ngClass]=\"buttonIconClass\"></i>\r\n  </button>\r\n  <mat-menu #menu=\"matMenu\" xPosition=\"after\">\r\n    @for (item of menuDropDown; track $index) {\r\n      <button \r\n        (click)=\"item.action()\"\r\n        mat-menu-item [disabled]=\"item.isDisabled\" disableRipple=\"true\">\r\n        @if (item.icon) {\r\n          <i [ngClass]=\"item.icon\"></i>\r\n        }\r\n        {{item.name}}\r\n      </button>\r\n    }\r\n  </mat-menu>\r\n  <!-- Single Button -->\r\n} @else {\r\n  <button \r\n    (click)=\"buttonClick()\" \r\n    mat-flat-button class=\"button-icon-utility\" id=\"btn-flat-icon\" \r\n    [color]=\"buttonColorText\" size=\"small\" [disabled]=\"buttonDisabled\">\r\n    <i [ngClass]=\"buttonIconClass\"></i>\r\n  </button>\r\n}\r\n" }]
         }], propDecorators: { buttonId: [{
                 type: Input
             }], buttonColorText: [{
@@ -59,4 +64,4 @@ export var BUTTON_COLORS_VARIATIONS;
     BUTTON_COLORS_VARIATIONS["CONTAINED"] = "contained";
     BUTTON_COLORS_VARIATIONS["CONTAINED_ERROR"] = "contained-error";
 })(BUTTON_COLORS_VARIATIONS || (BUTTON_COLORS_VARIATIONS = {}));
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic29mLXV0aWxpdHktYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FybWF0dXJlL3NyYy9saWIvYmFzZS1jb21wb25lbnRzL3NvZi11dGlsaXR5LWJ1dHRvbi9zb2YtdXRpbGl0eS1idXR0b24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYXJtYXR1cmUvc3JjL2xpYi9iYXNlLWNvbXBvbmVudHMvc29mLXV0aWxpdHktYnV0dG9uL3NvZi11dGlsaXR5LWJ1dHRvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7O0FBT2pELE1BQU0sT0FBTyx5QkFBeUI7SUFMdEM7UUFPRSxlQUFlO1FBQ04sYUFBUSxHQUFXLEVBQUUsQ0FBQztRQUUvQix1QkFBdUI7UUFDZCxvQkFBZSxHQUFXLEVBQUUsQ0FBQTtRQUVyQyxpQkFBaUI7UUFDUixlQUFVLEdBQVcsT0FBTyxDQUFBO1FBRXJDLHdCQUF3QjtRQUNmLG1CQUFjLEdBQVksS0FBSyxDQUFDO1FBRXpDLHVCQUF1QjtRQUNkLG9CQUFlLEdBQVcsRUFBRSxDQUFDO1FBRXRDLHdCQUF3QjtRQUNmLGlCQUFZLEdBQWlCLEVBQUUsQ0FBQztLQWdCMUM7SUFSQyx3RUFBd0U7SUFDeEUsTUFBTSxDQUFDLE1BQU07UUFDWCxJQUFJLENBQUMsWUFBWSxHQUFJLE1BQU0sQ0FBQyxjQUFjLENBQUMsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLGNBQWMsQ0FBQyxDQUFDLENBQUMsQ0FBQSxFQUFFLENBQUM7UUFDekUsSUFBSSxDQUFDLGVBQWUsR0FBRyxNQUFNLENBQUMsaUJBQWlCLENBQUMsQ0FBQyxDQUFDLENBQUUsTUFBTSxDQUFDLGlCQUFpQixDQUFDLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQztRQUNuRixJQUFJLENBQUMsZUFBZSxHQUFHLE1BQU0sQ0FBQyxpQkFBaUIsQ0FBQyxDQUFBLENBQUMsQ0FBQyxNQUFNLENBQUMsaUJBQWlCLENBQUMsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDO1FBQ2pGLElBQUksQ0FBQyxXQUFXLEdBQUcsTUFBTSxDQUFDLGFBQWEsQ0FBQyxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsYUFBYSxDQUFDLENBQUEsQ0FBQyxDQUFDLElBQUksQ0FBQztRQUN2RSxJQUFJLENBQUMsMEJBQTBCLEdBQUcsTUFBTSxDQUFDLDRCQUE0QixDQUFDLENBQUM7SUFDekUsQ0FBQzs4R0FqQ1UseUJBQXlCO2tHQUF6Qix5QkFBeUIsMFJDUHRDLDJoQ0EyQmU7OzJGRHBCRix5QkFBeUI7a0JBTHJDLFNBQVM7K0JBQ0Usb0JBQW9COzhCQU9yQixRQUFRO3NCQUFoQixLQUFLO2dCQUdHLGVBQWU7c0JBQXZCLEtBQUs7Z0JBR0csVUFBVTtzQkFBbEIsS0FBSztnQkFHRyxjQUFjO3NCQUF0QixLQUFLO2dCQUdHLGVBQWU7c0JBQXZCLEtBQUs7Z0JBR0csWUFBWTtzQkFBcEIsS0FBSztnQkFHRyxXQUFXO3NCQUFuQixLQUFLOztBQWVSLE1BQU0sQ0FBTixJQUFZLHdCQVNYO0FBVEQsV0FBWSx3QkFBd0I7SUFDbEMsK0NBQW1CLENBQUE7SUFDbkIsbURBQXVCLENBQUE7SUFDdkIsaURBQXFCLENBQUE7SUFDckIsMkRBQStCLENBQUE7SUFDL0IsK0RBQW1DLENBQUE7SUFDbkMsNkRBQWlDLENBQUE7SUFDakMsbURBQXVCLENBQUE7SUFDdkIsK0RBQW1DLENBQUE7QUFDckMsQ0FBQyxFQVRXLHdCQUF3QixLQUF4Qix3QkFBd0IsUUFTbkMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3NvZi11dGlsaXR5LWJ1dHRvbicsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3NvZi11dGlsaXR5LWJ1dHRvbi5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmw6ICcuL3NvZi11dGlsaXR5LWJ1dHRvbi5jb21wb25lbnQuY3NzJ1xyXG59KVxyXG5leHBvcnQgY2xhc3MgU29mVXRpbGl0eUJ1dHRvbkNvbXBvbmVudCB7XHJcblxyXG4gIC8qIEJ1dHRvbiBJZCAqL1xyXG4gIEBJbnB1dCgpIGJ1dHRvbklkOiBzdHJpbmcgPSAnJztcclxuXHJcbiAgLyogQnV0dG9uIENvbG9yIFRleHQgKi9cclxuICBASW5wdXQoKSBidXR0b25Db2xvclRleHQ6IHN0cmluZyA9ICcnXHJcblxyXG4gIC8qIEJ1dHRvbiBTaXplICovXHJcbiAgQElucHV0KCkgYnV0dG9uU2l6ZTogc3RyaW5nID0gJ3NtYWxsJ1xyXG5cclxuICAvKiBCdXR0b24gSXMgRGlzYWJsZWQgKi9cclxuICBASW5wdXQoKSBidXR0b25EaXNhYmxlZDogYm9vbGVhbiA9IGZhbHNlO1xyXG5cclxuICAvKiBCdXR0b24gSWNvbiBDbGFzcyAqL1xyXG4gIEBJbnB1dCgpIGJ1dHRvbkljb25DbGFzczogc3RyaW5nID0gJyc7XHJcblxyXG4gIC8qIE1lbnUgRHJvcGRvd24gU2l6ZSAqL1xyXG4gIEBJbnB1dCgpIG1lbnVEcm9wRG93bjogQnV0dG9uRGF0YVtdID0gW107XHJcblxyXG4gIC8qKiBJbmRpdmlkdWFsIEJ1dHRvbiBDbGljayAgKi9cclxuICBASW5wdXQoKSBidXR0b25DbGljazogRnVuY3Rpb247XHJcblxyXG5cclxuICBwdWJsaWMgZGlzcGxheUFkZGl0aW9uYWxDb21wb25lbnQ6IGFueTtcclxuXHJcbiAgLyoqIEFueSBsb2dpYyByZWxhdGVkIHRvIGFnIGdyaWQgY2VsbCByZW5kZXJlciBkYXRhIGNhbiBiZSBhZGRlZCBoZXJlICovXHJcbiAgYWdJbml0KHBhcmFtcyk6dm9pZHtcclxuICAgIHRoaXMubWVudURyb3BEb3duID0gIHBhcmFtc1snZHJvcERvd25NZW51J10gPyBwYXJhbXNbJ2Ryb3BEb3duTWVudSddIDpbXTtcclxuICAgIHRoaXMuYnV0dG9uQ29sb3JUZXh0ID0gcGFyYW1zWydidXR0b25Db2xvclRleHQnXSA/ICBwYXJhbXNbJ2J1dHRvbkNvbG9yVGV4dCddIDogJyc7IFxyXG4gICAgdGhpcy5idXR0b25JY29uQ2xhc3MgPSBwYXJhbXNbJ2J1dHRvbkljb25DbGFzcyddPyBwYXJhbXNbJ2J1dHRvbkljb25DbGFzcyddIDogJyc7XHJcbiAgICB0aGlzLmJ1dHRvbkNsaWNrID0gcGFyYW1zWydidXR0b25DbGljayddID8gcGFyYW1zWydidXR0b25DbGljayddOiBudWxsO1xyXG4gICAgdGhpcy5kaXNwbGF5QWRkaXRpb25hbENvbXBvbmVudCA9IHBhcmFtc1snZGlzcGxheUFkZGl0aW9uYWxDb21wb25lbnQnXTtcclxuICB9XHJcbn1cclxuXHJcbmV4cG9ydCBlbnVtIEJVVFRPTl9DT0xPUlNfVkFSSUFUSU9OUyB7XHJcbiAgUFJJTUFSWSA9ICdwcmltYXJ5JyxcclxuICBTRUNPTkRBUlkgPSAnc2Vjb25kYXJ5JyxcclxuICBURVJUSUFSWSA9ICd0ZXJ0aWFyeScsXHJcbiAgRVJST1JfUFJJTUFSWSA9ICdlcnJvci1wcmltYXJ5JyxcclxuICBFUlJPUl9TRUNPTkRBUlkgPSAnZXJyb3Itc2Vjb25kYXJ5JyxcclxuICBFUlJPUl9URVJUSUFSWSA9ICdlcnJvci10ZXJ0aWFyeScsXHJcbiAgQ09OVEFJTkVEID0gJ2NvbnRhaW5lZCcsXHJcbiAgQ09OVEFJTkVEX0VSUk9SID0gJ2NvbnRhaW5lZC1lcnJvcicsXHJcbn1cclxuXHJcbmV4cG9ydCBpbnRlcmZhY2UgQnV0dG9uRGF0YSB7XHJcbiAgbmFtZTogc3RyaW5nLFxyXG4gIGljb246IHN0cmluZyxcclxuICBpc0Rpc2FibGVkOiBib29sZWFuLFxyXG4gIGFjdGlvbjogRnVuY3Rpb25cclxufVxyXG4iLCI8IS0tIE1lbnUgRHJvcGRvd24gLS0+XHJcbjxuZy1jb250YWluZXIgKm5nSWY9XCJtZW51RHJvcERvd24ubGVuZ3RoID4gMFwiPlxyXG4gIDxidXR0b24gXHJcbiAgICBtYXQtZmxhdC1idXR0b24gY2xhc3M9XCJidXR0b24taWNvbi11dGlsaXR5XCIgXHJcbiAgICBpZD1cImJ0bi1mbGF0LWljb25cIiBbY29sb3JdPVwiYnV0dG9uQ29sb3JUZXh0XCIgc2l6ZT1cInNtYWxsXCJcclxuICAgIFtkaXNhYmxlZF09XCJidXR0b25EaXNhYmxlZFwiIFttYXRNZW51VHJpZ2dlckZvcl09XCJtZW51XCI+XHJcbiAgICA8aSBbbmdDbGFzc109XCJidXR0b25JY29uQ2xhc3NcIj48L2k+XHJcbiAgPC9idXR0b24+XHJcbiAgPG1hdC1tZW51ICNtZW51PVwibWF0TWVudVwiIHhQb3NpdGlvbj1cImFmdGVyXCI+XHJcbiAgICA8YnV0dG9uIFxyXG4gICAgICAqbmdGb3I9XCJsZXQgaXRlbSBvZiBtZW51RHJvcERvd25cIiBcclxuICAgICAgKGNsaWNrKT1cIml0ZW0uYWN0aW9uKClcIlxyXG4gICAgICBtYXQtbWVudS1pdGVtIFtkaXNhYmxlZF09XCJpdGVtLmlzRGlzYWJsZWRcIj5cclxuICAgICAgPGkgKm5nSWY9XCJpdGVtLmljb25cIiBbbmdDbGFzc109XCJpdGVtLmljb25cIj48L2k+XHJcbiAgICAgIHt7aXRlbS5uYW1lfX1cclxuICAgIDwvYnV0dG9uPlxyXG4gIDwvbWF0LW1lbnU+XHJcbjwvbmctY29udGFpbmVyPlxyXG5cclxuPCEtLSBTaW5nbGUgQnV0dG9uIC0tPlxyXG48bmctY29udGFpbmVyICpuZ0lmPVwibWVudURyb3BEb3duLmxlbmd0aCA8PSAxXCI+XHJcbiAgPGJ1dHRvbiBcclxuICAgIChjbGljayk9XCJidXR0b25DbGljaygpXCIgXHJcbiAgICBtYXQtZmxhdC1idXR0b24gY2xhc3M9XCJidXR0b24taWNvbi11dGlsaXR5XCIgaWQ9XCJidG4tZmxhdC1pY29uXCIgXHJcbiAgICBbY29sb3JdPVwiYnV0dG9uQ29sb3JUZXh0XCIgc2l6ZT1cInNtYWxsXCIgW2Rpc2FibGVkXT1cImJ1dHRvbkRpc2FibGVkXCI+XHJcbiAgICA8aSBbbmdDbGFzc109XCJidXR0b25JY29uQ2xhc3NcIj48L2k+XHJcbiAgPC9idXR0b24+XHJcbjwvbmctY29udGFpbmVyPiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic29mLXV0aWxpdHktYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FybWF0dXJlL3NyYy9saWIvYmFzZS1jb21wb25lbnRzL3NvZi11dGlsaXR5LWJ1dHRvbi9zb2YtdXRpbGl0eS1idXR0b24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYXJtYXR1cmUvc3JjL2xpYi9iYXNlLWNvbXBvbmVudHMvc29mLXV0aWxpdHktYnV0dG9uL3NvZi11dGlsaXR5LWJ1dHRvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7O0FBUWpELE1BQU0sT0FBTyx5QkFBeUI7SUFMdEM7UUFPRSxlQUFlO1FBQ04sYUFBUSxHQUFXLEVBQUUsQ0FBQztRQUUvQix1QkFBdUI7UUFDZCxvQkFBZSxHQUFXLEVBQUUsQ0FBQztRQUV0QyxpQkFBaUI7UUFDUixlQUFVLEdBQVcsT0FBTyxDQUFDO1FBRXRDLHdCQUF3QjtRQUNmLG1CQUFjLEdBQVksS0FBSyxDQUFDO1FBRXpDLHVCQUF1QjtRQUNkLG9CQUFlLEdBQVcsRUFBRSxDQUFDO1FBRXRDLHdCQUF3QjtRQUNmLGlCQUFZLEdBQWlCLEVBQUUsQ0FBQztLQWtCMUM7SUFiQzs7O01BR0U7SUFDRixNQUFNLENBQUMsTUFBdUQ7UUFDNUQsSUFBSSxDQUFDLFFBQVEsR0FBRyxNQUFNLENBQUMsUUFBUSxJQUFJLElBQUksQ0FBQyxRQUFRLENBQUM7UUFDakQsSUFBSSxDQUFDLGVBQWUsR0FBRyxNQUFNLENBQUMsZUFBZSxJQUFJLElBQUksQ0FBQyxlQUFlLENBQUM7UUFDdEUsSUFBSSxDQUFDLFVBQVUsR0FBRyxNQUFNLENBQUMsVUFBVSxJQUFJLElBQUksQ0FBQyxVQUFVLENBQUM7UUFDdkQsSUFBSSxDQUFDLGNBQWMsR0FBRyxNQUFNLENBQUMsY0FBYyxJQUFJLElBQUksQ0FBQyxjQUFjLENBQUM7UUFDbkUsSUFBSSxDQUFDLGVBQWUsR0FBRyxNQUFNLENBQUMsZUFBZSxJQUFJLElBQUksQ0FBQyxlQUFlLENBQUM7UUFDdEUsSUFBSSxDQUFDLFlBQVksR0FBRyxNQUFNLENBQUMsWUFBWSxJQUFJLElBQUksQ0FBQyxZQUFZLENBQUM7UUFDN0QsSUFBSSxDQUFDLFdBQVcsR0FBRyxNQUFNLENBQUMsV0FBVyxJQUFJLElBQUksQ0FBQyxXQUFXLENBQUM7SUFDNUQsQ0FBQzs4R0FuQ1UseUJBQXlCO2tHQUF6Qix5QkFBeUIsMFJDUnRDLHdnQ0E2QkE7OzJGRHJCYSx5QkFBeUI7a0JBTHJDLFNBQVM7K0JBQ0Usb0JBQW9COzhCQU9yQixRQUFRO3NCQUFoQixLQUFLO2dCQUdHLGVBQWU7c0JBQXZCLEtBQUs7Z0JBR0csVUFBVTtzQkFBbEIsS0FBSztnQkFHRyxjQUFjO3NCQUF0QixLQUFLO2dCQUdHLGVBQWU7c0JBQXZCLEtBQUs7Z0JBR0csWUFBWTtzQkFBcEIsS0FBSztnQkFHRyxXQUFXO3NCQUFuQixLQUFLOztBQWlCUixNQUFNLENBQU4sSUFBWSx3QkFTWDtBQVRELFdBQVksd0JBQXdCO0lBQ2xDLCtDQUFtQixDQUFBO0lBQ25CLG1EQUF1QixDQUFBO0lBQ3ZCLGlEQUFxQixDQUFBO0lBQ3JCLDJEQUErQixDQUFBO0lBQy9CLCtEQUFtQyxDQUFBO0lBQ25DLDZEQUFpQyxDQUFBO0lBQ2pDLG1EQUF1QixDQUFBO0lBQ3ZCLCtEQUFtQyxDQUFBO0FBQ3JDLENBQUMsRUFUVyx3QkFBd0IsS0FBeEIsd0JBQXdCLFFBU25DIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBJQ2VsbFJlbmRlcmVyUGFyYW1zIH0gZnJvbSAnYWctZ3JpZC1jb21tdW5pdHknO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdzb2YtdXRpbGl0eS1idXR0b24nLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9zb2YtdXRpbGl0eS1idXR0b24uY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsOiAnLi9zb2YtdXRpbGl0eS1idXR0b24uY29tcG9uZW50LmNzcydcclxufSlcclxuZXhwb3J0IGNsYXNzIFNvZlV0aWxpdHlCdXR0b25Db21wb25lbnQge1xyXG5cclxuICAvKiBCdXR0b24gSWQgKi9cclxuICBASW5wdXQoKSBidXR0b25JZDogc3RyaW5nID0gJyc7XHJcblxyXG4gIC8qIEJ1dHRvbiBDb2xvciBUZXh0ICovXHJcbiAgQElucHV0KCkgYnV0dG9uQ29sb3JUZXh0OiBzdHJpbmcgPSAnJztcclxuXHJcbiAgLyogQnV0dG9uIFNpemUgKi9cclxuICBASW5wdXQoKSBidXR0b25TaXplOiBzdHJpbmcgPSAnc21hbGwnO1xyXG5cclxuICAvKiBCdXR0b24gSXMgRGlzYWJsZWQgKi9cclxuICBASW5wdXQoKSBidXR0b25EaXNhYmxlZDogYm9vbGVhbiA9IGZhbHNlO1xyXG5cclxuICAvKiBCdXR0b24gSWNvbiBDbGFzcyAqL1xyXG4gIEBJbnB1dCgpIGJ1dHRvbkljb25DbGFzczogc3RyaW5nID0gJyc7XHJcblxyXG4gIC8qIE1lbnUgRHJvcGRvd24gU2l6ZSAqL1xyXG4gIEBJbnB1dCgpIG1lbnVEcm9wRG93bjogQnV0dG9uRGF0YVtdID0gW107XHJcblxyXG4gIC8qKiBJbmRpdmlkdWFsIEJ1dHRvbiBDbGljayAgKi9cclxuICBASW5wdXQoKSBidXR0b25DbGljazogRnVuY3Rpb247XHJcblxyXG4gIC8qKiBcclxuICAgKiBBbnkgbG9naWMgcmVsYXRlZCB0byBhZyBncmlkIGNlbGwgcmVuZGVyZXIgZGF0YSBjYW4gYmUgYWRkZWQgaGVyZSBcclxuICAgKiBAbm90ZSBBbGwgYEBJbnB1dHNgIHNob3VsZCBiZSBhY2NlcHRlZCB0aHJvdWdoIGBwYXJhbXNgXHJcbiAgKi9cclxuICBhZ0luaXQocGFyYW1zOiBJQ2VsbFJlbmRlcmVyUGFyYW1zICYgU29mVXRpbGl0eUJ1dHRvbkNvbXBvbmVudCk6IHZvaWQge1xyXG4gICAgdGhpcy5idXR0b25JZCA9IHBhcmFtcy5idXR0b25JZCA/PyB0aGlzLmJ1dHRvbklkO1xyXG4gICAgdGhpcy5idXR0b25Db2xvclRleHQgPSBwYXJhbXMuYnV0dG9uQ29sb3JUZXh0ID8/IHRoaXMuYnV0dG9uQ29sb3JUZXh0O1xyXG4gICAgdGhpcy5idXR0b25TaXplID0gcGFyYW1zLmJ1dHRvblNpemUgPz8gdGhpcy5idXR0b25TaXplO1xyXG4gICAgdGhpcy5idXR0b25EaXNhYmxlZCA9IHBhcmFtcy5idXR0b25EaXNhYmxlZCA/PyB0aGlzLmJ1dHRvbkRpc2FibGVkO1xyXG4gICAgdGhpcy5idXR0b25JY29uQ2xhc3MgPSBwYXJhbXMuYnV0dG9uSWNvbkNsYXNzID8/IHRoaXMuYnV0dG9uSWNvbkNsYXNzO1xyXG4gICAgdGhpcy5tZW51RHJvcERvd24gPSBwYXJhbXMubWVudURyb3BEb3duID8/IHRoaXMubWVudURyb3BEb3duO1xyXG4gICAgdGhpcy5idXR0b25DbGljayA9IHBhcmFtcy5idXR0b25DbGljayA/PyB0aGlzLmJ1dHRvbkNsaWNrO1xyXG4gIH1cclxufVxyXG5cclxuZXhwb3J0IGVudW0gQlVUVE9OX0NPTE9SU19WQVJJQVRJT05TIHtcclxuICBQUklNQVJZID0gJ3ByaW1hcnknLFxyXG4gIFNFQ09OREFSWSA9ICdzZWNvbmRhcnknLFxyXG4gIFRFUlRJQVJZID0gJ3RlcnRpYXJ5JyxcclxuICBFUlJPUl9QUklNQVJZID0gJ2Vycm9yLXByaW1hcnknLFxyXG4gIEVSUk9SX1NFQ09OREFSWSA9ICdlcnJvci1zZWNvbmRhcnknLFxyXG4gIEVSUk9SX1RFUlRJQVJZID0gJ2Vycm9yLXRlcnRpYXJ5JyxcclxuICBDT05UQUlORUQgPSAnY29udGFpbmVkJyxcclxuICBDT05UQUlORURfRVJST1IgPSAnY29udGFpbmVkLWVycm9yJyxcclxufVxyXG5cclxuZXhwb3J0IGludGVyZmFjZSBCdXR0b25EYXRhIHtcclxuICBuYW1lOiBzdHJpbmcsXHJcbiAgaWNvbjogc3RyaW5nLFxyXG4gIGlzRGlzYWJsZWQ6IGJvb2xlYW4sXHJcbiAgYWN0aW9uOiBGdW5jdGlvblxyXG59XHJcbiIsIjwhLS0gTWVudSBEcm9wZG93biAtLT5cclxuQGlmIChtZW51RHJvcERvd24ubGVuZ3RoKSB7XHJcbiAgPGJ1dHRvbiBcclxuICAgIG1hdC1mbGF0LWJ1dHRvbiBjbGFzcz1cImJ1dHRvbi1pY29uLXV0aWxpdHlcIiBcclxuICAgIGlkPVwiYnRuLWZsYXQtaWNvblwiIFtjb2xvcl09XCJidXR0b25Db2xvclRleHRcIiBzaXplPVwic21hbGxcIlxyXG4gICAgW2Rpc2FibGVkXT1cImJ1dHRvbkRpc2FibGVkXCIgW21hdE1lbnVUcmlnZ2VyRm9yXT1cIm1lbnVcIj5cclxuICAgIDxpIFtuZ0NsYXNzXT1cImJ1dHRvbkljb25DbGFzc1wiPjwvaT5cclxuICA8L2J1dHRvbj5cclxuICA8bWF0LW1lbnUgI21lbnU9XCJtYXRNZW51XCIgeFBvc2l0aW9uPVwiYWZ0ZXJcIj5cclxuICAgIEBmb3IgKGl0ZW0gb2YgbWVudURyb3BEb3duOyB0cmFjayAkaW5kZXgpIHtcclxuICAgICAgPGJ1dHRvbiBcclxuICAgICAgICAoY2xpY2spPVwiaXRlbS5hY3Rpb24oKVwiXHJcbiAgICAgICAgbWF0LW1lbnUtaXRlbSBbZGlzYWJsZWRdPVwiaXRlbS5pc0Rpc2FibGVkXCIgZGlzYWJsZVJpcHBsZT1cInRydWVcIj5cclxuICAgICAgICBAaWYgKGl0ZW0uaWNvbikge1xyXG4gICAgICAgICAgPGkgW25nQ2xhc3NdPVwiaXRlbS5pY29uXCI+PC9pPlxyXG4gICAgICAgIH1cclxuICAgICAgICB7e2l0ZW0ubmFtZX19XHJcbiAgICAgIDwvYnV0dG9uPlxyXG4gICAgfVxyXG4gIDwvbWF0LW1lbnU+XHJcbiAgPCEtLSBTaW5nbGUgQnV0dG9uIC0tPlxyXG59IEBlbHNlIHtcclxuICA8YnV0dG9uIFxyXG4gICAgKGNsaWNrKT1cImJ1dHRvbkNsaWNrKClcIiBcclxuICAgIG1hdC1mbGF0LWJ1dHRvbiBjbGFzcz1cImJ1dHRvbi1pY29uLXV0aWxpdHlcIiBpZD1cImJ0bi1mbGF0LWljb25cIiBcclxuICAgIFtjb2xvcl09XCJidXR0b25Db2xvclRleHRcIiBzaXplPVwic21hbGxcIiBbZGlzYWJsZWRdPVwiYnV0dG9uRGlzYWJsZWRcIj5cclxuICAgIDxpIFtuZ0NsYXNzXT1cImJ1dHRvbkljb25DbGFzc1wiPjwvaT5cclxuICA8L2J1dHRvbj5cclxufVxyXG4iXX0=

package/esm2022/lib/feedback-tool/components/feedback-tool/feedback-tool.component.mjs

@@ -60,11 +60,11 @@ export class FeedbackToolComponent {
         this.close.emit(null);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: FeedbackToolComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.7", type: FeedbackToolComponent, selector: "sof-ar-feedback-tool", inputs: { application: "application", experience: "experience" }, outputs: { close: "close", feedbackSubmit: "feedbackSubmit" }, viewQueries: [{ propertyName: "message", first: true, predicate: ["message"], descendants: true }], ngImport: i0, template: "<div class=\"feedback-tool\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"feedback-tool_label\" aria-describedby=\"feedback-tool_desc\">\r\n  <div fxLayout=\"row\" fxLayoutAlign=\"start center\" class=\"feedback-tool__heading p-v-15 p-h-20\">\r\n    <i class=\"fa-regular fa-{{headerIcon}} m-r-10 feedback-tool__heading__icon\" aria-hidden=\"true\"></i>\r\n    <h4 id=\"feedback-tool_label\">{{'armature.feedback-tool.headings.'+headerTitle|translate}}</h4>\r\n    <button (click)=\"closeFeedbackTool()\" fxHide fxShow.lt-sm mat-button class=\"sof-icon-button m-l-auto\" size=\"small\" color=\"neutral\" \r\n      [attr.aria-label]=\"'armature.feedback-tool.buttons.close'|translate\">\r\n      <i class=\"fa-regular fa-xmark\" aria-hidden=\"true\"></i>\r\n    </button>\r\n  </div>\r\n  <div fxLayout=\"column\" fxLayoutGap=\"20px\" p-a-20>\r\n    <p id=\"feedback-tool_desc\" class=\"feedback-tool__description m-t-0\">{{'armature.feedback-tool.descriptions.'+description|translate}}</p>\r\n    @if (!isSubmitted) {\r\n      @if (!hasFeedback) {\r\n          <div fxLayout=\"row\" fxLayoutGap=\"8px\" fxLayoutAlign=\"center center\" p-v-20>\r\n            <button (click)=\"giveFeedback(true)\" mat-stroked-button class=\"sof-stroked-icon-button\" size=\"small\" color=\"neutral\" \r\n              [attr.aria-label]=\"'armature.feedback-tool.buttons.thumbs-up'|translate\">\r\n              <i class=\"fa-regular fa-thumbs-up\" aria-hidden=\"true\"></i>\r\n            </button>\r\n            <button (click)=\"giveFeedback(false)\" mat-stroked-button class=\"sof-stroked-icon-button\" size=\"small\" color=\"neutral\" \r\n              [attr.aria-label]=\"'armature.feedback-tool.buttons.thumbs-down'|translate\">\r\n              <i class=\"fa-regular fa-thumbs-down\" aria-hidden=\"true\"></i>\r\n            </button>\r\n          </div>\r\n      } @else {\r\n        <mat-form-field class=\"feedback-tool__message\">\r\n          <label for=\"feedback-tool-message_textarea\" id=\"feedback-tool-message_label\" class=\"sr-only\">\r\n            {{'armature.feedback-tool.message.sr-only-label'|translate}}\r\n          </label>\r\n          <textarea matInput #message id=\"feedback-tool-message_textarea\" rows=\"4\" maxlength=\"1000\" \r\n            [placeholder]=\"'armature.feedback-tool.message.placeholder'|translate\" aria-labelledby=\"feedback-tool-message_label\"></textarea>\r\n          <mat-hint [align]=\"'end'\">{{message.value.length}}/1000</mat-hint>\r\n        </mat-form-field>\r\n        <div class=\"sr-only\" aria-live=\"assertive\">\r\n          {{message.value.length === 1000 ? ('armature.feedback-tool.message.sr-only-max-char-limit'|translate):''}}\r\n        </div>\r\n      }\r\n    }\r\n    <div fxLayout=\"row\" fxLayoutGap=\"16px\">\r\n      @if (!isSubmitted) {\r\n        <button (click)=\"closeFeedbackTool()\" \r\n          fxHide fxShow.gt-xs mat-stroked-button class=\"sof-stroked-button m-l-auto\" size=\"small\" color=\"neutral\">\r\n          {{'armature.feedback-tool.buttons.close'|translate}}\r\n        </button>\r\n        @if (hasFeedback) {\r\n          <button (click)=\"submitFeedback()\" mat-flat-button class=\"sof-flat-button full-width-mobile\" size=\"small\" color=\"neutral\">\r\n            {{'armature.feedback-tool.buttons.submit'|translate}}\r\n          </button>\r\n        }\r\n      } @else {\r\n        <button (click)=\"closeFeedbackTool()\" \r\n          mat-flat-button class=\"sof-flat-button m-l-auto full-width-mobile\" size=\"small\" color=\"neutral\">\r\n          {{'armature.feedback-tool.buttons.got-it'|translate}}\r\n        </button>\r\n      }\r\n    </div>\r\n  </div>\r\n</div>\r\n<div fxHide fxShow.lt-sm class=\"mobile-space\"></div>", styles: [":root{--primary-color-50-parts: #edf4ff;--primary-color-100-parts: #b9d4fc;--primary-color-200-parts: #8ab7fb;--primary-color-300-parts: #5b9af9;--primary-color-400-parts: #3784f7;--primary-color-500-parts: #146ef6;--primary-color-600-parts: #1266f5;--primary-color-700-parts: #0e5bf3;--primary-color-800-parts: #0b51f2;--primary-color-900-parts: #063fef;--primary-color-A100-parts: rgba(20, 110, 246, .04);--primary-color-A200-parts: rgba(20, 110, 246, .08);--primary-color-A300-parts: rgba(20, 110, 246, .16);--primary-color-A400-parts: rgba(20, 110, 246, .24);--primary-color-A500-parts: rgba(20, 110, 246, .32);--primary-color-contrast-50-parts: rgba(0, 0, 0, .87);--primary-color-contrast-100-parts: rgba(0, 0, 0, .87);--primary-color-contrast-200-parts: rgba(0, 0, 0, .87);--primary-color-contrast-300-parts: rgba(0, 0, 0, .87);--primary-color-contrast-400-parts: rgba(255, 255, 255, 1);--primary-color-contrast-500-parts: rgba(255, 255, 255, 1);--primary-color-contrast-600-parts: rgba(255, 255, 255, 1);--primary-color-contrast-700-parts: rgba(255, 255, 255, 1);--primary-color-contrast-800-parts: rgba(255, 255, 255, 1);--primary-color-contrast-900-parts: rgba(255, 255, 255, 1);--primary-color-contrast-A100-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A200-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A400-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A700-parts: rgba(0, 0, 0, .87);--primary-color-50-parts-rgb: 237, 244, 255;--primary-color-100-parts-rgb: 185, 212, 252;--primary-color-200-parts-rgb: 138, 183, 251;--primary-color-300-parts-rgb: 91, 154, 249;--primary-color-400-parts-rgb: 55, 132, 247;--primary-color-500-parts-rgb: 20, 110, 246;--primary-color-600-parts-rgb: 18, 102, 245;--primary-color-700-parts-rgb: 14, 91, 243;--primary-color-800-parts-rgb: 11, 81, 242;--primary-color-900-parts-rgb: 6, 63, 239;--primary-color-A100-parts-rgb: 255, 255, 255;--primary-color-A200-parts-rgb: 228, 233, 255;--primary-color-A400-parts-rgb: 177, 192, 255;--primary-color-A700-parts-rgb: 151, 172, 255;--accent-color-50-parts: #e0f2f1;--accent-color-100-parts: #b2dfdb;--accent-color-200-parts: #80cbc4;--accent-color-300-parts: #4db6ac;--accent-color-400-parts: #26a69a;--accent-color-500-parts: #009688;--accent-color-600-parts: #00897b;--accent-color-700-parts: #00796b;--accent-color-800-parts: #00695c;--accent-color-900-parts: #004d40;--accent-color-A100-parts: #a7ffeb;--accent-color-A200-parts: #64ffda;--accent-color-A400-parts: #1de9b6;--accent-color-A700-parts: #00bfa5;--accent-color-contrast-50-parts: rgba(0, 0, 0, .87);--accent-color-contrast-100-parts: rgba(0, 0, 0, .87);--accent-color-contrast-200-parts: rgba(0, 0, 0, .87);--accent-color-contrast-300-parts: rgba(0, 0, 0, .87);--accent-color-contrast-400-parts: rgba(0, 0, 0, .87);--accent-color-contrast-500-parts: rgba(255, 255, 255, 1);--accent-color-contrast-600-parts: rgba(255, 255, 255, 1);--accent-color-contrast-700-parts: rgba(255, 255, 255, 1);--accent-color-contrast-800-parts: rgba(255, 255, 255, 1);--accent-color-contrast-900-parts: rgba(255, 255, 255, 1);--accent-color-contrast-A100-parts: rgba(0, 0, 0, .87);--accent-color-contrast-A200-parts: rgba(0, 0, 0, .87);--accent-color-contrast-A400-parts: rgba(0, 0, 0, .87);--accent-color-contrast-A700-parts: rgba(0, 0, 0, .87);--accent-color-50-parts-rgb: 224, 242, 241;--accent-color-100-parts-rgb: 178, 223, 219;--accent-color-200-parts-rgb: 128, 203, 196;--accent-color-300-parts-rgb: 77, 182, 172;--accent-color-400-parts-rgb: 38, 166, 154;--accent-color-500-parts-rgb: 0, 150, 136;--accent-color-600-parts-rgb: 0, 137, 123;--accent-color-700-parts-rgb: 0, 121, 107;--accent-color-800-parts-rgb: 0, 105, 92;--accent-color-900-parts-rgb: 0, 77, 64;--accent-color-A100-parts-rgb: 167, 255, 235;--accent-color-A200-parts-rgb: 100, 255, 218;--accent-color-A400-parts-rgb: 29, 233, 182;--accent-color-A700-parts-rgb: 0, 191, 165;--warn-color-50-parts: #fceee3;--warn-color-100-parts: #f8d4b9;--warn-color-200-parts: #f4b78b;--warn-color-300-parts: #ef9a5d;--warn-color-400-parts: #eb843a;--warn-color-500-parts: #e86e17;--warn-color-600-parts: #e56614;--warn-color-700-parts: #e25b11;--warn-color-800-parts: #de510d;--warn-color-900-parts: #d83f07;--warn-color-A100-parts: rgba(232, 110, 23, .04);--warn-color-A200-parts: rgba(232, 110, 23, .08);--warn-color-A300-parts: rgba(232, 110, 23, .16);--warn-color-A400-parts: rgba(232, 110, 23, .24);--warn-color-A500-parts: rgba(232, 110, 23, .32);--warn-color-contrast-50-parts: rgba(0, 0, 0, .87);--warn-color-contrast-100-parts: rgba(0, 0, 0, .87);--warn-color-contrast-200-parts: rgba(0, 0, 0, .87);--warn-color-contrast-300-parts: rgba(0, 0, 0, .87);--warn-color-contrast-400-parts: rgba(0, 0, 0, .87);--warn-color-contrast-500-parts: rgba(0, 0, 0, .87);--warn-color-contrast-600-parts: rgba(0, 0, 0, .87);--warn-color-contrast-700-parts: rgba(0, 0, 0, .87);--warn-color-contrast-800-parts: rgba(0, 0, 0, .87);--warn-color-contrast-900-parts: rgba(255, 255, 255, 1);--warn-color-contrast-A100-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A200-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A300-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A400-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A500-parts: rgba(0, 0, 0, .87);--warn-color-50-parts-rgb: 252, 238, 227;--warn-color-100-parts-rgb: 248, 212, 185;--warn-color-200-parts-rgb: 244, 183, 139;--warn-color-300-parts-rgb: 239, 154, 93;--warn-color-400-parts-rgb: 235, 132, 58;--warn-color-500-parts-rgb: 232, 110, 23;--warn-color-600-parts-rgb: 229, 102, 20;--warn-color-700-parts-rgb: 226, 91, 17;--warn-color-800-parts-rgb: 222, 81, 13;--warn-color-900-parts-rgb: 216, 63, 7;--warn-color-A100-parts-rgb: 232, 110, 23, .04;--warn-color-A200-parts-rgb: 232, 110, 23, .08;--warn-color-A300-parts-rgb: 232, 110, 23, .16;--warn-color-A400-parts-rgb: 232, 110, 23, .24;--warn-color-A500-parts-rgb: 232, 110, 23, .32;--info-color-50-parts: #edf4ff;--info-color-100-parts: #b9d4fc;--info-color-200-parts: #8ab7fb;--info-color-300-parts: #5b9af9;--info-color-400-parts: #3784f7;--info-color-500-parts: #146ef6;--info-color-600-parts: #1266f5;--info-color-700-parts: #0e5bf3;--info-color-800-parts: #0b51f2;--info-color-900-parts: #063fef;--info-color-A100-parts: rgba(20, 110, 246, .04);--info-color-A200-parts: rgba(20, 110, 246, .08);--info-color-A300-parts: rgba(20, 110, 246, .16);--info-color-A400-parts: rgba(20, 110, 246, .24);--info-color-A500-parts: rgba(20, 110, 246, .32);--info-color-contrast-50-parts: rgba(0, 0, 0, .87);--info-color-contrast-100-parts: rgba(0, 0, 0, .87);--info-color-contrast-200-parts: rgba(0, 0, 0, .87);--info-color-contrast-300-parts: rgba(0, 0, 0, .87);--info-color-contrast-400-parts: rgba(255, 255, 255, 1);--info-color-contrast-500-parts: rgba(255, 255, 255, 1);--info-color-contrast-600-parts: rgba(255, 255, 255, 1);--info-color-contrast-700-parts: rgba(255, 255, 255, 1);--info-color-contrast-800-parts: rgba(255, 255, 255, 1);--info-color-contrast-900-parts: rgba(255, 255, 255, 1);--info-color-contrast-A100-parts: rgba(0, 0, 0, .87);--info-color-contrast-A200-parts: rgba(0, 0, 0, .87);--info-color-contrast-A400-parts: rgba(0, 0, 0, .87);--info-color-contrast-A700-parts: rgba(0, 0, 0, .87);--info-color-50-parts-rgb: 237, 244, 255;--info-color-100-parts-rgb: 185, 212, 252;--info-color-200-parts-rgb: 138, 183, 251;--info-color-300-parts-rgb: 91, 154, 249;--info-color-400-parts-rgb: 55, 132, 247;--info-color-500-parts-rgb: 20, 110, 246;--info-color-600-parts-rgb: 18, 102, 245;--info-color-700-parts-rgb: 14, 91, 243;--info-color-800-parts-rgb: 11, 81, 242;--info-color-900-parts-rgb: 6, 63, 239;--info-color-A100-parts-rgb: 255, 255, 255;--info-color-A200-parts-rgb: 228, 233, 255;--info-color-A400-parts-rgb: 177, 192, 255;--info-color-A700-parts-rgb: 151, 172, 255;--success-color-50-parts: #e7f0e6;--success-color-100-parts: #c4dac1;--success-color-200-parts: #9cc198;--success-color-300-parts: #74a86e;--success-color-400-parts: #57954f;--success-color-500-parts: #398230;--success-color-600-parts: #337a2b;--success-color-700-parts: #2c6f24;--success-color-800-parts: #24651e;--success-color-900-parts: #175213;--success-color-A100-parts: rgba(57, 130, 48, .04);--success-color-A200-parts: rgba(57, 130, 48, .08);--success-color-A300-parts: rgba(57, 130, 48, .16);--success-color-A400-parts: rgba(57, 130, 48, .24);--success-color-A500-parts: rgba(57, 130, 48, .32);--success-color-contrast-50-parts: rgba(0, 0, 0, .87);--success-color-contrast-100-parts: rgba(0, 0, 0, .87);--success-color-contrast-200-parts: rgba(0, 0, 0, .87);--success-color-contrast-300-parts: rgba(0, 0, 0, .87);--success-color-contrast-400-parts: rgba(0, 0, 0, .87);--success-color-contrast-500-parts: rgba(255, 255, 255, 1);--success-color-contrast-600-parts: rgba(255, 255, 255, 1);--success-color-contrast-700-parts: rgba(255, 255, 255, 1);--success-color-contrast-800-parts: rgba(255, 255, 255, 1);--success-color-contrast-900-parts: rgba(255, 255, 255, 1);--success-color-contrast-A100-parts: rgba(0, 0, 0, .87);--success-color-contrast-A200-parts: rgba(0, 0, 0, .87);--success-color-contrast-A300-parts: rgba(0, 0, 0, .87);--success-color-contrast-A400-parts: rgba(0, 0, 0, .87);--success-color-contrast-A500-parts: rgba(0, 0, 0, .87);--success-color-50-parts-rgb: 231, 240, 230;--success-color-100-parts-rgb: 196, 218, 193;--success-color-200-parts-rgb: 156, 193, 152;--success-color-300-parts-rgb: 116, 168, 110;--success-color-400-parts-rgb: 87, 149, 79;--success-color-500-parts-rgb: 57, 130, 48;--success-color-600-parts-rgb: 51, 122, 43;--success-color-700-parts-rgb: 44, 111, 36;--success-color-800-parts-rgb: 36, 101, 30;--success-color-900-parts-rgb: 23, 82, 19;--success-color-A100-parts-rgb: 57, 130, 48, .04;--success-color-A200-parts-rgb: 57, 130, 48, .08;--success-color-A300-parts-rgb: 57, 130, 48, .16;--success-color-A400-parts-rgb: 57, 130, 48, .24;--success-color-A500-parts-rgb: 57, 130, 48, .32;--error-color-50-parts: #fae5e4;--error-color-100-parts: #f3bdba;--error-color-200-parts: #eb928d;--error-color-300-parts: #e3665f;--error-color-400-parts: #dd453c;--error-color-500-parts: #d7241a;--error-color-600-parts: #d32017;--error-color-700-parts: #cd1b13;--error-color-800-parts: #c7160f;--error-color-900-parts: #be0d08;--error-color-A100-parts: rgba(215, 36, 26, .04);--error-color-A200-parts: rgba(215, 36, 26, .08);--error-color-A300-parts: rgba(215, 36, 26, .16);--error-color-A400-parts: rgba(215, 36, 26, .24);--error-color-A500-parts: rgba(215, 36, 26, .32);--error-color-contrast-50-parts: rgba(0, 0, 0, .87);--error-color-contrast-100-parts: rgba(0, 0, 0, .87);--error-color-contrast-200-parts: rgba(0, 0, 0, .87);--error-color-contrast-300-parts: rgba(0, 0, 0, .87);--error-color-contrast-400-parts: rgba(0, 0, 0, .87);--error-color-contrast-500-parts: rgba(255, 255, 255, 1);--error-color-contrast-600-parts: rgba(255, 255, 255, 1);--error-color-contrast-700-parts: rgba(255, 255, 255, 1);--error-color-contrast-800-parts: rgba(255, 255, 255, 1);--error-color-contrast-900-parts: rgba(255, 255, 255, 1);--error-color-contrast-A100-parts: rgba(0, 0, 0, .87);--error-color-contrast-A200-parts: rgba(0, 0, 0, .87);--error-color-contrast-A300-parts: rgba(0, 0, 0, .87);--error-color-contrast-A400-parts: rgba(0, 0, 0, .87);--error-color-contrast-A500-parts: rgba(0, 0, 0, .87);--error-color-50-parts-rgb: 250, 229, 228;--error-color-100-parts-rgb: 243, 189, 186;--error-color-200-parts-rgb: 235, 146, 141;--error-color-300-parts-rgb: 227, 102, 95;--error-color-400-parts-rgb: 221, 69, 60;--error-color-500-parts-rgb: 215, 36, 26;--error-color-600-parts-rgb: 211, 32, 23;--error-color-700-parts-rgb: 205, 27, 19;--error-color-800-parts-rgb: 199, 22, 15;--error-color-900-parts-rgb: 190, 13, 8;--error-color-A100-parts-rgb: 215, 36, 26, .04;--error-color-A200-parts-rgb: 215, 36, 26, .08;--error-color-A300-parts-rgb: 215, 36, 26, .16;--error-color-A400-parts-rgb: 215, 36, 26, .24;--error-color-A500-parts-rgb: 215, 36, 26, .32;--neutral-color-50-parts: #e9e9e9;--neutral-color-100-parts: #dddddd;--neutral-color-200-parts: #cccccc;--neutral-color-300-parts: #b0b0b0;--neutral-color-400-parts: #909090;--neutral-color-500-parts: #515151;--neutral-color-600-parts: #424242;--neutral-color-700-parts: #333333;--neutral-color-800-parts: #212121;--neutral-color-900-parts: #141414;--neutral-color-A100-parts: rgba(81, 81, 81, .04);--neutral-color-A200-parts: rgba(81, 81, 81, .08);--neutral-color-A300-parts: rgba(81, 81, 81, .16);--neutral-color-A400-parts: rgba(81, 81, 81, .24);--neutral-color-A500-parts: rgba(81, 81, 81, .32);--neutral-color-contrast-50-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-100-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-200-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-300-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-400-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-500-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-600-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-700-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-800-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-900-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-A100-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A200-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A400-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A700-parts: rgba(0, 0, 0, .87);--neutral-color-50-parts-rgb: 233, 233, 233;--neutral-color-100-parts-rgb: 221, 221, 221;--neutral-color-200-parts-rgb: 204, 204, 204;--neutral-color-300-parts-rgb: 176, 176, 176;--neutral-color-400-parts-rgb: 144, 144, 144;--neutral-color-500-parts-rgb: 81, 81, 81;--neutral-color-600-parts-rgb: 66, 66, 66;--neutral-color-700-parts-rgb: 51, 51, 51;--neutral-color-800-parts-rgb: 33, 33, 33;--neutral-color-900-parts-rgb: 20, 20, 20;--neutral-color-A100-parts-rgb: 255, 255, 255;--neutral-color-A200-parts-rgb: 255, 255, 255;--neutral-color-A400-parts-rgb: 255, 255, 255;--neutral-color-A700-parts-rgb: 255, 255, 255}.feedback-tool{background:#fff;width:500px;position:fixed;bottom:2rem;right:2rem;border-radius:8px;box-shadow:0 0 10px 5px #51515140;z-index:1000}@media screen and (max-width: 600px){.feedback-tool{width:100%;bottom:0;right:0;left:0;border-radius:20px 20px 0 0;box-shadow:none;border:1px solid var(--neutral-color-50-parts)}.feedback-tool .full-width-mobile{width:100%!important}}.feedback-tool__heading{border-bottom:1px solid var(--neutral-color-50-parts)}.feedback-tool__heading__icon{color:var(--neutral-color-700-parts);font-size:18px}.feedback-tool__description{font-size:16px}.feedback-tool__message textarea{resize:none;caret-color:auto;scrollbar-width:8px}.feedback-tool__message textarea::-webkit-scrollbar{width:8px}.feedback-tool__message textarea::-webkit-scrollbar-track{box-shadow:inset 0 0 6px #0003;border-radius:6px}.feedback-tool__message textarea::-webkit-scrollbar-thumb{border-radius:6px;background:#0003}.feedback-tool__message mat-hint{color:#0009}.feedback-tool__message ::ng-deep .mat-mdc-text-field-wrapper{border-radius:6px;border:1px solid var(--neutral-color-100-parts)}.feedback-tool__message ::ng-deep .mat-mdc-text-field-wrapper.mdc-text-field{padding:0 10px}.feedback-tool__message ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix{--mat-form-field-container-vertical-padding: 10px}.feedback-tool__message ::ng-deep .mat-mdc-text-field-wrapper .mdc-line-ripple{display:none}.feedback-tool__message ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-focus-overlay{background-color:transparent}.feedback-tool__message ::ng-deep .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-hint-wrapper{padding:0}.feedback-tool__message ::ng-deep .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-hint-wrapper .mat-mdc-form-field-bottom-align:before{height:unset}.feedback-tool__message ::ng-deep .mdc-text-field--filled:not(.mdc-text-field--disabled){--mdc-filled-text-field-container-color: transparent}.mobile-space{background:transparent;pointer-events:none;height:60vh;width:100%}\n"], dependencies: [{ kind: "directive", type: i1.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i1.DefaultLayoutGapDirective, selector: "  [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md],  [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md],  [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm],  [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { kind: "directive", type: i1.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i2.DefaultShowHideDirective, selector: "  [fxShow], [fxShow.print],  [fxShow.xs], [fxShow.sm], [fxShow.md], [fxShow.lg], [fxShow.xl],  [fxShow.lt-sm], [fxShow.lt-md], [fxShow.lt-lg], [fxShow.lt-xl],  [fxShow.gt-xs], [fxShow.gt-sm], [fxShow.gt-md], [fxShow.gt-lg],  [fxHide], [fxHide.print],  [fxHide.xs], [fxHide.sm], [fxHide.md], [fxHide.lg], [fxHide.xl],  [fxHide.lt-sm], [fxHide.lt-md], [fxHide.lt-lg], [fxHide.lt-xl],  [fxHide.gt-xs], [fxHide.gt-sm], [fxHide.gt-md], [fxHide.gt-lg]", inputs: ["fxShow", "fxShow.print", "fxShow.xs", "fxShow.sm", "fxShow.md", "fxShow.lg", "fxShow.xl", "fxShow.lt-sm", "fxShow.lt-md", "fxShow.lt-lg", "fxShow.lt-xl", "fxShow.gt-xs", "fxShow.gt-sm", "fxShow.gt-md", "fxShow.gt-lg", "fxHide", "fxHide.print", "fxHide.xs", "fxHide.sm", "fxHide.md", "fxHide.lg", "fxHide.xl", "fxHide.lt-sm", "fxHide.lt-md", "fxHide.lt-lg", "fxHide.lt-xl", "fxHide.gt-xs", "fxHide.gt-sm", "fxHide.gt-md", "fxHide.gt-lg"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i4.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i5.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.7", type: FeedbackToolComponent, selector: "sof-ar-feedback-tool", inputs: { application: "application", experience: "experience" }, outputs: { close: "close", feedbackSubmit: "feedbackSubmit" }, viewQueries: [{ propertyName: "message", first: true, predicate: ["message"], descendants: true }], ngImport: i0, template: "<div class=\"feedback-tool\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"feedback-tool_label\" aria-describedby=\"feedback-tool_desc\">\r\n  <div fxLayout=\"row\" fxLayoutAlign=\"start center\" class=\"feedback-tool__heading p-v-15 p-h-20\">\r\n    <i class=\"fa-regular fa-{{headerIcon}} m-r-10 feedback-tool__heading__icon\" aria-hidden=\"true\"></i>\r\n    <h4 id=\"feedback-tool_label\">{{'armature.feedback-tool.headings.'+headerTitle|translate}}</h4>\r\n    <button (click)=\"closeFeedbackTool()\" fxHide fxShow.lt-sm mat-button class=\"sof-icon-button m-l-auto\" size=\"small\" color=\"neutral\" \r\n      [attr.aria-label]=\"'armature.feedback-tool.buttons.close'|translate\">\r\n      <i class=\"fa-regular fa-xmark\" aria-hidden=\"true\"></i>\r\n    </button>\r\n  </div>\r\n  <div fxLayout=\"column\" fxLayoutGap=\"20px\" p-a-20>\r\n    <p id=\"feedback-tool_desc\" class=\"feedback-tool__description m-t-0\">{{'armature.feedback-tool.descriptions.'+description|translate}}</p>\r\n    @if (!isSubmitted) {\r\n      @if (!hasFeedback) {\r\n          <div fxLayout=\"row\" fxLayoutGap=\"8px\" fxLayoutAlign=\"center center\" p-v-20>\r\n            <button (click)=\"giveFeedback(true)\" mat-stroked-button class=\"sof-stroked-icon-button\" size=\"small\" color=\"neutral\" \r\n              [attr.aria-label]=\"'armature.feedback-tool.buttons.thumbs-up'|translate\">\r\n              <i class=\"fa-regular fa-thumbs-up\" aria-hidden=\"true\"></i>\r\n            </button>\r\n            <button (click)=\"giveFeedback(false)\" mat-stroked-button class=\"sof-stroked-icon-button\" size=\"small\" color=\"neutral\" \r\n              [attr.aria-label]=\"'armature.feedback-tool.buttons.thumbs-down'|translate\">\r\n              <i class=\"fa-regular fa-thumbs-down\" aria-hidden=\"true\"></i>\r\n            </button>\r\n          </div>\r\n      } @else {\r\n        <mat-form-field class=\"feedback-tool__message\">\r\n          <label for=\"feedback-tool-message_textarea\" id=\"feedback-tool-message_label\" class=\"sr-only\">\r\n            {{'armature.feedback-tool.message.sr-only-label'|translate}}\r\n          </label>\r\n          <textarea matInput #message id=\"feedback-tool-message_textarea\" rows=\"4\" maxlength=\"1000\" \r\n            [placeholder]=\"'armature.feedback-tool.message.placeholder'|translate\" aria-labelledby=\"feedback-tool-message_label\"></textarea>\r\n          <mat-hint [align]=\"'end'\">{{message.value.length}}/1000</mat-hint>\r\n        </mat-form-field>\r\n        <div class=\"sr-only\" aria-live=\"assertive\">\r\n          {{message.value.length === 1000 ? ('armature.feedback-tool.message.sr-only-max-char-limit'|translate):''}}\r\n        </div>\r\n      }\r\n    }\r\n    <div fxLayout=\"row\" fxLayoutGap=\"16px\">\r\n      @if (!isSubmitted) {\r\n        <button (click)=\"closeFeedbackTool()\" \r\n          fxHide fxShow.gt-xs mat-stroked-button class=\"sof-stroked-button m-l-auto\" size=\"small\" color=\"neutral\">\r\n          {{'armature.feedback-tool.buttons.close'|translate}}\r\n        </button>\r\n        @if (hasFeedback) {\r\n          <button (click)=\"submitFeedback()\" mat-flat-button class=\"sof-flat-button full-width-mobile\" size=\"small\" color=\"neutral\">\r\n            {{'armature.feedback-tool.buttons.submit'|translate}}\r\n          </button>\r\n        }\r\n      } @else {\r\n        <button (click)=\"closeFeedbackTool()\" \r\n          mat-flat-button class=\"sof-flat-button m-l-auto full-width-mobile\" size=\"small\" color=\"neutral\">\r\n          {{'armature.feedback-tool.buttons.got-it'|translate}}\r\n        </button>\r\n      }\r\n    </div>\r\n  </div>\r\n</div>\r\n<div fxHide fxShow.lt-sm class=\"mobile-space\"></div>", styles: [":root{--primary-color-50-parts: #edf4ff;--primary-color-100-parts: #b9d4fc;--primary-color-200-parts: #8ab7fb;--primary-color-300-parts: #5b9af9;--primary-color-400-parts: #3784f7;--primary-color-500-parts: #146ef6;--primary-color-600-parts: #1266f5;--primary-color-700-parts: #0e5bf3;--primary-color-800-parts: #0b51f2;--primary-color-900-parts: #063fef;--primary-color-A100-parts: rgba(20, 110, 246, .04);--primary-color-A200-parts: rgba(20, 110, 246, .08);--primary-color-A300-parts: rgba(20, 110, 246, .16);--primary-color-A400-parts: rgba(20, 110, 246, .24);--primary-color-A500-parts: rgba(20, 110, 246, .32);--primary-color-contrast-50-parts: rgba(0, 0, 0, .87);--primary-color-contrast-100-parts: rgba(0, 0, 0, .87);--primary-color-contrast-200-parts: rgba(0, 0, 0, .87);--primary-color-contrast-300-parts: rgba(0, 0, 0, .87);--primary-color-contrast-400-parts: rgba(255, 255, 255, 1);--primary-color-contrast-500-parts: rgba(255, 255, 255, 1);--primary-color-contrast-600-parts: rgba(255, 255, 255, 1);--primary-color-contrast-700-parts: rgba(255, 255, 255, 1);--primary-color-contrast-800-parts: rgba(255, 255, 255, 1);--primary-color-contrast-900-parts: rgba(255, 255, 255, 1);--primary-color-contrast-A100-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A200-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A300-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A400-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A500-parts: rgba(0, 0, 0, .87);--primary-color-50-parts-rgb: 237, 244, 255;--primary-color-100-parts-rgb: 185, 212, 252;--primary-color-200-parts-rgb: 138, 183, 251;--primary-color-300-parts-rgb: 91, 154, 249;--primary-color-400-parts-rgb: 55, 132, 247;--primary-color-500-parts-rgb: 20, 110, 246;--primary-color-600-parts-rgb: 18, 102, 245;--primary-color-700-parts-rgb: 14, 91, 243;--primary-color-800-parts-rgb: 11, 81, 242;--primary-color-900-parts-rgb: 6, 63, 239;--primary-color-A100-parts-rgb: 20, 110, 246, .04;--primary-color-A200-parts-rgb: 20, 110, 246, .08;--primary-color-A300-parts-rgb: 20, 110, 246, .16;--primary-color-A400-parts-rgb: 20, 110, 246, .24;--primary-color-A500-parts-rgb: 20, 110, 246, .32;--accent-color-50-parts: #e0f2f1;--accent-color-100-parts: #b2dfdb;--accent-color-200-parts: #80cbc4;--accent-color-300-parts: #4db6ac;--accent-color-400-parts: #26a69a;--accent-color-500-parts: #009688;--accent-color-600-parts: #00897b;--accent-color-700-parts: #00796b;--accent-color-800-parts: #00695c;--accent-color-900-parts: #004d40;--accent-color-A100-parts: rgba(0, 150, 136, .04);--accent-color-A200-parts: rgba(0, 150, 136, .08);--accent-color-A300-parts: rgba(0, 150, 136, .16);--accent-color-A400-parts: rgba(0, 150, 136, .24);--accent-color-A500-parts: rgba(0, 150, 136, .32);--accent-color-contrast-50-parts: rgba(0, 0, 0, .87);--accent-color-contrast-100-parts: rgba(0, 0, 0, .87);--accent-color-contrast-200-parts: rgba(0, 0, 0, .87);--accent-color-contrast-300-parts: rgba(0, 0, 0, .87);--accent-color-contrast-400-parts: rgba(0, 0, 0, .87);--accent-color-contrast-500-parts: rgba(255, 255, 255, 1);--accent-color-contrast-600-parts: rgba(255, 255, 255, 1);--accent-color-contrast-700-parts: rgba(255, 255, 255, 1);--accent-color-contrast-800-parts: rgba(255, 255, 255, 1);--accent-color-contrast-900-parts: rgba(255, 255, 255, 1);--accent-color-contrast-A100-parts: rgba(0, 0, 0, .87);--accent-color-contrast-A200-parts: rgba(0, 0, 0, .87);--accent-color-contrast-A300-parts: rgba(0, 0, 0, .87);--accent-color-contrast-A400-parts: rgba(0, 0, 0, .87);--accent-color-contrast-A500-parts: rgba(0, 0, 0, .87);--accent-color-50-parts-rgb: 224, 242, 241;--accent-color-100-parts-rgb: 178, 223, 219;--accent-color-200-parts-rgb: 128, 203, 196;--accent-color-300-parts-rgb: 77, 182, 172;--accent-color-400-parts-rgb: 38, 166, 154;--accent-color-500-parts-rgb: 0, 150, 136;--accent-color-600-parts-rgb: 0, 137, 123;--accent-color-700-parts-rgb: 0, 121, 107;--accent-color-800-parts-rgb: 0, 105, 92;--accent-color-900-parts-rgb: 0, 77, 64;--accent-color-A100-parts-rgb: 0, 150, 136, .04;--accent-color-A200-parts-rgb: 0, 150, 136, .08;--accent-color-A300-parts-rgb: 0, 150, 136, .16;--accent-color-A400-parts-rgb: 0, 150, 136, .24;--accent-color-A500-parts-rgb: 0, 150, 136, .32;--warn-color-50-parts: #fceee3;--warn-color-100-parts: #f8d4b9;--warn-color-200-parts: #f4b78b;--warn-color-300-parts: #ef9a5d;--warn-color-400-parts: #eb843a;--warn-color-500-parts: #e86e17;--warn-color-600-parts: #e56614;--warn-color-700-parts: #e25b11;--warn-color-800-parts: #de510d;--warn-color-900-parts: #d83f07;--warn-color-A100-parts: rgba(232, 110, 23, .04);--warn-color-A200-parts: rgba(232, 110, 23, .08);--warn-color-A300-parts: rgba(232, 110, 23, .16);--warn-color-A400-parts: rgba(232, 110, 23, .24);--warn-color-A500-parts: rgba(232, 110, 23, .32);--warn-color-contrast-50-parts: rgba(0, 0, 0, .87);--warn-color-contrast-100-parts: rgba(0, 0, 0, .87);--warn-color-contrast-200-parts: rgba(0, 0, 0, .87);--warn-color-contrast-300-parts: rgba(0, 0, 0, .87);--warn-color-contrast-400-parts: rgba(0, 0, 0, .87);--warn-color-contrast-500-parts: rgba(0, 0, 0, .87);--warn-color-contrast-600-parts: rgba(0, 0, 0, .87);--warn-color-contrast-700-parts: rgba(0, 0, 0, .87);--warn-color-contrast-800-parts: rgba(0, 0, 0, .87);--warn-color-contrast-900-parts: rgba(255, 255, 255, 1);--warn-color-contrast-A100-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A200-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A300-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A400-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A500-parts: rgba(0, 0, 0, .87);--warn-color-50-parts-rgb: 252, 238, 227;--warn-color-100-parts-rgb: 248, 212, 185;--warn-color-200-parts-rgb: 244, 183, 139;--warn-color-300-parts-rgb: 239, 154, 93;--warn-color-400-parts-rgb: 235, 132, 58;--warn-color-500-parts-rgb: 232, 110, 23;--warn-color-600-parts-rgb: 229, 102, 20;--warn-color-700-parts-rgb: 226, 91, 17;--warn-color-800-parts-rgb: 222, 81, 13;--warn-color-900-parts-rgb: 216, 63, 7;--warn-color-A100-parts-rgb: 232, 110, 23, .04;--warn-color-A200-parts-rgb: 232, 110, 23, .08;--warn-color-A300-parts-rgb: 232, 110, 23, .16;--warn-color-A400-parts-rgb: 232, 110, 23, .24;--warn-color-A500-parts-rgb: 232, 110, 23, .32;--info-color-50-parts: #edf4ff;--info-color-100-parts: #b9d4fc;--info-color-200-parts: #8ab7fb;--info-color-300-parts: #5b9af9;--info-color-400-parts: #3784f7;--info-color-500-parts: #146ef6;--info-color-600-parts: #1266f5;--info-color-700-parts: #0e5bf3;--info-color-800-parts: #0b51f2;--info-color-900-parts: #063fef;--info-color-A100-parts: rgba(20, 110, 246, .04);--info-color-A200-parts: rgba(20, 110, 246, .08);--info-color-A300-parts: rgba(20, 110, 246, .16);--info-color-A400-parts: rgba(20, 110, 246, .24);--info-color-A500-parts: rgba(20, 110, 246, .32);--info-color-contrast-50-parts: rgba(0, 0, 0, .87);--info-color-contrast-100-parts: rgba(0, 0, 0, .87);--info-color-contrast-200-parts: rgba(0, 0, 0, .87);--info-color-contrast-300-parts: rgba(0, 0, 0, .87);--info-color-contrast-400-parts: rgba(255, 255, 255, 1);--info-color-contrast-500-parts: rgba(255, 255, 255, 1);--info-color-contrast-600-parts: rgba(255, 255, 255, 1);--info-color-contrast-700-parts: rgba(255, 255, 255, 1);--info-color-contrast-800-parts: rgba(255, 255, 255, 1);--info-color-contrast-900-parts: rgba(255, 255, 255, 1);--info-color-contrast-A100-parts: rgba(0, 0, 0, .87);--info-color-contrast-A200-parts: rgba(0, 0, 0, .87);--info-color-contrast-A300-parts: rgba(0, 0, 0, .87);--info-color-contrast-A400-parts: rgba(0, 0, 0, .87);--info-color-contrast-A500-parts: rgba(0, 0, 0, .87);--info-color-50-parts-rgb: 237, 244, 255;--info-color-100-parts-rgb: 185, 212, 252;--info-color-200-parts-rgb: 138, 183, 251;--info-color-300-parts-rgb: 91, 154, 249;--info-color-400-parts-rgb: 55, 132, 247;--info-color-500-parts-rgb: 20, 110, 246;--info-color-600-parts-rgb: 18, 102, 245;--info-color-700-parts-rgb: 14, 91, 243;--info-color-800-parts-rgb: 11, 81, 242;--info-color-900-parts-rgb: 6, 63, 239;--info-color-A100-parts-rgb: 20, 110, 246, .04;--info-color-A200-parts-rgb: 20, 110, 246, .08;--info-color-A300-parts-rgb: 20, 110, 246, .16;--info-color-A400-parts-rgb: 20, 110, 246, .24;--info-color-A500-parts-rgb: 20, 110, 246, .32;--success-color-50-parts: #e7f0e6;--success-color-100-parts: #c4dac1;--success-color-200-parts: #9cc198;--success-color-300-parts: #74a86e;--success-color-400-parts: #57954f;--success-color-500-parts: #398230;--success-color-600-parts: #337a2b;--success-color-700-parts: #2c6f24;--success-color-800-parts: #24651e;--success-color-900-parts: #175213;--success-color-A100-parts: rgba(57, 130, 48, .04);--success-color-A200-parts: rgba(57, 130, 48, .08);--success-color-A300-parts: rgba(57, 130, 48, .16);--success-color-A400-parts: rgba(57, 130, 48, .24);--success-color-A500-parts: rgba(57, 130, 48, .32);--success-color-contrast-50-parts: rgba(0, 0, 0, .87);--success-color-contrast-100-parts: rgba(0, 0, 0, .87);--success-color-contrast-200-parts: rgba(0, 0, 0, .87);--success-color-contrast-300-parts: rgba(0, 0, 0, .87);--success-color-contrast-400-parts: rgba(0, 0, 0, .87);--success-color-contrast-500-parts: rgba(255, 255, 255, 1);--success-color-contrast-600-parts: rgba(255, 255, 255, 1);--success-color-contrast-700-parts: rgba(255, 255, 255, 1);--success-color-contrast-800-parts: rgba(255, 255, 255, 1);--success-color-contrast-900-parts: rgba(255, 255, 255, 1);--success-color-contrast-A100-parts: rgba(0, 0, 0, .87);--success-color-contrast-A200-parts: rgba(0, 0, 0, .87);--success-color-contrast-A300-parts: rgba(0, 0, 0, .87);--success-color-contrast-A400-parts: rgba(0, 0, 0, .87);--success-color-contrast-A500-parts: rgba(0, 0, 0, .87);--success-color-50-parts-rgb: 231, 240, 230;--success-color-100-parts-rgb: 196, 218, 193;--success-color-200-parts-rgb: 156, 193, 152;--success-color-300-parts-rgb: 116, 168, 110;--success-color-400-parts-rgb: 87, 149, 79;--success-color-500-parts-rgb: 57, 130, 48;--success-color-600-parts-rgb: 51, 122, 43;--success-color-700-parts-rgb: 44, 111, 36;--success-color-800-parts-rgb: 36, 101, 30;--success-color-900-parts-rgb: 23, 82, 19;--success-color-A100-parts-rgb: 57, 130, 48, .04;--success-color-A200-parts-rgb: 57, 130, 48, .08;--success-color-A300-parts-rgb: 57, 130, 48, .16;--success-color-A400-parts-rgb: 57, 130, 48, .24;--success-color-A500-parts-rgb: 57, 130, 48, .32;--error-color-50-parts: #fae5e4;--error-color-100-parts: #f3bdba;--error-color-200-parts: #eb928d;--error-color-300-parts: #e3665f;--error-color-400-parts: #dd453c;--error-color-500-parts: #d7241a;--error-color-600-parts: #d32017;--error-color-700-parts: #cd1b13;--error-color-800-parts: #c7160f;--error-color-900-parts: #be0d08;--error-color-A100-parts: rgba(215, 36, 26, .04);--error-color-A200-parts: rgba(215, 36, 26, .08);--error-color-A300-parts: rgba(215, 36, 26, .16);--error-color-A400-parts: rgba(215, 36, 26, .24);--error-color-A500-parts: rgba(215, 36, 26, .32);--error-color-contrast-50-parts: rgba(0, 0, 0, .87);--error-color-contrast-100-parts: rgba(0, 0, 0, .87);--error-color-contrast-200-parts: rgba(0, 0, 0, .87);--error-color-contrast-300-parts: rgba(0, 0, 0, .87);--error-color-contrast-400-parts: rgba(0, 0, 0, .87);--error-color-contrast-500-parts: rgba(255, 255, 255, 1);--error-color-contrast-600-parts: rgba(255, 255, 255, 1);--error-color-contrast-700-parts: rgba(255, 255, 255, 1);--error-color-contrast-800-parts: rgba(255, 255, 255, 1);--error-color-contrast-900-parts: rgba(255, 255, 255, 1);--error-color-contrast-A100-parts: rgba(0, 0, 0, .87);--error-color-contrast-A200-parts: rgba(0, 0, 0, .87);--error-color-contrast-A300-parts: rgba(0, 0, 0, .87);--error-color-contrast-A400-parts: rgba(0, 0, 0, .87);--error-color-contrast-A500-parts: rgba(0, 0, 0, .87);--error-color-50-parts-rgb: 250, 229, 228;--error-color-100-parts-rgb: 243, 189, 186;--error-color-200-parts-rgb: 235, 146, 141;--error-color-300-parts-rgb: 227, 102, 95;--error-color-400-parts-rgb: 221, 69, 60;--error-color-500-parts-rgb: 215, 36, 26;--error-color-600-parts-rgb: 211, 32, 23;--error-color-700-parts-rgb: 205, 27, 19;--error-color-800-parts-rgb: 199, 22, 15;--error-color-900-parts-rgb: 190, 13, 8;--error-color-A100-parts-rgb: 215, 36, 26, .04;--error-color-A200-parts-rgb: 215, 36, 26, .08;--error-color-A300-parts-rgb: 215, 36, 26, .16;--error-color-A400-parts-rgb: 215, 36, 26, .24;--error-color-A500-parts-rgb: 215, 36, 26, .32;--neutral-color-50-parts: #e9e9e9;--neutral-color-100-parts: #dddddd;--neutral-color-200-parts: #cccccc;--neutral-color-300-parts: #b0b0b0;--neutral-color-400-parts: #909090;--neutral-color-500-parts: #515151;--neutral-color-600-parts: #424242;--neutral-color-700-parts: #333333;--neutral-color-800-parts: #212121;--neutral-color-900-parts: #141414;--neutral-color-A100-parts: rgba(81, 81, 81, .04);--neutral-color-A200-parts: rgba(81, 81, 81, .08);--neutral-color-A300-parts: rgba(81, 81, 81, .16);--neutral-color-A400-parts: rgba(81, 81, 81, .24);--neutral-color-A500-parts: rgba(81, 81, 81, .32);--neutral-color-contrast-50-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-100-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-200-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-300-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-400-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-500-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-600-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-700-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-800-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-900-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-A100-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A200-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A300-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A400-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A500-parts: rgba(0, 0, 0, .87);--neutral-color-50-parts-rgb: 233, 233, 233;--neutral-color-100-parts-rgb: 221, 221, 221;--neutral-color-200-parts-rgb: 204, 204, 204;--neutral-color-300-parts-rgb: 176, 176, 176;--neutral-color-400-parts-rgb: 144, 144, 144;--neutral-color-500-parts-rgb: 81, 81, 81;--neutral-color-600-parts-rgb: 66, 66, 66;--neutral-color-700-parts-rgb: 51, 51, 51;--neutral-color-800-parts-rgb: 33, 33, 33;--neutral-color-900-parts-rgb: 20, 20, 20;--neutral-color-A100-parts-rgb: 81, 81, 81, .04;--neutral-color-A200-parts-rgb: 81, 81, 81, .08;--neutral-color-A300-parts-rgb: 81, 81, 81, .16;--neutral-color-A400-parts-rgb: 81, 81, 81, .24;--neutral-color-A500-parts-rgb: 81, 81, 81, .32}.feedback-tool{background:#fff;width:500px;position:fixed;bottom:2rem;right:2rem;border-radius:8px;box-shadow:0 0 10px 5px #51515140;z-index:1000}@media screen and (max-width: 600px){.feedback-tool{width:100%;bottom:0;right:0;left:0;border-radius:20px 20px 0 0;box-shadow:none;border:1px solid var(--neutral-color-50-parts)}.feedback-tool .full-width-mobile{width:100%!important}}.feedback-tool__heading{border-bottom:1px solid var(--neutral-color-50-parts)}.feedback-tool__heading__icon{color:var(--neutral-color-700-parts);font-size:18px}.feedback-tool__description{font-size:16px}.feedback-tool__message textarea{resize:none;caret-color:auto;scrollbar-width:8px}.feedback-tool__message textarea::-webkit-scrollbar{width:8px}.feedback-tool__message textarea::-webkit-scrollbar-track{box-shadow:inset 0 0 6px #0003;border-radius:6px}.feedback-tool__message textarea::-webkit-scrollbar-thumb{border-radius:6px;background:#0003}.feedback-tool__message mat-hint{color:#0009}.feedback-tool__message ::ng-deep .mat-mdc-text-field-wrapper{border-radius:6px;border:1px solid var(--neutral-color-100-parts)}.feedback-tool__message ::ng-deep .mat-mdc-text-field-wrapper.mdc-text-field{padding:0 10px}.feedback-tool__message ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix{--mat-form-field-container-vertical-padding: 10px}.feedback-tool__message ::ng-deep .mat-mdc-text-field-wrapper .mdc-line-ripple{display:none}.feedback-tool__message ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-focus-overlay{background-color:transparent}.feedback-tool__message ::ng-deep .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-hint-wrapper{padding:0}.feedback-tool__message ::ng-deep .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-hint-wrapper .mat-mdc-form-field-bottom-align:before{height:unset}.feedback-tool__message ::ng-deep .mdc-text-field--filled:not(.mdc-text-field--disabled){--mdc-filled-text-field-container-color: transparent}.mobile-space{background:transparent;pointer-events:none;height:60vh;width:100%}\n"], dependencies: [{ kind: "directive", type: i1.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i1.DefaultLayoutGapDirective, selector: "  [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md],  [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md],  [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm],  [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { kind: "directive", type: i1.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i2.DefaultShowHideDirective, selector: "  [fxShow], [fxShow.print],  [fxShow.xs], [fxShow.sm], [fxShow.md], [fxShow.lg], [fxShow.xl],  [fxShow.lt-sm], [fxShow.lt-md], [fxShow.lt-lg], [fxShow.lt-xl],  [fxShow.gt-xs], [fxShow.gt-sm], [fxShow.gt-md], [fxShow.gt-lg],  [fxHide], [fxHide.print],  [fxHide.xs], [fxHide.sm], [fxHide.md], [fxHide.lg], [fxHide.xl],  [fxHide.lt-sm], [fxHide.lt-md], [fxHide.lt-lg], [fxHide.lt-xl],  [fxHide.gt-xs], [fxHide.gt-sm], [fxHide.gt-md], [fxHide.gt-lg]", inputs: ["fxShow", "fxShow.print", "fxShow.xs", "fxShow.sm", "fxShow.md", "fxShow.lg", "fxShow.xl", "fxShow.lt-sm", "fxShow.lt-md", "fxShow.lt-lg", "fxShow.lt-xl", "fxShow.gt-xs", "fxShow.gt-sm", "fxShow.gt-md", "fxShow.gt-lg", "fxHide", "fxHide.print", "fxHide.xs", "fxHide.sm", "fxHide.md", "fxHide.lg", "fxHide.xl", "fxHide.lt-sm", "fxHide.lt-md", "fxHide.lt-lg", "fxHide.lt-xl", "fxHide.gt-xs", "fxHide.gt-sm", "fxHide.gt-md", "fxHide.gt-lg"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i4.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i5.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: FeedbackToolComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sof-ar-feedback-tool', template: "<div class=\"feedback-tool\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"feedback-tool_label\" aria-describedby=\"feedback-tool_desc\">\r\n  <div fxLayout=\"row\" fxLayoutAlign=\"start center\" class=\"feedback-tool__heading p-v-15 p-h-20\">\r\n    <i class=\"fa-regular fa-{{headerIcon}} m-r-10 feedback-tool__heading__icon\" aria-hidden=\"true\"></i>\r\n    <h4 id=\"feedback-tool_label\">{{'armature.feedback-tool.headings.'+headerTitle|translate}}</h4>\r\n    <button (click)=\"closeFeedbackTool()\" fxHide fxShow.lt-sm mat-button class=\"sof-icon-button m-l-auto\" size=\"small\" color=\"neutral\" \r\n      [attr.aria-label]=\"'armature.feedback-tool.buttons.close'|translate\">\r\n      <i class=\"fa-regular fa-xmark\" aria-hidden=\"true\"></i>\r\n    </button>\r\n  </div>\r\n  <div fxLayout=\"column\" fxLayoutGap=\"20px\" p-a-20>\r\n    <p id=\"feedback-tool_desc\" class=\"feedback-tool__description m-t-0\">{{'armature.feedback-tool.descriptions.'+description|translate}}</p>\r\n    @if (!isSubmitted) {\r\n      @if (!hasFeedback) {\r\n          <div fxLayout=\"row\" fxLayoutGap=\"8px\" fxLayoutAlign=\"center center\" p-v-20>\r\n            <button (click)=\"giveFeedback(true)\" mat-stroked-button class=\"sof-stroked-icon-button\" size=\"small\" color=\"neutral\" \r\n              [attr.aria-label]=\"'armature.feedback-tool.buttons.thumbs-up'|translate\">\r\n              <i class=\"fa-regular fa-thumbs-up\" aria-hidden=\"true\"></i>\r\n            </button>\r\n            <button (click)=\"giveFeedback(false)\" mat-stroked-button class=\"sof-stroked-icon-button\" size=\"small\" color=\"neutral\" \r\n              [attr.aria-label]=\"'armature.feedback-tool.buttons.thumbs-down'|translate\">\r\n              <i class=\"fa-regular fa-thumbs-down\" aria-hidden=\"true\"></i>\r\n            </button>\r\n          </div>\r\n      } @else {\r\n        <mat-form-field class=\"feedback-tool__message\">\r\n          <label for=\"feedback-tool-message_textarea\" id=\"feedback-tool-message_label\" class=\"sr-only\">\r\n            {{'armature.feedback-tool.message.sr-only-label'|translate}}\r\n          </label>\r\n          <textarea matInput #message id=\"feedback-tool-message_textarea\" rows=\"4\" maxlength=\"1000\" \r\n            [placeholder]=\"'armature.feedback-tool.message.placeholder'|translate\" aria-labelledby=\"feedback-tool-message_label\"></textarea>\r\n          <mat-hint [align]=\"'end'\">{{message.value.length}}/1000</mat-hint>\r\n        </mat-form-field>\r\n        <div class=\"sr-only\" aria-live=\"assertive\">\r\n          {{message.value.length === 1000 ? ('armature.feedback-tool.message.sr-only-max-char-limit'|translate):''}}\r\n        </div>\r\n      }\r\n    }\r\n    <div fxLayout=\"row\" fxLayoutGap=\"16px\">\r\n      @if (!isSubmitted) {\r\n        <button (click)=\"closeFeedbackTool()\" \r\n          fxHide fxShow.gt-xs mat-stroked-button class=\"sof-stroked-button m-l-auto\" size=\"small\" color=\"neutral\">\r\n          {{'armature.feedback-tool.buttons.close'|translate}}\r\n        </button>\r\n        @if (hasFeedback) {\r\n          <button (click)=\"submitFeedback()\" mat-flat-button class=\"sof-flat-button full-width-mobile\" size=\"small\" color=\"neutral\">\r\n            {{'armature.feedback-tool.buttons.submit'|translate}}\r\n          </button>\r\n        }\r\n      } @else {\r\n        <button (click)=\"closeFeedbackTool()\" \r\n          mat-flat-button class=\"sof-flat-button m-l-auto full-width-mobile\" size=\"small\" color=\"neutral\">\r\n          {{'armature.feedback-tool.buttons.got-it'|translate}}\r\n        </button>\r\n      }\r\n    </div>\r\n  </div>\r\n</div>\r\n<div fxHide fxShow.lt-sm class=\"mobile-space\"></div>", styles: [":root{--primary-color-50-parts: #edf4ff;--primary-color-100-parts: #b9d4fc;--primary-color-200-parts: #8ab7fb;--primary-color-300-parts: #5b9af9;--primary-color-400-parts: #3784f7;--primary-color-500-parts: #146ef6;--primary-color-600-parts: #1266f5;--primary-color-700-parts: #0e5bf3;--primary-color-800-parts: #0b51f2;--primary-color-900-parts: #063fef;--primary-color-A100-parts: rgba(20, 110, 246, .04);--primary-color-A200-parts: rgba(20, 110, 246, .08);--primary-color-A300-parts: rgba(20, 110, 246, .16);--primary-color-A400-parts: rgba(20, 110, 246, .24);--primary-color-A500-parts: rgba(20, 110, 246, .32);--primary-color-contrast-50-parts: rgba(0, 0, 0, .87);--primary-color-contrast-100-parts: rgba(0, 0, 0, .87);--primary-color-contrast-200-parts: rgba(0, 0, 0, .87);--primary-color-contrast-300-parts: rgba(0, 0, 0, .87);--primary-color-contrast-400-parts: rgba(255, 255, 255, 1);--primary-color-contrast-500-parts: rgba(255, 255, 255, 1);--primary-color-contrast-600-parts: rgba(255, 255, 255, 1);--primary-color-contrast-700-parts: rgba(255, 255, 255, 1);--primary-color-contrast-800-parts: rgba(255, 255, 255, 1);--primary-color-contrast-900-parts: rgba(255, 255, 255, 1);--primary-color-contrast-A100-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A200-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A400-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A700-parts: rgba(0, 0, 0, .87);--primary-color-50-parts-rgb: 237, 244, 255;--primary-color-100-parts-rgb: 185, 212, 252;--primary-color-200-parts-rgb: 138, 183, 251;--primary-color-300-parts-rgb: 91, 154, 249;--primary-color-400-parts-rgb: 55, 132, 247;--primary-color-500-parts-rgb: 20, 110, 246;--primary-color-600-parts-rgb: 18, 102, 245;--primary-color-700-parts-rgb: 14, 91, 243;--primary-color-800-parts-rgb: 11, 81, 242;--primary-color-900-parts-rgb: 6, 63, 239;--primary-color-A100-parts-rgb: 255, 255, 255;--primary-color-A200-parts-rgb: 228, 233, 255;--primary-color-A400-parts-rgb: 177, 192, 255;--primary-color-A700-parts-rgb: 151, 172, 255;--accent-color-50-parts: #e0f2f1;--accent-color-100-parts: #b2dfdb;--accent-color-200-parts: #80cbc4;--accent-color-300-parts: #4db6ac;--accent-color-400-parts: #26a69a;--accent-color-500-parts: #009688;--accent-color-600-parts: #00897b;--accent-color-700-parts: #00796b;--accent-color-800-parts: #00695c;--accent-color-900-parts: #004d40;--accent-color-A100-parts: #a7ffeb;--accent-color-A200-parts: #64ffda;--accent-color-A400-parts: #1de9b6;--accent-color-A700-parts: #00bfa5;--accent-color-contrast-50-parts: rgba(0, 0, 0, .87);--accent-color-contrast-100-parts: rgba(0, 0, 0, .87);--accent-color-contrast-200-parts: rgba(0, 0, 0, .87);--accent-color-contrast-300-parts: rgba(0, 0, 0, .87);--accent-color-contrast-400-parts: rgba(0, 0, 0, .87);--accent-color-contrast-500-parts: rgba(255, 255, 255, 1);--accent-color-contrast-600-parts: rgba(255, 255, 255, 1);--accent-color-contrast-700-parts: rgba(255, 255, 255, 1);--accent-color-contrast-800-parts: rgba(255, 255, 255, 1);--accent-color-contrast-900-parts: rgba(255, 255, 255, 1);--accent-color-contrast-A100-parts: rgba(0, 0, 0, .87);--accent-color-contrast-A200-parts: rgba(0, 0, 0, .87);--accent-color-contrast-A400-parts: rgba(0, 0, 0, .87);--accent-color-contrast-A700-parts: rgba(0, 0, 0, .87);--accent-color-50-parts-rgb: 224, 242, 241;--accent-color-100-parts-rgb: 178, 223, 219;--accent-color-200-parts-rgb: 128, 203, 196;--accent-color-300-parts-rgb: 77, 182, 172;--accent-color-400-parts-rgb: 38, 166, 154;--accent-color-500-parts-rgb: 0, 150, 136;--accent-color-600-parts-rgb: 0, 137, 123;--accent-color-700-parts-rgb: 0, 121, 107;--accent-color-800-parts-rgb: 0, 105, 92;--accent-color-900-parts-rgb: 0, 77, 64;--accent-color-A100-parts-rgb: 167, 255, 235;--accent-color-A200-parts-rgb: 100, 255, 218;--accent-color-A400-parts-rgb: 29, 233, 182;--accent-color-A700-parts-rgb: 0, 191, 165;--warn-color-50-parts: #fceee3;--warn-color-100-parts: #f8d4b9;--warn-color-200-parts: #f4b78b;--warn-color-300-parts: #ef9a5d;--warn-color-400-parts: #eb843a;--warn-color-500-parts: #e86e17;--warn-color-600-parts: #e56614;--warn-color-700-parts: #e25b11;--warn-color-800-parts: #de510d;--warn-color-900-parts: #d83f07;--warn-color-A100-parts: rgba(232, 110, 23, .04);--warn-color-A200-parts: rgba(232, 110, 23, .08);--warn-color-A300-parts: rgba(232, 110, 23, .16);--warn-color-A400-parts: rgba(232, 110, 23, .24);--warn-color-A500-parts: rgba(232, 110, 23, .32);--warn-color-contrast-50-parts: rgba(0, 0, 0, .87);--warn-color-contrast-100-parts: rgba(0, 0, 0, .87);--warn-color-contrast-200-parts: rgba(0, 0, 0, .87);--warn-color-contrast-300-parts: rgba(0, 0, 0, .87);--warn-color-contrast-400-parts: rgba(0, 0, 0, .87);--warn-color-contrast-500-parts: rgba(0, 0, 0, .87);--warn-color-contrast-600-parts: rgba(0, 0, 0, .87);--warn-color-contrast-700-parts: rgba(0, 0, 0, .87);--warn-color-contrast-800-parts: rgba(0, 0, 0, .87);--warn-color-contrast-900-parts: rgba(255, 255, 255, 1);--warn-color-contrast-A100-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A200-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A300-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A400-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A500-parts: rgba(0, 0, 0, .87);--warn-color-50-parts-rgb: 252, 238, 227;--warn-color-100-parts-rgb: 248, 212, 185;--warn-color-200-parts-rgb: 244, 183, 139;--warn-color-300-parts-rgb: 239, 154, 93;--warn-color-400-parts-rgb: 235, 132, 58;--warn-color-500-parts-rgb: 232, 110, 23;--warn-color-600-parts-rgb: 229, 102, 20;--warn-color-700-parts-rgb: 226, 91, 17;--warn-color-800-parts-rgb: 222, 81, 13;--warn-color-900-parts-rgb: 216, 63, 7;--warn-color-A100-parts-rgb: 232, 110, 23, .04;--warn-color-A200-parts-rgb: 232, 110, 23, .08;--warn-color-A300-parts-rgb: 232, 110, 23, .16;--warn-color-A400-parts-rgb: 232, 110, 23, .24;--warn-color-A500-parts-rgb: 232, 110, 23, .32;--info-color-50-parts: #edf4ff;--info-color-100-parts: #b9d4fc;--info-color-200-parts: #8ab7fb;--info-color-300-parts: #5b9af9;--info-color-400-parts: #3784f7;--info-color-500-parts: #146ef6;--info-color-600-parts: #1266f5;--info-color-700-parts: #0e5bf3;--info-color-800-parts: #0b51f2;--info-color-900-parts: #063fef;--info-color-A100-parts: rgba(20, 110, 246, .04);--info-color-A200-parts: rgba(20, 110, 246, .08);--info-color-A300-parts: rgba(20, 110, 246, .16);--info-color-A400-parts: rgba(20, 110, 246, .24);--info-color-A500-parts: rgba(20, 110, 246, .32);--info-color-contrast-50-parts: rgba(0, 0, 0, .87);--info-color-contrast-100-parts: rgba(0, 0, 0, .87);--info-color-contrast-200-parts: rgba(0, 0, 0, .87);--info-color-contrast-300-parts: rgba(0, 0, 0, .87);--info-color-contrast-400-parts: rgba(255, 255, 255, 1);--info-color-contrast-500-parts: rgba(255, 255, 255, 1);--info-color-contrast-600-parts: rgba(255, 255, 255, 1);--info-color-contrast-700-parts: rgba(255, 255, 255, 1);--info-color-contrast-800-parts: rgba(255, 255, 255, 1);--info-color-contrast-900-parts: rgba(255, 255, 255, 1);--info-color-contrast-A100-parts: rgba(0, 0, 0, .87);--info-color-contrast-A200-parts: rgba(0, 0, 0, .87);--info-color-contrast-A400-parts: rgba(0, 0, 0, .87);--info-color-contrast-A700-parts: rgba(0, 0, 0, .87);--info-color-50-parts-rgb: 237, 244, 255;--info-color-100-parts-rgb: 185, 212, 252;--info-color-200-parts-rgb: 138, 183, 251;--info-color-300-parts-rgb: 91, 154, 249;--info-color-400-parts-rgb: 55, 132, 247;--info-color-500-parts-rgb: 20, 110, 246;--info-color-600-parts-rgb: 18, 102, 245;--info-color-700-parts-rgb: 14, 91, 243;--info-color-800-parts-rgb: 11, 81, 242;--info-color-900-parts-rgb: 6, 63, 239;--info-color-A100-parts-rgb: 255, 255, 255;--info-color-A200-parts-rgb: 228, 233, 255;--info-color-A400-parts-rgb: 177, 192, 255;--info-color-A700-parts-rgb: 151, 172, 255;--success-color-50-parts: #e7f0e6;--success-color-100-parts: #c4dac1;--success-color-200-parts: #9cc198;--success-color-300-parts: #74a86e;--success-color-400-parts: #57954f;--success-color-500-parts: #398230;--success-color-600-parts: #337a2b;--success-color-700-parts: #2c6f24;--success-color-800-parts: #24651e;--success-color-900-parts: #175213;--success-color-A100-parts: rgba(57, 130, 48, .04);--success-color-A200-parts: rgba(57, 130, 48, .08);--success-color-A300-parts: rgba(57, 130, 48, .16);--success-color-A400-parts: rgba(57, 130, 48, .24);--success-color-A500-parts: rgba(57, 130, 48, .32);--success-color-contrast-50-parts: rgba(0, 0, 0, .87);--success-color-contrast-100-parts: rgba(0, 0, 0, .87);--success-color-contrast-200-parts: rgba(0, 0, 0, .87);--success-color-contrast-300-parts: rgba(0, 0, 0, .87);--success-color-contrast-400-parts: rgba(0, 0, 0, .87);--success-color-contrast-500-parts: rgba(255, 255, 255, 1);--success-color-contrast-600-parts: rgba(255, 255, 255, 1);--success-color-contrast-700-parts: rgba(255, 255, 255, 1);--success-color-contrast-800-parts: rgba(255, 255, 255, 1);--success-color-contrast-900-parts: rgba(255, 255, 255, 1);--success-color-contrast-A100-parts: rgba(0, 0, 0, .87);--success-color-contrast-A200-parts: rgba(0, 0, 0, .87);--success-color-contrast-A300-parts: rgba(0, 0, 0, .87);--success-color-contrast-A400-parts: rgba(0, 0, 0, .87);--success-color-contrast-A500-parts: rgba(0, 0, 0, .87);--success-color-50-parts-rgb: 231, 240, 230;--success-color-100-parts-rgb: 196, 218, 193;--success-color-200-parts-rgb: 156, 193, 152;--success-color-300-parts-rgb: 116, 168, 110;--success-color-400-parts-rgb: 87, 149, 79;--success-color-500-parts-rgb: 57, 130, 48;--success-color-600-parts-rgb: 51, 122, 43;--success-color-700-parts-rgb: 44, 111, 36;--success-color-800-parts-rgb: 36, 101, 30;--success-color-900-parts-rgb: 23, 82, 19;--success-color-A100-parts-rgb: 57, 130, 48, .04;--success-color-A200-parts-rgb: 57, 130, 48, .08;--success-color-A300-parts-rgb: 57, 130, 48, .16;--success-color-A400-parts-rgb: 57, 130, 48, .24;--success-color-A500-parts-rgb: 57, 130, 48, .32;--error-color-50-parts: #fae5e4;--error-color-100-parts: #f3bdba;--error-color-200-parts: #eb928d;--error-color-300-parts: #e3665f;--error-color-400-parts: #dd453c;--error-color-500-parts: #d7241a;--error-color-600-parts: #d32017;--error-color-700-parts: #cd1b13;--error-color-800-parts: #c7160f;--error-color-900-parts: #be0d08;--error-color-A100-parts: rgba(215, 36, 26, .04);--error-color-A200-parts: rgba(215, 36, 26, .08);--error-color-A300-parts: rgba(215, 36, 26, .16);--error-color-A400-parts: rgba(215, 36, 26, .24);--error-color-A500-parts: rgba(215, 36, 26, .32);--error-color-contrast-50-parts: rgba(0, 0, 0, .87);--error-color-contrast-100-parts: rgba(0, 0, 0, .87);--error-color-contrast-200-parts: rgba(0, 0, 0, .87);--error-color-contrast-300-parts: rgba(0, 0, 0, .87);--error-color-contrast-400-parts: rgba(0, 0, 0, .87);--error-color-contrast-500-parts: rgba(255, 255, 255, 1);--error-color-contrast-600-parts: rgba(255, 255, 255, 1);--error-color-contrast-700-parts: rgba(255, 255, 255, 1);--error-color-contrast-800-parts: rgba(255, 255, 255, 1);--error-color-contrast-900-parts: rgba(255, 255, 255, 1);--error-color-contrast-A100-parts: rgba(0, 0, 0, .87);--error-color-contrast-A200-parts: rgba(0, 0, 0, .87);--error-color-contrast-A300-parts: rgba(0, 0, 0, .87);--error-color-contrast-A400-parts: rgba(0, 0, 0, .87);--error-color-contrast-A500-parts: rgba(0, 0, 0, .87);--error-color-50-parts-rgb: 250, 229, 228;--error-color-100-parts-rgb: 243, 189, 186;--error-color-200-parts-rgb: 235, 146, 141;--error-color-300-parts-rgb: 227, 102, 95;--error-color-400-parts-rgb: 221, 69, 60;--error-color-500-parts-rgb: 215, 36, 26;--error-color-600-parts-rgb: 211, 32, 23;--error-color-700-parts-rgb: 205, 27, 19;--error-color-800-parts-rgb: 199, 22, 15;--error-color-900-parts-rgb: 190, 13, 8;--error-color-A100-parts-rgb: 215, 36, 26, .04;--error-color-A200-parts-rgb: 215, 36, 26, .08;--error-color-A300-parts-rgb: 215, 36, 26, .16;--error-color-A400-parts-rgb: 215, 36, 26, .24;--error-color-A500-parts-rgb: 215, 36, 26, .32;--neutral-color-50-parts: #e9e9e9;--neutral-color-100-parts: #dddddd;--neutral-color-200-parts: #cccccc;--neutral-color-300-parts: #b0b0b0;--neutral-color-400-parts: #909090;--neutral-color-500-parts: #515151;--neutral-color-600-parts: #424242;--neutral-color-700-parts: #333333;--neutral-color-800-parts: #212121;--neutral-color-900-parts: #141414;--neutral-color-A100-parts: rgba(81, 81, 81, .04);--neutral-color-A200-parts: rgba(81, 81, 81, .08);--neutral-color-A300-parts: rgba(81, 81, 81, .16);--neutral-color-A400-parts: rgba(81, 81, 81, .24);--neutral-color-A500-parts: rgba(81, 81, 81, .32);--neutral-color-contrast-50-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-100-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-200-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-300-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-400-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-500-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-600-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-700-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-800-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-900-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-A100-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A200-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A400-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A700-parts: rgba(0, 0, 0, .87);--neutral-color-50-parts-rgb: 233, 233, 233;--neutral-color-100-parts-rgb: 221, 221, 221;--neutral-color-200-parts-rgb: 204, 204, 204;--neutral-color-300-parts-rgb: 176, 176, 176;--neutral-color-400-parts-rgb: 144, 144, 144;--neutral-color-500-parts-rgb: 81, 81, 81;--neutral-color-600-parts-rgb: 66, 66, 66;--neutral-color-700-parts-rgb: 51, 51, 51;--neutral-color-800-parts-rgb: 33, 33, 33;--neutral-color-900-parts-rgb: 20, 20, 20;--neutral-color-A100-parts-rgb: 255, 255, 255;--neutral-color-A200-parts-rgb: 255, 255, 255;--neutral-color-A400-parts-rgb: 255, 255, 255;--neutral-color-A700-parts-rgb: 255, 255, 255}.feedback-tool{background:#fff;width:500px;position:fixed;bottom:2rem;right:2rem;border-radius:8px;box-shadow:0 0 10px 5px #51515140;z-index:1000}@media screen and (max-width: 600px){.feedback-tool{width:100%;bottom:0;right:0;left:0;border-radius:20px 20px 0 0;box-shadow:none;border:1px solid var(--neutral-color-50-parts)}.feedback-tool .full-width-mobile{width:100%!important}}.feedback-tool__heading{border-bottom:1px solid var(--neutral-color-50-parts)}.feedback-tool__heading__icon{color:var(--neutral-color-700-parts);font-size:18px}.feedback-tool__description{font-size:16px}.feedback-tool__message textarea{resize:none;caret-color:auto;scrollbar-width:8px}.feedback-tool__message textarea::-webkit-scrollbar{width:8px}.feedback-tool__message textarea::-webkit-scrollbar-track{box-shadow:inset 0 0 6px #0003;border-radius:6px}.feedback-tool__message textarea::-webkit-scrollbar-thumb{border-radius:6px;background:#0003}.feedback-tool__message mat-hint{color:#0009}.feedback-tool__message ::ng-deep .mat-mdc-text-field-wrapper{border-radius:6px;border:1px solid var(--neutral-color-100-parts)}.feedback-tool__message ::ng-deep .mat-mdc-text-field-wrapper.mdc-text-field{padding:0 10px}.feedback-tool__message ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix{--mat-form-field-container-vertical-padding: 10px}.feedback-tool__message ::ng-deep .mat-mdc-text-field-wrapper .mdc-line-ripple{display:none}.feedback-tool__message ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-focus-overlay{background-color:transparent}.feedback-tool__message ::ng-deep .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-hint-wrapper{padding:0}.feedback-tool__message ::ng-deep .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-hint-wrapper .mat-mdc-form-field-bottom-align:before{height:unset}.feedback-tool__message ::ng-deep .mdc-text-field--filled:not(.mdc-text-field--disabled){--mdc-filled-text-field-container-color: transparent}.mobile-space{background:transparent;pointer-events:none;height:60vh;width:100%}\n"] }]
+            args: [{ selector: 'sof-ar-feedback-tool', template: "<div class=\"feedback-tool\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"feedback-tool_label\" aria-describedby=\"feedback-tool_desc\">\r\n  <div fxLayout=\"row\" fxLayoutAlign=\"start center\" class=\"feedback-tool__heading p-v-15 p-h-20\">\r\n    <i class=\"fa-regular fa-{{headerIcon}} m-r-10 feedback-tool__heading__icon\" aria-hidden=\"true\"></i>\r\n    <h4 id=\"feedback-tool_label\">{{'armature.feedback-tool.headings.'+headerTitle|translate}}</h4>\r\n    <button (click)=\"closeFeedbackTool()\" fxHide fxShow.lt-sm mat-button class=\"sof-icon-button m-l-auto\" size=\"small\" color=\"neutral\" \r\n      [attr.aria-label]=\"'armature.feedback-tool.buttons.close'|translate\">\r\n      <i class=\"fa-regular fa-xmark\" aria-hidden=\"true\"></i>\r\n    </button>\r\n  </div>\r\n  <div fxLayout=\"column\" fxLayoutGap=\"20px\" p-a-20>\r\n    <p id=\"feedback-tool_desc\" class=\"feedback-tool__description m-t-0\">{{'armature.feedback-tool.descriptions.'+description|translate}}</p>\r\n    @if (!isSubmitted) {\r\n      @if (!hasFeedback) {\r\n          <div fxLayout=\"row\" fxLayoutGap=\"8px\" fxLayoutAlign=\"center center\" p-v-20>\r\n            <button (click)=\"giveFeedback(true)\" mat-stroked-button class=\"sof-stroked-icon-button\" size=\"small\" color=\"neutral\" \r\n              [attr.aria-label]=\"'armature.feedback-tool.buttons.thumbs-up'|translate\">\r\n              <i class=\"fa-regular fa-thumbs-up\" aria-hidden=\"true\"></i>\r\n            </button>\r\n            <button (click)=\"giveFeedback(false)\" mat-stroked-button class=\"sof-stroked-icon-button\" size=\"small\" color=\"neutral\" \r\n              [attr.aria-label]=\"'armature.feedback-tool.buttons.thumbs-down'|translate\">\r\n              <i class=\"fa-regular fa-thumbs-down\" aria-hidden=\"true\"></i>\r\n            </button>\r\n          </div>\r\n      } @else {\r\n        <mat-form-field class=\"feedback-tool__message\">\r\n          <label for=\"feedback-tool-message_textarea\" id=\"feedback-tool-message_label\" class=\"sr-only\">\r\n            {{'armature.feedback-tool.message.sr-only-label'|translate}}\r\n          </label>\r\n          <textarea matInput #message id=\"feedback-tool-message_textarea\" rows=\"4\" maxlength=\"1000\" \r\n            [placeholder]=\"'armature.feedback-tool.message.placeholder'|translate\" aria-labelledby=\"feedback-tool-message_label\"></textarea>\r\n          <mat-hint [align]=\"'end'\">{{message.value.length}}/1000</mat-hint>\r\n        </mat-form-field>\r\n        <div class=\"sr-only\" aria-live=\"assertive\">\r\n          {{message.value.length === 1000 ? ('armature.feedback-tool.message.sr-only-max-char-limit'|translate):''}}\r\n        </div>\r\n      }\r\n    }\r\n    <div fxLayout=\"row\" fxLayoutGap=\"16px\">\r\n      @if (!isSubmitted) {\r\n        <button (click)=\"closeFeedbackTool()\" \r\n          fxHide fxShow.gt-xs mat-stroked-button class=\"sof-stroked-button m-l-auto\" size=\"small\" color=\"neutral\">\r\n          {{'armature.feedback-tool.buttons.close'|translate}}\r\n        </button>\r\n        @if (hasFeedback) {\r\n          <button (click)=\"submitFeedback()\" mat-flat-button class=\"sof-flat-button full-width-mobile\" size=\"small\" color=\"neutral\">\r\n            {{'armature.feedback-tool.buttons.submit'|translate}}\r\n          </button>\r\n        }\r\n      } @else {\r\n        <button (click)=\"closeFeedbackTool()\" \r\n          mat-flat-button class=\"sof-flat-button m-l-auto full-width-mobile\" size=\"small\" color=\"neutral\">\r\n          {{'armature.feedback-tool.buttons.got-it'|translate}}\r\n        </button>\r\n      }\r\n    </div>\r\n  </div>\r\n</div>\r\n<div fxHide fxShow.lt-sm class=\"mobile-space\"></div>", styles: [":root{--primary-color-50-parts: #edf4ff;--primary-color-100-parts: #b9d4fc;--primary-color-200-parts: #8ab7fb;--primary-color-300-parts: #5b9af9;--primary-color-400-parts: #3784f7;--primary-color-500-parts: #146ef6;--primary-color-600-parts: #1266f5;--primary-color-700-parts: #0e5bf3;--primary-color-800-parts: #0b51f2;--primary-color-900-parts: #063fef;--primary-color-A100-parts: rgba(20, 110, 246, .04);--primary-color-A200-parts: rgba(20, 110, 246, .08);--primary-color-A300-parts: rgba(20, 110, 246, .16);--primary-color-A400-parts: rgba(20, 110, 246, .24);--primary-color-A500-parts: rgba(20, 110, 246, .32);--primary-color-contrast-50-parts: rgba(0, 0, 0, .87);--primary-color-contrast-100-parts: rgba(0, 0, 0, .87);--primary-color-contrast-200-parts: rgba(0, 0, 0, .87);--primary-color-contrast-300-parts: rgba(0, 0, 0, .87);--primary-color-contrast-400-parts: rgba(255, 255, 255, 1);--primary-color-contrast-500-parts: rgba(255, 255, 255, 1);--primary-color-contrast-600-parts: rgba(255, 255, 255, 1);--primary-color-contrast-700-parts: rgba(255, 255, 255, 1);--primary-color-contrast-800-parts: rgba(255, 255, 255, 1);--primary-color-contrast-900-parts: rgba(255, 255, 255, 1);--primary-color-contrast-A100-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A200-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A300-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A400-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A500-parts: rgba(0, 0, 0, .87);--primary-color-50-parts-rgb: 237, 244, 255;--primary-color-100-parts-rgb: 185, 212, 252;--primary-color-200-parts-rgb: 138, 183, 251;--primary-color-300-parts-rgb: 91, 154, 249;--primary-color-400-parts-rgb: 55, 132, 247;--primary-color-500-parts-rgb: 20, 110, 246;--primary-color-600-parts-rgb: 18, 102, 245;--primary-color-700-parts-rgb: 14, 91, 243;--primary-color-800-parts-rgb: 11, 81, 242;--primary-color-900-parts-rgb: 6, 63, 239;--primary-color-A100-parts-rgb: 20, 110, 246, .04;--primary-color-A200-parts-rgb: 20, 110, 246, .08;--primary-color-A300-parts-rgb: 20, 110, 246, .16;--primary-color-A400-parts-rgb: 20, 110, 246, .24;--primary-color-A500-parts-rgb: 20, 110, 246, .32;--accent-color-50-parts: #e0f2f1;--accent-color-100-parts: #b2dfdb;--accent-color-200-parts: #80cbc4;--accent-color-300-parts: #4db6ac;--accent-color-400-parts: #26a69a;--accent-color-500-parts: #009688;--accent-color-600-parts: #00897b;--accent-color-700-parts: #00796b;--accent-color-800-parts: #00695c;--accent-color-900-parts: #004d40;--accent-color-A100-parts: rgba(0, 150, 136, .04);--accent-color-A200-parts: rgba(0, 150, 136, .08);--accent-color-A300-parts: rgba(0, 150, 136, .16);--accent-color-A400-parts: rgba(0, 150, 136, .24);--accent-color-A500-parts: rgba(0, 150, 136, .32);--accent-color-contrast-50-parts: rgba(0, 0, 0, .87);--accent-color-contrast-100-parts: rgba(0, 0, 0, .87);--accent-color-contrast-200-parts: rgba(0, 0, 0, .87);--accent-color-contrast-300-parts: rgba(0, 0, 0, .87);--accent-color-contrast-400-parts: rgba(0, 0, 0, .87);--accent-color-contrast-500-parts: rgba(255, 255, 255, 1);--accent-color-contrast-600-parts: rgba(255, 255, 255, 1);--accent-color-contrast-700-parts: rgba(255, 255, 255, 1);--accent-color-contrast-800-parts: rgba(255, 255, 255, 1);--accent-color-contrast-900-parts: rgba(255, 255, 255, 1);--accent-color-contrast-A100-parts: rgba(0, 0, 0, .87);--accent-color-contrast-A200-parts: rgba(0, 0, 0, .87);--accent-color-contrast-A300-parts: rgba(0, 0, 0, .87);--accent-color-contrast-A400-parts: rgba(0, 0, 0, .87);--accent-color-contrast-A500-parts: rgba(0, 0, 0, .87);--accent-color-50-parts-rgb: 224, 242, 241;--accent-color-100-parts-rgb: 178, 223, 219;--accent-color-200-parts-rgb: 128, 203, 196;--accent-color-300-parts-rgb: 77, 182, 172;--accent-color-400-parts-rgb: 38, 166, 154;--accent-color-500-parts-rgb: 0, 150, 136;--accent-color-600-parts-rgb: 0, 137, 123;--accent-color-700-parts-rgb: 0, 121, 107;--accent-color-800-parts-rgb: 0, 105, 92;--accent-color-900-parts-rgb: 0, 77, 64;--accent-color-A100-parts-rgb: 0, 150, 136, .04;--accent-color-A200-parts-rgb: 0, 150, 136, .08;--accent-color-A300-parts-rgb: 0, 150, 136, .16;--accent-color-A400-parts-rgb: 0, 150, 136, .24;--accent-color-A500-parts-rgb: 0, 150, 136, .32;--warn-color-50-parts: #fceee3;--warn-color-100-parts: #f8d4b9;--warn-color-200-parts: #f4b78b;--warn-color-300-parts: #ef9a5d;--warn-color-400-parts: #eb843a;--warn-color-500-parts: #e86e17;--warn-color-600-parts: #e56614;--warn-color-700-parts: #e25b11;--warn-color-800-parts: #de510d;--warn-color-900-parts: #d83f07;--warn-color-A100-parts: rgba(232, 110, 23, .04);--warn-color-A200-parts: rgba(232, 110, 23, .08);--warn-color-A300-parts: rgba(232, 110, 23, .16);--warn-color-A400-parts: rgba(232, 110, 23, .24);--warn-color-A500-parts: rgba(232, 110, 23, .32);--warn-color-contrast-50-parts: rgba(0, 0, 0, .87);--warn-color-contrast-100-parts: rgba(0, 0, 0, .87);--warn-color-contrast-200-parts: rgba(0, 0, 0, .87);--warn-color-contrast-300-parts: rgba(0, 0, 0, .87);--warn-color-contrast-400-parts: rgba(0, 0, 0, .87);--warn-color-contrast-500-parts: rgba(0, 0, 0, .87);--warn-color-contrast-600-parts: rgba(0, 0, 0, .87);--warn-color-contrast-700-parts: rgba(0, 0, 0, .87);--warn-color-contrast-800-parts: rgba(0, 0, 0, .87);--warn-color-contrast-900-parts: rgba(255, 255, 255, 1);--warn-color-contrast-A100-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A200-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A300-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A400-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A500-parts: rgba(0, 0, 0, .87);--warn-color-50-parts-rgb: 252, 238, 227;--warn-color-100-parts-rgb: 248, 212, 185;--warn-color-200-parts-rgb: 244, 183, 139;--warn-color-300-parts-rgb: 239, 154, 93;--warn-color-400-parts-rgb: 235, 132, 58;--warn-color-500-parts-rgb: 232, 110, 23;--warn-color-600-parts-rgb: 229, 102, 20;--warn-color-700-parts-rgb: 226, 91, 17;--warn-color-800-parts-rgb: 222, 81, 13;--warn-color-900-parts-rgb: 216, 63, 7;--warn-color-A100-parts-rgb: 232, 110, 23, .04;--warn-color-A200-parts-rgb: 232, 110, 23, .08;--warn-color-A300-parts-rgb: 232, 110, 23, .16;--warn-color-A400-parts-rgb: 232, 110, 23, .24;--warn-color-A500-parts-rgb: 232, 110, 23, .32;--info-color-50-parts: #edf4ff;--info-color-100-parts: #b9d4fc;--info-color-200-parts: #8ab7fb;--info-color-300-parts: #5b9af9;--info-color-400-parts: #3784f7;--info-color-500-parts: #146ef6;--info-color-600-parts: #1266f5;--info-color-700-parts: #0e5bf3;--info-color-800-parts: #0b51f2;--info-color-900-parts: #063fef;--info-color-A100-parts: rgba(20, 110, 246, .04);--info-color-A200-parts: rgba(20, 110, 246, .08);--info-color-A300-parts: rgba(20, 110, 246, .16);--info-color-A400-parts: rgba(20, 110, 246, .24);--info-color-A500-parts: rgba(20, 110, 246, .32);--info-color-contrast-50-parts: rgba(0, 0, 0, .87);--info-color-contrast-100-parts: rgba(0, 0, 0, .87);--info-color-contrast-200-parts: rgba(0, 0, 0, .87);--info-color-contrast-300-parts: rgba(0, 0, 0, .87);--info-color-contrast-400-parts: rgba(255, 255, 255, 1);--info-color-contrast-500-parts: rgba(255, 255, 255, 1);--info-color-contrast-600-parts: rgba(255, 255, 255, 1);--info-color-contrast-700-parts: rgba(255, 255, 255, 1);--info-color-contrast-800-parts: rgba(255, 255, 255, 1);--info-color-contrast-900-parts: rgba(255, 255, 255, 1);--info-color-contrast-A100-parts: rgba(0, 0, 0, .87);--info-color-contrast-A200-parts: rgba(0, 0, 0, .87);--info-color-contrast-A300-parts: rgba(0, 0, 0, .87);--info-color-contrast-A400-parts: rgba(0, 0, 0, .87);--info-color-contrast-A500-parts: rgba(0, 0, 0, .87);--info-color-50-parts-rgb: 237, 244, 255;--info-color-100-parts-rgb: 185, 212, 252;--info-color-200-parts-rgb: 138, 183, 251;--info-color-300-parts-rgb: 91, 154, 249;--info-color-400-parts-rgb: 55, 132, 247;--info-color-500-parts-rgb: 20, 110, 246;--info-color-600-parts-rgb: 18, 102, 245;--info-color-700-parts-rgb: 14, 91, 243;--info-color-800-parts-rgb: 11, 81, 242;--info-color-900-parts-rgb: 6, 63, 239;--info-color-A100-parts-rgb: 20, 110, 246, .04;--info-color-A200-parts-rgb: 20, 110, 246, .08;--info-color-A300-parts-rgb: 20, 110, 246, .16;--info-color-A400-parts-rgb: 20, 110, 246, .24;--info-color-A500-parts-rgb: 20, 110, 246, .32;--success-color-50-parts: #e7f0e6;--success-color-100-parts: #c4dac1;--success-color-200-parts: #9cc198;--success-color-300-parts: #74a86e;--success-color-400-parts: #57954f;--success-color-500-parts: #398230;--success-color-600-parts: #337a2b;--success-color-700-parts: #2c6f24;--success-color-800-parts: #24651e;--success-color-900-parts: #175213;--success-color-A100-parts: rgba(57, 130, 48, .04);--success-color-A200-parts: rgba(57, 130, 48, .08);--success-color-A300-parts: rgba(57, 130, 48, .16);--success-color-A400-parts: rgba(57, 130, 48, .24);--success-color-A500-parts: rgba(57, 130, 48, .32);--success-color-contrast-50-parts: rgba(0, 0, 0, .87);--success-color-contrast-100-parts: rgba(0, 0, 0, .87);--success-color-contrast-200-parts: rgba(0, 0, 0, .87);--success-color-contrast-300-parts: rgba(0, 0, 0, .87);--success-color-contrast-400-parts: rgba(0, 0, 0, .87);--success-color-contrast-500-parts: rgba(255, 255, 255, 1);--success-color-contrast-600-parts: rgba(255, 255, 255, 1);--success-color-contrast-700-parts: rgba(255, 255, 255, 1);--success-color-contrast-800-parts: rgba(255, 255, 255, 1);--success-color-contrast-900-parts: rgba(255, 255, 255, 1);--success-color-contrast-A100-parts: rgba(0, 0, 0, .87);--success-color-contrast-A200-parts: rgba(0, 0, 0, .87);--success-color-contrast-A300-parts: rgba(0, 0, 0, .87);--success-color-contrast-A400-parts: rgba(0, 0, 0, .87);--success-color-contrast-A500-parts: rgba(0, 0, 0, .87);--success-color-50-parts-rgb: 231, 240, 230;--success-color-100-parts-rgb: 196, 218, 193;--success-color-200-parts-rgb: 156, 193, 152;--success-color-300-parts-rgb: 116, 168, 110;--success-color-400-parts-rgb: 87, 149, 79;--success-color-500-parts-rgb: 57, 130, 48;--success-color-600-parts-rgb: 51, 122, 43;--success-color-700-parts-rgb: 44, 111, 36;--success-color-800-parts-rgb: 36, 101, 30;--success-color-900-parts-rgb: 23, 82, 19;--success-color-A100-parts-rgb: 57, 130, 48, .04;--success-color-A200-parts-rgb: 57, 130, 48, .08;--success-color-A300-parts-rgb: 57, 130, 48, .16;--success-color-A400-parts-rgb: 57, 130, 48, .24;--success-color-A500-parts-rgb: 57, 130, 48, .32;--error-color-50-parts: #fae5e4;--error-color-100-parts: #f3bdba;--error-color-200-parts: #eb928d;--error-color-300-parts: #e3665f;--error-color-400-parts: #dd453c;--error-color-500-parts: #d7241a;--error-color-600-parts: #d32017;--error-color-700-parts: #cd1b13;--error-color-800-parts: #c7160f;--error-color-900-parts: #be0d08;--error-color-A100-parts: rgba(215, 36, 26, .04);--error-color-A200-parts: rgba(215, 36, 26, .08);--error-color-A300-parts: rgba(215, 36, 26, .16);--error-color-A400-parts: rgba(215, 36, 26, .24);--error-color-A500-parts: rgba(215, 36, 26, .32);--error-color-contrast-50-parts: rgba(0, 0, 0, .87);--error-color-contrast-100-parts: rgba(0, 0, 0, .87);--error-color-contrast-200-parts: rgba(0, 0, 0, .87);--error-color-contrast-300-parts: rgba(0, 0, 0, .87);--error-color-contrast-400-parts: rgba(0, 0, 0, .87);--error-color-contrast-500-parts: rgba(255, 255, 255, 1);--error-color-contrast-600-parts: rgba(255, 255, 255, 1);--error-color-contrast-700-parts: rgba(255, 255, 255, 1);--error-color-contrast-800-parts: rgba(255, 255, 255, 1);--error-color-contrast-900-parts: rgba(255, 255, 255, 1);--error-color-contrast-A100-parts: rgba(0, 0, 0, .87);--error-color-contrast-A200-parts: rgba(0, 0, 0, .87);--error-color-contrast-A300-parts: rgba(0, 0, 0, .87);--error-color-contrast-A400-parts: rgba(0, 0, 0, .87);--error-color-contrast-A500-parts: rgba(0, 0, 0, .87);--error-color-50-parts-rgb: 250, 229, 228;--error-color-100-parts-rgb: 243, 189, 186;--error-color-200-parts-rgb: 235, 146, 141;--error-color-300-parts-rgb: 227, 102, 95;--error-color-400-parts-rgb: 221, 69, 60;--error-color-500-parts-rgb: 215, 36, 26;--error-color-600-parts-rgb: 211, 32, 23;--error-color-700-parts-rgb: 205, 27, 19;--error-color-800-parts-rgb: 199, 22, 15;--error-color-900-parts-rgb: 190, 13, 8;--error-color-A100-parts-rgb: 215, 36, 26, .04;--error-color-A200-parts-rgb: 215, 36, 26, .08;--error-color-A300-parts-rgb: 215, 36, 26, .16;--error-color-A400-parts-rgb: 215, 36, 26, .24;--error-color-A500-parts-rgb: 215, 36, 26, .32;--neutral-color-50-parts: #e9e9e9;--neutral-color-100-parts: #dddddd;--neutral-color-200-parts: #cccccc;--neutral-color-300-parts: #b0b0b0;--neutral-color-400-parts: #909090;--neutral-color-500-parts: #515151;--neutral-color-600-parts: #424242;--neutral-color-700-parts: #333333;--neutral-color-800-parts: #212121;--neutral-color-900-parts: #141414;--neutral-color-A100-parts: rgba(81, 81, 81, .04);--neutral-color-A200-parts: rgba(81, 81, 81, .08);--neutral-color-A300-parts: rgba(81, 81, 81, .16);--neutral-color-A400-parts: rgba(81, 81, 81, .24);--neutral-color-A500-parts: rgba(81, 81, 81, .32);--neutral-color-contrast-50-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-100-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-200-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-300-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-400-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-500-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-600-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-700-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-800-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-900-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-A100-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A200-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A300-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A400-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A500-parts: rgba(0, 0, 0, .87);--neutral-color-50-parts-rgb: 233, 233, 233;--neutral-color-100-parts-rgb: 221, 221, 221;--neutral-color-200-parts-rgb: 204, 204, 204;--neutral-color-300-parts-rgb: 176, 176, 176;--neutral-color-400-parts-rgb: 144, 144, 144;--neutral-color-500-parts-rgb: 81, 81, 81;--neutral-color-600-parts-rgb: 66, 66, 66;--neutral-color-700-parts-rgb: 51, 51, 51;--neutral-color-800-parts-rgb: 33, 33, 33;--neutral-color-900-parts-rgb: 20, 20, 20;--neutral-color-A100-parts-rgb: 81, 81, 81, .04;--neutral-color-A200-parts-rgb: 81, 81, 81, .08;--neutral-color-A300-parts-rgb: 81, 81, 81, .16;--neutral-color-A400-parts-rgb: 81, 81, 81, .24;--neutral-color-A500-parts-rgb: 81, 81, 81, .32}.feedback-tool{background:#fff;width:500px;position:fixed;bottom:2rem;right:2rem;border-radius:8px;box-shadow:0 0 10px 5px #51515140;z-index:1000}@media screen and (max-width: 600px){.feedback-tool{width:100%;bottom:0;right:0;left:0;border-radius:20px 20px 0 0;box-shadow:none;border:1px solid var(--neutral-color-50-parts)}.feedback-tool .full-width-mobile{width:100%!important}}.feedback-tool__heading{border-bottom:1px solid var(--neutral-color-50-parts)}.feedback-tool__heading__icon{color:var(--neutral-color-700-parts);font-size:18px}.feedback-tool__description{font-size:16px}.feedback-tool__message textarea{resize:none;caret-color:auto;scrollbar-width:8px}.feedback-tool__message textarea::-webkit-scrollbar{width:8px}.feedback-tool__message textarea::-webkit-scrollbar-track{box-shadow:inset 0 0 6px #0003;border-radius:6px}.feedback-tool__message textarea::-webkit-scrollbar-thumb{border-radius:6px;background:#0003}.feedback-tool__message mat-hint{color:#0009}.feedback-tool__message ::ng-deep .mat-mdc-text-field-wrapper{border-radius:6px;border:1px solid var(--neutral-color-100-parts)}.feedback-tool__message ::ng-deep .mat-mdc-text-field-wrapper.mdc-text-field{padding:0 10px}.feedback-tool__message ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix{--mat-form-field-container-vertical-padding: 10px}.feedback-tool__message ::ng-deep .mat-mdc-text-field-wrapper .mdc-line-ripple{display:none}.feedback-tool__message ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-focus-overlay{background-color:transparent}.feedback-tool__message ::ng-deep .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-hint-wrapper{padding:0}.feedback-tool__message ::ng-deep .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-hint-wrapper .mat-mdc-form-field-bottom-align:before{height:unset}.feedback-tool__message ::ng-deep .mdc-text-field--filled:not(.mdc-text-field--disabled){--mdc-filled-text-field-container-color: transparent}.mobile-space{background:transparent;pointer-events:none;height:60vh;width:100%}\n"] }]
         }], ctorParameters: () => [], propDecorators: { application: [{
                 type: Input,
                 args: [{ required: true }]