@flywheel-io/vision 0.11.2 → 0.12.0

package/esm2020/components/dialog/dialog-confirm.component.mjs

@@ -0,0 +1,56 @@
+import { Component, EventEmitter, Input, Optional, Output } from '@angular/core';
+import { DialogWidth } from './dialog.component';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/cdk/dialog";
+import * as i2 from "@angular/common";
+import * as i3 from "../button/button.component";
+import * as i4 from "../icon/icon.component";
+import * as i5 from "./dialog.component";
+export class FwDialogConfirmComponent {
+    constructor(dialogRef) {
+        this.dialogRef = dialogRef;
+        this.title = 'Confirm';
+        this.confirmColor = 'primary';
+        this.confirmButtonText = 'Confirm';
+        this.confirmButtonIcon = 'done-check';
+        this.cancelButtonText = 'Cancel';
+        this.contentTitle = 'Are you sure?';
+        // eslint-disable-next-line @angular-eslint/no-output-native
+        this.close = new EventEmitter();
+        this.confirm = new EventEmitter();
+        this.DialogWidth = DialogWidth;
+    }
+    handleCloseButton() {
+        this.dialogRef.close();
+        this.close.emit();
+    }
+}
+FwDialogConfirmComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwDialogConfirmComponent, deps: [{ token: i1.DialogRef, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+FwDialogConfirmComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: FwDialogConfirmComponent, selector: "fw-dialog-confirm", inputs: { title: "title", confirmColor: "confirmColor", confirmButtonText: "confirmButtonText", confirmButtonIcon: "confirmButtonIcon", cancelButtonText: "cancelButtonText", contentIcon: "contentIcon", contentTitle: "contentTitle", contentText: "contentText" }, outputs: { close: "close", confirm: "confirm" }, ngImport: i0, template: "<fw-dialog [width]=\"DialogWidth.ExtraSmall\" [showClose]=\"false\">\n  <fw-dialog-header>\n    <h2>{{ title }}</h2>\n  </fw-dialog-header>\n  <fw-dialog-content>\n    <div class=\"dialog-content-confirm\">\n      <fw-icon class=\"content-icon\" [ngClass]=\"confirmColor\" *ngIf=\"contentIcon\">\n        {{ contentIcon }}\n      </fw-icon>\n      <p class=\"content-title\" *ngIf=\"contentTitle\">\n        {{ contentTitle }}\n      </p>\n      <p class=\"content-text\" *ngIf=\"contentText\">\n        {{ contentText }}\n      </p>\n    </div>\n  </fw-dialog-content>\n  <fw-dialog-actions>\n    <fw-button\n      type=\"outline\"\n      *ngIf=\"cancelButtonText\"\n      color=\"slate\"\n      (click)=\"handleCloseButton()\">\n      {{ cancelButtonText }}\n    </fw-button>\n    <fw-button\n      type=\"solid\"\n      *ngIf=\"confirmButtonText\"\n      [color]=\"confirmColor\"\n      [leftIcon]=\"confirmButtonIcon\"\n      (click)=\"confirm.emit()\">\n      {{ confirmButtonText }}\n    </fw-button>\n  </fw-dialog-actions>\n</fw-dialog>\n", styles: [":host{box-sizing:border-box}.dialog-content-confirm{display:flex;flex-direction:column;padding:50px;align-items:center;justify-content:center}.dialog-content-confirm .content-title{margin-bottom:5px;font-weight:500}.dialog-content-confirm .content-text{margin:0;color:var(--typography-muted)}.dialog-content-confirm .content-icon{font-size:50px}.dialog-content-confirm .content-icon.primary{color:var(--primary-base)}.dialog-content-confirm .content-icon.secondary{color:var(--secondary-base)}.dialog-content-confirm .content-icon.slate{color:var(--slate-base)}.dialog-content-confirm .content-icon.success{color:var(--green-base)}.dialog-content-confirm .content-icon.warning{color:var(--orange-base)}.dialog-content-confirm .content-icon.danger{color:var(--red-base)}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.FwButtonComponent, selector: "fw-button", inputs: ["color", "size", "type", "disabled", "fullWidth", "leftIcon", "rightIcon"] }, { kind: "component", type: i4.FwIconComponent, selector: "fw-icon" }, { kind: "component", type: i5.FwDialogComponent, selector: "fw-dialog", inputs: ["width", "title", "showClose"], outputs: ["close"] }, { kind: "component", type: i5.FwDialogHeaderComponent, selector: "fw-dialog-header" }, { kind: "component", type: i5.FwDialogContentComponent, selector: "fw-dialog-content" }, { kind: "component", type: i5.FwDialogActionsComponent, selector: "fw-dialog-actions" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwDialogConfirmComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'fw-dialog-confirm', template: "<fw-dialog [width]=\"DialogWidth.ExtraSmall\" [showClose]=\"false\">\n  <fw-dialog-header>\n    <h2>{{ title }}</h2>\n  </fw-dialog-header>\n  <fw-dialog-content>\n    <div class=\"dialog-content-confirm\">\n      <fw-icon class=\"content-icon\" [ngClass]=\"confirmColor\" *ngIf=\"contentIcon\">\n        {{ contentIcon }}\n      </fw-icon>\n      <p class=\"content-title\" *ngIf=\"contentTitle\">\n        {{ contentTitle }}\n      </p>\n      <p class=\"content-text\" *ngIf=\"contentText\">\n        {{ contentText }}\n      </p>\n    </div>\n  </fw-dialog-content>\n  <fw-dialog-actions>\n    <fw-button\n      type=\"outline\"\n      *ngIf=\"cancelButtonText\"\n      color=\"slate\"\n      (click)=\"handleCloseButton()\">\n      {{ cancelButtonText }}\n    </fw-button>\n    <fw-button\n      type=\"solid\"\n      *ngIf=\"confirmButtonText\"\n      [color]=\"confirmColor\"\n      [leftIcon]=\"confirmButtonIcon\"\n      (click)=\"confirm.emit()\">\n      {{ confirmButtonText }}\n    </fw-button>\n  </fw-dialog-actions>\n</fw-dialog>\n", styles: [":host{box-sizing:border-box}.dialog-content-confirm{display:flex;flex-direction:column;padding:50px;align-items:center;justify-content:center}.dialog-content-confirm .content-title{margin-bottom:5px;font-weight:500}.dialog-content-confirm .content-text{margin:0;color:var(--typography-muted)}.dialog-content-confirm .content-icon{font-size:50px}.dialog-content-confirm .content-icon.primary{color:var(--primary-base)}.dialog-content-confirm .content-icon.secondary{color:var(--secondary-base)}.dialog-content-confirm .content-icon.slate{color:var(--slate-base)}.dialog-content-confirm .content-icon.success{color:var(--green-base)}.dialog-content-confirm .content-icon.warning{color:var(--orange-base)}.dialog-content-confirm .content-icon.danger{color:var(--red-base)}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.DialogRef, decorators: [{
+                    type: Optional
+                }] }]; }, propDecorators: { title: [{
+                type: Input
+            }], confirmColor: [{
+                type: Input
+            }], confirmButtonText: [{
+                type: Input
+            }], confirmButtonIcon: [{
+                type: Input
+            }], cancelButtonText: [{
+                type: Input
+            }], contentIcon: [{
+                type: Input
+            }], contentTitle: [{
+                type: Input
+            }], contentText: [{
+                type: Input
+            }], close: [{
+                type: Output
+            }], confirm: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlhbG9nLWNvbmZpcm0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvZGlhbG9nL2RpYWxvZy1jb25maXJtLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2RpYWxvZy9kaWFsb2ctY29uZmlybS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsUUFBUSxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUVqRixPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sb0JBQW9CLENBQUM7Ozs7Ozs7QUFPakQsTUFBTSxPQUFPLHdCQUF3QjtJQWNqQyxZQUErQixTQUFvQjtRQUFwQixjQUFTLEdBQVQsU0FBUyxDQUFXO1FBYjFDLFVBQUssR0FBWSxTQUFTLENBQUM7UUFDM0IsaUJBQVksR0FBMEUsU0FBUyxDQUFDO1FBQ2hHLHNCQUFpQixHQUFZLFNBQVMsQ0FBQztRQUN2QyxzQkFBaUIsR0FBWSxZQUFZLENBQUM7UUFDMUMscUJBQWdCLEdBQVksUUFBUSxDQUFDO1FBRXJDLGlCQUFZLEdBQVksZUFBZSxDQUFDO1FBRWpELDREQUE0RDtRQUNsRCxVQUFLLEdBQXdCLElBQUksWUFBWSxFQUFRLENBQUM7UUFDdEQsWUFBTyxHQUF3QixJQUFJLFlBQVksRUFBUSxDQUFDO1FBQy9DLGdCQUFXLEdBQUcsV0FBVyxDQUFDO0lBRzdDLENBQUM7SUFFRCxpQkFBaUI7UUFDYixJQUFJLENBQUMsU0FBUyxDQUFDLEtBQUssRUFBRSxDQUFDO1FBQ3ZCLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDdEIsQ0FBQzs7cUhBcEJRLHdCQUF3Qjt5R0FBeEIsd0JBQXdCLGdYQ1ZyQyx3aENBbUNBOzJGRHpCYSx3QkFBd0I7a0JBTHBDLFNBQVM7K0JBQ0ksbUJBQW1COzswQkFrQmhCLFFBQVE7NENBYlosS0FBSztzQkFBYixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ0csaUJBQWlCO3NCQUF6QixLQUFLO2dCQUNHLGlCQUFpQjtzQkFBekIsS0FBSztnQkFDRyxnQkFBZ0I7c0JBQXhCLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxZQUFZO3NCQUFwQixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBRUksS0FBSztzQkFBZCxNQUFNO2dCQUNHLE9BQU87c0JBQWhCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaWFsb2dSZWYgfSBmcm9tICdAYW5ndWxhci9jZGsvZGlhbG9nJztcbmltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3B0aW9uYWwsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBEaWFsb2dXaWR0aCB9IGZyb20gJy4vZGlhbG9nLmNvbXBvbmVudCc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnZnctZGlhbG9nLWNvbmZpcm0nLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9kaWFsb2ctY29uZmlybS5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vZGlhbG9nLWNvbmZpcm0uY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgRndEaWFsb2dDb25maXJtQ29tcG9uZW50IHtcbiAgICBASW5wdXQoKSB0aXRsZT86IHN0cmluZyA9ICdDb25maXJtJztcbiAgICBASW5wdXQoKSBjb25maXJtQ29sb3I/OiAncHJpbWFyeScgfCAnc2Vjb25kYXJ5JyB8ICdkYW5nZXInIHwgJ3NsYXRlJyB8ICd3YXJuaW5nJyB8ICdzdWNjZXNzJyA9ICdwcmltYXJ5JztcbiAgICBASW5wdXQoKSBjb25maXJtQnV0dG9uVGV4dD86IHN0cmluZyA9ICdDb25maXJtJztcbiAgICBASW5wdXQoKSBjb25maXJtQnV0dG9uSWNvbj86IHN0cmluZyA9ICdkb25lLWNoZWNrJztcbiAgICBASW5wdXQoKSBjYW5jZWxCdXR0b25UZXh0Pzogc3RyaW5nID0gJ0NhbmNlbCc7XG4gICAgQElucHV0KCkgY29udGVudEljb24/OiBzdHJpbmc7XG4gICAgQElucHV0KCkgY29udGVudFRpdGxlPzogc3RyaW5nID0gJ0FyZSB5b3Ugc3VyZT8nO1xuICAgIEBJbnB1dCgpIGNvbnRlbnRUZXh0Pzogc3RyaW5nO1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvbm8tb3V0cHV0LW5hdGl2ZVxuICAgIEBPdXRwdXQoKSBjbG9zZT86IEV2ZW50RW1pdHRlcjxudWxsPiA9IG5ldyBFdmVudEVtaXR0ZXI8bnVsbD4oKTtcbiAgICBAT3V0cHV0KCkgY29uZmlybT86IEV2ZW50RW1pdHRlcjxudWxsPiA9IG5ldyBFdmVudEVtaXR0ZXI8bnVsbD4oKTtcbiAgICBwcm90ZWN0ZWQgcmVhZG9ubHkgRGlhbG9nV2lkdGggPSBEaWFsb2dXaWR0aDtcblxuICAgIGNvbnN0cnVjdG9yKEBPcHRpb25hbCgpIHB1YmxpYyBkaWFsb2dSZWY6IERpYWxvZ1JlZikge1xuICAgIH1cblxuICAgIGhhbmRsZUNsb3NlQnV0dG9uKCk6IHZvaWQge1xuICAgICAgICB0aGlzLmRpYWxvZ1JlZi5jbG9zZSgpO1xuICAgICAgICB0aGlzLmNsb3NlLmVtaXQoKTtcbiAgICB9XG59XG4iLCI8ZnctZGlhbG9nIFt3aWR0aF09XCJEaWFsb2dXaWR0aC5FeHRyYVNtYWxsXCIgW3Nob3dDbG9zZV09XCJmYWxzZVwiPlxuICA8ZnctZGlhbG9nLWhlYWRlcj5cbiAgICA8aDI+e3sgdGl0bGUgfX08L2gyPlxuICA8L2Z3LWRpYWxvZy1oZWFkZXI+XG4gIDxmdy1kaWFsb2ctY29udGVudD5cbiAgICA8ZGl2IGNsYXNzPVwiZGlhbG9nLWNvbnRlbnQtY29uZmlybVwiPlxuICAgICAgPGZ3LWljb24gY2xhc3M9XCJjb250ZW50LWljb25cIiBbbmdDbGFzc109XCJjb25maXJtQ29sb3JcIiAqbmdJZj1cImNvbnRlbnRJY29uXCI+XG4gICAgICAgIHt7IGNvbnRlbnRJY29uIH19XG4gICAgICA8L2Z3LWljb24+XG4gICAgICA8cCBjbGFzcz1cImNvbnRlbnQtdGl0bGVcIiAqbmdJZj1cImNvbnRlbnRUaXRsZVwiPlxuICAgICAgICB7eyBjb250ZW50VGl0bGUgfX1cbiAgICAgIDwvcD5cbiAgICAgIDxwIGNsYXNzPVwiY29udGVudC10ZXh0XCIgKm5nSWY9XCJjb250ZW50VGV4dFwiPlxuICAgICAgICB7eyBjb250ZW50VGV4dCB9fVxuICAgICAgPC9wPlxuICAgIDwvZGl2PlxuICA8L2Z3LWRpYWxvZy1jb250ZW50PlxuICA8ZnctZGlhbG9nLWFjdGlvbnM+XG4gICAgPGZ3LWJ1dHRvblxuICAgICAgdHlwZT1cIm91dGxpbmVcIlxuICAgICAgKm5nSWY9XCJjYW5jZWxCdXR0b25UZXh0XCJcbiAgICAgIGNvbG9yPVwic2xhdGVcIlxuICAgICAgKGNsaWNrKT1cImhhbmRsZUNsb3NlQnV0dG9uKClcIj5cbiAgICAgIHt7IGNhbmNlbEJ1dHRvblRleHQgfX1cbiAgICA8L2Z3LWJ1dHRvbj5cbiAgICA8ZnctYnV0dG9uXG4gICAgICB0eXBlPVwic29saWRcIlxuICAgICAgKm5nSWY9XCJjb25maXJtQnV0dG9uVGV4dFwiXG4gICAgICBbY29sb3JdPVwiY29uZmlybUNvbG9yXCJcbiAgICAgIFtsZWZ0SWNvbl09XCJjb25maXJtQnV0dG9uSWNvblwiXG4gICAgICAoY2xpY2spPVwiY29uZmlybS5lbWl0KClcIj5cbiAgICAgIHt7IGNvbmZpcm1CdXR0b25UZXh0IH19XG4gICAgPC9mdy1idXR0b24+XG4gIDwvZnctZGlhbG9nLWFjdGlvbnM+XG48L2Z3LWRpYWxvZz5cbiJdfQ==

package/esm2020/components/dialog/dialog-simple.component.mjs

@@ -0,0 +1,46 @@
+import { Component, EventEmitter, Input, Optional, Output } from '@angular/core';
+import { DialogWidth } from './dialog.component';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/cdk/dialog";
+import * as i2 from "@angular/common";
+import * as i3 from "../button/button.component";
+import * as i4 from "./dialog.component";
+export class FwDialogSimpleComponent {
+    constructor(dialogRef) {
+        this.dialogRef = dialogRef;
+        this.width = DialogWidth.Small;
+        this.showClose = true;
+        // eslint-disable-next-line @angular-eslint/no-output-native
+        this.close = new EventEmitter();
+        this.action = new EventEmitter();
+    }
+    handleCloseButton() {
+        this.dialogRef.close();
+        this.close.emit();
+    }
+}
+FwDialogSimpleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwDialogSimpleComponent, deps: [{ token: i1.DialogRef, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+FwDialogSimpleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: FwDialogSimpleComponent, selector: "fw-dialog-simple", inputs: { width: "width", title: "title", showClose: "showClose", actionButtonText: "actionButtonText", cancelButtonText: "cancelButtonText", contentText: "contentText" }, outputs: { close: "close", action: "action" }, ngImport: i0, template: "<fw-dialog [width]=\"width\" [showClose]=\"showClose\">\n  <fw-dialog-header>\n    <h2>{{ title }}</h2>\n  </fw-dialog-header>\n  <fw-dialog-content>\n    <ng-content select=\"fw-dialog-content\"></ng-content>\n    <div class=\"dialog-content-default\" *ngIf=\"contentText\">{{ contentText }}</div>\n  </fw-dialog-content>\n  <fw-dialog-actions>\n    <fw-button type=\"outline\" *ngIf=\"cancelButtonText\" (click)=\"handleCloseButton()\">\n      {{ cancelButtonText }}\n    </fw-button>\n    <fw-button type=\"solid\" *ngIf=\"actionButtonText\" (click)=\"action.emit()\">\n      {{ actionButtonText }}\n    </fw-button>\n  </fw-dialog-actions>\n</fw-dialog>\n", styles: [":host{box-sizing:border-box}.dialog-content-default{padding:15px}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.FwButtonComponent, selector: "fw-button", inputs: ["color", "size", "type", "disabled", "fullWidth", "leftIcon", "rightIcon"] }, { kind: "component", type: i4.FwDialogComponent, selector: "fw-dialog", inputs: ["width", "title", "showClose"], outputs: ["close"] }, { kind: "component", type: i4.FwDialogHeaderComponent, selector: "fw-dialog-header" }, { kind: "component", type: i4.FwDialogContentComponent, selector: "fw-dialog-content" }, { kind: "component", type: i4.FwDialogActionsComponent, selector: "fw-dialog-actions" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwDialogSimpleComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'fw-dialog-simple', template: "<fw-dialog [width]=\"width\" [showClose]=\"showClose\">\n  <fw-dialog-header>\n    <h2>{{ title }}</h2>\n  </fw-dialog-header>\n  <fw-dialog-content>\n    <ng-content select=\"fw-dialog-content\"></ng-content>\n    <div class=\"dialog-content-default\" *ngIf=\"contentText\">{{ contentText }}</div>\n  </fw-dialog-content>\n  <fw-dialog-actions>\n    <fw-button type=\"outline\" *ngIf=\"cancelButtonText\" (click)=\"handleCloseButton()\">\n      {{ cancelButtonText }}\n    </fw-button>\n    <fw-button type=\"solid\" *ngIf=\"actionButtonText\" (click)=\"action.emit()\">\n      {{ actionButtonText }}\n    </fw-button>\n  </fw-dialog-actions>\n</fw-dialog>\n", styles: [":host{box-sizing:border-box}.dialog-content-default{padding:15px}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.DialogRef, decorators: [{
+                    type: Optional
+                }] }]; }, propDecorators: { width: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }], showClose: [{
+                type: Input
+            }], actionButtonText: [{
+                type: Input
+            }], cancelButtonText: [{
+                type: Input
+            }], contentText: [{
+                type: Input
+            }], close: [{
+                type: Output
+            }], action: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlhbG9nLXNpbXBsZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9kaWFsb2cvZGlhbG9nLXNpbXBsZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9kaWFsb2cvZGlhbG9nLXNpbXBsZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsUUFBUSxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUVqRixPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sb0JBQW9CLENBQUM7Ozs7OztBQU9qRCxNQUFNLE9BQU8sdUJBQXVCO0lBV2hDLFlBQStCLFNBQW9CO1FBQXBCLGNBQVMsR0FBVCxTQUFTLENBQVc7UUFWMUMsVUFBSyxHQUFpQixXQUFXLENBQUMsS0FBSyxDQUFDO1FBRXhDLGNBQVMsR0FBYSxJQUFJLENBQUM7UUFJcEMsNERBQTREO1FBQ2xELFVBQUssR0FBd0IsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUN0RCxXQUFNLEdBQXdCLElBQUksWUFBWSxFQUFRLENBQUM7SUFHakUsQ0FBQztJQUVELGlCQUFpQjtRQUNiLElBQUksQ0FBQyxTQUFTLENBQUMsS0FBSyxFQUFFLENBQUM7UUFDdkIsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUN0QixDQUFDOztvSEFqQlEsdUJBQXVCO3dHQUF2Qix1QkFBdUIsbVJDVnBDLHFwQkFpQkE7MkZEUGEsdUJBQXVCO2tCQUxuQyxTQUFTOytCQUNJLGtCQUFrQjs7MEJBZWYsUUFBUTs0Q0FWWixLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csZ0JBQWdCO3NCQUF4QixLQUFLO2dCQUNHLGdCQUFnQjtzQkFBeEIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUVJLEtBQUs7c0JBQWQsTUFBTTtnQkFDRyxNQUFNO3NCQUFmLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaWFsb2dSZWYgfSBmcm9tICdAYW5ndWxhci9jZGsvZGlhbG9nJztcbmltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3B0aW9uYWwsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBEaWFsb2dXaWR0aCB9IGZyb20gJy4vZGlhbG9nLmNvbXBvbmVudCc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnZnctZGlhbG9nLXNpbXBsZScsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2RpYWxvZy1zaW1wbGUuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL2RpYWxvZy1zaW1wbGUuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgRndEaWFsb2dTaW1wbGVDb21wb25lbnQge1xuICAgIEBJbnB1dCgpIHdpZHRoPzogRGlhbG9nV2lkdGggPSBEaWFsb2dXaWR0aC5TbWFsbDtcbiAgICBASW5wdXQoKSB0aXRsZT86IHN0cmluZztcbiAgICBASW5wdXQoKSBzaG93Q2xvc2U/OiBib29sZWFuID0gdHJ1ZTtcbiAgICBASW5wdXQoKSBhY3Rpb25CdXR0b25UZXh0Pzogc3RyaW5nO1xuICAgIEBJbnB1dCgpIGNhbmNlbEJ1dHRvblRleHQ/OiBzdHJpbmc7XG4gICAgQElucHV0KCkgY29udGVudFRleHQ/OiBzdHJpbmc7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9uby1vdXRwdXQtbmF0aXZlXG4gICAgQE91dHB1dCgpIGNsb3NlPzogRXZlbnRFbWl0dGVyPG51bGw+ID0gbmV3IEV2ZW50RW1pdHRlcjxudWxsPigpO1xuICAgIEBPdXRwdXQoKSBhY3Rpb24/OiBFdmVudEVtaXR0ZXI8bnVsbD4gPSBuZXcgRXZlbnRFbWl0dGVyPG51bGw+KCk7XG5cbiAgICBjb25zdHJ1Y3RvcihAT3B0aW9uYWwoKSBwdWJsaWMgZGlhbG9nUmVmOiBEaWFsb2dSZWYpIHtcbiAgICB9XG5cbiAgICBoYW5kbGVDbG9zZUJ1dHRvbigpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5kaWFsb2dSZWYuY2xvc2UoKTtcbiAgICAgICAgdGhpcy5jbG9zZS5lbWl0KCk7XG4gICAgfVxufVxuIiwiPGZ3LWRpYWxvZyBbd2lkdGhdPVwid2lkdGhcIiBbc2hvd0Nsb3NlXT1cInNob3dDbG9zZVwiPlxuICA8ZnctZGlhbG9nLWhlYWRlcj5cbiAgICA8aDI+e3sgdGl0bGUgfX08L2gyPlxuICA8L2Z3LWRpYWxvZy1oZWFkZXI+XG4gIDxmdy1kaWFsb2ctY29udGVudD5cbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJmdy1kaWFsb2ctY29udGVudFwiPjwvbmctY29udGVudD5cbiAgICA8ZGl2IGNsYXNzPVwiZGlhbG9nLWNvbnRlbnQtZGVmYXVsdFwiICpuZ0lmPVwiY29udGVudFRleHRcIj57eyBjb250ZW50VGV4dCB9fTwvZGl2PlxuICA8L2Z3LWRpYWxvZy1jb250ZW50PlxuICA8ZnctZGlhbG9nLWFjdGlvbnM+XG4gICAgPGZ3LWJ1dHRvbiB0eXBlPVwib3V0bGluZVwiICpuZ0lmPVwiY2FuY2VsQnV0dG9uVGV4dFwiIChjbGljayk9XCJoYW5kbGVDbG9zZUJ1dHRvbigpXCI+XG4gICAgICB7eyBjYW5jZWxCdXR0b25UZXh0IH19XG4gICAgPC9mdy1idXR0b24+XG4gICAgPGZ3LWJ1dHRvbiB0eXBlPVwic29saWRcIiAqbmdJZj1cImFjdGlvbkJ1dHRvblRleHRcIiAoY2xpY2spPVwiYWN0aW9uLmVtaXQoKVwiPlxuICAgICAge3sgYWN0aW9uQnV0dG9uVGV4dCB9fVxuICAgIDwvZnctYnV0dG9uPlxuICA8L2Z3LWRpYWxvZy1hY3Rpb25zPlxuPC9mdy1kaWFsb2c+XG4iXX0=

