@flywheel-io/vision 0.16.0 → 1.0.0

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

@@ -26,10 +26,10 @@ export class FwDialogConfirmComponent {
     }
 }
 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" }] });
+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    <h3>{{ title }}</h3>\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", "variant", "disabled", "fullWidth", "leftIcon", "rightIcon"] }, { kind: "component", type: i4.FwIconComponent, selector: "fw-icon" }, { kind: "component", type: i5.FwDialogActionsComponent, selector: "fw-dialog-actions" }, { kind: "component", type: i5.FwDialogComponent, selector: "fw-dialog", inputs: ["width", "title", "showClose"], outputs: ["close"] }, { kind: "component", type: i5.FwDialogContentComponent, selector: "fw-dialog-content" }, { kind: "component", type: i5.FwDialogHeaderComponent, selector: "fw-dialog-header" }] });
 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"] }]
+            args: [{ selector: 'fw-dialog-confirm', template: "<fw-dialog [width]=\"DialogWidth.ExtraSmall\" [showClose]=\"false\">\n  <fw-dialog-header>\n    <h3>{{ title }}</h3>\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: [{
@@ -53,4 +53,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
             }], confirm: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlhbG9nLWNvbmZpcm0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvZGlhbG9nL2RpYWxvZy1jb25maXJtLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2RpYWxvZy9kaWFsb2ctY29uZmlybS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsUUFBUSxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUVqRixPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sb0JBQW9CLENBQUM7Ozs7Ozs7QUFPakQsTUFBTSxPQUFPLHdCQUF3QjtJQWNqQyxZQUErQixTQUFvQjtRQUFwQixjQUFTLEdBQVQsU0FBUyxDQUFXO1FBYjFDLFVBQUssR0FBWSxTQUFTLENBQUM7UUFDM0IsaUJBQVksR0FBMEUsU0FBUyxDQUFDO1FBQ2hHLHNCQUFpQixHQUFZLFNBQVMsQ0FBQztRQUN2QyxzQkFBaUIsR0FBWSxZQUFZLENBQUM7UUFDMUMscUJBQWdCLEdBQVksUUFBUSxDQUFDO1FBRXJDLGlCQUFZLEdBQVksZUFBZSxDQUFDO1FBRWpELDREQUE0RDtRQUNsRCxVQUFLLEdBQXdCLElBQUksWUFBWSxFQUFRLENBQUM7UUFDdEQsWUFBTyxHQUF3QixJQUFJLFlBQVksRUFBUSxDQUFDO1FBQy9DLGdCQUFXLEdBQUcsV0FBVyxDQUFDO0lBRzdDLENBQUM7SUFFRCxpQkFBaUI7UUFDYixJQUFJLENBQUMsU0FBUyxDQUFDLEtBQUssRUFBRSxDQUFDO1FBQ3ZCLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDdEIsQ0FBQzs7cUhBcEJRLHdCQUF3Qjt5R0FBeEIsd0JBQXdCLGdYQ1ZyQyx3aENBbUNBOzJGRHpCYSx3QkFBd0I7a0JBTHBDLFNBQVM7K0JBQ0ksbUJBQW1COzswQkFrQmhCLFFBQVE7NENBYlosS0FBSztzQkFBYixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ0csaUJBQWlCO3NCQUF6QixLQUFLO2dCQUNHLGlCQUFpQjtzQkFBekIsS0FBSztnQkFDRyxnQkFBZ0I7c0JBQXhCLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxZQUFZO3NCQUFwQixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBRUksS0FBSztzQkFBZCxNQUFNO2dCQUNHLE9BQU87c0JBQWhCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaWFsb2dSZWYgfSBmcm9tICdAYW5ndWxhci9jZGsvZGlhbG9nJztcbmltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3B0aW9uYWwsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBEaWFsb2dXaWR0aCB9IGZyb20gJy4vZGlhbG9nLmNvbXBvbmVudCc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnZnctZGlhbG9nLWNvbmZpcm0nLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9kaWFsb2ctY29uZmlybS5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vZGlhbG9nLWNvbmZpcm0uY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgRndEaWFsb2dDb25maXJtQ29tcG9uZW50IHtcbiAgICBASW5wdXQoKSB0aXRsZT86IHN0cmluZyA9ICdDb25maXJtJztcbiAgICBASW5wdXQoKSBjb25maXJtQ29sb3I/OiAncHJpbWFyeScgfCAnc2Vjb25kYXJ5JyB8ICdkYW5nZXInIHwgJ3NsYXRlJyB8ICd3YXJuaW5nJyB8ICdzdWNjZXNzJyA9ICdwcmltYXJ5JztcbiAgICBASW5wdXQoKSBjb25maXJtQnV0dG9uVGV4dD86IHN0cmluZyA9ICdDb25maXJtJztcbiAgICBASW5wdXQoKSBjb25maXJtQnV0dG9uSWNvbj86IHN0cmluZyA9ICdkb25lLWNoZWNrJztcbiAgICBASW5wdXQoKSBjYW5jZWxCdXR0b25UZXh0Pzogc3RyaW5nID0gJ0NhbmNlbCc7XG4gICAgQElucHV0KCkgY29udGVudEljb24/OiBzdHJpbmc7XG4gICAgQElucHV0KCkgY29udGVudFRpdGxlPzogc3RyaW5nID0gJ0FyZSB5b3Ugc3VyZT8nO1xuICAgIEBJbnB1dCgpIGNvbnRlbnRUZXh0Pzogc3RyaW5nO1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvbm8tb3V0cHV0LW5hdGl2ZVxuICAgIEBPdXRwdXQoKSBjbG9zZT86IEV2ZW50RW1pdHRlcjxudWxsPiA9IG5ldyBFdmVudEVtaXR0ZXI8bnVsbD4oKTtcbiAgICBAT3V0cHV0KCkgY29uZmlybT86IEV2ZW50RW1pdHRlcjxudWxsPiA9IG5ldyBFdmVudEVtaXR0ZXI8bnVsbD4oKTtcbiAgICBwcm90ZWN0ZWQgcmVhZG9ubHkgRGlhbG9nV2lkdGggPSBEaWFsb2dXaWR0aDtcblxuICAgIGNvbnN0cnVjdG9yKEBPcHRpb25hbCgpIHB1YmxpYyBkaWFsb2dSZWY6IERpYWxvZ1JlZikge1xuICAgIH1cblxuICAgIGhhbmRsZUNsb3NlQnV0dG9uKCk6IHZvaWQge1xuICAgICAgICB0aGlzLmRpYWxvZ1JlZi5jbG9zZSgpO1xuICAgICAgICB0aGlzLmNsb3NlLmVtaXQoKTtcbiAgICB9XG59XG4iLCI8ZnctZGlhbG9nIFt3aWR0aF09XCJEaWFsb2dXaWR0aC5FeHRyYVNtYWxsXCIgW3Nob3dDbG9zZV09XCJmYWxzZVwiPlxuICA8ZnctZGlhbG9nLWhlYWRlcj5cbiAgICA8aDI+e3sgdGl0bGUgfX08L2gyPlxuICA8L2Z3LWRpYWxvZy1oZWFkZXI+XG4gIDxmdy1kaWFsb2ctY29udGVudD5cbiAgICA8ZGl2IGNsYXNzPVwiZGlhbG9nLWNvbnRlbnQtY29uZmlybVwiPlxuICAgICAgPGZ3LWljb24gY2xhc3M9XCJjb250ZW50LWljb25cIiBbbmdDbGFzc109XCJjb25maXJtQ29sb3JcIiAqbmdJZj1cImNvbnRlbnRJY29uXCI+XG4gICAgICAgIHt7IGNvbnRlbnRJY29uIH19XG4gICAgICA8L2Z3LWljb24+XG4gICAgICA8cCBjbGFzcz1cImNvbnRlbnQtdGl0bGVcIiAqbmdJZj1cImNvbnRlbnRUaXRsZVwiPlxuICAgICAgICB7eyBjb250ZW50VGl0bGUgfX1cbiAgICAgIDwvcD5cbiAgICAgIDxwIGNsYXNzPVwiY29udGVudC10ZXh0XCIgKm5nSWY9XCJjb250ZW50VGV4dFwiPlxuICAgICAgICB7eyBjb250ZW50VGV4dCB9fVxuICAgICAgPC9wPlxuICAgIDwvZGl2PlxuICA8L2Z3LWRpYWxvZy1jb250ZW50PlxuICA8ZnctZGlhbG9nLWFjdGlvbnM+XG4gICAgPGZ3LWJ1dHRvblxuICAgICAgdHlwZT1cIm91dGxpbmVcIlxuICAgICAgKm5nSWY9XCJjYW5jZWxCdXR0b25UZXh0XCJcbiAgICAgIGNvbG9yPVwic2xhdGVcIlxuICAgICAgKGNsaWNrKT1cImhhbmRsZUNsb3NlQnV0dG9uKClcIj5cbiAgICAgIHt7IGNhbmNlbEJ1dHRvblRleHQgfX1cbiAgICA8L2Z3LWJ1dHRvbj5cbiAgICA8ZnctYnV0dG9uXG4gICAgICB0eXBlPVwic29saWRcIlxuICAgICAgKm5nSWY9XCJjb25maXJtQnV0dG9uVGV4dFwiXG4gICAgICBbY29sb3JdPVwiY29uZmlybUNvbG9yXCJcbiAgICAgIFtsZWZ0SWNvbl09XCJjb25maXJtQnV0dG9uSWNvblwiXG4gICAgICAoY2xpY2spPVwiY29uZmlybS5lbWl0KClcIj5cbiAgICAgIHt7IGNvbmZpcm1CdXR0b25UZXh0IH19XG4gICAgPC9mdy1idXR0b24+XG4gIDwvZnctZGlhbG9nLWFjdGlvbnM+XG48L2Z3LWRpYWxvZz5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlhbG9nLWNvbmZpcm0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvZGlhbG9nL2RpYWxvZy1jb25maXJtLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2RpYWxvZy9kaWFsb2ctY29uZmlybS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsUUFBUSxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUVqRixPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sb0JBQW9CLENBQUM7Ozs7Ozs7QUFPakQsTUFBTSxPQUFPLHdCQUF3QjtJQWNqQyxZQUErQixTQUFvQjtRQUFwQixjQUFTLEdBQVQsU0FBUyxDQUFXO1FBYjFDLFVBQUssR0FBWSxTQUFTLENBQUM7UUFDM0IsaUJBQVksR0FBMEUsU0FBUyxDQUFDO1FBQ2hHLHNCQUFpQixHQUFZLFNBQVMsQ0FBQztRQUN2QyxzQkFBaUIsR0FBWSxZQUFZLENBQUM7UUFDMUMscUJBQWdCLEdBQVksUUFBUSxDQUFDO1FBRXJDLGlCQUFZLEdBQVksZUFBZSxDQUFDO1FBRWpELDREQUE0RDtRQUNsRCxVQUFLLEdBQXdCLElBQUksWUFBWSxFQUFRLENBQUM7UUFDdEQsWUFBTyxHQUF3QixJQUFJLFlBQVksRUFBUSxDQUFDO1FBQy9DLGdCQUFXLEdBQUcsV0FBVyxDQUFDO0lBRzdDLENBQUM7SUFFRCxpQkFBaUI7UUFDYixJQUFJLENBQUMsU0FBUyxDQUFDLEtBQUssRUFBRSxDQUFDO1FBQ3ZCLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDdEIsQ0FBQzs7cUhBcEJRLHdCQUF3Qjt5R0FBeEIsd0JBQXdCLGdYQ1ZyQyx3aENBbUNBOzJGRHpCYSx3QkFBd0I7a0JBTHBDLFNBQVM7K0JBQ0ksbUJBQW1COzswQkFrQmhCLFFBQVE7NENBYlosS0FBSztzQkFBYixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ0csaUJBQWlCO3NCQUF6QixLQUFLO2dCQUNHLGlCQUFpQjtzQkFBekIsS0FBSztnQkFDRyxnQkFBZ0I7c0JBQXhCLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxZQUFZO3NCQUFwQixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBRUksS0FBSztzQkFBZCxNQUFNO2dCQUNHLE9BQU87c0JBQWhCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaWFsb2dSZWYgfSBmcm9tICdAYW5ndWxhci9jZGsvZGlhbG9nJztcbmltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3B0aW9uYWwsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBEaWFsb2dXaWR0aCB9IGZyb20gJy4vZGlhbG9nLmNvbXBvbmVudCc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnZnctZGlhbG9nLWNvbmZpcm0nLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9kaWFsb2ctY29uZmlybS5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vZGlhbG9nLWNvbmZpcm0uY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgRndEaWFsb2dDb25maXJtQ29tcG9uZW50IHtcbiAgICBASW5wdXQoKSB0aXRsZT86IHN0cmluZyA9ICdDb25maXJtJztcbiAgICBASW5wdXQoKSBjb25maXJtQ29sb3I/OiAncHJpbWFyeScgfCAnc2Vjb25kYXJ5JyB8ICdkYW5nZXInIHwgJ3NsYXRlJyB8ICd3YXJuaW5nJyB8ICdzdWNjZXNzJyA9ICdwcmltYXJ5JztcbiAgICBASW5wdXQoKSBjb25maXJtQnV0dG9uVGV4dD86IHN0cmluZyA9ICdDb25maXJtJztcbiAgICBASW5wdXQoKSBjb25maXJtQnV0dG9uSWNvbj86IHN0cmluZyA9ICdkb25lLWNoZWNrJztcbiAgICBASW5wdXQoKSBjYW5jZWxCdXR0b25UZXh0Pzogc3RyaW5nID0gJ0NhbmNlbCc7XG4gICAgQElucHV0KCkgY29udGVudEljb24/OiBzdHJpbmc7XG4gICAgQElucHV0KCkgY29udGVudFRpdGxlPzogc3RyaW5nID0gJ0FyZSB5b3Ugc3VyZT8nO1xuICAgIEBJbnB1dCgpIGNvbnRlbnRUZXh0Pzogc3RyaW5nO1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvbm8tb3V0cHV0LW5hdGl2ZVxuICAgIEBPdXRwdXQoKSBjbG9zZT86IEV2ZW50RW1pdHRlcjxudWxsPiA9IG5ldyBFdmVudEVtaXR0ZXI8bnVsbD4oKTtcbiAgICBAT3V0cHV0KCkgY29uZmlybT86IEV2ZW50RW1pdHRlcjxudWxsPiA9IG5ldyBFdmVudEVtaXR0ZXI8bnVsbD4oKTtcbiAgICBwcm90ZWN0ZWQgcmVhZG9ubHkgRGlhbG9nV2lkdGggPSBEaWFsb2dXaWR0aDtcblxuICAgIGNvbnN0cnVjdG9yKEBPcHRpb25hbCgpIHB1YmxpYyBkaWFsb2dSZWY6IERpYWxvZ1JlZikge1xuICAgIH1cblxuICAgIGhhbmRsZUNsb3NlQnV0dG9uKCk6IHZvaWQge1xuICAgICAgICB0aGlzLmRpYWxvZ1JlZi5jbG9zZSgpO1xuICAgICAgICB0aGlzLmNsb3NlLmVtaXQoKTtcbiAgICB9XG59XG4iLCI8ZnctZGlhbG9nIFt3aWR0aF09XCJEaWFsb2dXaWR0aC5FeHRyYVNtYWxsXCIgW3Nob3dDbG9zZV09XCJmYWxzZVwiPlxuICA8ZnctZGlhbG9nLWhlYWRlcj5cbiAgICA8aDM+e3sgdGl0bGUgfX08L2gzPlxuICA8L2Z3LWRpYWxvZy1oZWFkZXI+XG4gIDxmdy1kaWFsb2ctY29udGVudD5cbiAgICA8ZGl2IGNsYXNzPVwiZGlhbG9nLWNvbnRlbnQtY29uZmlybVwiPlxuICAgICAgPGZ3LWljb24gY2xhc3M9XCJjb250ZW50LWljb25cIiBbbmdDbGFzc109XCJjb25maXJtQ29sb3JcIiAqbmdJZj1cImNvbnRlbnRJY29uXCI+XG4gICAgICAgIHt7IGNvbnRlbnRJY29uIH19XG4gICAgICA8L2Z3LWljb24+XG4gICAgICA8cCBjbGFzcz1cImNvbnRlbnQtdGl0bGVcIiAqbmdJZj1cImNvbnRlbnRUaXRsZVwiPlxuICAgICAgICB7eyBjb250ZW50VGl0bGUgfX1cbiAgICAgIDwvcD5cbiAgICAgIDxwIGNsYXNzPVwiY29udGVudC10ZXh0XCIgKm5nSWY9XCJjb250ZW50VGV4dFwiPlxuICAgICAgICB7eyBjb250ZW50VGV4dCB9fVxuICAgICAgPC9wPlxuICAgIDwvZGl2PlxuICA8L2Z3LWRpYWxvZy1jb250ZW50PlxuICA8ZnctZGlhbG9nLWFjdGlvbnM+XG4gICAgPGZ3LWJ1dHRvblxuICAgICAgdHlwZT1cIm91dGxpbmVcIlxuICAgICAgKm5nSWY9XCJjYW5jZWxCdXR0b25UZXh0XCJcbiAgICAgIGNvbG9yPVwic2xhdGVcIlxuICAgICAgKGNsaWNrKT1cImhhbmRsZUNsb3NlQnV0dG9uKClcIj5cbiAgICAgIHt7IGNhbmNlbEJ1dHRvblRleHQgfX1cbiAgICA8L2Z3LWJ1dHRvbj5cbiAgICA8ZnctYnV0dG9uXG4gICAgICB0eXBlPVwic29saWRcIlxuICAgICAgKm5nSWY9XCJjb25maXJtQnV0dG9uVGV4dFwiXG4gICAgICBbY29sb3JdPVwiY29uZmlybUNvbG9yXCJcbiAgICAgIFtsZWZ0SWNvbl09XCJjb25maXJtQnV0dG9uSWNvblwiXG4gICAgICAoY2xpY2spPVwiY29uZmlybS5lbWl0KClcIj5cbiAgICAgIHt7IGNvbmZpcm1CdXR0b25UZXh0IH19XG4gICAgPC9mdy1idXR0b24+XG4gIDwvZnctZGlhbG9nLWFjdGlvbnM+XG48L2Z3LWRpYWxvZz5cbiJdfQ==

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

