@flywheel-io/vision 0.3.1 → 0.4.0

package/esm2015/components/shared/translation.service.js

@@ -0,0 +1,22 @@
+import { Injectable } from '@angular/core';
+import { of } from 'rxjs';
+export class TranslationService {
+}
+/**
+ * Very basic i18n implementation. Consumer apps can provide their own implementation of TranslationService to override.
+ */
+export class MinimalTranslationService {
+    getMessage(key, silent) {
+        return of(MinimalTranslationService.messages[key]);
+    }
+}
+MinimalTranslationService.messages = {
+    'common.actions.close': 'Close',
+    'confirmDialog.body': 'Are you sure?',
+    'confirmDialog.no': 'No',
+    'confirmDialog.yes': 'Yes',
+};
+MinimalTranslationService.decorators = [
+    { type: Injectable }
+];
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHJhbnNsYXRpb24uc2VydmljZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3NoYXJlZC90cmFuc2xhdGlvbi5zZXJ2aWNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDM0MsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUcxQixNQUFNLE9BQWdCLGtCQUFrQjtDQUV2QztBQUVEOztHQUVHO0FBRUYsTUFBTSxPQUFPLHlCQUF5QjtJQVFwQyxVQUFVLENBQUMsR0FBVyxFQUFFLE1BQWdCO1FBQ3RDLE9BQU8sRUFBRSxDQUFDLHlCQUF5QixDQUFDLFFBQVEsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDO0lBQ3JELENBQUM7O0FBVGMsa0NBQVEsR0FBRztJQUN4QixzQkFBc0IsRUFBRSxPQUFPO0lBQy9CLG9CQUFvQixFQUFFLGVBQWU7SUFDckMsa0JBQWtCLEVBQUUsSUFBSTtJQUN4QixtQkFBbUIsRUFBRSxLQUFLO0NBQzNCLENBQUE7O1lBUEYsVUFBVSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEluamVjdGFibGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IG9mIH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyBPYnNlcnZhYmxlIH0gZnJvbSAncnhqcyc7XG5cbmV4cG9ydCBhYnN0cmFjdCBjbGFzcyBUcmFuc2xhdGlvblNlcnZpY2Uge1xuICBhYnN0cmFjdCBnZXRNZXNzYWdlKGtleTogc3RyaW5nLCBzaWxlbnQ/OiBib29sZWFuKTogT2JzZXJ2YWJsZTxzdHJpbmc+XG59XG5cbi8qKlxuICogVmVyeSBiYXNpYyBpMThuIGltcGxlbWVudGF0aW9uLiBDb25zdW1lciBhcHBzIGNhbiBwcm92aWRlIHRoZWlyIG93biBpbXBsZW1lbnRhdGlvbiBvZiBUcmFuc2xhdGlvblNlcnZpY2UgdG8gb3ZlcnJpZGUuXG4gKi9cbiBASW5qZWN0YWJsZSgpXG4gZXhwb3J0IGNsYXNzIE1pbmltYWxUcmFuc2xhdGlvblNlcnZpY2UgaW1wbGVtZW50cyBUcmFuc2xhdGlvblNlcnZpY2Uge1xuICAgcHJpdmF0ZSBzdGF0aWMgbWVzc2FnZXMgPSB7XG4gICAgICdjb21tb24uYWN0aW9ucy5jbG9zZSc6ICdDbG9zZScsXG4gICAgICdjb25maXJtRGlhbG9nLmJvZHknOiAnQXJlIHlvdSBzdXJlPycsXG4gICAgICdjb25maXJtRGlhbG9nLm5vJzogJ05vJyxcbiAgICAgJ2NvbmZpcm1EaWFsb2cueWVzJzogJ1llcycsXG4gICB9XG5cbiAgIGdldE1lc3NhZ2Uoa2V5OiBzdHJpbmcsIHNpbGVudD86IGJvb2xlYW4pOiBPYnNlcnZhYmxlPHN0cmluZz4ge1xuICAgICByZXR1cm4gb2YoTWluaW1hbFRyYW5zbGF0aW9uU2VydmljZS5tZXNzYWdlc1trZXldKTtcbiAgIH1cbiB9XG4iXX0=

package/esm2015/flywheel-io-vision.js

@@ -2,5 +2,8 @@
  * Generated bundle index. Do not edit.
  */
 export * from './public-api';