package/esm2020/components/dialog/dialog.component.mjs

@@ -0,0 +1,122 @@
+import { Component, EventEmitter, HostBinding, Input, Optional, Output } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/cdk/dialog";
+import * as i2 from "@angular/common";
+import * as i3 from "../icon-button/icon-button.component";
+import * as i4 from "@angular/platform-browser";
+export var DialogWidth;
+(function (DialogWidth) {
+    DialogWidth["ExtraSmall"] = "extra-small";
+    DialogWidth["Small"] = "small";
+    DialogWidth["Medium"] = "medium";
+    DialogWidth["Large"] = "large";
+    DialogWidth["ExtraLarge"] = "extra-large";
+})(DialogWidth || (DialogWidth = {}));
+export class FwDialogComponent {
+    constructor(dialogRef) {
+        this.dialogRef = dialogRef;
+        this.width = DialogWidth.ExtraSmall;
+        this.showClose = true;
+        // eslint-disable-next-line @angular-eslint/no-output-native
+        this.close = new EventEmitter();
+    }
+    get classes() {
+        return 'dialog-width-' + this.width;
+    }
+    handleCloseButton() {
+        this.dialogRef.close();
+        this.close.emit();
+    }
+}
+FwDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwDialogComponent, deps: [{ token: i1.DialogRef, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+FwDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: FwDialogComponent, selector: "fw-dialog", inputs: { width: "width", title: "title", showClose: "showClose" }, outputs: { close: "close" }, host: { properties: { "attr.class": "this.classes" } }, ngImport: i0, template: "<div class=\"dialog\">\n  <fw-icon-button\n    *ngIf=\"showClose\"\n    tabindex=\"-1\" icon=\"close\" color=\"slate\"\n    (click)=\"handleCloseButton()\">\n  </fw-icon-button>\n  <div class=\"dialog-header\">\n    <ng-content select=\"fw-dialog-header\"></ng-content>\n  </div>\n  <div class=\"dialog-body\">\n    <ng-content select=\"fw-dialog-content\"></ng-content>\n  </div>\n  <div class=\"dialog-actions\">\n    <ng-content select=\"fw-dialog-actions\"></ng-content>\n  </div>\n</div>\n", styles: [":host{box-sizing:border-box;background-color:var(--card-background);border:1px solid var(--separations-base);border-radius:8px;display:flex;flex-direction:column;overflow:hidden;max-width:95%;margin:auto}:host.dialog-width-extra-small{width:444px}:host.dialog-width-small{width:600px}:host.dialog-width-medium{width:900px}:host.dialog-width-large{width:1200px}:host.dialog-width-extra-large{width:1536px}:host .dialog{position:relative}:host .dialog fw-icon-button{position:absolute;top:4px;right:4px}:host .dialog .dialog-header{background-color:var(--card-header)}:host .dialog .dialog-header h2{margin:0}:host .dialog .dialog-header:empty{display:none}:host .dialog .dialog-body{background-color:var(--card-background);border-bottom:1px solid var(--separations-base)}:host .dialog .dialog-body:empty{display:none}:host .dialog .dialog-actions{padding:16px}:host .dialog .dialog-actions:empty{display:none}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.FwIconButtonComponent, selector: "fw-icon-button", inputs: ["color", "icon", "size", "disabled", "selected"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwDialogComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'fw-dialog', template: "<div class=\"dialog\">\n  <fw-icon-button\n    *ngIf=\"showClose\"\n    tabindex=\"-1\" icon=\"close\" color=\"slate\"\n    (click)=\"handleCloseButton()\">\n  </fw-icon-button>\n  <div class=\"dialog-header\">\n    <ng-content select=\"fw-dialog-header\"></ng-content>\n  </div>\n  <div class=\"dialog-body\">\n    <ng-content select=\"fw-dialog-content\"></ng-content>\n  </div>\n  <div class=\"dialog-actions\">\n    <ng-content select=\"fw-dialog-actions\"></ng-content>\n  </div>\n</div>\n", styles: [":host{box-sizing:border-box;background-color:var(--card-background);border:1px solid var(--separations-base);border-radius:8px;display:flex;flex-direction:column;overflow:hidden;max-width:95%;margin:auto}:host.dialog-width-extra-small{width:444px}:host.dialog-width-small{width:600px}:host.dialog-width-medium{width:900px}:host.dialog-width-large{width:1200px}:host.dialog-width-extra-large{width:1536px}:host .dialog{position:relative}:host .dialog fw-icon-button{position:absolute;top:4px;right:4px}:host .dialog .dialog-header{background-color:var(--card-header)}:host .dialog .dialog-header h2{margin:0}:host .dialog .dialog-header:empty{display:none}:host .dialog .dialog-body{background-color:var(--card-background);border-bottom:1px solid var(--separations-base)}:host .dialog .dialog-body:empty{display:none}:host .dialog .dialog-actions{padding:16px}:host .dialog .dialog-actions:empty{display:none}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.DialogRef, decorators: [{
+                    type: Optional
+                }] }]; }, propDecorators: { width: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }], showClose: [{
+                type: Input
+            }], close: [{
+                type: Output
+            }], classes: [{
+                type: HostBinding,
+                args: ['attr.class']
+            }] } });
+export class FwDialogHeaderComponent {
+    constructor(sanitizer) {
+        this.sanitizer = sanitizer;
+    }
+    get style() {
+        return this.sanitizer.bypassSecurityTrustStyle(`
+        box-sizing: border-box;
+        display: flex;
+        flex-direction: row;
+        align-items: center;
+        gap: 4px;
+        border-bottom: 1px solid var(--separations-base);
+        padding: 12px 16px;
+        height: 44px;
+  `);
+    }
+}
+FwDialogHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwDialogHeaderComponent, deps: [{ token: i4.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
+FwDialogHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: FwDialogHeaderComponent, selector: "fw-dialog-header", host: { properties: { "style": "this.style" } }, ngImport: i0, template: `
+      <ng-content></ng-content>`, isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwDialogHeaderComponent, decorators: [{
+            type: Component,
+            args: [{
+                    template: `
+      <ng-content></ng-content>`,
+                    selector: 'fw-dialog-header',
+                }]
+        }], ctorParameters: function () { return [{ type: i4.DomSanitizer }]; }, propDecorators: { style: [{
+                type: HostBinding,
+                args: ['style']
+            }] } });
+export class FwDialogContentComponent {
+}
+FwDialogContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwDialogContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+FwDialogContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: FwDialogContentComponent, selector: "fw-dialog-content", ngImport: i0, template: `
+      <ng-content></ng-content>`, isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwDialogContentComponent, decorators: [{
+            type: Component,
+            args: [{
+                    template: `
+      <ng-content></ng-content>`,
+                    selector: 'fw-dialog-content',
+                }]
+        }] });
+export class FwDialogActionsComponent {
+    constructor(sanitizer) {
+        this.sanitizer = sanitizer;
+    }
+    get style() {
+        return this.sanitizer.bypassSecurityTrustStyle(`
+        display: flex;
+        flex-direction: row;
+        align-items: center;
+        justify-content: flex-end;
+        gap: 8px;
+  `);
+    }
+}
+FwDialogActionsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwDialogActionsComponent, deps: [{ token: i4.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
+FwDialogActionsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: FwDialogActionsComponent, selector: "fw-dialog-actions", host: { properties: { "style": "this.style" } }, ngImport: i0, template: `
+      <ng-content></ng-content>`, isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwDialogActionsComponent, decorators: [{
+            type: Component,
+            args: [{
+                    template: `
+      <ng-content></ng-content>`,
+                    selector: 'fw-dialog-actions',
+                }]
+        }], ctorParameters: function () { return [{ type: i4.DomSanitizer }]; }, propDecorators: { style: [{
+                type: HostBinding,
+                args: ['style']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlhbG9nLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2RpYWxvZy9kaWFsb2cuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvZGlhbG9nL2RpYWxvZy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFFLFFBQVEsRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7OztBQUc5RixNQUFNLENBQU4sSUFBWSxXQU1YO0FBTkQsV0FBWSxXQUFXO0lBQ3JCLHlDQUEwQixDQUFBO0lBQzFCLDhCQUFlLENBQUE7SUFDZixnQ0FBaUIsQ0FBQTtJQUNqQiw4QkFBZSxDQUFBO0lBQ2YseUNBQTBCLENBQUE7QUFDNUIsQ0FBQyxFQU5XLFdBQVcsS0FBWCxXQUFXLFFBTXRCO0FBT0QsTUFBTSxPQUFPLGlCQUFpQjtJQU81QixZQUFrQyxTQUFvQjtRQUFwQixjQUFTLEdBQVQsU0FBUyxDQUFXO1FBTjdDLFVBQUssR0FBaUIsV0FBVyxDQUFDLFVBQVUsQ0FBQztRQUU3QyxjQUFTLEdBQWEsSUFBSSxDQUFDO1FBQ3BDLDREQUE0RDtRQUNsRCxVQUFLLEdBQXdCLElBQUksWUFBWSxFQUFRLENBQUM7SUFHaEUsQ0FBQztJQUVELElBQStCLE9BQU87UUFDcEMsT0FBTyxlQUFlLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQztJQUN0QyxDQUFDO0lBRVMsaUJBQWlCO1FBQ3pCLElBQUksQ0FBQyxTQUFTLENBQUMsS0FBSyxFQUFFLENBQUM7UUFDdkIsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUNwQixDQUFDOzs4R0FqQlUsaUJBQWlCO2tHQUFqQixpQkFBaUIsME1DakI5QixnZkFnQkE7MkZEQ2EsaUJBQWlCO2tCQUw3QixTQUFTOytCQUNFLFdBQVc7OzBCQVdSLFFBQVE7NENBTlosS0FBSztzQkFBYixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUVJLEtBQUs7c0JBQWQsTUFBTTtnQkFLd0IsT0FBTztzQkFBckMsV0FBVzt1QkFBQyxZQUFZOztBQWUzQixNQUFNLE9BQU8sdUJBQXVCO0lBY2xDLFlBQW9CLFNBQXVCO1FBQXZCLGNBQVMsR0FBVCxTQUFTLENBQWM7SUFDM0MsQ0FBQztJQWRELElBQTBCLEtBQUs7UUFDN0IsT0FBTyxJQUFJLENBQUMsU0FBUyxDQUFDLHdCQUF3QixDQUFDOzs7Ozs7Ozs7R0FTaEQsQ0FBQyxDQUFDO0lBQ0gsQ0FBQzs7b0hBWlUsdUJBQXVCO3dHQUF2Qix1QkFBdUIseUdBSnhCO2dDQUNvQjsyRkFHbkIsdUJBQXVCO2tCQUxuQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRTtnQ0FDb0I7b0JBQzlCLFFBQVEsRUFBRSxrQkFBa0I7aUJBQzdCO21HQUUyQixLQUFLO3NCQUE5QixXQUFXO3VCQUFDLE9BQU87O0FBc0J0QixNQUFNLE9BQU8sd0JBQXdCOztxSEFBeEIsd0JBQXdCO3lHQUF4Qix3QkFBd0IseURBSnpCO2dDQUNvQjsyRkFHbkIsd0JBQXdCO2tCQUxwQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRTtnQ0FDb0I7b0JBQzlCLFFBQVEsRUFBRSxtQkFBbUI7aUJBQzlCOztBQVNELE1BQU0sT0FBTyx3QkFBd0I7SUFXbkMsWUFBb0IsU0FBdUI7UUFBdkIsY0FBUyxHQUFULFNBQVMsQ0FBYztJQUMzQyxDQUFDO0lBWEQsSUFBMEIsS0FBSztRQUM3QixPQUFPLElBQUksQ0FBQyxTQUFTLENBQUMsd0JBQXdCLENBQUM7Ozs7OztHQU1oRCxDQUFDLENBQUM7SUFDSCxDQUFDOztxSEFUVSx3QkFBd0I7eUdBQXhCLHdCQUF3QiwwR0FKekI7Z0NBQ29COzJGQUduQix3QkFBd0I7a0JBTHBDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFO2dDQUNvQjtvQkFDOUIsUUFBUSxFQUFFLG1CQUFtQjtpQkFDOUI7bUdBRTJCLEtBQUs7c0JBQTlCLFdBQVc7dUJBQUMsT0FBTyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERpYWxvZ1JlZiB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9kaWFsb2cnO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIEhvc3RCaW5kaW5nLCBJbnB1dCwgT3B0aW9uYWwsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRG9tU2FuaXRpemVyLCBTYWZlU3R5bGUgfSBmcm9tICdAYW5ndWxhci9wbGF0Zm9ybS1icm93c2VyJztcblxuZXhwb3J0IGVudW0gRGlhbG9nV2lkdGgge1xuICBFeHRyYVNtYWxsID0gJ2V4dHJhLXNtYWxsJyxcbiAgU21hbGwgPSAnc21hbGwnLFxuICBNZWRpdW0gPSAnbWVkaXVtJyxcbiAgTGFyZ2UgPSAnbGFyZ2UnLFxuICBFeHRyYUxhcmdlID0gJ2V4dHJhLWxhcmdlJ1xufVxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdmdy1kaWFsb2cnLFxuICB0ZW1wbGF0ZVVybDogJy4vZGlhbG9nLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZGlhbG9nLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIEZ3RGlhbG9nQ29tcG9uZW50IHtcbiAgQElucHV0KCkgd2lkdGg/OiBEaWFsb2dXaWR0aCA9IERpYWxvZ1dpZHRoLkV4dHJhU21hbGw7XG4gIEBJbnB1dCgpIHRpdGxlPzogc3RyaW5nO1xuICBASW5wdXQoKSBzaG93Q2xvc2U/OiBib29sZWFuID0gdHJ1ZTtcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9uby1vdXRwdXQtbmF0aXZlXG4gIEBPdXRwdXQoKSBjbG9zZT86IEV2ZW50RW1pdHRlcjxudWxsPiA9IG5ldyBFdmVudEVtaXR0ZXI8bnVsbD4oKTtcblxuICBjb25zdHJ1Y3RvcihAT3B0aW9uYWwoKSBwcm90ZWN0ZWQgZGlhbG9nUmVmOiBEaWFsb2dSZWYpIHtcbiAgfVxuXG4gIEBIb3N0QmluZGluZygnYXR0ci5jbGFzcycpIGdldCBjbGFzc2VzKCk6IHN0cmluZyB7XG4gICAgcmV0dXJuICdkaWFsb2ctd2lkdGgtJyArIHRoaXMud2lkdGg7XG4gIH1cblxuICBwcm90ZWN0ZWQgaGFuZGxlQ2xvc2VCdXR0b24oKTogdm9pZCB7XG4gICAgdGhpcy5kaWFsb2dSZWYuY2xvc2UoKTtcbiAgICB0aGlzLmNsb3NlLmVtaXQoKTtcbiAgfVxufVxuXG5AQ29tcG9uZW50KHtcbiAgdGVtcGxhdGU6IGBcbiAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5gLFxuICBzZWxlY3RvcjogJ2Z3LWRpYWxvZy1oZWFkZXInLFxufSlcbmV4cG9ydCBjbGFzcyBGd0RpYWxvZ0hlYWRlckNvbXBvbmVudCB7XG4gIEBIb3N0QmluZGluZygnc3R5bGUnKSBnZXQgc3R5bGUoKTogU2FmZVN0eWxlIHtcbiAgICByZXR1cm4gdGhpcy5zYW5pdGl6ZXIuYnlwYXNzU2VjdXJpdHlUcnVzdFN0eWxlKGBcbiAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAgZ2FwOiA0cHg7XG4gICAgICAgIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCB2YXIoLS1zZXBhcmF0aW9ucy1iYXNlKTtcbiAgICAgICAgcGFkZGluZzogMTJweCAxNnB4O1xuICAgICAgICBoZWlnaHQ6IDQ0cHg7XG4gIGApO1xuICB9XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBzYW5pdGl6ZXI6IERvbVNhbml0aXplcikge1xuICB9XG59XG5cbkBDb21wb25lbnQoe1xuICB0ZW1wbGF0ZTogYFxuICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PmAsXG4gIHNlbGVjdG9yOiAnZnctZGlhbG9nLWNvbnRlbnQnLFxufSlcbmV4cG9ydCBjbGFzcyBGd0RpYWxvZ0NvbnRlbnRDb21wb25lbnQge1xufVxuXG5AQ29tcG9uZW50KHtcbiAgdGVtcGxhdGU6IGBcbiAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5gLFxuICBzZWxlY3RvcjogJ2Z3LWRpYWxvZy1hY3Rpb25zJyxcbn0pXG5leHBvcnQgY2xhc3MgRndEaWFsb2dBY3Rpb25zQ29tcG9uZW50IHtcbiAgQEhvc3RCaW5kaW5nKCdzdHlsZScpIGdldCBzdHlsZSgpOiBTYWZlU3R5bGUge1xuICAgIHJldHVybiB0aGlzLnNhbml0aXplci5ieXBhc3NTZWN1cml0eVRydXN0U3R5bGUoYFxuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xuICAgICAgICBnYXA6IDhweDtcbiAgYCk7XG4gIH1cblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIHNhbml0aXplcjogRG9tU2FuaXRpemVyKSB7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJkaWFsb2dcIj5cbiAgPGZ3LWljb24tYnV0dG9uXG4gICAgKm5nSWY9XCJzaG93Q2xvc2VcIlxuICAgIHRhYmluZGV4PVwiLTFcIiBpY29uPVwiY2xvc2VcIiBjb2xvcj1cInNsYXRlXCJcbiAgICAoY2xpY2spPVwiaGFuZGxlQ2xvc2VCdXR0b24oKVwiPlxuICA8L2Z3LWljb24tYnV0dG9uPlxuICA8ZGl2IGNsYXNzPVwiZGlhbG9nLWhlYWRlclwiPlxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cImZ3LWRpYWxvZy1oZWFkZXJcIj48L25nLWNvbnRlbnQ+XG4gIDwvZGl2PlxuICA8ZGl2IGNsYXNzPVwiZGlhbG9nLWJvZHlcIj5cbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJmdy1kaWFsb2ctY29udGVudFwiPjwvbmctY29udGVudD5cbiAgPC9kaXY+XG4gIDxkaXYgY2xhc3M9XCJkaWFsb2ctYWN0aW9uc1wiPlxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cImZ3LWRpYWxvZy1hY3Rpb25zXCI+PC9uZy1jb250ZW50PlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19

package/esm2020/components/dialog/dialogs.module.mjs

@@ -0,0 +1,66 @@
+import { DialogModule } from '@angular/cdk/dialog';
+import { CommonModule } from '@angular/common';
+import { NgModule } from '@angular/core';
+import { FwButtonModule } from '../button/button.module';
+import { FwIconModule } from '../icon/icon.module';
+import { FwIconButtonModule } from '../icon-button/icon-button.module';
+import { PipesModule } from '../shared/pipes/pipes.module';
+import { FwDialogActionsComponent, FwDialogComponent, FwDialogContentComponent, FwDialogHeaderComponent, } from './dialog.component';
+import { FwDialogConfirmComponent } from './dialog-confirm.component';
+import { FwDialogSimpleComponent } from './dialog-simple.component';
+import * as i0 from "@angular/core";
+export class FwDialogsModule {
+}
+FwDialogsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwDialogsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+FwDialogsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: FwDialogsModule, declarations: [FwDialogComponent,
+        FwDialogHeaderComponent,
+        FwDialogContentComponent,
+        FwDialogActionsComponent,
+        FwDialogConfirmComponent,
+        FwDialogSimpleComponent], imports: [CommonModule,
+        DialogModule,
+        PipesModule,
+        FwIconButtonModule,
+        FwButtonModule,
+        FwIconModule], exports: [FwDialogComponent,
+        FwDialogHeaderComponent,
+        FwDialogContentComponent,
+        FwDialogActionsComponent,
+        FwDialogConfirmComponent,
+        FwDialogSimpleComponent] });
+FwDialogsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwDialogsModule, imports: [CommonModule,
+        DialogModule,
+        PipesModule,
+        FwIconButtonModule,
+        FwButtonModule,
+        FwIconModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwDialogsModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        FwDialogComponent,
+                        FwDialogHeaderComponent,
+                        FwDialogContentComponent,
+                        FwDialogActionsComponent,
+                        FwDialogConfirmComponent,
+                        FwDialogSimpleComponent,
+                    ],
+                    imports: [
+                        CommonModule,
+                        DialogModule,
+                        PipesModule,
+                        FwIconButtonModule,
+                        FwButtonModule,
+                        FwIconModule,
+                    ],
+                    exports: [
+                        FwDialogComponent,
+                        FwDialogHeaderComponent,
+                        FwDialogContentComponent,
+                        FwDialogActionsComponent,
+                        FwDialogConfirmComponent,
+                        FwDialogSimpleComponent,
+                    ],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlhbG9ncy5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9kaWFsb2cvZGlhbG9ncy5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQ25ELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRXpDLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUN6RCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDbkQsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sbUNBQW1DLENBQUM7QUFDdkUsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQzNELE9BQU8sRUFDTCx3QkFBd0IsRUFDeEIsaUJBQWlCLEVBQ2pCLHdCQUF3QixFQUN4Qix1QkFBdUIsR0FDeEIsTUFBTSxvQkFBb0IsQ0FBQztBQUM1QixPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUN0RSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQzs7QUE0QnBFLE1BQU0sT0FBTyxlQUFlOzs0R0FBZixlQUFlOzZHQUFmLGVBQWUsaUJBeEJ4QixpQkFBaUI7UUFDakIsdUJBQXVCO1FBQ3ZCLHdCQUF3QjtRQUN4Qix3QkFBd0I7UUFDeEIsd0JBQXdCO1FBQ3hCLHVCQUF1QixhQUd2QixZQUFZO1FBQ1osWUFBWTtRQUNaLFdBQVc7UUFDWCxrQkFBa0I7UUFDbEIsY0FBYztRQUNkLFlBQVksYUFHWixpQkFBaUI7UUFDakIsdUJBQXVCO1FBQ3ZCLHdCQUF3QjtRQUN4Qix3QkFBd0I7UUFDeEIsd0JBQXdCO1FBQ3hCLHVCQUF1Qjs2R0FHZCxlQUFlLFlBaEJ4QixZQUFZO1FBQ1osWUFBWTtRQUNaLFdBQVc7UUFDWCxrQkFBa0I7UUFDbEIsY0FBYztRQUNkLFlBQVk7MkZBV0gsZUFBZTtrQkExQjNCLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFO3dCQUNaLGlCQUFpQjt3QkFDakIsdUJBQXVCO3dCQUN2Qix3QkFBd0I7d0JBQ3hCLHdCQUF3Qjt3QkFDeEIsd0JBQXdCO3dCQUN4Qix1QkFBdUI7cUJBQ3hCO29CQUNELE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUNaLFlBQVk7d0JBQ1osV0FBVzt3QkFDWCxrQkFBa0I7d0JBQ2xCLGNBQWM7d0JBQ2QsWUFBWTtxQkFDYjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1AsaUJBQWlCO3dCQUNqQix1QkFBdUI7d0JBQ3ZCLHdCQUF3Qjt3QkFDeEIsd0JBQXdCO3dCQUN4Qix3QkFBd0I7d0JBQ3hCLHVCQUF1QjtxQkFDeEI7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaWFsb2dNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jZGsvZGlhbG9nJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBGd0J1dHRvbk1vZHVsZSB9IGZyb20gJy4uL2J1dHRvbi9idXR0b24ubW9kdWxlJztcbmltcG9ydCB7IEZ3SWNvbk1vZHVsZSB9IGZyb20gJy4uL2ljb24vaWNvbi5tb2R1bGUnO1xuaW1wb3J0IHsgRndJY29uQnV0dG9uTW9kdWxlIH0gZnJvbSAnLi4vaWNvbi1idXR0b24vaWNvbi1idXR0b24ubW9kdWxlJztcbmltcG9ydCB7IFBpcGVzTW9kdWxlIH0gZnJvbSAnLi4vc2hhcmVkL3BpcGVzL3BpcGVzLm1vZHVsZSc7XG5pbXBvcnQge1xuICBGd0RpYWxvZ0FjdGlvbnNDb21wb25lbnQsXG4gIEZ3RGlhbG9nQ29tcG9uZW50LFxuICBGd0RpYWxvZ0NvbnRlbnRDb21wb25lbnQsXG4gIEZ3RGlhbG9nSGVhZGVyQ29tcG9uZW50LFxufSBmcm9tICcuL2RpYWxvZy5jb21wb25lbnQnO1xuaW1wb3J0IHsgRndEaWFsb2dDb25maXJtQ29tcG9uZW50IH0gZnJvbSAnLi9kaWFsb2ctY29uZmlybS5jb21wb25lbnQnO1xuaW1wb3J0IHsgRndEaWFsb2dTaW1wbGVDb21wb25lbnQgfSBmcm9tICcuL2RpYWxvZy1zaW1wbGUuY29tcG9uZW50JztcblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbXG4gICAgRndEaWFsb2dDb21wb25lbnQsXG4gICAgRndEaWFsb2dIZWFkZXJDb21wb25lbnQsXG4gICAgRndEaWFsb2dDb250ZW50Q29tcG9uZW50LFxuICAgIEZ3RGlhbG9nQWN0aW9uc0NvbXBvbmVudCxcbiAgICBGd0RpYWxvZ0NvbmZpcm1Db21wb25lbnQsXG4gICAgRndEaWFsb2dTaW1wbGVDb21wb25lbnQsXG4gIF0sXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgRGlhbG9nTW9kdWxlLFxuICAgIFBpcGVzTW9kdWxlLFxuICAgIEZ3SWNvbkJ1dHRvbk1vZHVsZSxcbiAgICBGd0J1dHRvbk1vZHVsZSxcbiAgICBGd0ljb25Nb2R1bGUsXG4gIF0sXG4gIGV4cG9ydHM6IFtcbiAgICBGd0RpYWxvZ0NvbXBvbmVudCxcbiAgICBGd0RpYWxvZ0hlYWRlckNvbXBvbmVudCxcbiAgICBGd0RpYWxvZ0NvbnRlbnRDb21wb25lbnQsXG4gICAgRndEaWFsb2dBY3Rpb25zQ29tcG9uZW50LFxuICAgIEZ3RGlhbG9nQ29uZmlybUNvbXBvbmVudCxcbiAgICBGd0RpYWxvZ1NpbXBsZUNvbXBvbmVudCxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgRndEaWFsb2dzTW9kdWxlIHtcbn1cbiJdfQ==

package/esm2020/components/icon-button/icon-button.component.mjs

@@ -15,13 +15,16 @@ export class FwIconButtonComponent {
     ;
 }
 FwIconButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwIconButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-FwIconButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: FwIconButtonComponent, selector: "fw-icon-button", inputs: { color: "color", icon: "icon", size: "size", disabled: "disabled", selected: "selected" }, host: { properties: { "attr.class": "this.classes" } }, ngImport: i0, template: "<button [disabled]=\"disabled\"\n        [class]=\"color + '-button'\"\n        [class.selected-button]=\"selected\">\n    <fw-icon>{{ icon }}</fw-icon>\n</button>\n", styles: [".white{color:#fff!important}.fill-white{background-color:#fff!important}.border-white{border-color:#fff!important}.border-top-white{border-top:1px solid;border-color:#fff!important}.border-right-white{border-right:1px solid;border-color:#fff!important}.border-bottom-white{border-bottom:1px solid;border-color:#fff!important}.border-left-white{border-left:1px solid;border-color:#fff!important}.black{color:#000!important}.fill-black{background-color:#000!important}.border-black{border-color:#000!important}.border-top-black{border-top:1px solid;border-color:#000!important}.border-right-black{border-right:1px solid;border-color:#000!important}.border-bottom-black{border-bottom:1px solid;border-color:#000!important}.border-left-black{border-left:1px solid;border-color:#000!important}.green{color:#59b96b!important}.fill-green{background-color:#59b96b!important}.border-green{border-color:#59b96b!important}.border-top-green{border-top:1px solid;border-color:#59b96b!important}.border-right-green{border-right:1px solid;border-color:#59b96b!important}.border-bottom-green{border-bottom:1px solid;border-color:#59b96b!important}.border-left-green{border-left:1px solid;border-color:#59b96b!important}.orange{color:#f7941d!important}.fill-orange{background-color:#f7941d!important}.border-orange{border-color:#f7941d!important}.border-top-orange{border-top:1px solid;border-color:#f7941d!important}.border-right-orange{border-right:1px solid;border-color:#f7941d!important}.border-bottom-orange{border-bottom:1px solid;border-color:#f7941d!important}.border-left-orange{border-left:1px solid;border-color:#f7941d!important}.red{color:#de584c!important}.fill-red{background-color:#de584c!important}.border-red{border-color:#de584c!important}.border-top-red{border-top:1px solid;border-color:#de584c!important}.border-right-red{border-right:1px solid;border-color:#de584c!important}.border-bottom-red{border-bottom:1px solid;border-color:#de584c!important}.border-left-red{border-left:1px solid;border-color:#de584c!important}.light-red{color:#f8e5e4!important}.fill-light-red{background-color:#f8e5e4!important}.border-light-red{border-color:#f8e5e4!important}.border-top-light-red{border-top:1px solid;border-color:#f8e5e4!important}.border-right-light-red{border-right:1px solid;border-color:#f8e5e4!important}.border-bottom-light-red{border-bottom:1px solid;border-color:#f8e5e4!important}.border-left-light-red{border-left:1px solid;border-color:#f8e5e4!important}.blue{color:#5871a2!important}.fill-blue{background-color:#5871a2!important}.border-blue{border-color:#5871a2!important}.border-top-blue{border-top:1px solid;border-color:#5871a2!important}.border-right-blue{border-right:1px solid;border-color:#5871a2!important}.border-bottom-blue{border-bottom:1px solid;border-color:#5871a2!important}.border-left-blue{border-left:1px solid;border-color:#5871a2!important}.focus-blue{color:#23527c!important}.fill-focus-blue{background-color:#23527c!important}.border-focus-blue{border-color:#23527c!important}.border-top-focus-blue{border-top:1px solid;border-color:#23527c!important}.border-right-focus-blue{border-right:1px solid;border-color:#23527c!important}.border-bottom-focus-blue{border-bottom:1px solid;border-color:#23527c!important}.border-left-focus-blue{border-left:1px solid;border-color:#23527c!important}.dark-blue{color:#394256!important}.fill-dark-blue{background-color:#394256!important}.border-dark-blue{border-color:#394256!important}.border-top-dark-blue{border-top:1px solid;border-color:#394256!important}.border-right-dark-blue{border-right:1px solid;border-color:#394256!important}.border-bottom-dark-blue{border-bottom:1px solid;border-color:#394256!important}.border-left-dark-blue{border-left:1px solid;border-color:#394256!important}.light-blue{color:#e7effe!important}.fill-light-blue{background-color:#e7effe!important}.border-light-blue{border-color:#e7effe!important}.border-top-light-blue{border-top:1px solid;border-color:#e7effe!important}.border-right-light-blue{border-right:1px solid;border-color:#e7effe!important}.border-bottom-light-blue{border-bottom:1px solid;border-color:#e7effe!important}.border-left-light-blue{border-left:1px solid;border-color:#e7effe!important}.bright-blue{color:#1b68fa!important}.fill-bright-blue{background-color:#1b68fa!important}.border-bright-blue{border-color:#1b68fa!important}.border-top-bright-blue{border-top:1px solid;border-color:#1b68fa!important}.border-right-bright-blue{border-right:1px solid;border-color:#1b68fa!important}.border-bottom-bright-blue{border-bottom:1px solid;border-color:#1b68fa!important}.border-left-bright-blue{border-left:1px solid;border-color:#1b68fa!important}.admin-black{color:#01010a!important}.fill-admin-black{background-color:#01010a!important}.border-admin-black{border-color:#01010a!important}.border-top-admin-black{border-top:1px solid;border-color:#01010a!important}.border-right-admin-black{border-right:1px solid;border-color:#01010a!important}.border-bottom-admin-black{border-bottom:1px solid;border-color:#01010a!important}.border-left-admin-black{border-left:1px solid;border-color:#01010a!important}.accent-purple{color:#b080fc!important}.fill-accent-purple{background-color:#b080fc!important}.border-accent-purple{border-color:#b080fc!important}.border-top-accent-purple{border-top:1px solid;border-color:#b080fc!important}.border-right-accent-purple{border-right:1px solid;border-color:#b080fc!important}.border-bottom-accent-purple{border-bottom:1px solid;border-color:#b080fc!important}.border-left-accent-purple{border-left:1px solid;border-color:#b080fc!important}.grey{color:#58595b!important}.fill-grey{background-color:#58595b!important}.border-grey{border-color:#58595b!important}.border-top-grey{border-top:1px solid;border-color:#58595b!important}.border-right-grey{border-right:1px solid;border-color:#58595b!important}.border-bottom-grey{border-bottom:1px solid;border-color:#58595b!important}.border-left-grey{border-left:1px solid;border-color:#58595b!important}.soft-grey{color:#dddede!important}.fill-soft-grey{background-color:#dddede!important}.border-soft-grey{border-color:#dddede!important}.border-top-soft-grey{border-top:1px solid;border-color:#dddede!important}.border-right-soft-grey{border-right:1px solid;border-color:#dddede!important}.border-bottom-soft-grey{border-bottom:1px solid;border-color:#dddede!important}.border-left-soft-grey{border-left:1px solid;border-color:#dddede!important}.light-grey{color:#eee!important}.fill-light-grey{background-color:#eee!important}.border-light-grey{border-color:#eee!important}.border-top-light-grey{border-top:1px solid;border-color:#eee!important}.border-right-light-grey{border-right:1px solid;border-color:#eee!important}.border-bottom-light-grey{border-bottom:1px solid;border-color:#eee!important}.border-left-light-grey{border-left:1px solid;border-color:#eee!important}.medium-grey{color:#ccc!important}.fill-medium-grey{background-color:#ccc!important}.border-medium-grey{border-color:#ccc!important}.border-top-medium-grey{border-top:1px solid;border-color:#ccc!important}.border-right-medium-grey{border-right:1px solid;border-color:#ccc!important}.border-bottom-medium-grey{border-bottom:1px solid;border-color:#ccc!important}.border-left-medium-grey{border-left:1px solid;border-color:#ccc!important}.medium-dark-grey{color:#999!important}.fill-medium-dark-grey{background-color:#999!important}.border-medium-dark-grey{border-color:#999!important}.border-top-medium-dark-grey{border-top:1px solid;border-color:#999!important}.border-right-medium-dark-grey{border-right:1px solid;border-color:#999!important}.border-bottom-medium-dark-grey{border-bottom:1px solid;border-color:#999!important}.border-left-medium-dark-grey{border-left:1px solid;border-color:#999!important}.dark-grey{color:#222!important}.fill-dark-grey{background-color:#222!important}.border-dark-grey{border-color:#222!important}.border-top-dark-grey{border-top:1px solid;border-color:#222!important}.border-right-dark-grey{border-right:1px solid;border-color:#222!important}.border-bottom-dark-grey{border-bottom:1px solid;border-color:#222!important}.border-left-dark-grey{border-left:1px solid;border-color:#222!important}.shuttle-gray{color:#5d6877!important}.fill-shuttle-gray{background-color:#5d6877!important}.border-shuttle-gray{border-color:#5d6877!important}.border-top-shuttle-gray{border-top:1px solid;border-color:#5d6877!important}.border-right-shuttle-gray{border-right:1px solid;border-color:#5d6877!important}.border-bottom-shuttle-gray{border-bottom:1px solid;border-color:#5d6877!important}.border-left-shuttle-gray{border-left:1px solid;border-color:#5d6877!important}.gull-gray{color:#9ea8b5!important}.fill-gull-gray{background-color:#9ea8b5!important}.border-gull-gray{border-color:#9ea8b5!important}.border-top-gull-gray{border-top:1px solid;border-color:#9ea8b5!important}.border-right-gull-gray{border-right:1px solid;border-color:#9ea8b5!important}.border-bottom-gull-gray{border-bottom:1px solid;border-color:#9ea8b5!important}.border-left-gull-gray{border-left:1px solid;border-color:#9ea8b5!important}.soft-blue{color:#eff1f5!important}.fill-soft-blue{background-color:#eff1f5!important}.border-soft-blue{border-color:#eff1f5!important}.border-top-soft-blue{border-top:1px solid;border-color:#eff1f5!important}.border-right-soft-blue{border-right:1px solid;border-color:#eff1f5!important}.border-bottom-soft-blue{border-bottom:1px solid;border-color:#eff1f5!important}.border-left-soft-blue{border-left:1px solid;border-color:#eff1f5!important}.dark-soft-blue{color:#e9ecf1!important}.fill-dark-soft-blue{background-color:#e9ecf1!important}.border-dark-soft-blue{border-color:#e9ecf1!important}.border-top-dark-soft-blue{border-top:1px solid;border-color:#e9ecf1!important}.border-right-dark-soft-blue{border-right:1px solid;border-color:#e9ecf1!important}.border-bottom-dark-soft-blue{border-bottom:1px solid;border-color:#e9ecf1!important}.border-left-dark-soft-blue{border-left:1px solid;border-color:#e9ecf1!important}.darker-soft-blue{color:#e6e9ef!important}.fill-darker-soft-blue{background-color:#e6e9ef!important}.border-darker-soft-blue{border-color:#e6e9ef!important}.border-top-darker-soft-blue{border-top:1px solid;border-color:#e6e9ef!important}.border-right-darker-soft-blue{border-right:1px solid;border-color:#e6e9ef!important}.border-bottom-darker-soft-blue{border-bottom:1px solid;border-color:#e6e9ef!important}.border-left-darker-soft-blue{border-left:1px solid;border-color:#e6e9ef!important}.light-soft-blue{color:#e9ecf1!important}.fill-light-soft-blue{background-color:#e9ecf1!important}.border-light-soft-blue{border-color:#e9ecf1!important}.border-top-light-soft-blue{border-top:1px solid;border-color:#e9ecf1!important}.border-right-light-soft-blue{border-right:1px solid;border-color:#e9ecf1!important}.border-bottom-light-soft-blue{border-bottom:1px solid;border-color:#e9ecf1!important}.border-left-light-soft-blue{border-left:1px solid;border-color:#e9ecf1!important}.lighter-soft-blue{color:#e6e9ef!important}.fill-lighter-soft-blue{background-color:#e6e9ef!important}.border-lighter-soft-blue{border-color:#e6e9ef!important}.border-top-lighter-soft-blue{border-top:1px solid;border-color:#e6e9ef!important}.border-right-lighter-soft-blue{border-right:1px solid;border-color:#e6e9ef!important}.border-bottom-lighter-soft-blue{border-bottom:1px solid;border-color:#e6e9ef!important}.border-left-lighter-soft-blue{border-left:1px solid;border-color:#e6e9ef!important}.eucalyptus{color:#1b9e4b!important}.fill-eucalyptus{background-color:#1b9e4b!important}.border-eucalyptus{border-color:#1b9e4b!important}.border-top-eucalyptus{border-top:1px solid;border-color:#1b9e4b!important}.border-right-eucalyptus{border-right:1px solid;border-color:#1b9e4b!important}.border-bottom-eucalyptus{border-bottom:1px solid;border-color:#1b9e4b!important}.border-left-eucalyptus{border-left:1px solid;border-color:#1b9e4b!important}.gamboge{color:#dd8e0a!important}.fill-gamboge{background-color:#dd8e0a!important}.border-gamboge{border-color:#dd8e0a!important}.border-top-gamboge{border-top:1px solid;border-color:#dd8e0a!important}.border-right-gamboge{border-right:1px solid;border-color:#dd8e0a!important}.border-bottom-gamboge{border-bottom:1px solid;border-color:#dd8e0a!important}.border-left-gamboge{border-left:1px solid;border-color:#dd8e0a!important}.valencia{color:#d73d3d!important}.fill-valencia{background-color:#d73d3d!important}.border-valencia{border-color:#d73d3d!important}.border-top-valencia{border-top:1px solid;border-color:#d73d3d!important}.border-right-valencia{border-right:1px solid;border-color:#d73d3d!important}.border-bottom-valencia{border-bottom:1px solid;border-color:#d73d3d!important}.border-left-valencia{border-left:1px solid;border-color:#d73d3d!important}:host{display:inline-block;position:relative}:host button{border:none;min-height:inherit;min-width:inherit;border-radius:8px;background:none;padding:0;display:flex;align-items:center;justify-content:center}:host button:hover{border:none;cursor:pointer}:host button:disabled{cursor:not-allowed}:host .primary-button:hover,:host .info-button:hover{background:var(--primary-hover)}:host .primary-button:focus,:host .info-button:focus{background:var(--primary-focus)}:host .primary-button.selected-button,:host .info-button.selected-button{background-color:var(--primary-base)}:host .primary-button fw-icon,:host .info-button fw-icon{color:var(--primary-base)}:host .secondary-button:hover{background:var(--secondary-hover)}:host .secondary-button:focus{background:var(--secondary-focus)}:host .secondary-button.selected-button{background-color:var(--secondary-base)}:host .secondary-button fw-icon{color:var(--secondary-base)}:host .slate-button:hover{background:var(--slate-hover)}:host .slate-button:focus{background:var(--slate-focus)}:host .slate-button.selected-button{background-color:var(--typography-muted)}:host .slate-button fw-icon{color:var(--typography-muted)}:host .light-slate-button:hover{background:var(--slate-hover)}:host .light-slate-button:focus{background:var(--slate-focus)}:host .light-slate-button.selected-button{background-color:var(--typography-muted)}:host .light-slate-button fw-icon{color:var(--typography-light)}:host .overlay-button:hover{background:var(--slate-hover)}:host .overlay-button:focus{background:var(--slate-focus)}:host .overlay-button.selected-button{background-color:var(--typography-muted)}:host .overlay-button fw-icon{color:var(--typography-contrast)}:host .red-button:hover,:host .error-button:hover{background:var(--red-hover)}:host .red-button:focus,:host .error-button:focus{background:var(--red-focus)}:host .red-button.selected-button,:host .error-button.selected-button{background-color:var(--red-base)}:host .red-button fw-icon,:host .error-button fw-icon{color:var(--red-base)}:host .orange-button:hover,:host .warning-button:hover{background:var(--orange-hover)}:host .orange-button:focus,:host .warning-button:focus{background:var(--orange-focus)}:host .orange-button.selected-button,:host .warning-button.selected-button{background-color:var(--orange-base)}:host .orange-button fw-icon,:host .warning-button fw-icon{color:var(--orange-base)}:host .green-button:hover,:host .success-button:hover{background:var(--green-hover)}:host .green-button:focus,:host .success-button:focus{background:var(--green-focus)}:host .green-button.selected-button,:host .success-button.selected-button{background-color:var(--green-base)}:host .green-button fw-icon,:host .success-button fw-icon{color:var(--green-base)}:host .selected-button fw-icon{color:var(--typography-contrast)}:host button:disabled:hover{background:none}:host button:disabled:focus{background:none}:host button:disabled fw-icon{color:var(--typography-muted);opacity:.2}:host button:disabled.selected-button{background-color:var(--typography-light)!important}:host button:disabled.selected-button fw-icon{color:var(--typography-contrast)!important}:host.small{min-height:30px;min-width:30px}:host.small fw-icon{font-size:22px}:host.medium{min-height:36px;min-width:36px}:host.medium fw-icon{font-size:24px}:host.large{min-height:40px;min-width:40px}:host.large fw-icon{font-size:28px}\n"], dependencies: [{ kind: "component", type: i1.FwIconComponent, selector: "fw-icon" }] });
+FwIconButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: FwIconButtonComponent, selector: "fw-icon-button", inputs: { color: "color", icon: "icon", size: "size", disabled: "disabled", selected: "selected" }, host: { properties: { "attr.class": "this.classes", "tabindex": "this.tabindex" } }, ngImport: i0, template: "<button [disabled]=\"disabled\"\n        [class]=\"color + '-button'\"\n        [class.selected-button]=\"selected\"\n        [tabindex]=\"tabindex\">\n    <fw-icon>{{ icon }}</fw-icon>\n</button>\n", styles: [".white{color:#fff!important}.fill-white{background-color:#fff!important}.border-white{border-color:#fff!important}.border-top-white{border-top:1px solid;border-color:#fff!important}.border-right-white{border-right:1px solid;border-color:#fff!important}.border-bottom-white{border-bottom:1px solid;border-color:#fff!important}.border-left-white{border-left:1px solid;border-color:#fff!important}.black{color:#000!important}.fill-black{background-color:#000!important}.border-black{border-color:#000!important}.border-top-black{border-top:1px solid;border-color:#000!important}.border-right-black{border-right:1px solid;border-color:#000!important}.border-bottom-black{border-bottom:1px solid;border-color:#000!important}.border-left-black{border-left:1px solid;border-color:#000!important}.green{color:#59b96b!important}.fill-green{background-color:#59b96b!important}.border-green{border-color:#59b96b!important}.border-top-green{border-top:1px solid;border-color:#59b96b!important}.border-right-green{border-right:1px solid;border-color:#59b96b!important}.border-bottom-green{border-bottom:1px solid;border-color:#59b96b!important}.border-left-green{border-left:1px solid;border-color:#59b96b!important}.orange{color:#f7941d!important}.fill-orange{background-color:#f7941d!important}.border-orange{border-color:#f7941d!important}.border-top-orange{border-top:1px solid;border-color:#f7941d!important}.border-right-orange{border-right:1px solid;border-color:#f7941d!important}.border-bottom-orange{border-bottom:1px solid;border-color:#f7941d!important}.border-left-orange{border-left:1px solid;border-color:#f7941d!important}.red{color:#de584c!important}.fill-red{background-color:#de584c!important}.border-red{border-color:#de584c!important}.border-top-red{border-top:1px solid;border-color:#de584c!important}.border-right-red{border-right:1px solid;border-color:#de584c!important}.border-bottom-red{border-bottom:1px solid;border-color:#de584c!important}.border-left-red{border-left:1px solid;border-color:#de584c!important}.light-red{color:#f8e5e4!important}.fill-light-red{background-color:#f8e5e4!important}.border-light-red{border-color:#f8e5e4!important}.border-top-light-red{border-top:1px solid;border-color:#f8e5e4!important}.border-right-light-red{border-right:1px solid;border-color:#f8e5e4!important}.border-bottom-light-red{border-bottom:1px solid;border-color:#f8e5e4!important}.border-left-light-red{border-left:1px solid;border-color:#f8e5e4!important}.blue{color:#5871a2!important}.fill-blue{background-color:#5871a2!important}.border-blue{border-color:#5871a2!important}.border-top-blue{border-top:1px solid;border-color:#5871a2!important}.border-right-blue{border-right:1px solid;border-color:#5871a2!important}.border-bottom-blue{border-bottom:1px solid;border-color:#5871a2!important}.border-left-blue{border-left:1px solid;border-color:#5871a2!important}.focus-blue{color:#23527c!important}.fill-focus-blue{background-color:#23527c!important}.border-focus-blue{border-color:#23527c!important}.border-top-focus-blue{border-top:1px solid;border-color:#23527c!important}.border-right-focus-blue{border-right:1px solid;border-color:#23527c!important}.border-bottom-focus-blue{border-bottom:1px solid;border-color:#23527c!important}.border-left-focus-blue{border-left:1px solid;border-color:#23527c!important}.dark-blue{color:#394256!important}.fill-dark-blue{background-color:#394256!important}.border-dark-blue{border-color:#394256!important}.border-top-dark-blue{border-top:1px solid;border-color:#394256!important}.border-right-dark-blue{border-right:1px solid;border-color:#394256!important}.border-bottom-dark-blue{border-bottom:1px solid;border-color:#394256!important}.border-left-dark-blue{border-left:1px solid;border-color:#394256!important}.light-blue{color:#e7effe!important}.fill-light-blue{background-color:#e7effe!important}.border-light-blue{border-color:#e7effe!important}.border-top-light-blue{border-top:1px solid;border-color:#e7effe!important}.border-right-light-blue{border-right:1px solid;border-color:#e7effe!important}.border-bottom-light-blue{border-bottom:1px solid;border-color:#e7effe!important}.border-left-light-blue{border-left:1px solid;border-color:#e7effe!important}.bright-blue{color:#1b68fa!important}.fill-bright-blue{background-color:#1b68fa!important}.border-bright-blue{border-color:#1b68fa!important}.border-top-bright-blue{border-top:1px solid;border-color:#1b68fa!important}.border-right-bright-blue{border-right:1px solid;border-color:#1b68fa!important}.border-bottom-bright-blue{border-bottom:1px solid;border-color:#1b68fa!important}.border-left-bright-blue{border-left:1px solid;border-color:#1b68fa!important}.admin-black{color:#01010a!important}.fill-admin-black{background-color:#01010a!important}.border-admin-black{border-color:#01010a!important}.border-top-admin-black{border-top:1px solid;border-color:#01010a!important}.border-right-admin-black{border-right:1px solid;border-color:#01010a!important}.border-bottom-admin-black{border-bottom:1px solid;border-color:#01010a!important}.border-left-admin-black{border-left:1px solid;border-color:#01010a!important}.accent-purple{color:#b080fc!important}.fill-accent-purple{background-color:#b080fc!important}.border-accent-purple{border-color:#b080fc!important}.border-top-accent-purple{border-top:1px solid;border-color:#b080fc!important}.border-right-accent-purple{border-right:1px solid;border-color:#b080fc!important}.border-bottom-accent-purple{border-bottom:1px solid;border-color:#b080fc!important}.border-left-accent-purple{border-left:1px solid;border-color:#b080fc!important}.grey{color:#58595b!important}.fill-grey{background-color:#58595b!important}.border-grey{border-color:#58595b!important}.border-top-grey{border-top:1px solid;border-color:#58595b!important}.border-right-grey{border-right:1px solid;border-color:#58595b!important}.border-bottom-grey{border-bottom:1px solid;border-color:#58595b!important}.border-left-grey{border-left:1px solid;border-color:#58595b!important}.soft-grey{color:#dddede!important}.fill-soft-grey{background-color:#dddede!important}.border-soft-grey{border-color:#dddede!important}.border-top-soft-grey{border-top:1px solid;border-color:#dddede!important}.border-right-soft-grey{border-right:1px solid;border-color:#dddede!important}.border-bottom-soft-grey{border-bottom:1px solid;border-color:#dddede!important}.border-left-soft-grey{border-left:1px solid;border-color:#dddede!important}.light-grey{color:#eee!important}.fill-light-grey{background-color:#eee!important}.border-light-grey{border-color:#eee!important}.border-top-light-grey{border-top:1px solid;border-color:#eee!important}.border-right-light-grey{border-right:1px solid;border-color:#eee!important}.border-bottom-light-grey{border-bottom:1px solid;border-color:#eee!important}.border-left-light-grey{border-left:1px solid;border-color:#eee!important}.medium-grey{color:#ccc!important}.fill-medium-grey{background-color:#ccc!important}.border-medium-grey{border-color:#ccc!important}.border-top-medium-grey{border-top:1px solid;border-color:#ccc!important}.border-right-medium-grey{border-right:1px solid;border-color:#ccc!important}.border-bottom-medium-grey{border-bottom:1px solid;border-color:#ccc!important}.border-left-medium-grey{border-left:1px solid;border-color:#ccc!important}.medium-dark-grey{color:#999!important}.fill-medium-dark-grey{background-color:#999!important}.border-medium-dark-grey{border-color:#999!important}.border-top-medium-dark-grey{border-top:1px solid;border-color:#999!important}.border-right-medium-dark-grey{border-right:1px solid;border-color:#999!important}.border-bottom-medium-dark-grey{border-bottom:1px solid;border-color:#999!important}.border-left-medium-dark-grey{border-left:1px solid;border-color:#999!important}.dark-grey{color:#222!important}.fill-dark-grey{background-color:#222!important}.border-dark-grey{border-color:#222!important}.border-top-dark-grey{border-top:1px solid;border-color:#222!important}.border-right-dark-grey{border-right:1px solid;border-color:#222!important}.border-bottom-dark-grey{border-bottom:1px solid;border-color:#222!important}.border-left-dark-grey{border-left:1px solid;border-color:#222!important}.shuttle-gray{color:#5d6877!important}.fill-shuttle-gray{background-color:#5d6877!important}.border-shuttle-gray{border-color:#5d6877!important}.border-top-shuttle-gray{border-top:1px solid;border-color:#5d6877!important}.border-right-shuttle-gray{border-right:1px solid;border-color:#5d6877!important}.border-bottom-shuttle-gray{border-bottom:1px solid;border-color:#5d6877!important}.border-left-shuttle-gray{border-left:1px solid;border-color:#5d6877!important}.gull-gray{color:#9ea8b5!important}.fill-gull-gray{background-color:#9ea8b5!important}.border-gull-gray{border-color:#9ea8b5!important}.border-top-gull-gray{border-top:1px solid;border-color:#9ea8b5!important}.border-right-gull-gray{border-right:1px solid;border-color:#9ea8b5!important}.border-bottom-gull-gray{border-bottom:1px solid;border-color:#9ea8b5!important}.border-left-gull-gray{border-left:1px solid;border-color:#9ea8b5!important}.soft-blue{color:#eff1f5!important}.fill-soft-blue{background-color:#eff1f5!important}.border-soft-blue{border-color:#eff1f5!important}.border-top-soft-blue{border-top:1px solid;border-color:#eff1f5!important}.border-right-soft-blue{border-right:1px solid;border-color:#eff1f5!important}.border-bottom-soft-blue{border-bottom:1px solid;border-color:#eff1f5!important}.border-left-soft-blue{border-left:1px solid;border-color:#eff1f5!important}.dark-soft-blue{color:#e9ecf1!important}.fill-dark-soft-blue{background-color:#e9ecf1!important}.border-dark-soft-blue{border-color:#e9ecf1!important}.border-top-dark-soft-blue{border-top:1px solid;border-color:#e9ecf1!important}.border-right-dark-soft-blue{border-right:1px solid;border-color:#e9ecf1!important}.border-bottom-dark-soft-blue{border-bottom:1px solid;border-color:#e9ecf1!important}.border-left-dark-soft-blue{border-left:1px solid;border-color:#e9ecf1!important}.darker-soft-blue{color:#e6e9ef!important}.fill-darker-soft-blue{background-color:#e6e9ef!important}.border-darker-soft-blue{border-color:#e6e9ef!important}.border-top-darker-soft-blue{border-top:1px solid;border-color:#e6e9ef!important}.border-right-darker-soft-blue{border-right:1px solid;border-color:#e6e9ef!important}.border-bottom-darker-soft-blue{border-bottom:1px solid;border-color:#e6e9ef!important}.border-left-darker-soft-blue{border-left:1px solid;border-color:#e6e9ef!important}.light-soft-blue{color:#e9ecf1!important}.fill-light-soft-blue{background-color:#e9ecf1!important}.border-light-soft-blue{border-color:#e9ecf1!important}.border-top-light-soft-blue{border-top:1px solid;border-color:#e9ecf1!important}.border-right-light-soft-blue{border-right:1px solid;border-color:#e9ecf1!important}.border-bottom-light-soft-blue{border-bottom:1px solid;border-color:#e9ecf1!important}.border-left-light-soft-blue{border-left:1px solid;border-color:#e9ecf1!important}.lighter-soft-blue{color:#e6e9ef!important}.fill-lighter-soft-blue{background-color:#e6e9ef!important}.border-lighter-soft-blue{border-color:#e6e9ef!important}.border-top-lighter-soft-blue{border-top:1px solid;border-color:#e6e9ef!important}.border-right-lighter-soft-blue{border-right:1px solid;border-color:#e6e9ef!important}.border-bottom-lighter-soft-blue{border-bottom:1px solid;border-color:#e6e9ef!important}.border-left-lighter-soft-blue{border-left:1px solid;border-color:#e6e9ef!important}.eucalyptus{color:#1b9e4b!important}.fill-eucalyptus{background-color:#1b9e4b!important}.border-eucalyptus{border-color:#1b9e4b!important}.border-top-eucalyptus{border-top:1px solid;border-color:#1b9e4b!important}.border-right-eucalyptus{border-right:1px solid;border-color:#1b9e4b!important}.border-bottom-eucalyptus{border-bottom:1px solid;border-color:#1b9e4b!important}.border-left-eucalyptus{border-left:1px solid;border-color:#1b9e4b!important}.gamboge{color:#dd8e0a!important}.fill-gamboge{background-color:#dd8e0a!important}.border-gamboge{border-color:#dd8e0a!important}.border-top-gamboge{border-top:1px solid;border-color:#dd8e0a!important}.border-right-gamboge{border-right:1px solid;border-color:#dd8e0a!important}.border-bottom-gamboge{border-bottom:1px solid;border-color:#dd8e0a!important}.border-left-gamboge{border-left:1px solid;border-color:#dd8e0a!important}.valencia{color:#d73d3d!important}.fill-valencia{background-color:#d73d3d!important}.border-valencia{border-color:#d73d3d!important}.border-top-valencia{border-top:1px solid;border-color:#d73d3d!important}.border-right-valencia{border-right:1px solid;border-color:#d73d3d!important}.border-bottom-valencia{border-bottom:1px solid;border-color:#d73d3d!important}.border-left-valencia{border-left:1px solid;border-color:#d73d3d!important}:host{display:inline-block;position:relative}:host button{border:none;min-height:inherit;min-width:inherit;border-radius:8px;background:none;padding:0;display:flex;align-items:center;justify-content:center}:host button:hover{border:none;cursor:pointer}:host .primary-button:hover,:host .info-button:hover{background:var(--primary-hover)}:host .primary-button:focus,:host .info-button:focus{background:var(--primary-focus)}:host .primary-button.selected-button,:host .info-button.selected-button{background-color:var(--primary-base)}:host .primary-button fw-icon,:host .info-button fw-icon{color:var(--primary-base)}:host .secondary-button:hover{background:var(--secondary-hover)}:host .secondary-button:focus{background:var(--secondary-focus)}:host .secondary-button.selected-button{background-color:var(--secondary-base)}:host .secondary-button fw-icon{color:var(--secondary-base)}:host .slate-button:hover{background:var(--slate-hover)}:host .slate-button:focus{background:var(--slate-focus)}:host .slate-button.selected-button{background-color:var(--typography-muted)}:host .slate-button fw-icon{color:var(--typography-muted)}:host .light-slate-button:hover{background:var(--slate-hover)}:host .light-slate-button:focus{background:var(--slate-focus)}:host .light-slate-button.selected-button{background-color:var(--typography-muted)}:host .light-slate-button fw-icon{color:var(--typography-light)}:host .overlay-button:hover{background:var(--slate-hover)}:host .overlay-button:focus{background:var(--slate-focus)}:host .overlay-button.selected-button{background-color:var(--typography-muted)}:host .overlay-button fw-icon{color:var(--typography-contrast)}:host .red-button:hover,:host .error-button:hover{background:var(--red-hover)}:host .red-button:focus,:host .error-button:focus{background:var(--red-focus)}:host .red-button.selected-button,:host .error-button.selected-button{background-color:var(--red-base)}:host .red-button fw-icon,:host .error-button fw-icon{color:var(--red-base)}:host .orange-button:hover,:host .warning-button:hover{background:var(--orange-hover)}:host .orange-button:focus,:host .warning-button:focus{background:var(--orange-focus)}:host .orange-button.selected-button,:host .warning-button.selected-button{background-color:var(--orange-base)}:host .orange-button fw-icon,:host .warning-button fw-icon{color:var(--orange-base)}:host .green-button:hover,:host .success-button:hover{background:var(--green-hover)}:host .green-button:focus,:host .success-button:focus{background:var(--green-focus)}:host .green-button.selected-button,:host .success-button.selected-button{background-color:var(--green-base)}:host .green-button fw-icon,:host .success-button fw-icon{color:var(--green-base)}:host .selected-button fw-icon{color:var(--typography-contrast)}:host button:disabled{cursor:not-allowed}:host button:disabled:hover{background:none}:host button:disabled:focus{background:none}:host button:disabled fw-icon{color:var(--typography-muted);opacity:.2}:host button:disabled.selected-button{background-color:var(--typography-light)!important}:host button:disabled.selected-button fw-icon{color:var(--typography-contrast)!important}:host.small{min-height:30px;min-width:30px}:host.small fw-icon{font-size:22px}:host.medium{min-height:36px;min-width:36px}:host.medium fw-icon{font-size:24px}:host.large{min-height:40px;min-width:40px}:host.large fw-icon{font-size:28px}\n"], dependencies: [{ kind: "component", type: i1.FwIconComponent, selector: "fw-icon" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwIconButtonComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'fw-icon-button', template: "<button [disabled]=\"disabled\"\n        [class]=\"color + '-button'\"\n        [class.selected-button]=\"selected\">\n    <fw-icon>{{ icon }}</fw-icon>\n</button>\n", styles: [".white{color:#fff!important}.fill-white{background-color:#fff!important}.border-white{border-color:#fff!important}.border-top-white{border-top:1px solid;border-color:#fff!important}.border-right-white{border-right:1px solid;border-color:#fff!important}.border-bottom-white{border-bottom:1px solid;border-color:#fff!important}.border-left-white{border-left:1px solid;border-color:#fff!important}.black{color:#000!important}.fill-black{background-color:#000!important}.border-black{border-color:#000!important}.border-top-black{border-top:1px solid;border-color:#000!important}.border-right-black{border-right:1px solid;border-color:#000!important}.border-bottom-black{border-bottom:1px solid;border-color:#000!important}.border-left-black{border-left:1px solid;border-color:#000!important}.green{color:#59b96b!important}.fill-green{background-color:#59b96b!important}.border-green{border-color:#59b96b!important}.border-top-green{border-top:1px solid;border-color:#59b96b!important}.border-right-green{border-right:1px solid;border-color:#59b96b!important}.border-bottom-green{border-bottom:1px solid;border-color:#59b96b!important}.border-left-green{border-left:1px solid;border-color:#59b96b!important}.orange{color:#f7941d!important}.fill-orange{background-color:#f7941d!important}.border-orange{border-color:#f7941d!important}.border-top-orange{border-top:1px solid;border-color:#f7941d!important}.border-right-orange{border-right:1px solid;border-color:#f7941d!important}.border-bottom-orange{border-bottom:1px solid;border-color:#f7941d!important}.border-left-orange{border-left:1px solid;border-color:#f7941d!important}.red{color:#de584c!important}.fill-red{background-color:#de584c!important}.border-red{border-color:#de584c!important}.border-top-red{border-top:1px solid;border-color:#de584c!important}.border-right-red{border-right:1px solid;border-color:#de584c!important}.border-bottom-red{border-bottom:1px solid;border-color:#de584c!important}.border-left-red{border-left:1px solid;border-color:#de584c!important}.light-red{color:#f8e5e4!important}.fill-light-red{background-color:#f8e5e4!important}.border-light-red{border-color:#f8e5e4!important}.border-top-light-red{border-top:1px solid;border-color:#f8e5e4!important}.border-right-light-red{border-right:1px solid;border-color:#f8e5e4!important}.border-bottom-light-red{border-bottom:1px solid;border-color:#f8e5e4!important}.border-left-light-red{border-left:1px solid;border-color:#f8e5e4!important}.blue{color:#5871a2!important}.fill-blue{background-color:#5871a2!important}.border-blue{border-color:#5871a2!important}.border-top-blue{border-top:1px solid;border-color:#5871a2!important}.border-right-blue{border-right:1px solid;border-color:#5871a2!important}.border-bottom-blue{border-bottom:1px solid;border-color:#5871a2!important}.border-left-blue{border-left:1px solid;border-color:#5871a2!important}.focus-blue{color:#23527c!important}.fill-focus-blue{background-color:#23527c!important}.border-focus-blue{border-color:#23527c!important}.border-top-focus-blue{border-top:1px solid;border-color:#23527c!important}.border-right-focus-blue{border-right:1px solid;border-color:#23527c!important}.border-bottom-focus-blue{border-bottom:1px solid;border-color:#23527c!important}.border-left-focus-blue{border-left:1px solid;border-color:#23527c!important}.dark-blue{color:#394256!important}.fill-dark-blue{background-color:#394256!important}.border-dark-blue{border-color:#394256!important}.border-top-dark-blue{border-top:1px solid;border-color:#394256!important}.border-right-dark-blue{border-right:1px solid;border-color:#394256!important}.border-bottom-dark-blue{border-bottom:1px solid;border-color:#394256!important}.border-left-dark-blue{border-left:1px solid;border-color:#394256!important}.light-blue{color:#e7effe!important}.fill-light-blue{background-color:#e7effe!important}.border-light-blue{border-color:#e7effe!important}.border-top-light-blue{border-top:1px solid;border-color:#e7effe!important}.border-right-light-blue{border-right:1px solid;border-color:#e7effe!important}.border-bottom-light-blue{border-bottom:1px solid;border-color:#e7effe!important}.border-left-light-blue{border-left:1px solid;border-color:#e7effe!important}.bright-blue{color:#1b68fa!important}.fill-bright-blue{background-color:#1b68fa!important}.border-bright-blue{border-color:#1b68fa!important}.border-top-bright-blue{border-top:1px solid;border-color:#1b68fa!important}.border-right-bright-blue{border-right:1px solid;border-color:#1b68fa!important}.border-bottom-bright-blue{border-bottom:1px solid;border-color:#1b68fa!important}.border-left-bright-blue{border-left:1px solid;border-color:#1b68fa!important}.admin-black{color:#01010a!important}.fill-admin-black{background-color:#01010a!important}.border-admin-black{border-color:#01010a!important}.border-top-admin-black{border-top:1px solid;border-color:#01010a!important}.border-right-admin-black{border-right:1px solid;border-color:#01010a!important}.border-bottom-admin-black{border-bottom:1px solid;border-color:#01010a!important}.border-left-admin-black{border-left:1px solid;border-color:#01010a!important}.accent-purple{color:#b080fc!important}.fill-accent-purple{background-color:#b080fc!important}.border-accent-purple{border-color:#b080fc!important}.border-top-accent-purple{border-top:1px solid;border-color:#b080fc!important}.border-right-accent-purple{border-right:1px solid;border-color:#b080fc!important}.border-bottom-accent-purple{border-bottom:1px solid;border-color:#b080fc!important}.border-left-accent-purple{border-left:1px solid;border-color:#b080fc!important}.grey{color:#58595b!important}.fill-grey{background-color:#58595b!important}.border-grey{border-color:#58595b!important}.border-top-grey{border-top:1px solid;border-color:#58595b!important}.border-right-grey{border-right:1px solid;border-color:#58595b!important}.border-bottom-grey{border-bottom:1px solid;border-color:#58595b!important}.border-left-grey{border-left:1px solid;border-color:#58595b!important}.soft-grey{color:#dddede!important}.fill-soft-grey{background-color:#dddede!important}.border-soft-grey{border-color:#dddede!important}.border-top-soft-grey{border-top:1px solid;border-color:#dddede!important}.border-right-soft-grey{border-right:1px solid;border-color:#dddede!important}.border-bottom-soft-grey{border-bottom:1px solid;border-color:#dddede!important}.border-left-soft-grey{border-left:1px solid;border-color:#dddede!important}.light-grey{color:#eee!important}.fill-light-grey{background-color:#eee!important}.border-light-grey{border-color:#eee!important}.border-top-light-grey{border-top:1px solid;border-color:#eee!important}.border-right-light-grey{border-right:1px solid;border-color:#eee!important}.border-bottom-light-grey{border-bottom:1px solid;border-color:#eee!important}.border-left-light-grey{border-left:1px solid;border-color:#eee!important}.medium-grey{color:#ccc!important}.fill-medium-grey{background-color:#ccc!important}.border-medium-grey{border-color:#ccc!important}.border-top-medium-grey{border-top:1px solid;border-color:#ccc!important}.border-right-medium-grey{border-right:1px solid;border-color:#ccc!important}.border-bottom-medium-grey{border-bottom:1px solid;border-color:#ccc!important}.border-left-medium-grey{border-left:1px solid;border-color:#ccc!important}.medium-dark-grey{color:#999!important}.fill-medium-dark-grey{background-color:#999!important}.border-medium-dark-grey{border-color:#999!important}.border-top-medium-dark-grey{border-top:1px solid;border-color:#999!important}.border-right-medium-dark-grey{border-right:1px solid;border-color:#999!important}.border-bottom-medium-dark-grey{border-bottom:1px solid;border-color:#999!important}.border-left-medium-dark-grey{border-left:1px solid;border-color:#999!important}.dark-grey{color:#222!important}.fill-dark-grey{background-color:#222!important}.border-dark-grey{border-color:#222!important}.border-top-dark-grey{border-top:1px solid;border-color:#222!important}.border-right-dark-grey{border-right:1px solid;border-color:#222!important}.border-bottom-dark-grey{border-bottom:1px solid;border-color:#222!important}.border-left-dark-grey{border-left:1px solid;border-color:#222!important}.shuttle-gray{color:#5d6877!important}.fill-shuttle-gray{background-color:#5d6877!important}.border-shuttle-gray{border-color:#5d6877!important}.border-top-shuttle-gray{border-top:1px solid;border-color:#5d6877!important}.border-right-shuttle-gray{border-right:1px solid;border-color:#5d6877!important}.border-bottom-shuttle-gray{border-bottom:1px solid;border-color:#5d6877!important}.border-left-shuttle-gray{border-left:1px solid;border-color:#5d6877!important}.gull-gray{color:#9ea8b5!important}.fill-gull-gray{background-color:#9ea8b5!important}.border-gull-gray{border-color:#9ea8b5!important}.border-top-gull-gray{border-top:1px solid;border-color:#9ea8b5!important}.border-right-gull-gray{border-right:1px solid;border-color:#9ea8b5!important}.border-bottom-gull-gray{border-bottom:1px solid;border-color:#9ea8b5!important}.border-left-gull-gray{border-left:1px solid;border-color:#9ea8b5!important}.soft-blue{color:#eff1f5!important}.fill-soft-blue{background-color:#eff1f5!important}.border-soft-blue{border-color:#eff1f5!important}.border-top-soft-blue{border-top:1px solid;border-color:#eff1f5!important}.border-right-soft-blue{border-right:1px solid;border-color:#eff1f5!important}.border-bottom-soft-blue{border-bottom:1px solid;border-color:#eff1f5!important}.border-left-soft-blue{border-left:1px solid;border-color:#eff1f5!important}.dark-soft-blue{color:#e9ecf1!important}.fill-dark-soft-blue{background-color:#e9ecf1!important}.border-dark-soft-blue{border-color:#e9ecf1!important}.border-top-dark-soft-blue{border-top:1px solid;border-color:#e9ecf1!important}.border-right-dark-soft-blue{border-right:1px solid;border-color:#e9ecf1!important}.border-bottom-dark-soft-blue{border-bottom:1px solid;border-color:#e9ecf1!important}.border-left-dark-soft-blue{border-left:1px solid;border-color:#e9ecf1!important}.darker-soft-blue{color:#e6e9ef!important}.fill-darker-soft-blue{background-color:#e6e9ef!important}.border-darker-soft-blue{border-color:#e6e9ef!important}.border-top-darker-soft-blue{border-top:1px solid;border-color:#e6e9ef!important}.border-right-darker-soft-blue{border-right:1px solid;border-color:#e6e9ef!important}.border-bottom-darker-soft-blue{border-bottom:1px solid;border-color:#e6e9ef!important}.border-left-darker-soft-blue{border-left:1px solid;border-color:#e6e9ef!important}.light-soft-blue{color:#e9ecf1!important}.fill-light-soft-blue{background-color:#e9ecf1!important}.border-light-soft-blue{border-color:#e9ecf1!important}.border-top-light-soft-blue{border-top:1px solid;border-color:#e9ecf1!important}.border-right-light-soft-blue{border-right:1px solid;border-color:#e9ecf1!important}.border-bottom-light-soft-blue{border-bottom:1px solid;border-color:#e9ecf1!important}.border-left-light-soft-blue{border-left:1px solid;border-color:#e9ecf1!important}.lighter-soft-blue{color:#e6e9ef!important}.fill-lighter-soft-blue{background-color:#e6e9ef!important}.border-lighter-soft-blue{border-color:#e6e9ef!important}.border-top-lighter-soft-blue{border-top:1px solid;border-color:#e6e9ef!important}.border-right-lighter-soft-blue{border-right:1px solid;border-color:#e6e9ef!important}.border-bottom-lighter-soft-blue{border-bottom:1px solid;border-color:#e6e9ef!important}.border-left-lighter-soft-blue{border-left:1px solid;border-color:#e6e9ef!important}.eucalyptus{color:#1b9e4b!important}.fill-eucalyptus{background-color:#1b9e4b!important}.border-eucalyptus{border-color:#1b9e4b!important}.border-top-eucalyptus{border-top:1px solid;border-color:#1b9e4b!important}.border-right-eucalyptus{border-right:1px solid;border-color:#1b9e4b!important}.border-bottom-eucalyptus{border-bottom:1px solid;border-color:#1b9e4b!important}.border-left-eucalyptus{border-left:1px solid;border-color:#1b9e4b!important}.gamboge{color:#dd8e0a!important}.fill-gamboge{background-color:#dd8e0a!important}.border-gamboge{border-color:#dd8e0a!important}.border-top-gamboge{border-top:1px solid;border-color:#dd8e0a!important}.border-right-gamboge{border-right:1px solid;border-color:#dd8e0a!important}.border-bottom-gamboge{border-bottom:1px solid;border-color:#dd8e0a!important}.border-left-gamboge{border-left:1px solid;border-color:#dd8e0a!important}.valencia{color:#d73d3d!important}.fill-valencia{background-color:#d73d3d!important}.border-valencia{border-color:#d73d3d!important}.border-top-valencia{border-top:1px solid;border-color:#d73d3d!important}.border-right-valencia{border-right:1px solid;border-color:#d73d3d!important}.border-bottom-valencia{border-bottom:1px solid;border-color:#d73d3d!important}.border-left-valencia{border-left:1px solid;border-color:#d73d3d!important}:host{display:inline-block;position:relative}:host button{border:none;min-height:inherit;min-width:inherit;border-radius:8px;background:none;padding:0;display:flex;align-items:center;justify-content:center}:host button:hover{border:none;cursor:pointer}:host button:disabled{cursor:not-allowed}:host .primary-button:hover,:host .info-button:hover{background:var(--primary-hover)}:host .primary-button:focus,:host .info-button:focus{background:var(--primary-focus)}:host .primary-button.selected-button,:host .info-button.selected-button{background-color:var(--primary-base)}:host .primary-button fw-icon,:host .info-button fw-icon{color:var(--primary-base)}:host .secondary-button:hover{background:var(--secondary-hover)}:host .secondary-button:focus{background:var(--secondary-focus)}:host .secondary-button.selected-button{background-color:var(--secondary-base)}:host .secondary-button fw-icon{color:var(--secondary-base)}:host .slate-button:hover{background:var(--slate-hover)}:host .slate-button:focus{background:var(--slate-focus)}:host .slate-button.selected-button{background-color:var(--typography-muted)}:host .slate-button fw-icon{color:var(--typography-muted)}:host .light-slate-button:hover{background:var(--slate-hover)}:host .light-slate-button:focus{background:var(--slate-focus)}:host .light-slate-button.selected-button{background-color:var(--typography-muted)}:host .light-slate-button fw-icon{color:var(--typography-light)}:host .overlay-button:hover{background:var(--slate-hover)}:host .overlay-button:focus{background:var(--slate-focus)}:host .overlay-button.selected-button{background-color:var(--typography-muted)}:host .overlay-button fw-icon{color:var(--typography-contrast)}:host .red-button:hover,:host .error-button:hover{background:var(--red-hover)}:host .red-button:focus,:host .error-button:focus{background:var(--red-focus)}:host .red-button.selected-button,:host .error-button.selected-button{background-color:var(--red-base)}:host .red-button fw-icon,:host .error-button fw-icon{color:var(--red-base)}:host .orange-button:hover,:host .warning-button:hover{background:var(--orange-hover)}:host .orange-button:focus,:host .warning-button:focus{background:var(--orange-focus)}:host .orange-button.selected-button,:host .warning-button.selected-button{background-color:var(--orange-base)}:host .orange-button fw-icon,:host .warning-button fw-icon{color:var(--orange-base)}:host .green-button:hover,:host .success-button:hover{background:var(--green-hover)}:host .green-button:focus,:host .success-button:focus{background:var(--green-focus)}:host .green-button.selected-button,:host .success-button.selected-button{background-color:var(--green-base)}:host .green-button fw-icon,:host .success-button fw-icon{color:var(--green-base)}:host .selected-button fw-icon{color:var(--typography-contrast)}:host button:disabled:hover{background:none}:host button:disabled:focus{background:none}:host button:disabled fw-icon{color:var(--typography-muted);opacity:.2}:host button:disabled.selected-button{background-color:var(--typography-light)!important}:host button:disabled.selected-button fw-icon{color:var(--typography-contrast)!important}:host.small{min-height:30px;min-width:30px}:host.small fw-icon{font-size:22px}:host.medium{min-height:36px;min-width:36px}:host.medium fw-icon{font-size:24px}:host.large{min-height:40px;min-width:40px}:host.large fw-icon{font-size:28px}\n"] }]
+            args: [{ selector: 'fw-icon-button', template: "<button [disabled]=\"disabled\"\n        [class]=\"color + '-button'\"\n        [class.selected-button]=\"selected\"\n        [tabindex]=\"tabindex\">\n    <fw-icon>{{ icon }}</fw-icon>\n</button>\n", styles: [".white{color:#fff!important}.fill-white{background-color:#fff!important}.border-white{border-color:#fff!important}.border-top-white{border-top:1px solid;border-color:#fff!important}.border-right-white{border-right:1px solid;border-color:#fff!important}.border-bottom-white{border-bottom:1px solid;border-color:#fff!important}.border-left-white{border-left:1px solid;border-color:#fff!important}.black{color:#000!important}.fill-black{background-color:#000!important}.border-black{border-color:#000!important}.border-top-black{border-top:1px solid;border-color:#000!important}.border-right-black{border-right:1px solid;border-color:#000!important}.border-bottom-black{border-bottom:1px solid;border-color:#000!important}.border-left-black{border-left:1px solid;border-color:#000!important}.green{color:#59b96b!important}.fill-green{background-color:#59b96b!important}.border-green{border-color:#59b96b!important}.border-top-green{border-top:1px solid;border-color:#59b96b!important}.border-right-green{border-right:1px solid;border-color:#59b96b!important}.border-bottom-green{border-bottom:1px solid;border-color:#59b96b!important}.border-left-green{border-left:1px solid;border-color:#59b96b!important}.orange{color:#f7941d!important}.fill-orange{background-color:#f7941d!important}.border-orange{border-color:#f7941d!important}.border-top-orange{border-top:1px solid;border-color:#f7941d!important}.border-right-orange{border-right:1px solid;border-color:#f7941d!important}.border-bottom-orange{border-bottom:1px solid;border-color:#f7941d!important}.border-left-orange{border-left:1px solid;border-color:#f7941d!important}.red{color:#de584c!important}.fill-red{background-color:#de584c!important}.border-red{border-color:#de584c!important}.border-top-red{border-top:1px solid;border-color:#de584c!important}.border-right-red{border-right:1px solid;border-color:#de584c!important}.border-bottom-red{border-bottom:1px solid;border-color:#de584c!important}.border-left-red{border-left:1px solid;border-color:#de584c!important}.light-red{color:#f8e5e4!important}.fill-light-red{background-color:#f8e5e4!important}.border-light-red{border-color:#f8e5e4!important}.border-top-light-red{border-top:1px solid;border-color:#f8e5e4!important}.border-right-light-red{border-right:1px solid;border-color:#f8e5e4!important}.border-bottom-light-red{border-bottom:1px solid;border-color:#f8e5e4!important}.border-left-light-red{border-left:1px solid;border-color:#f8e5e4!important}.blue{color:#5871a2!important}.fill-blue{background-color:#5871a2!important}.border-blue{border-color:#5871a2!important}.border-top-blue{border-top:1px solid;border-color:#5871a2!important}.border-right-blue{border-right:1px solid;border-color:#5871a2!important}.border-bottom-blue{border-bottom:1px solid;border-color:#5871a2!important}.border-left-blue{border-left:1px solid;border-color:#5871a2!important}.focus-blue{color:#23527c!important}.fill-focus-blue{background-color:#23527c!important}.border-focus-blue{border-color:#23527c!important}.border-top-focus-blue{border-top:1px solid;border-color:#23527c!important}.border-right-focus-blue{border-right:1px solid;border-color:#23527c!important}.border-bottom-focus-blue{border-bottom:1px solid;border-color:#23527c!important}.border-left-focus-blue{border-left:1px solid;border-color:#23527c!important}.dark-blue{color:#394256!important}.fill-dark-blue{background-color:#394256!important}.border-dark-blue{border-color:#394256!important}.border-top-dark-blue{border-top:1px solid;border-color:#394256!important}.border-right-dark-blue{border-right:1px solid;border-color:#394256!important}.border-bottom-dark-blue{border-bottom:1px solid;border-color:#394256!important}.border-left-dark-blue{border-left:1px solid;border-color:#394256!important}.light-blue{color:#e7effe!important}.fill-light-blue{background-color:#e7effe!important}.border-light-blue{border-color:#e7effe!important}.border-top-light-blue{border-top:1px solid;border-color:#e7effe!important}.border-right-light-blue{border-right:1px solid;border-color:#e7effe!important}.border-bottom-light-blue{border-bottom:1px solid;border-color:#e7effe!important}.border-left-light-blue{border-left:1px solid;border-color:#e7effe!important}.bright-blue{color:#1b68fa!important}.fill-bright-blue{background-color:#1b68fa!important}.border-bright-blue{border-color:#1b68fa!important}.border-top-bright-blue{border-top:1px solid;border-color:#1b68fa!important}.border-right-bright-blue{border-right:1px solid;border-color:#1b68fa!important}.border-bottom-bright-blue{border-bottom:1px solid;border-color:#1b68fa!important}.border-left-bright-blue{border-left:1px solid;border-color:#1b68fa!important}.admin-black{color:#01010a!important}.fill-admin-black{background-color:#01010a!important}.border-admin-black{border-color:#01010a!important}.border-top-admin-black{border-top:1px solid;border-color:#01010a!important}.border-right-admin-black{border-right:1px solid;border-color:#01010a!important}.border-bottom-admin-black{border-bottom:1px solid;border-color:#01010a!important}.border-left-admin-black{border-left:1px solid;border-color:#01010a!important}.accent-purple{color:#b080fc!important}.fill-accent-purple{background-color:#b080fc!important}.border-accent-purple{border-color:#b080fc!important}.border-top-accent-purple{border-top:1px solid;border-color:#b080fc!important}.border-right-accent-purple{border-right:1px solid;border-color:#b080fc!important}.border-bottom-accent-purple{border-bottom:1px solid;border-color:#b080fc!important}.border-left-accent-purple{border-left:1px solid;border-color:#b080fc!important}.grey{color:#58595b!important}.fill-grey{background-color:#58595b!important}.border-grey{border-color:#58595b!important}.border-top-grey{border-top:1px solid;border-color:#58595b!important}.border-right-grey{border-right:1px solid;border-color:#58595b!important}.border-bottom-grey{border-bottom:1px solid;border-color:#58595b!important}.border-left-grey{border-left:1px solid;border-color:#58595b!important}.soft-grey{color:#dddede!important}.fill-soft-grey{background-color:#dddede!important}.border-soft-grey{border-color:#dddede!important}.border-top-soft-grey{border-top:1px solid;border-color:#dddede!important}.border-right-soft-grey{border-right:1px solid;border-color:#dddede!important}.border-bottom-soft-grey{border-bottom:1px solid;border-color:#dddede!important}.border-left-soft-grey{border-left:1px solid;border-color:#dddede!important}.light-grey{color:#eee!important}.fill-light-grey{background-color:#eee!important}.border-light-grey{border-color:#eee!important}.border-top-light-grey{border-top:1px solid;border-color:#eee!important}.border-right-light-grey{border-right:1px solid;border-color:#eee!important}.border-bottom-light-grey{border-bottom:1px solid;border-color:#eee!important}.border-left-light-grey{border-left:1px solid;border-color:#eee!important}.medium-grey{color:#ccc!important}.fill-medium-grey{background-color:#ccc!important}.border-medium-grey{border-color:#ccc!important}.border-top-medium-grey{border-top:1px solid;border-color:#ccc!important}.border-right-medium-grey{border-right:1px solid;border-color:#ccc!important}.border-bottom-medium-grey{border-bottom:1px solid;border-color:#ccc!important}.border-left-medium-grey{border-left:1px solid;border-color:#ccc!important}.medium-dark-grey{color:#999!important}.fill-medium-dark-grey{background-color:#999!important}.border-medium-dark-grey{border-color:#999!important}.border-top-medium-dark-grey{border-top:1px solid;border-color:#999!important}.border-right-medium-dark-grey{border-right:1px solid;border-color:#999!important}.border-bottom-medium-dark-grey{border-bottom:1px solid;border-color:#999!important}.border-left-medium-dark-grey{border-left:1px solid;border-color:#999!important}.dark-grey{color:#222!important}.fill-dark-grey{background-color:#222!important}.border-dark-grey{border-color:#222!important}.border-top-dark-grey{border-top:1px solid;border-color:#222!important}.border-right-dark-grey{border-right:1px solid;border-color:#222!important}.border-bottom-dark-grey{border-bottom:1px solid;border-color:#222!important}.border-left-dark-grey{border-left:1px solid;border-color:#222!important}.shuttle-gray{color:#5d6877!important}.fill-shuttle-gray{background-color:#5d6877!important}.border-shuttle-gray{border-color:#5d6877!important}.border-top-shuttle-gray{border-top:1px solid;border-color:#5d6877!important}.border-right-shuttle-gray{border-right:1px solid;border-color:#5d6877!important}.border-bottom-shuttle-gray{border-bottom:1px solid;border-color:#5d6877!important}.border-left-shuttle-gray{border-left:1px solid;border-color:#5d6877!important}.gull-gray{color:#9ea8b5!important}.fill-gull-gray{background-color:#9ea8b5!important}.border-gull-gray{border-color:#9ea8b5!important}.border-top-gull-gray{border-top:1px solid;border-color:#9ea8b5!important}.border-right-gull-gray{border-right:1px solid;border-color:#9ea8b5!important}.border-bottom-gull-gray{border-bottom:1px solid;border-color:#9ea8b5!important}.border-left-gull-gray{border-left:1px solid;border-color:#9ea8b5!important}.soft-blue{color:#eff1f5!important}.fill-soft-blue{background-color:#eff1f5!important}.border-soft-blue{border-color:#eff1f5!important}.border-top-soft-blue{border-top:1px solid;border-color:#eff1f5!important}.border-right-soft-blue{border-right:1px solid;border-color:#eff1f5!important}.border-bottom-soft-blue{border-bottom:1px solid;border-color:#eff1f5!important}.border-left-soft-blue{border-left:1px solid;border-color:#eff1f5!important}.dark-soft-blue{color:#e9ecf1!important}.fill-dark-soft-blue{background-color:#e9ecf1!important}.border-dark-soft-blue{border-color:#e9ecf1!important}.border-top-dark-soft-blue{border-top:1px solid;border-color:#e9ecf1!important}.border-right-dark-soft-blue{border-right:1px solid;border-color:#e9ecf1!important}.border-bottom-dark-soft-blue{border-bottom:1px solid;border-color:#e9ecf1!important}.border-left-dark-soft-blue{border-left:1px solid;border-color:#e9ecf1!important}.darker-soft-blue{color:#e6e9ef!important}.fill-darker-soft-blue{background-color:#e6e9ef!important}.border-darker-soft-blue{border-color:#e6e9ef!important}.border-top-darker-soft-blue{border-top:1px solid;border-color:#e6e9ef!important}.border-right-darker-soft-blue{border-right:1px solid;border-color:#e6e9ef!important}.border-bottom-darker-soft-blue{border-bottom:1px solid;border-color:#e6e9ef!important}.border-left-darker-soft-blue{border-left:1px solid;border-color:#e6e9ef!important}.light-soft-blue{color:#e9ecf1!important}.fill-light-soft-blue{background-color:#e9ecf1!important}.border-light-soft-blue{border-color:#e9ecf1!important}.border-top-light-soft-blue{border-top:1px solid;border-color:#e9ecf1!important}.border-right-light-soft-blue{border-right:1px solid;border-color:#e9ecf1!important}.border-bottom-light-soft-blue{border-bottom:1px solid;border-color:#e9ecf1!important}.border-left-light-soft-blue{border-left:1px solid;border-color:#e9ecf1!important}.lighter-soft-blue{color:#e6e9ef!important}.fill-lighter-soft-blue{background-color:#e6e9ef!important}.border-lighter-soft-blue{border-color:#e6e9ef!important}.border-top-lighter-soft-blue{border-top:1px solid;border-color:#e6e9ef!important}.border-right-lighter-soft-blue{border-right:1px solid;border-color:#e6e9ef!important}.border-bottom-lighter-soft-blue{border-bottom:1px solid;border-color:#e6e9ef!important}.border-left-lighter-soft-blue{border-left:1px solid;border-color:#e6e9ef!important}.eucalyptus{color:#1b9e4b!important}.fill-eucalyptus{background-color:#1b9e4b!important}.border-eucalyptus{border-color:#1b9e4b!important}.border-top-eucalyptus{border-top:1px solid;border-color:#1b9e4b!important}.border-right-eucalyptus{border-right:1px solid;border-color:#1b9e4b!important}.border-bottom-eucalyptus{border-bottom:1px solid;border-color:#1b9e4b!important}.border-left-eucalyptus{border-left:1px solid;border-color:#1b9e4b!important}.gamboge{color:#dd8e0a!important}.fill-gamboge{background-color:#dd8e0a!important}.border-gamboge{border-color:#dd8e0a!important}.border-top-gamboge{border-top:1px solid;border-color:#dd8e0a!important}.border-right-gamboge{border-right:1px solid;border-color:#dd8e0a!important}.border-bottom-gamboge{border-bottom:1px solid;border-color:#dd8e0a!important}.border-left-gamboge{border-left:1px solid;border-color:#dd8e0a!important}.valencia{color:#d73d3d!important}.fill-valencia{background-color:#d73d3d!important}.border-valencia{border-color:#d73d3d!important}.border-top-valencia{border-top:1px solid;border-color:#d73d3d!important}.border-right-valencia{border-right:1px solid;border-color:#d73d3d!important}.border-bottom-valencia{border-bottom:1px solid;border-color:#d73d3d!important}.border-left-valencia{border-left:1px solid;border-color:#d73d3d!important}:host{display:inline-block;position:relative}:host button{border:none;min-height:inherit;min-width:inherit;border-radius:8px;background:none;padding:0;display:flex;align-items:center;justify-content:center}:host button:hover{border:none;cursor:pointer}:host .primary-button:hover,:host .info-button:hover{background:var(--primary-hover)}:host .primary-button:focus,:host .info-button:focus{background:var(--primary-focus)}:host .primary-button.selected-button,:host .info-button.selected-button{background-color:var(--primary-base)}:host .primary-button fw-icon,:host .info-button fw-icon{color:var(--primary-base)}:host .secondary-button:hover{background:var(--secondary-hover)}:host .secondary-button:focus{background:var(--secondary-focus)}:host .secondary-button.selected-button{background-color:var(--secondary-base)}:host .secondary-button fw-icon{color:var(--secondary-base)}:host .slate-button:hover{background:var(--slate-hover)}:host .slate-button:focus{background:var(--slate-focus)}:host .slate-button.selected-button{background-color:var(--typography-muted)}:host .slate-button fw-icon{color:var(--typography-muted)}:host .light-slate-button:hover{background:var(--slate-hover)}:host .light-slate-button:focus{background:var(--slate-focus)}:host .light-slate-button.selected-button{background-color:var(--typography-muted)}:host .light-slate-button fw-icon{color:var(--typography-light)}:host .overlay-button:hover{background:var(--slate-hover)}:host .overlay-button:focus{background:var(--slate-focus)}:host .overlay-button.selected-button{background-color:var(--typography-muted)}:host .overlay-button fw-icon{color:var(--typography-contrast)}:host .red-button:hover,:host .error-button:hover{background:var(--red-hover)}:host .red-button:focus,:host .error-button:focus{background:var(--red-focus)}:host .red-button.selected-button,:host .error-button.selected-button{background-color:var(--red-base)}:host .red-button fw-icon,:host .error-button fw-icon{color:var(--red-base)}:host .orange-button:hover,:host .warning-button:hover{background:var(--orange-hover)}:host .orange-button:focus,:host .warning-button:focus{background:var(--orange-focus)}:host .orange-button.selected-button,:host .warning-button.selected-button{background-color:var(--orange-base)}:host .orange-button fw-icon,:host .warning-button fw-icon{color:var(--orange-base)}:host .green-button:hover,:host .success-button:hover{background:var(--green-hover)}:host .green-button:focus,:host .success-button:focus{background:var(--green-focus)}:host .green-button.selected-button,:host .success-button.selected-button{background-color:var(--green-base)}:host .green-button fw-icon,:host .success-button fw-icon{color:var(--green-base)}:host .selected-button fw-icon{color:var(--typography-contrast)}:host button:disabled{cursor:not-allowed}:host button:disabled:hover{background:none}:host button:disabled:focus{background:none}:host button:disabled fw-icon{color:var(--typography-muted);opacity:.2}:host button:disabled.selected-button{background-color:var(--typography-light)!important}:host button:disabled.selected-button fw-icon{color:var(--typography-contrast)!important}:host.small{min-height:30px;min-width:30px}:host.small fw-icon{font-size:22px}:host.medium{min-height:36px;min-width:36px}:host.medium fw-icon{font-size:24px}:host.large{min-height:40px;min-width:40px}:host.large fw-icon{font-size:28px}\n"] }]
         }], propDecorators: { classes: [{
                 type: HostBinding,
                 args: ['attr.class']
+            }], tabindex: [{
+                type: HostBinding,
+                args: ['tabindex']
             }], color: [{
                 type: Input
             }], icon: [{
@@ -33,4 +36,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
             }], selected: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi1idXR0b24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvaWNvbi1idXR0b24vaWNvbi1idXR0b24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvaWNvbi1idXR0b24vaWNvbi1idXR0b24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFPOUQsTUFBTSxPQUFPLHFCQUFxQjtJQUxsQztRQVVXLFVBQUssR0FZRCxTQUFTLENBQUM7UUFDZCxTQUFJLEdBQVcsRUFBRSxDQUFDO1FBQ2xCLFNBQUksR0FBa0MsUUFBUSxDQUFDO1FBQy9DLGFBQVEsR0FBYSxLQUFLLENBQUM7UUFDM0IsYUFBUSxHQUFhLEtBQUssQ0FBQztLQUNyQztJQXJCQyxJQUErQixPQUFPO1FBQ3BDLE9BQU8sSUFBSSxDQUFDLElBQUksQ0FBQztJQUNuQixDQUFDO0lBQUEsQ0FBQzs7a0hBSFMscUJBQXFCO3NHQUFyQixxQkFBcUIsa05DUGxDLHVLQUtBOzJGREVhLHFCQUFxQjtrQkFMakMsU0FBUzsrQkFDRSxnQkFBZ0I7OEJBS0ssT0FBTztzQkFBckMsV0FBVzt1QkFBQyxZQUFZO2dCQUloQixLQUFLO3NCQUFiLEtBQUs7Z0JBYUcsSUFBSTtzQkFBWixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEhvc3RCaW5kaW5nLCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdmdy1pY29uLWJ1dHRvbicsXG4gIHRlbXBsYXRlVXJsOiAnLi9pY29uLWJ1dHRvbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2ljb24tYnV0dG9uLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIEZ3SWNvbkJ1dHRvbkNvbXBvbmVudCB7XG4gIEBIb3N0QmluZGluZygnYXR0ci5jbGFzcycpIGdldCBjbGFzc2VzKCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIHRoaXMuc2l6ZTtcbiAgfTtcblxuICBASW5wdXQoKSBjb2xvcj86XG4gICAgfCAncHJpbWFyeSdcbiAgICB8ICdzZWNvbmRhcnknXG4gICAgfCAncmVkJ1xuICAgIHwgJ2Vycm9yJ1xuICAgIHwgJ3dhcm5pbmcnXG4gICAgfCAnb3JhbmdlJ1xuICAgIHwgJ3N1Y2Nlc3MnXG4gICAgfCAnZ3JlZW4nXG4gICAgfCAnbGlnaHQtc2xhdGUnXG4gICAgfCAnc2xhdGUnXG4gICAgfCAnb3ZlcmxheSdcbiAgICB8ICdpbmZvJyA9ICdwcmltYXJ5JztcbiAgQElucHV0KCkgaWNvbjogc3RyaW5nID0gJyc7XG4gIEBJbnB1dCgpIHNpemU/OiAnbGFyZ2UnIHwgJ21lZGl1bScgfCAnc21hbGwnID0gJ21lZGl1bSc7XG4gIEBJbnB1dCgpIGRpc2FibGVkPzogYm9vbGVhbiA9IGZhbHNlO1xuICBASW5wdXQoKSBzZWxlY3RlZD86IGJvb2xlYW4gPSBmYWxzZTtcbn1cbiIsIjxidXR0b24gW2Rpc2FibGVkXT1cImRpc2FibGVkXCJcbiAgICAgICAgW2NsYXNzXT1cImNvbG9yICsgJy1idXR0b24nXCJcbiAgICAgICAgW2NsYXNzLnNlbGVjdGVkLWJ1dHRvbl09XCJzZWxlY3RlZFwiPlxuICAgIDxmdy1pY29uPnt7IGljb24gfX08L2Z3LWljb24+XG48L2J1dHRvbj5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi1idXR0b24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvaWNvbi1idXR0b24vaWNvbi1idXR0b24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvaWNvbi1idXR0b24vaWNvbi1idXR0b24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFPOUQsTUFBTSxPQUFPLHFCQUFxQjtJQUxsQztRQVlhLFVBQUssR0FZQyxTQUFTLENBQUM7UUFDaEIsU0FBSSxHQUFXLEVBQUUsQ0FBQztRQUNsQixTQUFJLEdBQWtDLFFBQVEsQ0FBQztRQUMvQyxhQUFRLEdBQWEsS0FBSyxDQUFDO1FBQzNCLGFBQVEsR0FBYSxLQUFLLENBQUM7S0FDdkM7SUF2QkcsSUFBK0IsT0FBTztRQUNsQyxPQUFPLElBQUksQ0FBQyxJQUFJLENBQUM7SUFDckIsQ0FBQztJQUFBLENBQUM7O2tIQUhPLHFCQUFxQjtzR0FBckIscUJBQXFCLCtPQ1BsQyx3TUFNQTsyRkRDYSxxQkFBcUI7a0JBTGpDLFNBQVM7K0JBQ0ksZ0JBQWdCOzhCQUtLLE9BQU87c0JBQXJDLFdBQVc7dUJBQUMsWUFBWTtnQkFJQSxRQUFRO3NCQUFoQyxXQUFXO3VCQUFDLFVBQVU7Z0JBRWQsS0FBSztzQkFBYixLQUFLO2dCQWFHLElBQUk7c0JBQVosS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBIb3N0QmluZGluZywgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdmdy1pY29uLWJ1dHRvbicsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2ljb24tYnV0dG9uLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9pY29uLWJ1dHRvbi5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBGd0ljb25CdXR0b25Db21wb25lbnQge1xuICAgIEBIb3N0QmluZGluZygnYXR0ci5jbGFzcycpIGdldCBjbGFzc2VzKCk6IHN0cmluZyB7XG4gICAgICAgIHJldHVybiB0aGlzLnNpemU7XG4gICAgfTtcblxuICAgIEBIb3N0QmluZGluZygndGFiaW5kZXgnKSB0YWJpbmRleDogc3RyaW5nO1xuXG4gICAgQElucHV0KCkgY29sb3I/OlxuICAgICAgICB8ICdwcmltYXJ5J1xuICAgICAgICB8ICdzZWNvbmRhcnknXG4gICAgICAgIHwgJ3JlZCdcbiAgICAgICAgfCAnZXJyb3InXG4gICAgICAgIHwgJ3dhcm5pbmcnXG4gICAgICAgIHwgJ29yYW5nZSdcbiAgICAgICAgfCAnc3VjY2VzcydcbiAgICAgICAgfCAnZ3JlZW4nXG4gICAgICAgIHwgJ2xpZ2h0LXNsYXRlJ1xuICAgICAgICB8ICdzbGF0ZSdcbiAgICAgICAgfCAnb3ZlcmxheSdcbiAgICAgICAgfCAnaW5mbycgPSAncHJpbWFyeSc7XG4gICAgQElucHV0KCkgaWNvbjogc3RyaW5nID0gJyc7XG4gICAgQElucHV0KCkgc2l6ZT86ICdsYXJnZScgfCAnbWVkaXVtJyB8ICdzbWFsbCcgPSAnbWVkaXVtJztcbiAgICBASW5wdXQoKSBkaXNhYmxlZD86IGJvb2xlYW4gPSBmYWxzZTtcbiAgICBASW5wdXQoKSBzZWxlY3RlZD86IGJvb2xlYW4gPSBmYWxzZTtcbn1cbiIsIjxidXR0b24gW2Rpc2FibGVkXT1cImRpc2FibGVkXCJcbiAgICAgICAgW2NsYXNzXT1cImNvbG9yICsgJy1idXR0b24nXCJcbiAgICAgICAgW2NsYXNzLnNlbGVjdGVkLWJ1dHRvbl09XCJzZWxlY3RlZFwiXG4gICAgICAgIFt0YWJpbmRleF09XCJ0YWJpbmRleFwiPlxuICAgIDxmdy1pY29uPnt7IGljb24gfX08L2Z3LWljb24+XG48L2J1dHRvbj5cbiJdfQ==