@@ -20,10 +20,10 @@ export class FwDialogSimpleComponent {
     }
 }
 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" }] });
+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    <h3>{{ title }}</h3>\n  </fw-dialog-header>\n  <fw-dialog-content>\n    <ng-content select=\"fw-dialog-content\"></ng-content>\n    <p class=\"dialog-content-default\" *ngIf=\"contentText\">{{ contentText }}</p>\n  </fw-dialog-content>\n  <fw-dialog-actions>\n    <fw-button variant=\"outline\" *ngIf=\"cancelButtonText\" (click)=\"handleCloseButton()\">\n      {{ cancelButtonText }}\n    </fw-button>\n    <fw-button variant=\"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;margin:0;color:var(--typography-muted)}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.FwButtonComponent, selector: "fw-button", inputs: ["color", "size", "variant", "disabled", "fullWidth", "leftIcon", "rightIcon"] }, { kind: "component", type: i4.FwDialogActionsComponent, selector: "fw-dialog-actions" }, { kind: "component", type: i4.FwDialogComponent, selector: "fw-dialog", inputs: ["width", "title", "showClose"], outputs: ["close"] }, { kind: "component", type: i4.FwDialogContentComponent, selector: "fw-dialog-content" }, { kind: "component", type: i4.FwDialogHeaderComponent, selector: "fw-dialog-header" }] });
 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"] }]