-export { FwNotificationTimerService as ɵa } from './components/notification/notification-timer.service';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmx5d2hlZWwtaW8tdmlzaW9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2ZseXdoZWVsLWlvLXZpc2lvbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsY0FBYyxDQUFDO0FBRTdCLE9BQU8sRUFBQywwQkFBMEIsSUFBSSxFQUFFLEVBQUMsTUFBTSxzREFBc0QsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VuZXJhdGVkIGJ1bmRsZSBpbmRleC4gRG8gbm90IGVkaXQuXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9wdWJsaWMtYXBpJztcblxuZXhwb3J0IHtGd05vdGlmaWNhdGlvblRpbWVyU2VydmljZSBhcyDJtWF9IGZyb20gJy4vY29tcG9uZW50cy9ub3RpZmljYXRpb24vbm90aWZpY2F0aW9uLXRpbWVyLnNlcnZpY2UnOyJdfQ==
+export { FwNotificationTimerService as ɵd } from './components/notification/notification-timer.service';
+export { PipesModule as ɵa } from './components/shared/pipes/pipes.module';
+export { TranslatePipe as ɵb } from './components/shared/pipes/translate.pipe';
+export { TrustHtmlPipe as ɵc } from './components/shared/pipes/trusthtml.pipe';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmx5d2hlZWwtaW8tdmlzaW9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2ZseXdoZWVsLWlvLXZpc2lvbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsY0FBYyxDQUFDO0FBRTdCLE9BQU8sRUFBQywwQkFBMEIsSUFBSSxFQUFFLEVBQUMsTUFBTSxzREFBc0QsQ0FBQztBQUN0RyxPQUFPLEVBQUMsV0FBVyxJQUFJLEVBQUUsRUFBQyxNQUFNLHdDQUF3QyxDQUFDO0FBQ3pFLE9BQU8sRUFBQyxhQUFhLElBQUksRUFBRSxFQUFDLE1BQU0sMENBQTBDLENBQUM7QUFDN0UsT0FBTyxFQUFDLGFBQWEsSUFBSSxFQUFFLEVBQUMsTUFBTSwwQ0FBMEMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VuZXJhdGVkIGJ1bmRsZSBpbmRleC4gRG8gbm90IGVkaXQuXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9wdWJsaWMtYXBpJztcblxuZXhwb3J0IHtGd05vdGlmaWNhdGlvblRpbWVyU2VydmljZSBhcyDJtWR9IGZyb20gJy4vY29tcG9uZW50cy9ub3RpZmljYXRpb24vbm90aWZpY2F0aW9uLXRpbWVyLnNlcnZpY2UnO1xuZXhwb3J0IHtQaXBlc01vZHVsZSBhcyDJtWF9IGZyb20gJy4vY29tcG9uZW50cy9zaGFyZWQvcGlwZXMvcGlwZXMubW9kdWxlJztcbmV4cG9ydCB7VHJhbnNsYXRlUGlwZSBhcyDJtWJ9IGZyb20gJy4vY29tcG9uZW50cy9zaGFyZWQvcGlwZXMvdHJhbnNsYXRlLnBpcGUnO1xuZXhwb3J0IHtUcnVzdEh0bWxQaXBlIGFzIMm1Y30gZnJvbSAnLi9jb21wb25lbnRzL3NoYXJlZC9waXBlcy90cnVzdGh0bWwucGlwZSc7Il19

package/esm2015/public-api.js

@@ -2,6 +2,12 @@ export * from './components/button-group/button-group.component';
 export * from './components/button-group/button-group.module';
 export * from './components/button/button.component';
 export * from './components/button/button.module';
+export * from './components/dialog/choice-dialog.component';
+export * from './components/dialog/confirm-dialog.component';
+export * from './components/dialog/dialog.module';
+export * from './components/dialog/dialog.service';
+export * from './components/dialog/error-dialog.component';
+export * from './components/dialog/portal-dialog.component';
 export * from './components/notification/notification-container/notification-container.component';
 export * from './components/notification/notification.module';
 export * from './components/notification/notification.service';