+            args: [{ selector: 'fw-dialog-simple', template: "<fw-dialog [width]=\"width\" [showClose]=\"showClose\">\n  <fw-dialog-header>\n    <h3>{{ title }}</h3>\n  </fw-dialog-header>\n  <fw-dialog-content>\n    <ng-content select=\"fw-dialog-content\"></ng-content>\n    <p class=\"dialog-content-default\" *ngIf=\"contentText\">{{ contentText }}</p>\n  </fw-dialog-content>\n  <fw-dialog-actions>\n    <fw-button variant=\"outline\" *ngIf=\"cancelButtonText\" (click)=\"handleCloseButton()\">\n      {{ cancelButtonText }}\n    </fw-button>\n    <fw-button variant=\"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;margin:0;color:var(--typography-muted)}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.DialogRef, decorators: [{
                     type: Optional
                 }] }]; }, propDecorators: { width: [{
@@ -43,4 +43,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
             }], action: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlhbG9nLXNpbXBsZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9kaWFsb2cvZGlhbG9nLXNpbXBsZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9kaWFsb2cvZGlhbG9nLXNpbXBsZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsUUFBUSxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUVqRixPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sb0JBQW9CLENBQUM7Ozs7OztBQU9qRCxNQUFNLE9BQU8sdUJBQXVCO0lBV2hDLFlBQStCLFNBQW9CO1FBQXBCLGNBQVMsR0FBVCxTQUFTLENBQVc7UUFWMUMsVUFBSyxHQUFpQixXQUFXLENBQUMsS0FBSyxDQUFDO1FBRXhDLGNBQVMsR0FBYSxJQUFJLENBQUM7UUFJcEMsNERBQTREO1FBQ2xELFVBQUssR0FBd0IsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUN0RCxXQUFNLEdBQXdCLElBQUksWUFBWSxFQUFRLENBQUM7SUFHakUsQ0FBQztJQUVELGlCQUFpQjtRQUNiLElBQUksQ0FBQyxTQUFTLENBQUMsS0FBSyxFQUFFLENBQUM7UUFDdkIsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUN0QixDQUFDOztvSEFqQlEsdUJBQXVCO3dHQUF2Qix1QkFBdUIsbVJDVnBDLHFwQkFpQkE7MkZEUGEsdUJBQXVCO2tCQUxuQyxTQUFTOytCQUNJLGtCQUFrQjs7MEJBZWYsUUFBUTs0Q0FWWixLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csZ0JBQWdCO3NCQUF4QixLQUFLO2dCQUNHLGdCQUFnQjtzQkFBeEIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUVJLEtBQUs7c0JBQWQsTUFBTTtnQkFDRyxNQUFNO3NCQUFmLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaWFsb2dSZWYgfSBmcm9tICdAYW5ndWxhci9jZGsvZGlhbG9nJztcbmltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3B0aW9uYWwsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBEaWFsb2dXaWR0aCB9IGZyb20gJy4vZGlhbG9nLmNvbXBvbmVudCc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnZnctZGlhbG9nLXNpbXBsZScsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2RpYWxvZy1zaW1wbGUuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL2RpYWxvZy1zaW1wbGUuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgRndEaWFsb2dTaW1wbGVDb21wb25lbnQge1xuICAgIEBJbnB1dCgpIHdpZHRoPzogRGlhbG9nV2lkdGggPSBEaWFsb2dXaWR0aC5TbWFsbDtcbiAgICBASW5wdXQoKSB0aXRsZT86IHN0cmluZztcbiAgICBASW5wdXQoKSBzaG93Q2xvc2U/OiBib29sZWFuID0gdHJ1ZTtcbiAgICBASW5wdXQoKSBhY3Rpb25CdXR0b25UZXh0Pzogc3RyaW5nO1xuICAgIEBJbnB1dCgpIGNhbmNlbEJ1dHRvblRleHQ/OiBzdHJpbmc7XG4gICAgQElucHV0KCkgY29udGVudFRleHQ/OiBzdHJpbmc7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9uby1vdXRwdXQtbmF0aXZlXG4gICAgQE91dHB1dCgpIGNsb3NlPzogRXZlbnRFbWl0dGVyPG51bGw+ID0gbmV3IEV2ZW50RW1pdHRlcjxudWxsPigpO1xuICAgIEBPdXRwdXQoKSBhY3Rpb24/OiBFdmVudEVtaXR0ZXI8bnVsbD4gPSBuZXcgRXZlbnRFbWl0dGVyPG51bGw+KCk7XG5cbiAgICBjb25zdHJ1Y3RvcihAT3B0aW9uYWwoKSBwdWJsaWMgZGlhbG9nUmVmOiBEaWFsb2dSZWYpIHtcbiAgICB9XG5cbiAgICBoYW5kbGVDbG9zZUJ1dHRvbigpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5kaWFsb2dSZWYuY2xvc2UoKTtcbiAgICAgICAgdGhpcy5jbG9zZS5lbWl0KCk7XG4gICAgfVxufVxuIiwiPGZ3LWRpYWxvZyBbd2lkdGhdPVwid2lkdGhcIiBbc2hvd0Nsb3NlXT1cInNob3dDbG9zZVwiPlxuICA8ZnctZGlhbG9nLWhlYWRlcj5cbiAgICA8aDI+e3sgdGl0bGUgfX08L2gyPlxuICA8L2Z3LWRpYWxvZy1oZWFkZXI+XG4gIDxmdy1kaWFsb2ctY29udGVudD5cbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJmdy1kaWFsb2ctY29udGVudFwiPjwvbmctY29udGVudD5cbiAgICA8ZGl2IGNsYXNzPVwiZGlhbG9nLWNvbnRlbnQtZGVmYXVsdFwiICpuZ0lmPVwiY29udGVudFRleHRcIj57eyBjb250ZW50VGV4dCB9fTwvZGl2PlxuICA8L2Z3LWRpYWxvZy1jb250ZW50PlxuICA8ZnctZGlhbG9nLWFjdGlvbnM+XG4gICAgPGZ3LWJ1dHRvbiB0eXBlPVwib3V0bGluZVwiICpuZ0lmPVwiY2FuY2VsQnV0dG9uVGV4dFwiIChjbGljayk9XCJoYW5kbGVDbG9zZUJ1dHRvbigpXCI+XG4gICAgICB7eyBjYW5jZWxCdXR0b25UZXh0IH19XG4gICAgPC9mdy1idXR0b24+XG4gICAgPGZ3LWJ1dHRvbiB0eXBlPVwic29saWRcIiAqbmdJZj1cImFjdGlvbkJ1dHRvblRleHRcIiAoY2xpY2spPVwiYWN0aW9uLmVtaXQoKVwiPlxuICAgICAge3sgYWN0aW9uQnV0dG9uVGV4dCB9fVxuICAgIDwvZnctYnV0dG9uPlxuICA8L2Z3LWRpYWxvZy1hY3Rpb25zPlxuPC9mdy1kaWFsb2c+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlhbG9nLXNpbXBsZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9kaWFsb2cvZGlhbG9nLXNpbXBsZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9kaWFsb2cvZGlhbG9nLXNpbXBsZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsUUFBUSxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUVqRixPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sb0JBQW9CLENBQUM7Ozs7OztBQU9qRCxNQUFNLE9BQU8sdUJBQXVCO0lBV2hDLFlBQStCLFNBQW9CO1FBQXBCLGNBQVMsR0FBVCxTQUFTLENBQVc7UUFWMUMsVUFBSyxHQUFpQixXQUFXLENBQUMsS0FBSyxDQUFDO1FBRXhDLGNBQVMsR0FBYSxJQUFJLENBQUM7UUFJcEMsNERBQTREO1FBQ2xELFVBQUssR0FBd0IsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUN0RCxXQUFNLEdBQXdCLElBQUksWUFBWSxFQUFRLENBQUM7SUFHakUsQ0FBQztJQUVELGlCQUFpQjtRQUNiLElBQUksQ0FBQyxTQUFTLENBQUMsS0FBSyxFQUFFLENBQUM7UUFDdkIsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUN0QixDQUFDOztvSEFqQlEsdUJBQXVCO3dHQUF2Qix1QkFBdUIsbVJDVnBDLHVwQkFpQkE7MkZEUGEsdUJBQXVCO2tCQUxuQyxTQUFTOytCQUNJLGtCQUFrQjs7MEJBZWYsUUFBUTs0Q0FWWixLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csZ0JBQWdCO3NCQUF4QixLQUFLO2dCQUNHLGdCQUFnQjtzQkFBeEIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUVJLEtBQUs7c0JBQWQsTUFBTTtnQkFDRyxNQUFNO3NCQUFmLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaWFsb2dSZWYgfSBmcm9tICdAYW5ndWxhci9jZGsvZGlhbG9nJztcbmltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3B0aW9uYWwsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBEaWFsb2dXaWR0aCB9IGZyb20gJy4vZGlhbG9nLmNvbXBvbmVudCc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnZnctZGlhbG9nLXNpbXBsZScsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2RpYWxvZy1zaW1wbGUuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL2RpYWxvZy1zaW1wbGUuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgRndEaWFsb2dTaW1wbGVDb21wb25lbnQge1xuICAgIEBJbnB1dCgpIHdpZHRoPzogRGlhbG9nV2lkdGggPSBEaWFsb2dXaWR0aC5TbWFsbDtcbiAgICBASW5wdXQoKSB0aXRsZT86IHN0cmluZztcbiAgICBASW5wdXQoKSBzaG93Q2xvc2U/OiBib29sZWFuID0gdHJ1ZTtcbiAgICBASW5wdXQoKSBhY3Rpb25CdXR0b25UZXh0Pzogc3RyaW5nO1xuICAgIEBJbnB1dCgpIGNhbmNlbEJ1dHRvblRleHQ/OiBzdHJpbmc7XG4gICAgQElucHV0KCkgY29udGVudFRleHQ/OiBzdHJpbmc7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9uby1vdXRwdXQtbmF0aXZlXG4gICAgQE91dHB1dCgpIGNsb3NlPzogRXZlbnRFbWl0dGVyPG51bGw+ID0gbmV3IEV2ZW50RW1pdHRlcjxudWxsPigpO1xuICAgIEBPdXRwdXQoKSBhY3Rpb24/OiBFdmVudEVtaXR0ZXI8bnVsbD4gPSBuZXcgRXZlbnRFbWl0dGVyPG51bGw+KCk7XG5cbiAgICBjb25zdHJ1Y3RvcihAT3B0aW9uYWwoKSBwdWJsaWMgZGlhbG9nUmVmOiBEaWFsb2dSZWYpIHtcbiAgICB9XG5cbiAgICBoYW5kbGVDbG9zZUJ1dHRvbigpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5kaWFsb2dSZWYuY2xvc2UoKTtcbiAgICAgICAgdGhpcy5jbG9zZS5lbWl0KCk7XG4gICAgfVxufVxuIiwiPGZ3LWRpYWxvZyBbd2lkdGhdPVwid2lkdGhcIiBbc2hvd0Nsb3NlXT1cInNob3dDbG9zZVwiPlxuICA8ZnctZGlhbG9nLWhlYWRlcj5cbiAgICA8aDM+e3sgdGl0bGUgfX08L2gzPlxuICA8L2Z3LWRpYWxvZy1oZWFkZXI+XG4gIDxmdy1kaWFsb2ctY29udGVudD5cbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJmdy1kaWFsb2ctY29udGVudFwiPjwvbmctY29udGVudD5cbiAgICA8cCBjbGFzcz1cImRpYWxvZy1jb250ZW50LWRlZmF1bHRcIiAqbmdJZj1cImNvbnRlbnRUZXh0XCI+e3sgY29udGVudFRleHQgfX08L3A+XG4gIDwvZnctZGlhbG9nLWNvbnRlbnQ+XG4gIDxmdy1kaWFsb2ctYWN0aW9ucz5cbiAgICA8ZnctYnV0dG9uIHZhcmlhbnQ9XCJvdXRsaW5lXCIgKm5nSWY9XCJjYW5jZWxCdXR0b25UZXh0XCIgKGNsaWNrKT1cImhhbmRsZUNsb3NlQnV0dG9uKClcIj5cbiAgICAgIHt7IGNhbmNlbEJ1dHRvblRleHQgfX1cbiAgICA8L2Z3LWJ1dHRvbj5cbiAgICA8ZnctYnV0dG9uIHZhcmlhbnQ9XCJzb2xpZFwiICpuZ0lmPVwiYWN0aW9uQnV0dG9uVGV4dFwiIChjbGljayk9XCJhY3Rpb24uZW1pdCgpXCI+XG4gICAgICB7eyBhY3Rpb25CdXR0b25UZXh0IH19XG4gICAgPC9mdy1idXR0b24+XG4gIDwvZnctZGlhbG9nLWFjdGlvbnM+XG48L2Z3LWRpYWxvZz5cbiJdfQ==

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

@@ -29,10 +29,10 @@ export class FwDialogComponent {
     }
 }
 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"] }] });
+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 h3{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"] }]
+            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 h3{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: [{

package/esm2020/components/dialog/dialog.service.mjs

@@ -0,0 +1,49 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+import { DEFAULT_DIALOG_CONFIG, Dialog, DIALOG_SCROLL_STRATEGY } from '@angular/cdk/dialog';
+import { Inject, Injectable, Optional, SkipSelf } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/cdk/overlay";
+import * as i2 from "@angular/cdk/dialog";
+export class FwDialogService extends Dialog {
+    constructor(overlay, _injector, injector, _dialogConfig, _overlayContainerRef, scrollStrategy, _parentDialog, dialogRef) {
+        super(overlay, _injector, _dialogConfig, _parentDialog, _overlayContainerRef, scrollStrategy);
+        this.overlay = overlay;
+        this.injector = injector;
+        this._overlayContainerRef = _overlayContainerRef;
+        this.dialogRef = dialogRef;
+    }
+    /**
+     * Open a custom component in an overlay and positioned near the top
+     */
+    openDialog(component, config, topOffset) {
+        const defaultSettings = {
+            backdropClass: 'vision-overlay',
+            positionStrategy: this.overlay.position().global().top(topOffset ? topOffset : '125px').centerHorizontally(),
+        };
+        config = { ...config, ...defaultSettings };
+        return super.open(component, config);
+    }
+}
+FwDialogService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwDialogService, deps: [{ token: i1.Overlay }, { token: i0.Injector }, { token: i0.Injector }, { token: DEFAULT_DIALOG_CONFIG, optional: true }, { token: i1.OverlayContainer }, { token: DIALOG_SCROLL_STRATEGY }, { token: i2.Dialog, optional: true, skipSelf: true }, { token: i2.DialogRef, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+FwDialogService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwDialogService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwDialogService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: function () { return [{ type: i1.Overlay }, { type: i0.Injector }, { type: i0.Injector }, { type: i2.DialogConfig, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [DEFAULT_DIALOG_CONFIG]
+                }] }, { type: i1.OverlayContainer }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [DIALOG_SCROLL_STRATEGY]
+                }] }, { type: i2.Dialog, decorators: [{
+                    type: Optional
+                }, {
+                    type: SkipSelf
+                }] }, { type: i2.DialogRef, decorators: [{
+                    type: Optional
+                }] }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlhbG9nLnNlcnZpY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9kaWFsb2cvZGlhbG9nLnNlcnZpY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsdURBQXVEO0FBQ3ZELE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLEVBQUUsc0JBQXNCLEVBQTJCLE1BQU0scUJBQXFCLENBQUM7QUFFckgsT0FBTyxFQUFFLE1BQU0sRUFBRSxVQUFVLEVBQVksUUFBUSxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7OztBQUtqRixNQUFNLE9BQU8sZUFBZ0IsU0FBUSxNQUFNO0lBQ3pDLFlBQW9CLE9BQWdCLEVBQ3hCLFNBQW1CLEVBQ1osUUFBa0IsRUFDa0IsYUFBMkIsRUFDL0Qsb0JBQXNDLEVBQ2IsY0FBbUIsRUFDM0IsYUFBcUIsRUFDMUIsU0FBeUI7UUFDdEQsS0FBSyxDQUFDLE9BQU8sRUFBRSxTQUFTLEVBQUUsYUFBYSxFQUFFLGFBQWEsRUFBRSxvQkFBb0IsRUFBRSxjQUFjLENBQUMsQ0FBQztRQVI1RSxZQUFPLEdBQVAsT0FBTyxDQUFTO1FBRWpCLGFBQVEsR0FBUixRQUFRLENBQVU7UUFFbEIseUJBQW9CLEdBQXBCLG9CQUFvQixDQUFrQjtRQUcxQixjQUFTLEdBQVQsU0FBUyxDQUFnQjtJQUV4RCxDQUFDO0lBRUQ7O09BRUc7SUFDSCxVQUFVLENBQUksU0FBMkIsRUFBRSxNQUFxQixFQUFFLFNBQWtCO1FBQ2xGLE1BQU0sZUFBZSxHQUFHO1lBQ3RCLGFBQWEsRUFBRSxnQkFBZ0I7WUFDL0IsZ0JBQWdCLEVBQUUsSUFBSSxDQUFDLE9BQU8sQ0FBQyxRQUFRLEVBQUUsQ0FBQyxNQUFNLEVBQUUsQ0FBQyxHQUFHLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxDQUFDLGtCQUFrQixFQUFFO1NBQzdHLENBQUM7UUFFRixNQUFNLEdBQUcsRUFBRSxHQUFHLE1BQU0sRUFBRSxHQUFHLGVBQWUsRUFBRSxDQUFDO1FBQzNDLE9BQU8sS0FBSyxDQUFDLElBQUksQ0FBQyxTQUFTLEVBQUUsTUFBTSxDQUFDLENBQUM7SUFFdkMsQ0FBQzs7NEdBeEJVLGVBQWUseUZBSU0scUJBQXFCLDZEQUVqQyxzQkFBc0I7Z0hBTi9CLGVBQWUsY0FGZCxNQUFNOzJGQUVQLGVBQWU7a0JBSDNCLFVBQVU7bUJBQUM7b0JBQ1YsVUFBVSxFQUFFLE1BQU07aUJBQ25COzswQkFLYyxRQUFROzswQkFBSSxNQUFNOzJCQUFDLHFCQUFxQjs7MEJBRXhDLE1BQU07MkJBQUMsc0JBQXNCOzswQkFDN0IsUUFBUTs7MEJBQUksUUFBUTs7MEJBQ3BCLFFBQVEiLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSBAdHlwZXNjcmlwdC1lc2xpbnQvbm8tZXhwbGljaXQtYW55ICovXG5pbXBvcnQgeyBERUZBVUxUX0RJQUxPR19DT05GSUcsIERpYWxvZywgRElBTE9HX1NDUk9MTF9TVFJBVEVHWSwgRGlhbG9nQ29uZmlnLCBEaWFsb2dSZWYgfSBmcm9tICdAYW5ndWxhci9jZGsvZGlhbG9nJztcbmltcG9ydCB7IENvbXBvbmVudFR5cGUsIE92ZXJsYXksIE92ZXJsYXlDb250YWluZXIgfSBmcm9tICdAYW5ndWxhci9jZGsvb3ZlcmxheSc7XG5pbXBvcnQgeyBJbmplY3QsIEluamVjdGFibGUsIEluamVjdG9yLCBPcHRpb25hbCwgU2tpcFNlbGYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQEluamVjdGFibGUoe1xuICBwcm92aWRlZEluOiAncm9vdCcsXG59KVxuZXhwb3J0IGNsYXNzIEZ3RGlhbG9nU2VydmljZSBleHRlbmRzIERpYWxvZyB7XG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgb3ZlcmxheTogT3ZlcmxheSxcbiAgICAgICAgICAgICAgX2luamVjdG9yOiBJbmplY3RvcixcbiAgICAgICAgICAgICAgcHVibGljIGluamVjdG9yOiBJbmplY3RvcixcbiAgICAgICAgICAgICAgQE9wdGlvbmFsKCkgQEluamVjdChERUZBVUxUX0RJQUxPR19DT05GSUcpIF9kaWFsb2dDb25maWc6IERpYWxvZ0NvbmZpZyxcbiAgICAgICAgICAgICAgcHVibGljIF9vdmVybGF5Q29udGFpbmVyUmVmOiBPdmVybGF5Q29udGFpbmVyLFxuICAgICAgICAgICAgICBASW5qZWN0KERJQUxPR19TQ1JPTExfU1RSQVRFR1kpIHNjcm9sbFN0cmF0ZWd5OiBhbnksXG4gICAgICAgICAgICAgIEBPcHRpb25hbCgpIEBTa2lwU2VsZigpIF9wYXJlbnREaWFsb2c6IERpYWxvZyxcbiAgICAgICAgICAgICAgQE9wdGlvbmFsKCkgcHVibGljIGRpYWxvZ1JlZjogRGlhbG9nUmVmPGFueT4pIHtcbiAgICBzdXBlcihvdmVybGF5LCBfaW5qZWN0b3IsIF9kaWFsb2dDb25maWcsIF9wYXJlbnREaWFsb2csIF9vdmVybGF5Q29udGFpbmVyUmVmLCBzY3JvbGxTdHJhdGVneSk7XG4gIH1cblxuICAvKipcbiAgICogT3BlbiBhIGN1c3RvbSBjb21wb25lbnQgaW4gYW4gb3ZlcmxheSBhbmQgcG9zaXRpb25lZCBuZWFyIHRoZSB0b3BcbiAgICovXG4gIG9wZW5EaWFsb2c8VD4oY29tcG9uZW50OiBDb21wb25lbnRUeXBlPFQ+LCBjb25maWc/OiBEaWFsb2dDb25maWcsIHRvcE9mZnNldD86IHN0cmluZyk6IERpYWxvZ1JlZjx1bmtub3duLCBhbnk+IHtcbiAgICBjb25zdCBkZWZhdWx0U2V0dGluZ3MgPSB7XG4gICAgICBiYWNrZHJvcENsYXNzOiAndmlzaW9uLW92ZXJsYXknLFxuICAgICAgcG9zaXRpb25TdHJhdGVneTogdGhpcy5vdmVybGF5LnBvc2l0aW9uKCkuZ2xvYmFsKCkudG9wKHRvcE9mZnNldCA/IHRvcE9mZnNldCA6ICcxMjVweCcpLmNlbnRlckhvcml6b250YWxseSgpLFxuICAgIH07XG5cbiAgICBjb25maWcgPSB7IC4uLmNvbmZpZywgLi4uZGVmYXVsdFNldHRpbmdzIH07XG4gICAgcmV0dXJuIHN1cGVyLm9wZW4oY29tcG9uZW50LCBjb25maWcpO1xuXG4gIH1cbn1cbiJdfQ==

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

@@ -6,61 +6,67 @@ 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 { FwDialogService } from './dialog.service';
 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,
+FwDialogsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: FwDialogsModule, declarations: [FwDialogActionsComponent,
+        FwDialogComponent,
         FwDialogConfirmComponent,
+        FwDialogContentComponent,
+        FwDialogHeaderComponent,
         FwDialogSimpleComponent], imports: [CommonModule,
         DialogModule,
-        PipesModule,
-        FwIconButtonModule,
         FwButtonModule,
-        FwIconModule], exports: [FwDialogComponent,
-        FwDialogHeaderComponent,
-        FwDialogContentComponent,
-        FwDialogActionsComponent,
+        FwIconButtonModule,
+        FwIconModule,
+        PipesModule], exports: [FwDialogActionsComponent,
+        FwDialogComponent,
         FwDialogConfirmComponent,
+        FwDialogContentComponent,
+        FwDialogHeaderComponent,
         FwDialogSimpleComponent] });
-FwDialogsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwDialogsModule, imports: [CommonModule,
+FwDialogsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwDialogsModule, providers: [
+        FwDialogService,
+    ], imports: [CommonModule,
         DialogModule,
-        PipesModule,
-        FwIconButtonModule,
         FwButtonModule,
-        FwIconModule] });
+        FwIconButtonModule,
+        FwIconModule,
+        PipesModule] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwDialogsModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
-                        FwDialogComponent,
-                        FwDialogHeaderComponent,
-                        FwDialogContentComponent,
                         FwDialogActionsComponent,
+                        FwDialogComponent,
                         FwDialogConfirmComponent,
+                        FwDialogContentComponent,
+                        FwDialogHeaderComponent,
                         FwDialogSimpleComponent,
                     ],
                     imports: [
                         CommonModule,
                         DialogModule,
-                        PipesModule,
-                        FwIconButtonModule,
                         FwButtonModule,
+                        FwIconButtonModule,
                         FwIconModule,
+                        PipesModule,
                     ],
                     exports: [
-                        FwDialogComponent,
-                        FwDialogHeaderComponent,
-                        FwDialogContentComponent,
                         FwDialogActionsComponent,
+                        FwDialogComponent,
                         FwDialogConfirmComponent,
+                        FwDialogContentComponent,
+                        FwDialogHeaderComponent,
                         FwDialogSimpleComponent,
                     ],