@@ -13,4 +19,5 @@ export * from './components/popover/popover.component';
 export * from './components/popover/popover.module';
 export * from './components/table/table.component';
 export * from './components/table/table.module';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wdWJsaWMtYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsa0RBQWtELENBQUM7QUFDakUsY0FBYywrQ0FBK0MsQ0FBQztBQUM5RCxjQUFjLHNDQUFzQyxDQUFDO0FBQ3JELGNBQWMsbUNBQW1DLENBQUM7QUFDbEQsY0FBYyxtRkFBbUYsQ0FBQztBQUNsRyxjQUFjLCtDQUErQyxDQUFDO0FBQzlELGNBQWMsZ0RBQWdELENBQUM7QUFDL0QsY0FBYywrREFBK0QsQ0FBQztBQUM5RSxjQUFjLDJEQUEyRCxDQUFDO0FBQzFFLGNBQWMsZ0RBQWdELENBQUM7QUFDL0QsY0FBYyxnREFBZ0QsQ0FBQztBQUMvRCxjQUFjLHdDQUF3QyxDQUFDO0FBQ3ZELGNBQWMscUNBQXFDLENBQUM7QUFDcEQsY0FBYyxvQ0FBb0MsQ0FBQztBQUNuRCxjQUFjLGlDQUFpQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9jb21wb25lbnRzL2J1dHRvbi1ncm91cC9idXR0b24tZ3JvdXAuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vY29tcG9uZW50cy9idXR0b24tZ3JvdXAvYnV0dG9uLWdyb3VwLm1vZHVsZSc7XG5leHBvcnQgKiBmcm9tICcuL2NvbXBvbmVudHMvYnV0dG9uL2J1dHRvbi5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9jb21wb25lbnRzL2J1dHRvbi9idXR0b24ubW9kdWxlJztcbmV4cG9ydCAqIGZyb20gJy4vY29tcG9uZW50cy9ub3RpZmljYXRpb24vbm90aWZpY2F0aW9uLWNvbnRhaW5lci9ub3RpZmljYXRpb24tY29udGFpbmVyLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2NvbXBvbmVudHMvbm90aWZpY2F0aW9uL25vdGlmaWNhdGlvbi5tb2R1bGUnO1xuZXhwb3J0ICogZnJvbSAnLi9jb21wb25lbnRzL25vdGlmaWNhdGlvbi9ub3RpZmljYXRpb24uc2VydmljZSc7XG5leHBvcnQgKiBmcm9tICcuL2NvbXBvbmVudHMvbm90aWZpY2F0aW9uL25vdGlmaWNhdGlvbi9ub3RpZmljYXRpb24uY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vY29tcG9uZW50cy9ub3RpZmljYXRpb24vbm90aWZpY2F0aW9uL25vdGlmaWNhdGlvbi5tb2RlbCc7XG5leHBvcnQgKiBmcm9tICcuL2NvbXBvbmVudHMvcG9wb3Zlci9wb3BvdmVyLXRyaWdnZXIuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vY29tcG9uZW50cy9wb3BvdmVyL3BvcG92ZXItdHJpZ2dlci5kaXJlY3RpdmUnO1xuZXhwb3J0ICogZnJvbSAnLi9jb21wb25lbnRzL3BvcG92ZXIvcG9wb3Zlci5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9jb21wb25lbnRzL3BvcG92ZXIvcG9wb3Zlci5tb2R1bGUnO1xuZXhwb3J0ICogZnJvbSAnLi9jb21wb25lbnRzL3RhYmxlL3RhYmxlLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2NvbXBvbmVudHMvdGFibGUvdGFibGUubW9kdWxlJztcbiJdfQ==