+                    providers: [
+                        FwDialogService,
+                    ],
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlhbG9ncy5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9kaWFsb2cvZGlhbG9ncy5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQ25ELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRXpDLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUN6RCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDbkQsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sbUNBQW1DLENBQUM7QUFDdkUsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQzNELE9BQU8sRUFDTCx3QkFBd0IsRUFDeEIsaUJBQWlCLEVBQ2pCLHdCQUF3QixFQUN4Qix1QkFBdUIsR0FDeEIsTUFBTSxvQkFBb0IsQ0FBQztBQUM1QixPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUN0RSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQzs7QUE0QnBFLE1BQU0sT0FBTyxlQUFlOzs0R0FBZixlQUFlOzZHQUFmLGVBQWUsaUJBeEJ4QixpQkFBaUI7UUFDakIsdUJBQXVCO1FBQ3ZCLHdCQUF3QjtRQUN4Qix3QkFBd0I7UUFDeEIsd0JBQXdCO1FBQ3hCLHVCQUF1QixhQUd2QixZQUFZO1FBQ1osWUFBWTtRQUNaLFdBQVc7UUFDWCxrQkFBa0I7UUFDbEIsY0FBYztRQUNkLFlBQVksYUFHWixpQkFBaUI7UUFDakIsdUJBQXVCO1FBQ3ZCLHdCQUF3QjtRQUN4Qix3QkFBd0I7UUFDeEIsd0JBQXdCO1FBQ3hCLHVCQUF1Qjs2R0FHZCxlQUFlLFlBaEJ4QixZQUFZO1FBQ1osWUFBWTtRQUNaLFdBQVc7UUFDWCxrQkFBa0I7UUFDbEIsY0FBYztRQUNkLFlBQVk7MkZBV0gsZUFBZTtrQkExQjNCLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFO3dCQUNaLGlCQUFpQjt3QkFDakIsdUJBQXVCO3dCQUN2Qix3QkFBd0I7d0JBQ3hCLHdCQUF3Qjt3QkFDeEIsd0JBQXdCO3dCQUN4Qix1QkFBdUI7cUJBQ3hCO29CQUNELE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUNaLFlBQVk7d0JBQ1osV0FBVzt3QkFDWCxrQkFBa0I7d0JBQ2xCLGNBQWM7d0JBQ2QsWUFBWTtxQkFDYjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1AsaUJBQWlCO3dCQUNqQix1QkFBdUI7d0JBQ3ZCLHdCQUF3Qjt3QkFDeEIsd0JBQXdCO3dCQUN4Qix3QkFBd0I7d0JBQ3hCLHVCQUF1QjtxQkFDeEI7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaWFsb2dNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jZGsvZGlhbG9nJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBGd0J1dHRvbk1vZHVsZSB9IGZyb20gJy4uL2J1dHRvbi9idXR0b24ubW9kdWxlJztcbmltcG9ydCB7IEZ3SWNvbk1vZHVsZSB9IGZyb20gJy4uL2ljb24vaWNvbi5tb2R1bGUnO1xuaW1wb3J0IHsgRndJY29uQnV0dG9uTW9kdWxlIH0gZnJvbSAnLi4vaWNvbi1idXR0b24vaWNvbi1idXR0b24ubW9kdWxlJztcbmltcG9ydCB7IFBpcGVzTW9kdWxlIH0gZnJvbSAnLi4vc2hhcmVkL3BpcGVzL3BpcGVzLm1vZHVsZSc7XG5pbXBvcnQge1xuICBGd0RpYWxvZ0FjdGlvbnNDb21wb25lbnQsXG4gIEZ3RGlhbG9nQ29tcG9uZW50LFxuICBGd0RpYWxvZ0NvbnRlbnRDb21wb25lbnQsXG4gIEZ3RGlhbG9nSGVhZGVyQ29tcG9uZW50LFxufSBmcm9tICcuL2RpYWxvZy5jb21wb25lbnQnO1xuaW1wb3J0IHsgRndEaWFsb2dDb25maXJtQ29tcG9uZW50IH0gZnJvbSAnLi9kaWFsb2ctY29uZmlybS5jb21wb25lbnQnO1xuaW1wb3J0IHsgRndEaWFsb2dTaW1wbGVDb21wb25lbnQgfSBmcm9tICcuL2RpYWxvZy1zaW1wbGUuY29tcG9uZW50JztcblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbXG4gICAgRndEaWFsb2dDb21wb25lbnQsXG4gICAgRndEaWFsb2dIZWFkZXJDb21wb25lbnQsXG4gICAgRndEaWFsb2dDb250ZW50Q29tcG9uZW50LFxuICAgIEZ3RGlhbG9nQWN0aW9uc0NvbXBvbmVudCxcbiAgICBGd0RpYWxvZ0NvbmZpcm1Db21wb25lbnQsXG4gICAgRndEaWFsb2dTaW1wbGVDb21wb25lbnQsXG4gIF0sXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgRGlhbG9nTW9kdWxlLFxuICAgIFBpcGVzTW9kdWxlLFxuICAgIEZ3SWNvbkJ1dHRvbk1vZHVsZSxcbiAgICBGd0J1dHRvbk1vZHVsZSxcbiAgICBGd0ljb25Nb2R1bGUsXG4gIF0sXG4gIGV4cG9ydHM6IFtcbiAgICBGd0RpYWxvZ0NvbXBvbmVudCxcbiAgICBGd0RpYWxvZ0hlYWRlckNvbXBvbmVudCxcbiAgICBGd0RpYWxvZ0NvbnRlbnRDb21wb25lbnQsXG4gICAgRndEaWFsb2dBY3Rpb25zQ29tcG9uZW50LFxuICAgIEZ3RGlhbG9nQ29uZmlybUNvbXBvbmVudCxcbiAgICBGd0RpYWxvZ1NpbXBsZUNvbXBvbmVudCxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgRndEaWFsb2dzTW9kdWxlIHtcbn1cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlhbG9ncy5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9kaWFsb2cvZGlhbG9ncy5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQ25ELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRXpDLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUN6RCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDbkQsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sbUNBQW1DLENBQUM7QUFDdkUsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQzNELE9BQU8sRUFDTCx3QkFBd0IsRUFDeEIsaUJBQWlCLEVBQ2pCLHdCQUF3QixFQUN4Qix1QkFBdUIsR0FDeEIsTUFBTSxvQkFBb0IsQ0FBQztBQUM1QixPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFDbkQsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDdEUsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sMkJBQTJCLENBQUM7O0FBK0JwRSxNQUFNLE9BQU8sZUFBZTs7NEdBQWYsZUFBZTs2R0FBZixlQUFlLGlCQTNCeEIsd0JBQXdCO1FBQ3hCLGlCQUFpQjtRQUNqQix3QkFBd0I7UUFDeEIsd0JBQXdCO1FBQ3hCLHVCQUF1QjtRQUN2Qix1QkFBdUIsYUFHdkIsWUFBWTtRQUNaLFlBQVk7UUFDWixjQUFjO1FBQ2Qsa0JBQWtCO1FBQ2xCLFlBQVk7UUFDWixXQUFXLGFBR1gsd0JBQXdCO1FBQ3hCLGlCQUFpQjtRQUNqQix3QkFBd0I7UUFDeEIsd0JBQXdCO1FBQ3hCLHVCQUF1QjtRQUN2Qix1QkFBdUI7NkdBTWQsZUFBZSxhQUpmO1FBQ1QsZUFBZTtLQUNoQixZQWpCQyxZQUFZO1FBQ1osWUFBWTtRQUNaLGNBQWM7UUFDZCxrQkFBa0I7UUFDbEIsWUFBWTtRQUNaLFdBQVc7MkZBY0YsZUFBZTtrQkE3QjNCLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFO3dCQUNaLHdCQUF3Qjt3QkFDeEIsaUJBQWlCO3dCQUNqQix3QkFBd0I7d0JBQ3hCLHdCQUF3Qjt3QkFDeEIsdUJBQXVCO3dCQUN2Qix1QkFBdUI7cUJBQ3hCO29CQUNELE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUNaLFlBQVk7d0JBQ1osY0FBYzt3QkFDZCxrQkFBa0I7d0JBQ2xCLFlBQVk7d0JBQ1osV0FBVztxQkFDWjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1Asd0JBQXdCO3dCQUN4QixpQkFBaUI7d0JBQ2pCLHdCQUF3Qjt3QkFDeEIsd0JBQXdCO3dCQUN4Qix1QkFBdUI7d0JBQ3ZCLHVCQUF1QjtxQkFDeEI7b0JBQ0QsU0FBUyxFQUFFO3dCQUNULGVBQWU7cUJBQ2hCO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGlhbG9nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY2RrL2RpYWxvZyc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgRndCdXR0b25Nb2R1bGUgfSBmcm9tICcuLi9idXR0b24vYnV0dG9uLm1vZHVsZSc7XG5pbXBvcnQgeyBGd0ljb25Nb2R1bGUgfSBmcm9tICcuLi9pY29uL2ljb24ubW9kdWxlJztcbmltcG9ydCB7IEZ3SWNvbkJ1dHRvbk1vZHVsZSB9IGZyb20gJy4uL2ljb24tYnV0dG9uL2ljb24tYnV0dG9uLm1vZHVsZSc7XG5pbXBvcnQgeyBQaXBlc01vZHVsZSB9IGZyb20gJy4uL3NoYXJlZC9waXBlcy9waXBlcy5tb2R1bGUnO1xuaW1wb3J0IHtcbiAgRndEaWFsb2dBY3Rpb25zQ29tcG9uZW50LFxuICBGd0RpYWxvZ0NvbXBvbmVudCxcbiAgRndEaWFsb2dDb250ZW50Q29tcG9uZW50LFxuICBGd0RpYWxvZ0hlYWRlckNvbXBvbmVudCxcbn0gZnJvbSAnLi9kaWFsb2cuY29tcG9uZW50JztcbmltcG9ydCB7IEZ3RGlhbG9nU2VydmljZSB9IGZyb20gJy4vZGlhbG9nLnNlcnZpY2UnO1xuaW1wb3J0IHsgRndEaWFsb2dDb25maXJtQ29tcG9uZW50IH0gZnJvbSAnLi9kaWFsb2ctY29uZmlybS5jb21wb25lbnQnO1xuaW1wb3J0IHsgRndEaWFsb2dTaW1wbGVDb21wb25lbnQgfSBmcm9tICcuL2RpYWxvZy1zaW1wbGUuY29tcG9uZW50JztcblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbXG4gICAgRndEaWFsb2dBY3Rpb25zQ29tcG9uZW50LFxuICAgIEZ3RGlhbG9nQ29tcG9uZW50LFxuICAgIEZ3RGlhbG9nQ29uZmlybUNvbXBvbmVudCxcbiAgICBGd0RpYWxvZ0NvbnRlbnRDb21wb25lbnQsXG4gICAgRndEaWFsb2dIZWFkZXJDb21wb25lbnQsXG4gICAgRndEaWFsb2dTaW1wbGVDb21wb25lbnQsXG4gIF0sXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgRGlhbG9nTW9kdWxlLFxuICAgIEZ3QnV0dG9uTW9kdWxlLFxuICAgIEZ3SWNvbkJ1dHRvbk1vZHVsZSxcbiAgICBGd0ljb25Nb2R1bGUsXG4gICAgUGlwZXNNb2R1bGUsXG4gIF0sXG4gIGV4cG9ydHM6IFtcbiAgICBGd0RpYWxvZ0FjdGlvbnNDb21wb25lbnQsXG4gICAgRndEaWFsb2dDb21wb25lbnQsXG4gICAgRndEaWFsb2dDb25maXJtQ29tcG9uZW50LFxuICAgIEZ3RGlhbG9nQ29udGVudENvbXBvbmVudCxcbiAgICBGd0RpYWxvZ0hlYWRlckNvbXBvbmVudCxcbiAgICBGd0RpYWxvZ1NpbXBsZUNvbXBvbmVudCxcbiAgXSxcbiAgcHJvdmlkZXJzOiBbXG4gICAgRndEaWFsb2dTZXJ2aWNlLFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBGd0RpYWxvZ3NNb2R1bGUge1xufVxuIl19

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