+export * from './components/shared/translation.service';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wdWJsaWMtYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsa0RBQWtELENBQUM7QUFDakUsY0FBYywrQ0FBK0MsQ0FBQztBQUM5RCxjQUFjLHNDQUFzQyxDQUFDO0FBQ3JELGNBQWMsbUNBQW1DLENBQUM7QUFDbEQsY0FBYyw2Q0FBNkMsQ0FBQztBQUM1RCxjQUFjLDhDQUE4QyxDQUFDO0FBQzdELGNBQWMsbUNBQW1DLENBQUM7QUFDbEQsY0FBYyxvQ0FBb0MsQ0FBQztBQUNuRCxjQUFjLDRDQUE0QyxDQUFDO0FBQzNELGNBQWMsNkNBQTZDLENBQUM7QUFDNUQsY0FBYyxtRkFBbUYsQ0FBQztBQUNsRyxjQUFjLCtDQUErQyxDQUFDO0FBQzlELGNBQWMsZ0RBQWdELENBQUM7QUFDL0QsY0FBYywrREFBK0QsQ0FBQztBQUM5RSxjQUFjLDJEQUEyRCxDQUFDO0FBQzFFLGNBQWMsZ0RBQWdELENBQUM7QUFDL0QsY0FBYyxnREFBZ0QsQ0FBQztBQUMvRCxjQUFjLHdDQUF3QyxDQUFDO0FBQ3ZELGNBQWMscUNBQXFDLENBQUM7QUFDcEQsY0FBYyxvQ0FBb0MsQ0FBQztBQUNuRCxjQUFjLGlDQUFpQyxDQUFDO0FBQ2hELGNBQWMseUNBQXlDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL2NvbXBvbmVudHMvYnV0dG9uLWdyb3VwL2J1dHRvbi1ncm91cC5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9jb21wb25lbnRzL2J1dHRvbi1ncm91cC9idXR0b24tZ3JvdXAubW9kdWxlJztcbmV4cG9ydCAqIGZyb20gJy4vY29tcG9uZW50cy9idXR0b24vYnV0dG9uLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2NvbXBvbmVudHMvYnV0dG9uL2J1dHRvbi5tb2R1bGUnO1xuZXhwb3J0ICogZnJvbSAnLi9jb21wb25lbnRzL2RpYWxvZy9jaG9pY2UtZGlhbG9nLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2NvbXBvbmVudHMvZGlhbG9nL2NvbmZpcm0tZGlhbG9nLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2NvbXBvbmVudHMvZGlhbG9nL2RpYWxvZy5tb2R1bGUnO1xuZXhwb3J0ICogZnJvbSAnLi9jb21wb25lbnRzL2RpYWxvZy9kaWFsb2cuc2VydmljZSc7XG5leHBvcnQgKiBmcm9tICcuL2NvbXBvbmVudHMvZGlhbG9nL2Vycm9yLWRpYWxvZy5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9jb21wb25lbnRzL2RpYWxvZy9wb3J0YWwtZGlhbG9nLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2NvbXBvbmVudHMvbm90aWZpY2F0aW9uL25vdGlmaWNhdGlvbi1jb250YWluZXIvbm90aWZpY2F0aW9uLWNvbnRhaW5lci5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9jb21wb25lbnRzL25vdGlmaWNhdGlvbi9ub3RpZmljYXRpb24ubW9kdWxlJztcbmV4cG9ydCAqIGZyb20gJy4vY29tcG9uZW50cy9ub3RpZmljYXRpb24vbm90aWZpY2F0aW9uLnNlcnZpY2UnO1xuZXhwb3J0ICogZnJvbSAnLi9jb21wb25lbnRzL25vdGlmaWNhdGlvbi9ub3RpZmljYXRpb24vbm90aWZpY2F0aW9uLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2NvbXBvbmVudHMvbm90aWZpY2F0aW9uL25vdGlmaWNhdGlvbi9ub3RpZmljYXRpb24ubW9kZWwnO1xuZXhwb3J0ICogZnJvbSAnLi9jb21wb25lbnRzL3BvcG92ZXIvcG9wb3Zlci10cmlnZ2VyLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2NvbXBvbmVudHMvcG9wb3Zlci9wb3BvdmVyLXRyaWdnZXIuZGlyZWN0aXZlJztcbmV4cG9ydCAqIGZyb20gJy4vY29tcG9uZW50cy9wb3BvdmVyL3BvcG92ZXIuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vY29tcG9uZW50cy9wb3BvdmVyL3BvcG92ZXIubW9kdWxlJztcbmV4cG9ydCAqIGZyb20gJy4vY29tcG9uZW50cy90YWJsZS90YWJsZS5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9jb21wb25lbnRzL3RhYmxlL3RhYmxlLm1vZHVsZSc7XG5leHBvcnQgKiBmcm9tICcuL2NvbXBvbmVudHMvc2hhcmVkL3RyYW5zbGF0aW9uLnNlcnZpY2UnO1xuIl19

package/fesm2015/flywheel-io-vision.js

@@ -1,15 +1,17 @@
-import { Component, ViewEncapsulation, Input, NgModule, ɵɵdefineInjectable, Injectable, ChangeDetectionStrategy, ChangeDetectorRef, EventEmitter, Output, HostBinding, Directive, ElementRef, ViewContainerRef, ViewChild, TemplateRef } from '@angular/core';
+import { Component, ViewEncapsulation, Input, NgModule, Inject, Injectable, SimpleChange, ViewContainerRef, Pipe, ChangeDetectorRef, ɵɵdefineInjectable, ChangeDetectionStrategy, EventEmitter, Output, HostBinding, Directive, ElementRef, ViewChild, TemplateRef } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { MatButtonModule } from '@angular/material/button';
-import { BehaviorSubject, Subscription } from 'rxjs';
+import { MAT_DIALOG_DATA, MatDialog, MatDialogRef, MatDialogModule, MAT_DIALOG_DEFAULT_OPTIONS } from '@angular/material/dialog';
+import { ComponentPortal, TemplatePortal, PortalModule } from '@angular/cdk/portal';
 import { MatIconModule } from '@angular/material/icon';