@@ -15,10 +15,10 @@ 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", "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" }] });
+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: [":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        [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"] }]
+            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: [":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']

package/esm2020/components/layouts/grid/grid.component.mjs

@@ -0,0 +1,60 @@
+import { Component, HostBinding, Input, ViewEncapsulation } from '@angular/core';
+import * as i0 from "@angular/core";
+export class FwGridComponent {
+    get cssClass() {
+        return ['fw-grid'].join(' ');
+    }
+}
+FwGridComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwGridComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+FwGridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: FwGridComponent, selector: "fw-grid", host: { properties: { "class": "this.cssClass" } }, ngImport: i0, template: '<ng-content select="fw-grid-item"></ng-content>', isInline: true, styles: ["@import\"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700\";.vision-h1{font-family:Inter,sans-serif;color:var(--typography-base);font-weight:500;font-size:22px}.vision-h2{font-family:Inter,sans-serif;color:var(--typography-base);font-weight:500;font-size:18px}.vision-h3{font-family:Inter,sans-serif;color:var(--typography-base);font-weight:500;font-size:16px}.vision-h4{font-family:Inter,sans-serif;color:var(--typography-base);font-weight:500;font-size:14px}.vision-h5{font-family:Inter,sans-serif;color:var(--typography-base);font-weight:500;font-size:12px;line-height:130%}.vision-p1{font-size:18px;font-family:Inter,sans-serif;color:var(--typography-base);font-weight:400}.vision-p2,.fw-grid{font-size:14px;font-family:Inter,sans-serif;color:var(--typography-base);font-weight:400}.vision-p3{font-size:12px;font-family:Inter,sans-serif;color:var(--typography-base);font-weight:400}.vision-p4{font-size:10px;font-family:Inter,sans-serif;color:var(--typography-base);font-weight:400}.fw-grid{display:grid;width:100%;gap:16px;grid-template-columns:repeat(12,1fr)}.fw-grid .page-light{background-color:var(--page-light)}.fw-grid .page-shaded{background-color:var(--page-shaded)}.fw-grid .card-header{background-color:var(--card-header)}.fw-grid .card-background{background-color:var(--card-background)}.fw-grid .grid-item-padded{padding:16px}.fw-grid .grid-item-rounded{border-radius:8px}.fw-grid .fw-grid-col-1{grid-column:span 1/auto}.fw-grid .fw-grid-col-2{grid-column:span 2/auto}.fw-grid .fw-grid-col-3{grid-column:span 3/auto}.fw-grid .fw-grid-col-4{grid-column:span 4/auto}.fw-grid .fw-grid-col-5{grid-column:span 5/auto}.fw-grid .fw-grid-col-6{grid-column:span 6/auto}.fw-grid .fw-grid-col-7{grid-column:span 7/auto}.fw-grid .fw-grid-col-8{grid-column:span 8/auto}.fw-grid .fw-grid-col-9{grid-column:span 9/auto}.fw-grid .fw-grid-col-10{grid-column:span 10/auto}.fw-grid .fw-grid-col-11{grid-column:span 11/auto}.fw-grid .fw-grid-col-12{grid-column:span 12/auto}@media only screen and (min-width: 576px){.fw-grid-col-sm-1{grid-column:span 1/auto!important}.fw-grid-col-sm-2{grid-column:span 2/auto!important}.fw-grid-col-sm-3{grid-column:span 3/auto!important}.fw-grid-col-sm-4{grid-column:span 4/auto!important}.fw-grid-col-sm-5{grid-column:span 5/auto!important}.fw-grid-col-sm-6{grid-column:span 6/auto!important}.fw-grid-col-sm-7{grid-column:span 7/auto!important}.fw-grid-col-sm-8{grid-column:span 8/auto!important}.fw-grid-col-sm-9{grid-column:span 9/auto!important}.fw-grid-col-sm-10{grid-column:span 10/auto!important}.fw-grid-col-sm-11{grid-column:span 11/auto!important}.fw-grid-col-sm-12{grid-column:span 12/auto!important}}@media only screen and (min-width: 768px){.fw-grid-col-md-1{grid-column:span 1/auto!important}.fw-grid-col-md-2{grid-column:span 2/auto!important}.fw-grid-col-md-3{grid-column:span 3/auto!important}.fw-grid-col-md-4{grid-column:span 4/auto!important}.fw-grid-col-md-5{grid-column:span 5/auto!important}.fw-grid-col-md-6{grid-column:span 6/auto!important}.fw-grid-col-md-7{grid-column:span 7/auto!important}.fw-grid-col-md-8{grid-column:span 8/auto!important}.fw-grid-col-md-9{grid-column:span 9/auto!important}.fw-grid-col-md-10{grid-column:span 10/auto!important}.fw-grid-col-md-11{grid-column:span 11/auto!important}.fw-grid-col-md-12{grid-column:span 12/auto!important}}@media only screen and (min-width: 992px){.fw-grid-col-lg-1{grid-column:span 1/auto!important}.fw-grid-col-lg-2{grid-column:span 2/auto!important}.fw-grid-col-lg-3{grid-column:span 3/auto!important}.fw-grid-col-lg-4{grid-column:span 4/auto!important}.fw-grid-col-lg-5{grid-column:span 5/auto!important}.fw-grid-col-lg-6{grid-column:span 6/auto!important}.fw-grid-col-lg-7{grid-column:span 7/auto!important}.fw-grid-col-lg-8{grid-column:span 8/auto!important}.fw-grid-col-lg-9{grid-column:span 9/auto!important}.fw-grid-col-lg-10{grid-column:span 10/auto!important}.fw-grid-col-lg-11{grid-column:span 11/auto!important}.fw-grid-col-lg-12{grid-column:span 12/auto!important}}@media only screen and (min-width: 1200px){.fw-grid-col-xl-1{grid-column:span 1/auto!important}.fw-grid-col-xl-2{grid-column:span 2/auto!important}.fw-grid-col-xl-3{grid-column:span 3/auto!important}.fw-grid-col-xl-4{grid-column:span 4/auto!important}.fw-grid-col-xl-5{grid-column:span 5/auto!important}.fw-grid-col-xl-6{grid-column:span 6/auto!important}.fw-grid-col-xl-7{grid-column:span 7/auto!important}.fw-grid-col-xl-8{grid-column:span 8/auto!important}.fw-grid-col-xl-9{grid-column:span 9/auto!important}.fw-grid-col-xl-10{grid-column:span 10/auto!important}.fw-grid-col-xl-11{grid-column:span 11/auto!important}.fw-grid-col-xl-12{grid-column:span 12/auto!important}}\n"], encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwGridComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'fw-grid', template: '<ng-content select="fw-grid-item"></ng-content>', encapsulation: ViewEncapsulation.None, styles: ["@import\"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700\";.vision-h1{font-family:Inter,sans-serif;color:var(--typography-base);font-weight:500;font-size:22px}.vision-h2{font-family:Inter,sans-serif;color:var(--typography-base);font-weight:500;font-size:18px}.vision-h3{font-family:Inter,sans-serif;color:var(--typography-base);font-weight:500;font-size:16px}.vision-h4{font-family:Inter,sans-serif;color:var(--typography-base);font-weight:500;font-size:14px}.vision-h5{font-family:Inter,sans-serif;color:var(--typography-base);font-weight:500;font-size:12px;line-height:130%}.vision-p1{font-size:18px;font-family:Inter,sans-serif;color:var(--typography-base);font-weight:400}.vision-p2,.fw-grid{font-size:14px;font-family:Inter,sans-serif;color:var(--typography-base);font-weight:400}.vision-p3{font-size:12px;font-family:Inter,sans-serif;color:var(--typography-base);font-weight:400}.vision-p4{font-size:10px;font-family:Inter,sans-serif;color:var(--typography-base);font-weight:400}.fw-grid{display:grid;width:100%;gap:16px;grid-template-columns:repeat(12,1fr)}.fw-grid .page-light{background-color:var(--page-light)}.fw-grid .page-shaded{background-color:var(--page-shaded)}.fw-grid .card-header{background-color:var(--card-header)}.fw-grid .card-background{background-color:var(--card-background)}.fw-grid .grid-item-padded{padding:16px}.fw-grid .grid-item-rounded{border-radius:8px}.fw-grid .fw-grid-col-1{grid-column:span 1/auto}.fw-grid .fw-grid-col-2{grid-column:span 2/auto}.fw-grid .fw-grid-col-3{grid-column:span 3/auto}.fw-grid .fw-grid-col-4{grid-column:span 4/auto}.fw-grid .fw-grid-col-5{grid-column:span 5/auto}.fw-grid .fw-grid-col-6{grid-column:span 6/auto}.fw-grid .fw-grid-col-7{grid-column:span 7/auto}.fw-grid .fw-grid-col-8{grid-column:span 8/auto}.fw-grid .fw-grid-col-9{grid-column:span 9/auto}.fw-grid .fw-grid-col-10{grid-column:span 10/auto}.fw-grid .fw-grid-col-11{grid-column:span 11/auto}.fw-grid .fw-grid-col-12{grid-column:span 12/auto}@media only screen and (min-width: 576px){.fw-grid-col-sm-1{grid-column:span 1/auto!important}.fw-grid-col-sm-2{grid-column:span 2/auto!important}.fw-grid-col-sm-3{grid-column:span 3/auto!important}.fw-grid-col-sm-4{grid-column:span 4/auto!important}.fw-grid-col-sm-5{grid-column:span 5/auto!important}.fw-grid-col-sm-6{grid-column:span 6/auto!important}.fw-grid-col-sm-7{grid-column:span 7/auto!important}.fw-grid-col-sm-8{grid-column:span 8/auto!important}.fw-grid-col-sm-9{grid-column:span 9/auto!important}.fw-grid-col-sm-10{grid-column:span 10/auto!important}.fw-grid-col-sm-11{grid-column:span 11/auto!important}.fw-grid-col-sm-12{grid-column:span 12/auto!important}}@media only screen and (min-width: 768px){.fw-grid-col-md-1{grid-column:span 1/auto!important}.fw-grid-col-md-2{grid-column:span 2/auto!important}.fw-grid-col-md-3{grid-column:span 3/auto!important}.fw-grid-col-md-4{grid-column:span 4/auto!important}.fw-grid-col-md-5{grid-column:span 5/auto!important}.fw-grid-col-md-6{grid-column:span 6/auto!important}.fw-grid-col-md-7{grid-column:span 7/auto!important}.fw-grid-col-md-8{grid-column:span 8/auto!important}.fw-grid-col-md-9{grid-column:span 9/auto!important}.fw-grid-col-md-10{grid-column:span 10/auto!important}.fw-grid-col-md-11{grid-column:span 11/auto!important}.fw-grid-col-md-12{grid-column:span 12/auto!important}}@media only screen and (min-width: 992px){.fw-grid-col-lg-1{grid-column:span 1/auto!important}.fw-grid-col-lg-2{grid-column:span 2/auto!important}.fw-grid-col-lg-3{grid-column:span 3/auto!important}.fw-grid-col-lg-4{grid-column:span 4/auto!important}.fw-grid-col-lg-5{grid-column:span 5/auto!important}.fw-grid-col-lg-6{grid-column:span 6/auto!important}.fw-grid-col-lg-7{grid-column:span 7/auto!important}.fw-grid-col-lg-8{grid-column:span 8/auto!important}.fw-grid-col-lg-9{grid-column:span 9/auto!important}.fw-grid-col-lg-10{grid-column:span 10/auto!important}.fw-grid-col-lg-11{grid-column:span 11/auto!important}.fw-grid-col-lg-12{grid-column:span 12/auto!important}}@media only screen and (min-width: 1200px){.fw-grid-col-xl-1{grid-column:span 1/auto!important}.fw-grid-col-xl-2{grid-column:span 2/auto!important}.fw-grid-col-xl-3{grid-column:span 3/auto!important}.fw-grid-col-xl-4{grid-column:span 4/auto!important}.fw-grid-col-xl-5{grid-column:span 5/auto!important}.fw-grid-col-xl-6{grid-column:span 6/auto!important}.fw-grid-col-xl-7{grid-column:span 7/auto!important}.fw-grid-col-xl-8{grid-column:span 8/auto!important}.fw-grid-col-xl-9{grid-column:span 9/auto!important}.fw-grid-col-xl-10{grid-column:span 10/auto!important}.fw-grid-col-xl-11{grid-column:span 11/auto!important}.fw-grid-col-xl-12{grid-column:span 12/auto!important}}\n"] }]
+        }], propDecorators: { cssClass: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+export class FwGridItemComponent {
+    constructor() {
+        this.padded = false;
+        this.rounded = false;
+    }
+    get cssClass() {
+        return [
+            'fw-grid-col-' + this.cols,
+            this.variant,
+            this.padded ? 'grid-item-padded' : null,
+            this.rounded ? 'grid-item-rounded' : null,
+            this.sm ? 'fw-grid-col-sm-' + this.sm : null,
+            this.md ? 'fw-grid-col-md-' + this.md : null,
+            this.lg ? 'fw-grid-col-lg-' + this.lg : null,
+            this.xl ? 'fw-grid-col-xl-' + this.xl : null,
+        ].filter(Boolean).join(' ');
+    }
+}
+FwGridItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwGridItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+FwGridItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: FwGridItemComponent, selector: "fw-grid-item", inputs: { cols: "cols", sm: "sm", md: "md", lg: "lg", xl: "xl", padded: "padded", rounded: "rounded", variant: "variant" }, host: { properties: { "class": "this.cssClass" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: ["@import\"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700\";.vision-h1{font-family:Inter,sans-serif;color:var(--typography-base);font-weight:500;font-size:22px}.vision-h2{font-family:Inter,sans-serif;color:var(--typography-base);font-weight:500;font-size:18px}.vision-h3{font-family:Inter,sans-serif;color:var(--typography-base);font-weight:500;font-size:16px}.vision-h4{font-family:Inter,sans-serif;color:var(--typography-base);font-weight:500;font-size:14px}.vision-h5{font-family:Inter,sans-serif;color:var(--typography-base);font-weight:500;font-size:12px;line-height:130%}.vision-p1{font-size:18px;font-family:Inter,sans-serif;color:var(--typography-base);font-weight:400}.vision-p2,.fw-grid{font-size:14px;font-family:Inter,sans-serif;color:var(--typography-base);font-weight:400}.vision-p3{font-size:12px;font-family:Inter,sans-serif;color:var(--typography-base);font-weight:400}.vision-p4{font-size:10px;font-family:Inter,sans-serif;color:var(--typography-base);font-weight:400}.fw-grid{display:grid;width:100%;gap:16px;grid-template-columns:repeat(12,1fr)}.fw-grid .page-light{background-color:var(--page-light)}.fw-grid .page-shaded{background-color:var(--page-shaded)}.fw-grid .card-header{background-color:var(--card-header)}.fw-grid .card-background{background-color:var(--card-background)}.fw-grid .grid-item-padded{padding:16px}.fw-grid .grid-item-rounded{border-radius:8px}.fw-grid .fw-grid-col-1{grid-column:span 1/auto}.fw-grid .fw-grid-col-2{grid-column:span 2/auto}.fw-grid .fw-grid-col-3{grid-column:span 3/auto}.fw-grid .fw-grid-col-4{grid-column:span 4/auto}.fw-grid .fw-grid-col-5{grid-column:span 5/auto}.fw-grid .fw-grid-col-6{grid-column:span 6/auto}.fw-grid .fw-grid-col-7{grid-column:span 7/auto}.fw-grid .fw-grid-col-8{grid-column:span 8/auto}.fw-grid .fw-grid-col-9{grid-column:span 9/auto}.fw-grid .fw-grid-col-10{grid-column:span 10/auto}.fw-grid .fw-grid-col-11{grid-column:span 11/auto}.fw-grid .fw-grid-col-12{grid-column:span 12/auto}@media only screen and (min-width: 576px){.fw-grid-col-sm-1{grid-column:span 1/auto!important}.fw-grid-col-sm-2{grid-column:span 2/auto!important}.fw-grid-col-sm-3{grid-column:span 3/auto!important}.fw-grid-col-sm-4{grid-column:span 4/auto!important}.fw-grid-col-sm-5{grid-column:span 5/auto!important}.fw-grid-col-sm-6{grid-column:span 6/auto!important}.fw-grid-col-sm-7{grid-column:span 7/auto!important}.fw-grid-col-sm-8{grid-column:span 8/auto!important}.fw-grid-col-sm-9{grid-column:span 9/auto!important}.fw-grid-col-sm-10{grid-column:span 10/auto!important}.fw-grid-col-sm-11{grid-column:span 11/auto!important}.fw-grid-col-sm-12{grid-column:span 12/auto!important}}@media only screen and (min-width: 768px){.fw-grid-col-md-1{grid-column:span 1/auto!important}.fw-grid-col-md-2{grid-column:span 2/auto!important}.fw-grid-col-md-3{grid-column:span 3/auto!important}.fw-grid-col-md-4{grid-column:span 4/auto!important}.fw-grid-col-md-5{grid-column:span 5/auto!important}.fw-grid-col-md-6{grid-column:span 6/auto!important}.fw-grid-col-md-7{grid-column:span 7/auto!important}.fw-grid-col-md-8{grid-column:span 8/auto!important}.fw-grid-col-md-9{grid-column:span 9/auto!important}.fw-grid-col-md-10{grid-column:span 10/auto!important}.fw-grid-col-md-11{grid-column:span 11/auto!important}.fw-grid-col-md-12{grid-column:span 12/auto!important}}@media only screen and (min-width: 992px){.fw-grid-col-lg-1{grid-column:span 1/auto!important}.fw-grid-col-lg-2{grid-column:span 2/auto!important}.fw-grid-col-lg-3{grid-column:span 3/auto!important}.fw-grid-col-lg-4{grid-column:span 4/auto!important}.fw-grid-col-lg-5{grid-column:span 5/auto!important}.fw-grid-col-lg-6{grid-column:span 6/auto!important}.fw-grid-col-lg-7{grid-column:span 7/auto!important}.fw-grid-col-lg-8{grid-column:span 8/auto!important}.fw-grid-col-lg-9{grid-column:span 9/auto!important}.fw-grid-col-lg-10{grid-column:span 10/auto!important}.fw-grid-col-lg-11{grid-column:span 11/auto!important}.fw-grid-col-lg-12{grid-column:span 12/auto!important}}@media only screen and (min-width: 1200px){.fw-grid-col-xl-1{grid-column:span 1/auto!important}.fw-grid-col-xl-2{grid-column:span 2/auto!important}.fw-grid-col-xl-3{grid-column:span 3/auto!important}.fw-grid-col-xl-4{grid-column:span 4/auto!important}.fw-grid-col-xl-5{grid-column:span 5/auto!important}.fw-grid-col-xl-6{grid-column:span 6/auto!important}.fw-grid-col-xl-7{grid-column:span 7/auto!important}.fw-grid-col-xl-8{grid-column:span 8/auto!important}.fw-grid-col-xl-9{grid-column:span 9/auto!important}.fw-grid-col-xl-10{grid-column:span 10/auto!important}.fw-grid-col-xl-11{grid-column:span 11/auto!important}.fw-grid-col-xl-12{grid-column:span 12/auto!important}}\n"], encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwGridItemComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'fw-grid-item', template: '<ng-content></ng-content>', encapsulation: ViewEncapsulation.None, styles: ["@import\"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700\";.vision-h1{font-family:Inter,sans-serif;color:var(--typography-base);font-weight:500;font-size:22px}.vision-h2{font-family:Inter,sans-serif;color:var(--typography-base);font-weight:500;font-size:18px}.vision-h3{font-family:Inter,sans-serif;color:var(--typography-base);font-weight:500;font-size:16px}.vision-h4{font-family:Inter,sans-serif;color:var(--typography-base);font-weight:500;font-size:14px}.vision-h5{font-family:Inter,sans-serif;color:var(--typography-base);font-weight:500;font-size:12px;line-height:130%}.vision-p1{font-size:18px;font-family:Inter,sans-serif;color:var(--typography-base);font-weight:400}.vision-p2,.fw-grid{font-size:14px;font-family:Inter,sans-serif;color:var(--typography-base);font-weight:400}.vision-p3{font-size:12px;font-family:Inter,sans-serif;color:var(--typography-base);font-weight:400}.vision-p4{font-size:10px;font-family:Inter,sans-serif;color:var(--typography-base);font-weight:400}.fw-grid{display:grid;width:100%;gap:16px;grid-template-columns:repeat(12,1fr)}.fw-grid .page-light{background-color:var(--page-light)}.fw-grid .page-shaded{background-color:var(--page-shaded)}.fw-grid .card-header{background-color:var(--card-header)}.fw-grid .card-background{background-color:var(--card-background)}.fw-grid .grid-item-padded{padding:16px}.fw-grid .grid-item-rounded{border-radius:8px}.fw-grid .fw-grid-col-1{grid-column:span 1/auto}.fw-grid .fw-grid-col-2{grid-column:span 2/auto}.fw-grid .fw-grid-col-3{grid-column:span 3/auto}.fw-grid .fw-grid-col-4{grid-column:span 4/auto}.fw-grid .fw-grid-col-5{grid-column:span 5/auto}.fw-grid .fw-grid-col-6{grid-column:span 6/auto}.fw-grid .fw-grid-col-7{grid-column:span 7/auto}.fw-grid .fw-grid-col-8{grid-column:span 8/auto}.fw-grid .fw-grid-col-9{grid-column:span 9/auto}.fw-grid .fw-grid-col-10{grid-column:span 10/auto}.fw-grid .fw-grid-col-11{grid-column:span 11/auto}.fw-grid .fw-grid-col-12{grid-column:span 12/auto}@media only screen and (min-width: 576px){.fw-grid-col-sm-1{grid-column:span 1/auto!important}.fw-grid-col-sm-2{grid-column:span 2/auto!important}.fw-grid-col-sm-3{grid-column:span 3/auto!important}.fw-grid-col-sm-4{grid-column:span 4/auto!important}.fw-grid-col-sm-5{grid-column:span 5/auto!important}.fw-grid-col-sm-6{grid-column:span 6/auto!important}.fw-grid-col-sm-7{grid-column:span 7/auto!important}.fw-grid-col-sm-8{grid-column:span 8/auto!important}.fw-grid-col-sm-9{grid-column:span 9/auto!important}.fw-grid-col-sm-10{grid-column:span 10/auto!important}.fw-grid-col-sm-11{grid-column:span 11/auto!important}.fw-grid-col-sm-12{grid-column:span 12/auto!important}}@media only screen and (min-width: 768px){.fw-grid-col-md-1{grid-column:span 1/auto!important}.fw-grid-col-md-2{grid-column:span 2/auto!important}.fw-grid-col-md-3{grid-column:span 3/auto!important}.fw-grid-col-md-4{grid-column:span 4/auto!important}.fw-grid-col-md-5{grid-column:span 5/auto!important}.fw-grid-col-md-6{grid-column:span 6/auto!important}.fw-grid-col-md-7{grid-column:span 7/auto!important}.fw-grid-col-md-8{grid-column:span 8/auto!important}.fw-grid-col-md-9{grid-column:span 9/auto!important}.fw-grid-col-md-10{grid-column:span 10/auto!important}.fw-grid-col-md-11{grid-column:span 11/auto!important}.fw-grid-col-md-12{grid-column:span 12/auto!important}}@media only screen and (min-width: 992px){.fw-grid-col-lg-1{grid-column:span 1/auto!important}.fw-grid-col-lg-2{grid-column:span 2/auto!important}.fw-grid-col-lg-3{grid-column:span 3/auto!important}.fw-grid-col-lg-4{grid-column:span 4/auto!important}.fw-grid-col-lg-5{grid-column:span 5/auto!important}.fw-grid-col-lg-6{grid-column:span 6/auto!important}.fw-grid-col-lg-7{grid-column:span 7/auto!important}.fw-grid-col-lg-8{grid-column:span 8/auto!important}.fw-grid-col-lg-9{grid-column:span 9/auto!important}.fw-grid-col-lg-10{grid-column:span 10/auto!important}.fw-grid-col-lg-11{grid-column:span 11/auto!important}.fw-grid-col-lg-12{grid-column:span 12/auto!important}}@media only screen and (min-width: 1200px){.fw-grid-col-xl-1{grid-column:span 1/auto!important}.fw-grid-col-xl-2{grid-column:span 2/auto!important}.fw-grid-col-xl-3{grid-column:span 3/auto!important}.fw-grid-col-xl-4{grid-column:span 4/auto!important}.fw-grid-col-xl-5{grid-column:span 5/auto!important}.fw-grid-col-xl-6{grid-column:span 6/auto!important}.fw-grid-col-xl-7{grid-column:span 7/auto!important}.fw-grid-col-xl-8{grid-column:span 8/auto!important}.fw-grid-col-xl-9{grid-column:span 9/auto!important}.fw-grid-col-xl-10{grid-column:span 10/auto!important}.fw-grid-col-xl-11{grid-column:span 11/auto!important}.fw-grid-col-xl-12{grid-column:span 12/auto!important}}\n"] }]
+        }], propDecorators: { cols: [{
+                type: Input
+            }], sm: [{
+                type: Input
+            }], md: [{
+                type: Input
+            }], lg: [{
+                type: Input
+            }], xl: [{
+                type: Input
+            }], padded: [{
+                type: Input
+            }], rounded: [{
+                type: Input
+            }], variant: [{
+                type: Input
+            }], cssClass: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3JpZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9sYXlvdXRzL2dyaWQvZ3JpZC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDOztBQVFqRixNQUFNLE9BQU8sZUFBZTtJQUN4QixJQUEwQixRQUFRO1FBQzlCLE9BQU8sQ0FBQyxTQUFTLENBQUMsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUM7SUFDakMsQ0FBQzs7NEdBSFEsZUFBZTtnR0FBZixlQUFlLG1HQUpkLGlEQUFpRDsyRkFJbEQsZUFBZTtrQkFOM0IsU0FBUzsrQkFDSSxTQUFTLFlBQ1QsaURBQWlELGlCQUU1QyxpQkFBaUIsQ0FBQyxJQUFJOzhCQUdYLFFBQVE7c0JBQWpDLFdBQVc7dUJBQUMsT0FBTzs7QUFXeEIsTUFBTSxPQUFPLG1CQUFtQjtJQU5oQztRQVlhLFdBQU0sR0FBYSxLQUFLLENBQUM7UUFDekIsWUFBTyxHQUFhLEtBQUssQ0FBQztLQWV0QztJQVpHLElBQTBCLFFBQVE7UUFDOUIsT0FBTztZQUNILGNBQWMsR0FBRyxJQUFJLENBQUMsSUFBSTtZQUMxQixJQUFJLENBQUMsT0FBTztZQUNaLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLGtCQUFrQixDQUFDLENBQUMsQ0FBQyxJQUFJO1lBQ3ZDLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLG1CQUFtQixDQUFDLENBQUMsQ0FBQyxJQUFJO1lBQ3pDLElBQUksQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLGlCQUFpQixHQUFHLElBQUksQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLElBQUk7WUFDNUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsaUJBQWlCLEdBQUcsSUFBSSxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsSUFBSTtZQUM1QyxJQUFJLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxpQkFBaUIsR0FBRyxJQUFJLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxJQUFJO1lBQzVDLElBQUksQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLGlCQUFpQixHQUFHLElBQUksQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLElBQUk7U0FDL0MsQ0FBQyxNQUFNLENBQUMsT0FBTyxDQUFDLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDO0lBQ2hDLENBQUM7O2dIQXJCUSxtQkFBbUI7b0dBQW5CLG1CQUFtQixvT0FKbEIsMkJBQTJCOzJGQUk1QixtQkFBbUI7a0JBTi9CLFNBQVM7K0JBQ0ksY0FBYyxZQUNkLDJCQUEyQixpQkFFdEIsaUJBQWlCLENBQUMsSUFBSTs4QkFHNUIsSUFBSTtzQkFBWixLQUFLO2dCQUNHLEVBQUU7c0JBQVYsS0FBSztnQkFDRyxFQUFFO3NCQUFWLEtBQUs7Z0JBQ0csRUFBRTtzQkFBVixLQUFLO2dCQUNHLEVBQUU7c0JBQVYsS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFFb0IsUUFBUTtzQkFBakMsV0FBVzt1QkFBQyxPQUFPIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBIb3N0QmluZGluZywgSW5wdXQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnZnctZ3JpZCcsXG4gICAgdGVtcGxhdGU6ICc8bmctY29udGVudCBzZWxlY3Q9XCJmdy1ncmlkLWl0ZW1cIj48L25nLWNvbnRlbnQ+JyxcbiAgICBzdHlsZVVybHM6IFsnLi9ncmlkLmNvbXBvbmVudC5zY3NzJ10sXG4gICAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbn0pXG5leHBvcnQgY2xhc3MgRndHcmlkQ29tcG9uZW50IHtcbiAgICBASG9zdEJpbmRpbmcoJ2NsYXNzJykgZ2V0IGNzc0NsYXNzKCk6IHN0cmluZyB7XG4gICAgICAgIHJldHVybiBbJ2Z3LWdyaWQnXS5qb2luKCcgJyk7XG4gICAgfVxufVxuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2Z3LWdyaWQtaXRlbScsXG4gICAgdGVtcGxhdGU6ICc8bmctY29udGVudD48L25nLWNvbnRlbnQ+JyxcbiAgICBzdHlsZVVybHM6IFsnLi9ncmlkLmNvbXBvbmVudC5zY3NzJ10sXG4gICAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbn0pXG5leHBvcnQgY2xhc3MgRndHcmlkSXRlbUNvbXBvbmVudCB7XG4gICAgQElucHV0KCkgY29sczogbnVtYmVyO1xuICAgIEBJbnB1dCgpIHNtPzogbnVtYmVyO1xuICAgIEBJbnB1dCgpIG1kPzogbnVtYmVyO1xuICAgIEBJbnB1dCgpIGxnPzogbnVtYmVyO1xuICAgIEBJbnB1dCgpIHhsPzogbnVtYmVyO1xuICAgIEBJbnB1dCgpIHBhZGRlZD86IGJvb2xlYW4gPSBmYWxzZTtcbiAgICBASW5wdXQoKSByb3VuZGVkPzogYm9vbGVhbiA9IGZhbHNlO1xuICAgIEBJbnB1dCgpIHZhcmlhbnQ/OiAncGFnZS1saWdodCcgfCAncGFnZS1zaGFkZWQnIHwgJ2NhcmQtaGVhZGVyJyB8ICdjYXJkLWJhY2tncm91bmQnO1xuXG4gICAgQEhvc3RCaW5kaW5nKCdjbGFzcycpIGdldCBjc3NDbGFzcygpOiBzdHJpbmcge1xuICAgICAgICByZXR1cm4gW1xuICAgICAgICAgICAgJ2Z3LWdyaWQtY29sLScgKyB0aGlzLmNvbHMsXG4gICAgICAgICAgICB0aGlzLnZhcmlhbnQsXG4gICAgICAgICAgICB0aGlzLnBhZGRlZCA/ICdncmlkLWl0ZW0tcGFkZGVkJyA6IG51bGwsXG4gICAgICAgICAgICB0aGlzLnJvdW5kZWQgPyAnZ3JpZC1pdGVtLXJvdW5kZWQnIDogbnVsbCxcbiAgICAgICAgICAgIHRoaXMuc20gPyAnZnctZ3JpZC1jb2wtc20tJyArIHRoaXMuc20gOiBudWxsLFxuICAgICAgICAgICAgdGhpcy5tZCA/ICdmdy1ncmlkLWNvbC1tZC0nICsgdGhpcy5tZCA6IG51bGwsXG4gICAgICAgICAgICB0aGlzLmxnID8gJ2Z3LWdyaWQtY29sLWxnLScgKyB0aGlzLmxnIDogbnVsbCxcbiAgICAgICAgICAgIHRoaXMueGwgPyAnZnctZ3JpZC1jb2wteGwtJyArIHRoaXMueGwgOiBudWxsLFxuICAgICAgICBdLmZpbHRlcihCb29sZWFuKS5qb2luKCcgJyk7XG4gICAgfVxufVxuIl19

package/esm2020/components/layouts/layouts.module.mjs

@@ -2,6 +2,7 @@ import { CommonModule } from '@angular/common';
 import { NgModule } from '@angular/core';
 import { FwIconModule } from '../icon/icon.module';
 import { FwLayoutContextComponent } from './context/context.component';
+import { FwGridComponent, FwGridItemComponent } from './grid/grid.component';
 import { FwLayoutGroupComponent } from './layout-group.component';
 import { FwLayoutToolbarComponent } from './toolbar/toolbar.component';
 import * as i0 from "@angular/core";
@@ -10,10 +11,14 @@ export class FwLayoutsModule {
 FwLayoutsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwLayoutsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
 FwLayoutsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: FwLayoutsModule, declarations: [FwLayoutContextComponent,
         FwLayoutToolbarComponent,
-        FwLayoutGroupComponent], imports: [CommonModule,
+        FwLayoutGroupComponent,
+        FwGridComponent,
+        FwGridItemComponent], imports: [CommonModule,
         FwIconModule], exports: [FwLayoutContextComponent,
         FwLayoutToolbarComponent,
-        FwLayoutGroupComponent] });
+        FwLayoutGroupComponent,
+        FwGridComponent,
+        FwGridItemComponent] });
 FwLayoutsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwLayoutsModule, imports: [CommonModule,
         FwIconModule] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwLayoutsModule, decorators: [{
@@ -27,12 +32,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
                         FwLayoutContextComponent,
                         FwLayoutToolbarComponent,
                         FwLayoutGroupComponent,
+                        FwGridComponent,
+                        FwGridItemComponent,
                     ],
                     declarations: [
                         FwLayoutContextComponent,
                         FwLayoutToolbarComponent,
                         FwLayoutGroupComponent,
+                        FwGridComponent,
+                        FwGridItemComponent,
                     ],
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGF5b3V0cy5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9sYXlvdXRzL2xheW91dHMubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRXpDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUNuRCxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUN2RSxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUNsRSxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQzs7QUFrQnZFLE1BQU0sT0FBTyxlQUFlOzs0R0FBZixlQUFlOzZHQUFmLGVBQWUsaUJBTHhCLHdCQUF3QjtRQUN4Qix3QkFBd0I7UUFDeEIsc0JBQXNCLGFBWHRCLFlBQVk7UUFDWixZQUFZLGFBR1osd0JBQXdCO1FBQ3hCLHdCQUF3QjtRQUN4QixzQkFBc0I7NkdBUWIsZUFBZSxZQWR4QixZQUFZO1FBQ1osWUFBWTsyRkFhSCxlQUFlO2tCQWhCM0IsUUFBUTttQkFBQztvQkFDUixPQUFPLEVBQUU7d0JBQ1AsWUFBWTt3QkFDWixZQUFZO3FCQUNiO29CQUNELE9BQU8sRUFBRTt3QkFDUCx3QkFBd0I7d0JBQ3hCLHdCQUF3Qjt3QkFDeEIsc0JBQXNCO3FCQUN2QjtvQkFDRCxZQUFZLEVBQUU7d0JBQ1osd0JBQXdCO3dCQUN4Qix3QkFBd0I7d0JBQ3hCLHNCQUFzQjtxQkFDdkI7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgRndJY29uTW9kdWxlIH0gZnJvbSAnLi4vaWNvbi9pY29uLm1vZHVsZSc7XG5pbXBvcnQgeyBGd0xheW91dENvbnRleHRDb21wb25lbnQgfSBmcm9tICcuL2NvbnRleHQvY29udGV4dC5jb21wb25lbnQnO1xuaW1wb3J0IHsgRndMYXlvdXRHcm91cENvbXBvbmVudCB9IGZyb20gJy4vbGF5b3V0LWdyb3VwLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBGd0xheW91dFRvb2xiYXJDb21wb25lbnQgfSBmcm9tICcuL3Rvb2xiYXIvdG9vbGJhci5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIEZ3SWNvbk1vZHVsZSxcbiAgXSxcbiAgZXhwb3J0czogW1xuICAgIEZ3TGF5b3V0Q29udGV4dENvbXBvbmVudCxcbiAgICBGd0xheW91dFRvb2xiYXJDb21wb25lbnQsXG4gICAgRndMYXlvdXRHcm91cENvbXBvbmVudCxcbiAgXSxcbiAgZGVjbGFyYXRpb25zOiBbXG4gICAgRndMYXlvdXRDb250ZXh0Q29tcG9uZW50LFxuICAgIEZ3TGF5b3V0VG9vbGJhckNvbXBvbmVudCxcbiAgICBGd0xheW91dEdyb3VwQ29tcG9uZW50LFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBGd0xheW91dHNNb2R1bGUge1xufVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGF5b3V0cy5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9sYXlvdXRzL2xheW91dHMubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRXpDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUNuRCxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUN2RSxPQUFPLEVBQUUsZUFBZSxFQUFFLG1CQUFtQixFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDN0UsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDbEUsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sNkJBQTZCLENBQUM7O0FBc0J2RSxNQUFNLE9BQU8sZUFBZTs7NEdBQWYsZUFBZTs2R0FBZixlQUFlLGlCQVB4Qix3QkFBd0I7UUFDeEIsd0JBQXdCO1FBQ3hCLHNCQUFzQjtRQUN0QixlQUFlO1FBQ2YsbUJBQW1CLGFBZm5CLFlBQVk7UUFDWixZQUFZLGFBR1osd0JBQXdCO1FBQ3hCLHdCQUF3QjtRQUN4QixzQkFBc0I7UUFDdEIsZUFBZTtRQUNmLG1CQUFtQjs2R0FVVixlQUFlLFlBbEJ4QixZQUFZO1FBQ1osWUFBWTsyRkFpQkgsZUFBZTtrQkFwQjNCLFFBQVE7bUJBQUM7b0JBQ1IsT0FBTyxFQUFFO3dCQUNQLFlBQVk7d0JBQ1osWUFBWTtxQkFDYjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1Asd0JBQXdCO3dCQUN4Qix3QkFBd0I7d0JBQ3hCLHNCQUFzQjt3QkFDdEIsZUFBZTt3QkFDZixtQkFBbUI7cUJBQ3BCO29CQUNELFlBQVksRUFBRTt3QkFDWix3QkFBd0I7d0JBQ3hCLHdCQUF3Qjt3QkFDeEIsc0JBQXNCO3dCQUN0QixlQUFlO3dCQUNmLG1CQUFtQjtxQkFDcEI7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgRndJY29uTW9kdWxlIH0gZnJvbSAnLi4vaWNvbi9pY29uLm1vZHVsZSc7XG5pbXBvcnQgeyBGd0xheW91dENvbnRleHRDb21wb25lbnQgfSBmcm9tICcuL2NvbnRleHQvY29udGV4dC5jb21wb25lbnQnO1xuaW1wb3J0IHsgRndHcmlkQ29tcG9uZW50LCBGd0dyaWRJdGVtQ29tcG9uZW50IH0gZnJvbSAnLi9ncmlkL2dyaWQuY29tcG9uZW50JztcbmltcG9ydCB7IEZ3TGF5b3V0R3JvdXBDb21wb25lbnQgfSBmcm9tICcuL2xheW91dC1ncm91cC5jb21wb25lbnQnO1xuaW1wb3J0IHsgRndMYXlvdXRUb29sYmFyQ29tcG9uZW50IH0gZnJvbSAnLi90b29sYmFyL3Rvb2xiYXIuY29tcG9uZW50JztcblxuQE5nTW9kdWxlKHtcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBGd0ljb25Nb2R1bGUsXG4gIF0sXG4gIGV4cG9ydHM6IFtcbiAgICBGd0xheW91dENvbnRleHRDb21wb25lbnQsXG4gICAgRndMYXlvdXRUb29sYmFyQ29tcG9uZW50LFxuICAgIEZ3TGF5b3V0R3JvdXBDb21wb25lbnQsXG4gICAgRndHcmlkQ29tcG9uZW50LFxuICAgIEZ3R3JpZEl0ZW1Db21wb25lbnQsXG4gIF0sXG4gIGRlY2xhcmF0aW9uczogW1xuICAgIEZ3TGF5b3V0Q29udGV4dENvbXBvbmVudCxcbiAgICBGd0xheW91dFRvb2xiYXJDb21wb25lbnQsXG4gICAgRndMYXlvdXRHcm91cENvbXBvbmVudCxcbiAgICBGd0dyaWRDb21wb25lbnQsXG4gICAgRndHcmlkSXRlbUNvbXBvbmVudCxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgRndMYXlvdXRzTW9kdWxlIHtcbn1cbiJdfQ==