+import { Subject, of, BehaviorSubject, Subscription } from 'rxjs';
+import { takeUntil, debounceTime } from 'rxjs/operators';
+import { DomSanitizer } from '@angular/platform-browser';
 import { Overlay } from '@angular/cdk/overlay';
-import { TemplatePortal } from '@angular/cdk/portal';
 import { FormGroup, FormControl, FormsModule, ReactiveFormsModule } from '@angular/forms';
 import { MatPaginator, MatPaginatorModule } from '@angular/material/paginator';
 import { MatSort, MatSortModule } from '@angular/material/sort';
 import { MatTableDataSource, MatTableModule } from '@angular/material/table';
-import { debounceTime } from 'rxjs/operators';
 import { MatInputModule } from '@angular/material/input';
 import { MatSelectModule } from '@angular/material/select';
 
@@ -103,6 +105,400 @@ FwButtonModule.decorators = [
             },] }
 ];
 
+class FwChoiceDialog {
+    constructor(data) {
+        this.data = data;
+        this.alignActions = this.data.alignActions
+            ? this.data.alignActions === 'start'
+                ? null
+                : this.data.alignActions
+            : 'center';
+        this.choices = this.data.choices;
+        this.content = this.data.content;
+        this.title = this.data.title;
+    }
+    getTestId(choice) {
+        var _a;
+        return choice.testId || `${String((_a = choice.label) !== null && _a !== void 0 ? _a : choice.value).toLowerCase()}-button`;
+    }
+}
+FwChoiceDialog.decorators = [
+    { type: Component, args: [{
+                host: {
+                    class: 'mat-dialog-component',
+                    'test-id': 'choice-dialog',
+                },
+                selector: 'fw-choice-dialog',
+                template: `
+    <h1 mat-dialog-title *ngIf="title">{{ title }}</h1>
+    <div mat-dialog-content>{{ content }}</div>
+    <div mat-dialog-actions [align]="alignActions">
+      <ng-container *ngFor="let choice of choices" [ngSwitch]="choice.variant">
+        <button *ngSwitchCase="'raised'" mat-raised-button [color]="choice.color" [attr.test-id]="getTestId(choice)"
+          [mat-dialog-close]="choice.value">{{ choice.label }}</button>
+        <button *ngSwitchCase="'stroked'" mat-stroked-button [color]="choice.color" [attr.test-id]="getTestId(choice)"
+          [mat-dialog-close]="choice.value">{{ choice.label }}</button>
+        <button *ngSwitchCase="'flat'" mat-flat-button [color]="choice.color" [attr.test-id]="getTestId(choice)"
+          [mat-dialog-close]="choice.value">{{ choice.label }}</button>
+        <ng-container *ngSwitchDefault>
+          <button *ngIf="choice.color" mat-flat-button [color]="choice.color" [attr.test-id]="getTestId(choice)"
+            [mat-dialog-close]="choice.value">{{ choice.label }}</button>
+          <button *ngIf="!choice.color" mat-stroked-button [attr.test-id]="getTestId(choice)"
+            [mat-dialog-close]="choice.value">{{ choice.label }}</button>
+        </ng-container>
+      </ng-container>
+    </div>
+  `
+            },] }
+];
+FwChoiceDialog.ctorParameters = () => [
+    { type: undefined, decorators: [{ type: Inject, args: [MAT_DIALOG_DATA,] }] }
+];
+
+class FwConfirmDialog {
+    constructor(data) {
+        this.data = data;
+        this.title = this.data.title;
+        this.content = this.data.content;
+        this.html = this.data.html;
+    }
+}
+FwConfirmDialog.decorators = [
+    { type: Component, args: [{
+                host: {
+                    class: 'mat-dialog-component',
+                    'test-id': 'confirm-dialog',
+                },
+                selector: 'fw-confirm-dialog',
+                template: `
+    <h1 mat-dialog-title *ngIf="title">{{ title }}</h1>
+    <div mat-dialog-content *ngIf="html" class="markup" [innerHTML]="html | trusthtml"></div>
+    <div mat-dialog-content *ngIf="!html">{{ content || ('confirmDialog.body' | translate ) }}</div>
+    <div mat-dialog-actions align="center">
+      <button test-id="no-button" mat-stroked-button [mat-dialog-close]="false">{{ 'confirmDialog.no' | translate }}</button>
+      <button test-id="yes-button" mat-flat-button color="primary" [mat-dialog-close]="true">{{ 'confirmDialog.yes' | translate }}</button>
+    </div>
+  `,
+                styles: [`
+    [mat-dialog-content] {
+      text-align: center;
+    }
+    [mat-dialog-content].markup {
+      text-align: inherit;
+    }
+  `]
+            },] }
+];
+FwConfirmDialog.ctorParameters = () => [
+    { type: undefined, decorators: [{ type: Inject, args: [MAT_DIALOG_DATA,] }] }
+];
+
+class FwDialogService {
+    constructor(matDialog) {
+        this.matDialog = matDialog;
+        this.dialogs = [];
+        this.config = new Map();
+    }
+    closeAll(component) {
+        if (component) {
+            this.dialogs
+                .filter((el) => el.component === component)
+                .forEach((el) => el.ref.close());
+        }
+        else {
+            this.matDialog.closeAll();
+        }
+    }
+    open(component, config) {
+        const index = this.dialogs.findIndex(el => el.component === component);
+        let ref = null;
+        const baseConfig = Object.assign({ multi: 'allow' }, this.config.get(component));
+        switch (baseConfig.multi) {
+            case 'ignore':
+                // if an existing dialog of the same type doesn't exist, open one
+                if (index === -1) {
+                    ref = this.matDialog.open(component, Object.assign(Object.assign({}, baseConfig), config));
+                    this.dialogs.push({ component, ref });
+                }
+                break;
+            case 'replace':
+                // if an existing dialog of the same type exists, replace it.
+                if (index > -1) {
+                    this.dialogs[index].ref.close();
+                    ref = this.matDialog.open(component, Object.assign(Object.assign({}, baseConfig), config));
+                    this.dialogs.splice(index, 1, { component, ref });
+                }
+                else {
+                    ref = this.matDialog.open(component, Object.assign(Object.assign({}, baseConfig), config));
+                    this.dialogs.push({ component, ref });
+                }
+                break;
+            default:
+                ref = this.matDialog.open(component, Object.assign(Object.assign({}, baseConfig), config));
+                this.dialogs.push({ component, ref });
+                break;
+        }
+        if (ref) {
+            ref.afterClosed().subscribe(() => {
+                // clean up open dialog reference
+                const index = this.dialogs.findIndex(el => el.ref === ref);
+                if (index >= 0) {
+                    this.dialogs.splice(index, 1);
+                }
+            });
+        }
+        return ref;
+    }
+    registerDialog(component, config) {
+        this.config.set(component, config);
+    }
+}
+FwDialogService.decorators = [
+    { type: Injectable }
+];
+FwDialogService.ctorParameters = () => [
+    { type: MatDialog }
+];
+
+class FwErrorDialog {
+    constructor(data, ref) {
+        this.data = data;
+        this.ref = ref;
+        this.message = this.data.message;
+        this.ref.disableClose = false;
+    }
+}
+FwErrorDialog.decorators = [
+    { type: Component, args: [{
+                host: {
+                    class: 'mat-dialog-component',
+                    'test-id': 'error-dialog',
+                },
+                selector: 'fw-error-dialog',
+                template: `
+    <div mat-dialog-content>{{ message }}</div>
+    <div mat-dialog-actions align="end">
+      <button test-id="close-button" mat-stroked-button mat-dialog-close>
+        {{ 'common.actions.close' | translate }}
+      </button>
+    </div>
+  `
+            },] }
+];
+FwErrorDialog.ctorParameters = () => [
+    { type: undefined, decorators: [{ type: Inject, args: [MAT_DIALOG_DATA,] }] },
+    { type: MatDialogRef }
+];
+
+class FwPortalDialog {
+    constructor(data, viewContainerRef) {
+        this.data = data;
+        this.viewContainerRef = viewContainerRef;
+        this.content = this.data.content;
+        this.title = this.data.title;
+        this.destroyed$ = new Subject();
+        if (this.data.component) {
+            this.portal = new ComponentPortal(this.data.component.type, this.viewContainerRef);
+        }
+        else if (this.data.template) {
+            this.portal = new TemplatePortal(this.data.template, this.viewContainerRef);
+        }
+        else {
+            throw new Error('One of [component, template] was not provided.');
+        }
+    }
+    ngOnDestroy() {
+        this.destroyed$.next();
+    }
+    attached(ref) {
+        var _a, _b;
+        if (this.data.component) {
+            ref = ref;
+            if (this.data.component.outputs) {
+                for (const [key, observer] of Object.entries(this.data.component.outputs)) {
+                    const output$ = ref[key];
+                    if (typeof (output$ === null || output$ === void 0 ? void 0 : output$.pipe) === 'function' && typeof output$.subscribe === 'function') {
+                        output$.pipe(takeUntil(this.destroyed$)).subscribe(observer);
+                    }
+                }
+            }
+            if (this.data.component.inputs) {
+                const changes = {};
+                for (const [key, value] of Object.entries(this.data.component.inputs)) {
+                    ref.instance[key] = value;
+                    changes[key] = new SimpleChange(value, value, true);
+                }
+                (_b = (_a = ref.instance).ngOnChanges) === null || _b === void 0 ? void 0 : _b.call(_a, changes);
+                ref.changeDetectorRef.markForCheck();
+            }
+        }
+    }
+}
+FwPortalDialog.decorators = [
+    { type: Component, args: [{
+                host: {
+                    class: 'mat-dialog-component',
+                    'test-id': 'portal-dialog',
+                },
+                selector: 'fw-portal-dialog',
+                template: `
+    <ng-container *ngIf="title">
+      <h1 mat-dialog-title>{{ title }}</h1>
+      <button test-id="dialog-close-corner" mat-icon-button mat-dialog-close>
+        <mat-icon>close</mat-icon>
+      </button>
+    </ng-container>
+    <mat-dialog-content>
+      <p *ngIf="content" class="content">{{ content }}</p>
+      <ng-template [cdkPortalOutlet]="portal" (attached)="attached($event)"></ng-template>
+    </mat-dialog-content>
+    <mat-dialog-actions align="end">
+      <button test-id="dialog-close-button" mat-stroked-button mat-dialog-close>
+        {{ 'common.actions.close' | translate }}
+      </button>
+    </mat-dialog-actions>
+  `,
+                styles: [`
+    :host {
+      min-width: 200px;
+    }
+    .content {
+      margin-bottom: 30px;
+    }
+  `]
+            },] }
+];
+FwPortalDialog.ctorParameters = () => [
+    { type: undefined, decorators: [{ type: Inject, args: [MAT_DIALOG_DATA,] }] },
+    { type: ViewContainerRef }
+];
+
+class TranslationService {
+}
+/**
+ * Very basic i18n implementation. Consumer apps can provide their own implementation of TranslationService to override.
+ */
+class MinimalTranslationService {
+    getMessage(key, silent) {
+        return of(MinimalTranslationService.messages[key]);
+    }
+}
+MinimalTranslationService.messages = {
+    'common.actions.close': 'Close',
+    'confirmDialog.body': 'Are you sure?',
+    'confirmDialog.no': 'No',
+    'confirmDialog.yes': 'Yes',
+};
+MinimalTranslationService.decorators = [
+    { type: Injectable }
+];
+
+/**
+ * Translate a message given a nested key to a location in the loaded locale copy.
+ */
+class TranslatePipe {
+    constructor(cdr, translationService) {
+        this.cdr = cdr;
+        this.translationService = translationService;
+        this.subscriptions = {};
+        this.messages = {};
+    }
+    ngOnDestroy() {
+        for (const subscription of Object.values(this.subscriptions)) {
+            subscription.unsubscribe();
+        }
+    }
+    transform(key, silent = false) {
+        if (!(key in this.subscriptions)) {
+            this.subscriptions[key] = this.translationService.getMessage(key, silent).subscribe(message => {
+                this.messages[key] = message;
+                // trigger change detection to support components with ChangeDetectionStrategy.OnPush
+                this.cdr.markForCheck();
+            });
+        }
+        return this.messages[key] || '';
+    }
+}
+TranslatePipe.decorators = [
+    { type: Pipe, args: [{
+                name: 'translate',
+                pure: false,
+            },] }
+];
+TranslatePipe.ctorParameters = () => [
+    { type: ChangeDetectorRef },
+    { type: TranslationService }
+];
+
+class TrustHtmlPipe {
+    constructor(sanitizer) {
+        this.sanitizer = sanitizer;
+    }
+    transform(html) {
+        return this.sanitizer.bypassSecurityTrustHtml(html);
+    }
+}
+TrustHtmlPipe.decorators = [
+    { type: Pipe, args: [{
+                name: 'trusthtml',
+                pure: true,
+            },] }
+];
+TrustHtmlPipe.ctorParameters = () => [
+    { type: DomSanitizer }
+];
+
+const exports = [
+    TranslatePipe,
+    TrustHtmlPipe,
+];
+class PipesModule {
+}
+PipesModule.decorators = [
+    { type: NgModule, args: [{
+                declarations: exports,
+                exports: exports,
+                providers: [
+                    {
+                        provide: TranslationService,
+                        useClass: MinimalTranslationService,
+                    },
+                ],
+            },] }
+];
+
+const ɵ0 = {
+    disableClose: true,
+    hasBackdrop: true,
+};
+class FwDialogModule {
+}
+FwDialogModule.decorators = [
+    { type: NgModule, args: [{
+                declarations: [
+                    FwChoiceDialog,
+                    FwConfirmDialog,
+                    FwErrorDialog,
+                    FwPortalDialog,
+                ],
+                imports: [
+                    CommonModule,
+                    MatButtonModule,
+                    MatDialogModule,
+                    MatIconModule,
+                    PipesModule,
+                    PortalModule,
+                ],
+                providers: [
+                    FwDialogService,
+                    {
+                        provide: MAT_DIALOG_DEFAULT_OPTIONS,
+                        useValue: ɵ0
+                    }
+                ],
+            },] }
+];
+
 function genId() {
     return String.prototype.padStart(24, Math.floor(Math.random() * Date.now()).toString(16));
 }
@@ -313,7 +709,7 @@ FwNotificationComponent.decorators = [
                 providers: [FwNotificationTimerService],
                 encapsulation: ViewEncapsulation.None,
                 changeDetection: ChangeDetectionStrategy.OnPush,
-                styles: ["fw-notification{display:block;border-radius:4px;box-sizing:border-box;margin:5px 24px;max-width:33vw;min-width:344px;padding:14px 16px;transform-origin:center;background-color:#2f96b4;border:1px solid hsla(0,0%,100%,.7019607843137254);box-shadow:0 0 12px #999;color:#fff;opacity:.99;white-space:pre-wrap}fw-notification.error{background-color:#bd362f}fw-notification.info{background-color:#2f96b4}fw-notification.success{background-color:#51a351}fw-notification.wait{background-color:#2f96b4}fw-notification.warning{background-color:#f89406}"]
+                styles: ["fw-notification{display:block;border-radius:4px;box-sizing:border-box;margin:5px 24px;max-width:33vw;min-width:344px;padding:14px 16px;transform-origin:center;background-color:#2f96b4;border:1px solid hsla(0,0%,100%,.7019607843);box-shadow:0 0 12px #999;color:#fff;opacity:.99;white-space:pre-wrap}fw-notification.error{background-color:#bd362f}fw-notification.info{background-color:#2f96b4}fw-notification.success{background-color:#51a351}fw-notification.wait{background-color:#2f96b4}fw-notification.warning{background-color:#f89406}"]
             },] }
 ];
 FwNotificationComponent.ctorParameters = () => [
@@ -768,5 +1164,5 @@ FwTableModule.decorators = [
  * Generated bundle index. Do not edit.
  */
 
-export { FwButtonComponent, FwButtonGroupComponent, FwButtonGroupModule, FwButtonModule, FwNotificationComponent, FwNotificationContainerComponent, FwNotificationModule, FwNotificationService, FwNotificationType, FwPopoverComponent, FwPopoverModule, FwPopoverTriggerComponent, FwPopoverTriggerDirective, FwTableComponent, FwTableModule, genId, FwNotificationTimerService as ɵa };
+export { FwButtonComponent, FwButtonGroupComponent, FwButtonGroupModule, FwButtonModule, FwChoiceDialog, FwConfirmDialog, FwDialogModule, FwDialogService, FwErrorDialog, FwNotificationComponent, FwNotificationContainerComponent, FwNotificationModule, FwNotificationService, FwNotificationType, FwPopoverComponent, FwPopoverModule, FwPopoverTriggerComponent, FwPopoverTriggerDirective, FwPortalDialog, FwTableComponent, FwTableModule, MinimalTranslationService, TranslationService, genId, ɵ0, PipesModule as ɵa, TranslatePipe as ɵb, TrustHtmlPipe as ɵc, FwNotificationTimerService as ɵd };
 //# sourceMappingURL=flywheel-io-vision.js.map