@flywheel-io/vision 0.9.2 → 0.10.0

package/fesm2015/flywheel-io-vision.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Component, ChangeDetectionStrategy, Input, NgModule, ViewEncapsulation, Inject, Injectable, Pipe, SimpleChange, EventEmitter, Output, HostBinding, Directive, TemplateRef, ViewChild } from '@angular/core';
+import { Component, ChangeDetectionStrategy, Input, NgModule, Inject, Injectable, Pipe, SimpleChange, EventEmitter, ViewEncapsulation, Output, HostBinding, Directive, TemplateRef, ViewChild } from '@angular/core';
 import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i2 from '@angular/material/button';
@@ -12,23 +12,10 @@ import { of, Subject, BehaviorSubject, Subscription } from 'rxjs';
 import * as i1$1 from '@angular/platform-browser';
 import * as i5 from '@angular/cdk/portal';
 import { ComponentPortal, TemplatePortal, PortalModule } from '@angular/cdk/portal';
-import { takeUntil, debounceTime } from 'rxjs/operators';
+import { takeUntil } from 'rxjs/operators';
 import * as i1$2 from '@angular/cdk/overlay';
 import { Overlay } from '@angular/cdk/overlay';
-import * as i2$1 from '@angular/forms';
-import { UntypedFormGroup, UntypedFormControl, FormsModule, ReactiveFormsModule } from '@angular/forms';
-import * as i5$1 from '@angular/material/paginator';
-import { MatPaginator, MatPaginatorModule } from '@angular/material/paginator';
-import * as i8 from '@angular/material/sort';
-import { MatSort, MatSortModule } from '@angular/material/sort';
-import * as i9 from '@angular/material/table';
-import { MatTableDataSource, MatTableModule } from '@angular/material/table';
-import * as i3$1 from '@angular/material/form-field';
-import * as i4$1 from '@angular/material/input';
-import { MatInputModule } from '@angular/material/input';
-import * as i6 from '@angular/material/select';
-import { MatSelectModule } from '@angular/material/select';
-import * as i7 from '@angular/material/core';
+import { NG_VALUE_ACCESSOR, ReactiveFormsModule } from '@angular/forms';
 
 class FwIconComponent {
 }
@@ -139,46 +126,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
                 }]
         }] });
 
-class FwButtonGroupComponent {
-    constructor() {
-        this.layout = 'basic';
-        this.size = 'medium';
-    }
-}
-FwButtonGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwButtonGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-FwButtonGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: FwButtonGroupComponent, selector: "fw-button-group", inputs: { layout: "layout", size: "size" }, host: { properties: { "class.small": "size === \"small\"", "class.medium": "size === \"medium\"", "class.large": "size === \"large\"", "class.compact": "layout === \"compact\"" }, classAttribute: "fw-button-group" }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, styles: ["fw-button-group.fw-button-group{border-radius:4px;display:inline-flex;align-items:stretch}fw-button-group.fw-button-group.compact button{line-height:24px;height:24px}fw-button-group.fw-button-group.small button{font-size:12px}fw-button-group.fw-button-group.medium button{font-size:14px}fw-button-group.fw-button-group.large button{font-size:18px}fw-button-group.fw-button-group button{min-width:0;margin:0!important;border-radius:0}fw-button-group.fw-button-group>fw-button:first-of-type>button,fw-button-group.fw-button-group>button:first-of-type{border-top-left-radius:4px;border-bottom-left-radius:4px}fw-button-group.fw-button-group>fw-button:last-of-type>button,fw-button-group.fw-button-group>button:last-of-type{border-top-right-radius:4px;border-bottom-right-radius:4px}fw-button-group.fw-button-group>fw-button[ng-reflect-type=stroked]>button,fw-button-group.fw-button-group>fw-button[ng-reflect-type=stroked]+fw-button[ng-reflect-type=stroked]>button,fw-button-group.fw-button-group>fw-button[type=stroked]>button,fw-button-group.fw-button-group>fw-button[type=stroked]+fw-button[type=stroked]>button,fw-button-group.fw-button-group>button.mat-stroked-button,fw-button-group.fw-button-group>button.mat-stroked-button+button.mat-stroke-button{border-right-width:0}fw-button-group.fw-button-group>fw-button[ng-reflect-type=stroked]:last-of-type>button,fw-button-group.fw-button-group>fw-button[type=stroked]:last-of-type>button,fw-button-group.fw-button-group>button.mat-stroked-button:last-of-type{border-right-width:1px!important}fw-button-group.fw-button-group>fw-button:not([ng-reflect-type=stroked])+fw-button[ng-reflect-type=stroked]>button,fw-button-group.fw-button-group>fw-button:not([type=stroked])+fw-button[type=stroked]>button,fw-button-group.fw-button-group>button:not(.mat-stroked-button)+button.mat-stroked-button{border-left-width:0}\n"], encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwButtonGroupComponent, decorators: [{
-            type: Component,
-            args: [{ host: {
-                        'class': 'fw-button-group',
-                        '[class.small]': 'size === "small"',
-                        '[class.medium]': 'size === "medium"',
-                        '[class.large]': 'size === "large"',
-                        '[class.compact]': 'layout === "compact"',
-                    }, selector: 'fw-button-group', template: `<ng-content></ng-content>`, encapsulation: ViewEncapsulation.None, styles: ["fw-button-group.fw-button-group{border-radius:4px;display:inline-flex;align-items:stretch}fw-button-group.fw-button-group.compact button{line-height:24px;height:24px}fw-button-group.fw-button-group.small button{font-size:12px}fw-button-group.fw-button-group.medium button{font-size:14px}fw-button-group.fw-button-group.large button{font-size:18px}fw-button-group.fw-button-group button{min-width:0;margin:0!important;border-radius:0}fw-button-group.fw-button-group>fw-button:first-of-type>button,fw-button-group.fw-button-group>button:first-of-type{border-top-left-radius:4px;border-bottom-left-radius:4px}fw-button-group.fw-button-group>fw-button:last-of-type>button,fw-button-group.fw-button-group>button:last-of-type{border-top-right-radius:4px;border-bottom-right-radius:4px}fw-button-group.fw-button-group>fw-button[ng-reflect-type=stroked]>button,fw-button-group.fw-button-group>fw-button[ng-reflect-type=stroked]+fw-button[ng-reflect-type=stroked]>button,fw-button-group.fw-button-group>fw-button[type=stroked]>button,fw-button-group.fw-button-group>fw-button[type=stroked]+fw-button[type=stroked]>button,fw-button-group.fw-button-group>button.mat-stroked-button,fw-button-group.fw-button-group>button.mat-stroked-button+button.mat-stroke-button{border-right-width:0}fw-button-group.fw-button-group>fw-button[ng-reflect-type=stroked]:last-of-type>button,fw-button-group.fw-button-group>fw-button[type=stroked]:last-of-type>button,fw-button-group.fw-button-group>button.mat-stroked-button:last-of-type{border-right-width:1px!important}fw-button-group.fw-button-group>fw-button:not([ng-reflect-type=stroked])+fw-button[ng-reflect-type=stroked]>button,fw-button-group.fw-button-group>fw-button:not([type=stroked])+fw-button[type=stroked]>button,fw-button-group.fw-button-group>button:not(.mat-stroked-button)+button.mat-stroked-button{border-left-width:0}\n"] }]
-        }], propDecorators: { layout: [{
-                type: Input
-            }], size: [{
-                type: Input
-            }] } });
-
-class FwButtonGroupModule {
-}
-FwButtonGroupModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwButtonGroupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-FwButtonGroupModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: FwButtonGroupModule, declarations: [FwButtonGroupComponent], exports: [FwButtonGroupComponent] });
-FwButtonGroupModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwButtonGroupModule });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwButtonGroupModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    exports: [
-                        FwButtonGroupComponent,
-                    ],
-                    declarations: [
-                        FwButtonGroupComponent,
-                    ]
-                }]
-        }] });
-
 class FwButtonComponent {
     constructor() {
         this.color = 'primary';
@@ -940,6 +887,46 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
                     }, selector: 'fw-notification-container', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div role=\"list\">\n  <fw-notification *ngFor=\"let notification of notifications; index as $index\"\n    (ready)=\"onReady($event)\"\n    (dismiss)=\"onDismiss($event)\"\n    [class]=\"notificationClass($index)\"\n    [notification]=\"expanded || $index === notifications.length - 1 ? notification : getEmptyNotification(notification)\"\n    [attr.aria-label]=\"notification.type + ' : ' + notification.message\"\n    role=\"listitem\"\n  ></fw-notification>\n  <div class=\"buttons\">\n    <fw-button *ngIf=\"expanded\" (click)=\"onShowLess()\" mat-button aria-label=\"show less\" layout=\"compact\" size=\"small\">\n      <mat-icon>expand_less</mat-icon>\n    </fw-button>\n    <fw-button *ngIf=\"!expanded && notifications.length > 1\" (click)=\"onShowMore()\" mat-button aria-label=\"show more\" layout=\"compact\" size=\"small\">\n      <mat-icon>expand_more</mat-icon>\n    </fw-button>\n    <fw-button (click)=\"clearAll()\" mat-button class=\"clear-all\" aria-label=\"clear all\" layout=\"compact\" size=\"small\">\n      Clear All\n    </fw-button>\n  </div>\n</div>\n", styles: ["fw-notification-container{position:absolute;right:0;top:0;margin-top:20px;z-index:999999}fw-notification-container>div{display:flex;flex-direction:column-reverse}fw-notification-container .buttons{display:none;position:absolute;top:-5px;right:25px}fw-notification-container .buttons button{color:#fff;background-color:#919292;margin-left:2px}fw-notification-container .buttons button.mat-button{line-height:24px!important;margin:0 0 0 2px!important}fw-notification-container:hover .buttons{display:flex}fw-notification-container .hidden{display:none}fw-notification-container fw-notification:last-of-type{margin-top:24px}fw-notification-container.duo fw-notification.level-0{transform:scale(.95) translateY(-51px)}fw-notification-container.triple fw-notification.level-1{transform:scale(.95) translateY(-51px)}fw-notification-container.triple fw-notification.level-0{transform:scale(.9) translateY(-108px)}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: FwNotificationService }]; } });
 
+class FwButtonGroupComponent {
+    constructor() {
+        this.layout = 'basic';
+        this.size = 'medium';
+    }
+}
+FwButtonGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwButtonGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+FwButtonGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: FwButtonGroupComponent, selector: "fw-button-group", inputs: { layout: "layout", size: "size" }, host: { properties: { "class.small": "size === \"small\"", "class.medium": "size === \"medium\"", "class.large": "size === \"large\"", "class.compact": "layout === \"compact\"" }, classAttribute: "fw-button-group" }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, styles: ["fw-button-group.fw-button-group{border-radius:4px;display:inline-flex;align-items:stretch}fw-button-group.fw-button-group.compact button{line-height:24px;height:24px}fw-button-group.fw-button-group.small button{font-size:12px}fw-button-group.fw-button-group.medium button{font-size:14px}fw-button-group.fw-button-group.large button{font-size:18px}fw-button-group.fw-button-group button{min-width:0;margin:0!important;border-radius:0}fw-button-group.fw-button-group>fw-button:first-of-type>button,fw-button-group.fw-button-group>button:first-of-type{border-top-left-radius:4px;border-bottom-left-radius:4px}fw-button-group.fw-button-group>fw-button:last-of-type>button,fw-button-group.fw-button-group>button:last-of-type{border-top-right-radius:4px;border-bottom-right-radius:4px}fw-button-group.fw-button-group>fw-button[ng-reflect-type=stroked]>button,fw-button-group.fw-button-group>fw-button[ng-reflect-type=stroked]+fw-button[ng-reflect-type=stroked]>button,fw-button-group.fw-button-group>fw-button[type=stroked]>button,fw-button-group.fw-button-group>fw-button[type=stroked]+fw-button[type=stroked]>button,fw-button-group.fw-button-group>button.mat-stroked-button,fw-button-group.fw-button-group>button.mat-stroked-button+button.mat-stroke-button{border-right-width:0}fw-button-group.fw-button-group>fw-button[ng-reflect-type=stroked]:last-of-type>button,fw-button-group.fw-button-group>fw-button[type=stroked]:last-of-type>button,fw-button-group.fw-button-group>button.mat-stroked-button:last-of-type{border-right-width:1px!important}fw-button-group.fw-button-group>fw-button:not([ng-reflect-type=stroked])+fw-button[ng-reflect-type=stroked]>button,fw-button-group.fw-button-group>fw-button:not([type=stroked])+fw-button[type=stroked]>button,fw-button-group.fw-button-group>button:not(.mat-stroked-button)+button.mat-stroked-button{border-left-width:0}\n"], encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwButtonGroupComponent, decorators: [{
+            type: Component,
+            args: [{ host: {
+                        'class': 'fw-button-group',
+                        '[class.small]': 'size === "small"',
+                        '[class.medium]': 'size === "medium"',
+                        '[class.large]': 'size === "large"',
+                        '[class.compact]': 'layout === "compact"',
+                    }, selector: 'fw-button-group', template: `<ng-content></ng-content>`, encapsulation: ViewEncapsulation.None, styles: ["fw-button-group.fw-button-group{border-radius:4px;display:inline-flex;align-items:stretch}fw-button-group.fw-button-group.compact button{line-height:24px;height:24px}fw-button-group.fw-button-group.small button{font-size:12px}fw-button-group.fw-button-group.medium button{font-size:14px}fw-button-group.fw-button-group.large button{font-size:18px}fw-button-group.fw-button-group button{min-width:0;margin:0!important;border-radius:0}fw-button-group.fw-button-group>fw-button:first-of-type>button,fw-button-group.fw-button-group>button:first-of-type{border-top-left-radius:4px;border-bottom-left-radius:4px}fw-button-group.fw-button-group>fw-button:last-of-type>button,fw-button-group.fw-button-group>button:last-of-type{border-top-right-radius:4px;border-bottom-right-radius:4px}fw-button-group.fw-button-group>fw-button[ng-reflect-type=stroked]>button,fw-button-group.fw-button-group>fw-button[ng-reflect-type=stroked]+fw-button[ng-reflect-type=stroked]>button,fw-button-group.fw-button-group>fw-button[type=stroked]>button,fw-button-group.fw-button-group>fw-button[type=stroked]+fw-button[type=stroked]>button,fw-button-group.fw-button-group>button.mat-stroked-button,fw-button-group.fw-button-group>button.mat-stroked-button+button.mat-stroke-button{border-right-width:0}fw-button-group.fw-button-group>fw-button[ng-reflect-type=stroked]:last-of-type>button,fw-button-group.fw-button-group>fw-button[type=stroked]:last-of-type>button,fw-button-group.fw-button-group>button.mat-stroked-button:last-of-type{border-right-width:1px!important}fw-button-group.fw-button-group>fw-button:not([ng-reflect-type=stroked])+fw-button[ng-reflect-type=stroked]>button,fw-button-group.fw-button-group>fw-button:not([type=stroked])+fw-button[type=stroked]>button,fw-button-group.fw-button-group>button:not(.mat-stroked-button)+button.mat-stroked-button{border-left-width:0}\n"] }]
+        }], propDecorators: { layout: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }] } });
+
+class FwButtonGroupModule {
+}
+FwButtonGroupModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwButtonGroupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+FwButtonGroupModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: FwButtonGroupModule, declarations: [FwButtonGroupComponent], exports: [FwButtonGroupComponent] });
+FwButtonGroupModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwButtonGroupModule });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwButtonGroupModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    exports: [
+                        FwButtonGroupComponent,
+                    ],
+                    declarations: [
+                        FwButtonGroupComponent,
+                    ]
+                }]
+        }] });
+
 class FwNotificationModule {
 }
 FwNotificationModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwNotificationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
@@ -1220,210 +1207,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
                 }]
         }] });
 
-class FwTableComponent {
-    constructor(changeDetectorRef) {
-        this.changeDetectorRef = changeDetectorRef;
-        this.columns = [];
-        this.dataSource = [];
-        this.layout = 'basic';
-        this.pageSize = null;
-        this.webCompPageSize = null;
-        this.sort = null;
-        this.sortColumn = '';
-        this.sortOrder = 'asc';
-        this.displayedColumns = [];
-        this.filters = new UntypedFormGroup({});
-        // to support updating column header labels
-        this.trackByIndex = i => i;
-    }
-    ngOnInit() {
-        this.setDataSource();
-        this.setColumns();
-        this.addFilterControls();
-        this.setFilter();
-        this.matDataSource.filterPredicate = (row, filter) => {
-            const filters = JSON.parse(filter);
-            for (const filter in filters) {
-                const filterValue = filters[filter];
-                const rowValue = row[filter];
-                // multi-select
-                if (Array.isArray(filterValue) && filterValue.length > 0 && !filterValue.includes(rowValue)) {
-                    return false;
-                }
-                // input or select
-                if (!Array.isArray(filterValue) && !String(rowValue).toLowerCase().includes(String(filterValue !== null && filterValue !== void 0 ? filterValue : '').toLowerCase())) {
-                    return false;
-                }
-            }
-            return true;
-        };
-        this.filters.valueChanges.pipe(debounceTime(200)).subscribe(() => this.setFilter());
-    }
-    ngAfterViewInit() {
-        this.setSort();
-        this.setPaginator();
-    }
-    ngOnChanges(changes) {
-        if (changes.columns) {
-            this.setColumns();
-        }
-        if (changes.dataSource) {
-            this.setDataSource();
-        }
-        if (changes.sort || changes.dataSource) {
-            this.setSort();
-        }
-        if (changes.pageSize || changes['page-size']) {
-            this.setPaginator();
-        }
-    }
-    get isCompact() {
-        return this.layout === 'compact';
-    }
-    get paginationSize() {
-        return this.pageSize || this.webCompPageSize || 0;
-    }
-    get isSortEnabled() {
-        return this.sort !== null;
-    }
-    addFilterControls() {
-        for (const column of this.columns) {
-            this.filters.addControl(column.key, new UntypedFormControl());
-        }
-    }
-    setDataSource() {
-        this.matDataSource = new MatTableDataSource(this.dataSource);
-    }
-    setColumns() {
-        this.displayedColumns = this.columns.map(column => column.key);
-    }
-    setFilter() {
-        this.matDataSource.filter = JSON.stringify(this.filters.value);
-    }
-    setSort() {
-        if (!this.matSort || this.sort === null) {
-            return;
-        }
-        const sortSplit = this.sort.split(' ');
-        this.sortColumn = sortSplit[0];
-        if (['asc', 'desc'].includes(sortSplit[1])) {
-            this.sortOrder = sortSplit[1];
-        }
-        else {
-            console.warn(`Sort order '${sortSplit[1]}' is not 'asc' or 'desc', defaulting to 'asc'`);
-        }
-        if (this.sortColumn) {
-            this.matSort.sort({ id: this.sortColumn, start: this.sortOrder, disableClear: false });
-            const sortHeader = this.matSort.sortables.get(this.sortColumn);
-            if (sortHeader) {
-                sortHeader._setAnimationTransitionState({ toState: 'active' });
-            }
-            else {
-                console.warn(`Unable to find sort column '${this.sortColumn}'. Initial sort failed.`);
-            }
-        }
-        this.matDataSource.sort = this.matSort;
-    }
-    setPaginator() {
-        // ensures ui updates correctly when paginator options change
-        this.changeDetectorRef.detectChanges();
-        this.matDataSource.paginator = this.matPaginator;
-    }
-    // necessary for web component to trigger this.filter.valueChanges
-    onInputFilter(event, column) {
-        // defer setting filter control as event.target.value is not set yet
-        setTimeout(() => this.filters.get(column.key).setValue(event.target.value));
-    }
-    // necessary for web component to trigger this.filter.valueChanges
-    onSelectFilter(event, column) {
-        const innerText = event.target.innerText;
-        this.filters.get(column.key).setValue(innerText === '- none -' ? null : innerText);
-    }
-    // necessary for web component to trigger this.filter.valueChanges
-    onMultiSelectFilter(event, column) {
-        let value = this.filters.controls[column.key].value || [];
-        const innerText = event.target.parentElement.innerText;
-        if (value.includes(innerText)) {
-            value = value.filter(v => v !== innerText);
-        }
-        else {
-            value.push(innerText);
-        }
-        this.filters.get(column.key).setValue(value.length === 1 && innerText === ''
-            ? null // when all checboxes have been deselected
-            : value);
-    }
-}
-FwTableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwTableComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-FwTableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: FwTableComponent, selector: "fw-table", inputs: { columns: "columns", dataSource: "dataSource", layout: "layout", pageSize: "pageSize", webCompPageSize: ["page-size", "webCompPageSize"], sort: "sort" }, host: { properties: { "class.compact": "isCompact" }, classAttribute: "fw-table" }, viewQueries: [{ propertyName: "matPaginator", first: true, predicate: MatPaginator, descendants: true }, { propertyName: "matSort", first: true, predicate: MatSort, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<table mat-table [dataSource]=\"matDataSource\" matSort>\n  <ng-container *ngFor=\"let column of columns; trackBy: trackByIndex\">\n    <ng-container [matColumnDef]=\"column.key\">\n\n      <ng-template #tableHeaders>\n        <ng-container [ngSwitch]=\"column.filter?.control\">\n          <ng-container *ngSwitchCase=\"'input'\">\n            <mat-form-field *ngIf=\"filters.get(column.key) as control\" appearance=\"outline\" (click)=\"$event.stopPropagation()\">\n              <mat-label *ngIf=\"!isCompact\">{{ column.label }}</mat-label>\n              <input matInput [formControl]=\"control\" [placeholder]=\"column.filter.placeholder\" (keydown)=\"$event.stopPropagation(); onInputFilter($event, column);\">\n            </mat-form-field>\n          </ng-container>\n          <ng-container *ngSwitchCase=\"'select'\">\n            <mat-form-field *ngIf=\"filters.get(column.key) as control\" appearance=\"outline\" (click)=\"$event.stopPropagation()\">\n              <mat-label *ngIf=\"!isCompact\">{{ column.label }}</mat-label>\n              <mat-select [formControl]=\"control\" [placeholder]=\"column.filter.placeholder\">\n                <mat-option (click)=\"onSelectFilter($event, column);\">- none -</mat-option>\n                <mat-option *ngFor=\"let option of column.filter.options\" [value]=\"option\" (click)=\"onSelectFilter($event, column);\">{{ option }}</mat-option>\n              </mat-select>\n            </mat-form-field>\n          </ng-container>\n          <ng-container *ngSwitchCase=\"'multi-select'\">\n            <mat-form-field *ngIf=\"filters.get(column.key) as control\" appearance=\"outline\" (click)=\"$event.stopPropagation()\">\n              <mat-label *ngIf=\"!isCompact\">{{ column.label }}</mat-label>\n              <mat-select [formControl]=\"control\" [placeholder]=\"column.filter.placeholder\" multiple=\"true\">\n                <mat-option *ngFor=\"let option of column.filter.options\" [value]=\"option\" (click)=\"onMultiSelectFilter($event, column);\">{{ option }}</mat-option>\n              </mat-select>\n            </mat-form-field>\n          </ng-container>\n          <ng-container *ngSwitchDefault>{{ column.label }}</ng-container>\n        </ng-container>\n      </ng-template>\n\n      <ng-container *ngIf=\"isSortEnabled\">\n        <th mat-header-cell *matHeaderCellDef mat-sort-header>\n          <ng-container [ngTemplateOutlet]=\"tableHeaders\"></ng-container>\n        </th>\n      </ng-container>\n\n      <ng-container *ngIf=\"!isSortEnabled\">\n        <th mat-header-cell *matHeaderCellDef>\n          <ng-container [ngTemplateOutlet]=\"tableHeaders\"></ng-container>\n        </th>\n      </ng-container>\n\n      <td mat-cell *matCellDef=\"let element\"> {{ element[column.key] }} </td>\n    </ng-container>\n  </ng-container>\n  <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\n  <tr mat-row *matRowDef=\"let row; columns: displayedColumns;\"></tr>\n</table>\n<mat-paginator *ngIf=\"paginationSize > 0\" [pageSize]=\"paginationSize\"></mat-paginator>\n\n\n\n", styles: [":host{display:block;width:100%}:host:not(.compact) table.mat-table tr.mat-header-row,:host:not(.compact) table.mat-table tr.mat-row{height:56px}:host.compact table.mat-table tr.mat-header-row,:host.compact table.mat-table tr.mat-row{height:32px}:host.compact mat-paginator.mat-paginator{align-items:center;display:flex;height:32px;justify-content:flex-end}table.mat-table{width:100%}table.mat-table th,table.mat-table td{vertical-align:middle}table.mat-table th.mat-header-cell,table.mat-table th.mat-cell,table.mat-table td.mat-header-cell,table.mat-table td.mat-cell{border-bottom-color:var(--color-gray)}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "directive", type: i2$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i3$1.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3$1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i4$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i5$1.MatPaginator, selector: "mat-paginator", inputs: ["disabled"], exportAs: ["matPaginator"] }, { kind: "component", type: i6.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: i7.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "directive", type: i8.MatSort, selector: "[matSort]", inputs: ["matSortDisabled", "matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { kind: "component", type: i8.MatSortHeader, selector: "[mat-sort-header]", inputs: ["disabled", "mat-sort-header", "arrowPosition", "start", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { kind: "component", type: i9.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i9.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i9.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i9.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { kind: "directive", type: i9.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i9.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i9.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i9.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i9.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i9.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwTableComponent, decorators: [{
-            type: Component,
-            args: [{ host: {
-                        'class': 'fw-table',
-                        '[class.compact]': 'isCompact',
-                    }, selector: 'fw-table', template: "<table mat-table [dataSource]=\"matDataSource\" matSort>\n  <ng-container *ngFor=\"let column of columns; trackBy: trackByIndex\">\n    <ng-container [matColumnDef]=\"column.key\">\n\n      <ng-template #tableHeaders>\n        <ng-container [ngSwitch]=\"column.filter?.control\">\n          <ng-container *ngSwitchCase=\"'input'\">\n            <mat-form-field *ngIf=\"filters.get(column.key) as control\" appearance=\"outline\" (click)=\"$event.stopPropagation()\">\n              <mat-label *ngIf=\"!isCompact\">{{ column.label }}</mat-label>\n              <input matInput [formControl]=\"control\" [placeholder]=\"column.filter.placeholder\" (keydown)=\"$event.stopPropagation(); onInputFilter($event, column);\">\n            </mat-form-field>\n          </ng-container>\n          <ng-container *ngSwitchCase=\"'select'\">\n            <mat-form-field *ngIf=\"filters.get(column.key) as control\" appearance=\"outline\" (click)=\"$event.stopPropagation()\">\n              <mat-label *ngIf=\"!isCompact\">{{ column.label }}</mat-label>\n              <mat-select [formControl]=\"control\" [placeholder]=\"column.filter.placeholder\">\n                <mat-option (click)=\"onSelectFilter($event, column);\">- none -</mat-option>\n                <mat-option *ngFor=\"let option of column.filter.options\" [value]=\"option\" (click)=\"onSelectFilter($event, column);\">{{ option }}</mat-option>\n              </mat-select>\n            </mat-form-field>\n          </ng-container>\n          <ng-container *ngSwitchCase=\"'multi-select'\">\n            <mat-form-field *ngIf=\"filters.get(column.key) as control\" appearance=\"outline\" (click)=\"$event.stopPropagation()\">\n              <mat-label *ngIf=\"!isCompact\">{{ column.label }}</mat-label>\n              <mat-select [formControl]=\"control\" [placeholder]=\"column.filter.placeholder\" multiple=\"true\">\n                <mat-option *ngFor=\"let option of column.filter.options\" [value]=\"option\" (click)=\"onMultiSelectFilter($event, column);\">{{ option }}</mat-option>\n              </mat-select>\n            </mat-form-field>\n          </ng-container>\n          <ng-container *ngSwitchDefault>{{ column.label }}</ng-container>\n        </ng-container>\n      </ng-template>\n\n      <ng-container *ngIf=\"isSortEnabled\">\n        <th mat-header-cell *matHeaderCellDef mat-sort-header>\n          <ng-container [ngTemplateOutlet]=\"tableHeaders\"></ng-container>\n        </th>\n      </ng-container>\n\n      <ng-container *ngIf=\"!isSortEnabled\">\n        <th mat-header-cell *matHeaderCellDef>\n          <ng-container [ngTemplateOutlet]=\"tableHeaders\"></ng-container>\n        </th>\n      </ng-container>\n\n      <td mat-cell *matCellDef=\"let element\"> {{ element[column.key] }} </td>\n    </ng-container>\n  </ng-container>\n  <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\n  <tr mat-row *matRowDef=\"let row; columns: displayedColumns;\"></tr>\n</table>\n<mat-paginator *ngIf=\"paginationSize > 0\" [pageSize]=\"paginationSize\"></mat-paginator>\n\n\n\n", styles: [":host{display:block;width:100%}:host:not(.compact) table.mat-table tr.mat-header-row,:host:not(.compact) table.mat-table tr.mat-row{height:56px}:host.compact table.mat-table tr.mat-header-row,:host.compact table.mat-table tr.mat-row{height:32px}:host.compact mat-paginator.mat-paginator{align-items:center;display:flex;height:32px;justify-content:flex-end}table.mat-table{width:100%}table.mat-table th,table.mat-table td{vertical-align:middle}table.mat-table th.mat-header-cell,table.mat-table th.mat-cell,table.mat-table td.mat-header-cell,table.mat-table td.mat-cell{border-bottom-color:var(--color-gray)}\n"] }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { columns: [{
-                type: Input
-            }], dataSource: [{
-                type: Input
-            }], layout: [{
-                type: Input
-            }], pageSize: [{
-                type: Input
-            }], webCompPageSize: [{
-                type: Input,
-                args: ['page-size']
-            }], sort: [{
-                type: Input
-            }], matPaginator: [{
-                type: ViewChild,
-                args: [MatPaginator]
-            }], matSort: [{
-                type: ViewChild,
-                args: [MatSort]
-            }] } });
-
-class FwTableModule {
-}
-FwTableModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwTableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-FwTableModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: FwTableModule, declarations: [FwTableComponent], imports: [CommonModule,
-        FormsModule,
-        ReactiveFormsModule,
-        MatInputModule,
-        MatPaginatorModule,
-        MatSelectModule,
-        MatSortModule,
-        MatTableModule], exports: [FwTableComponent] });
-FwTableModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwTableModule, imports: [CommonModule,
-        FormsModule,
-        ReactiveFormsModule,
-        MatInputModule,
-        MatPaginatorModule,
-        MatSelectModule,
-        MatSortModule,
-        MatTableModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwTableModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [
-                        CommonModule,
-                        FormsModule,
-                        ReactiveFormsModule,
-                        MatInputModule,
-                        MatPaginatorModule,
-                        MatSelectModule,
-                        MatSortModule,
-                        MatTableModule,
-                    ],
-                    exports: [
-                        FwTableComponent,
-                    ],
-                    declarations: [
-                        FwTableComponent,
-                    ]
-                }]
-        }] });
-
 class BackButtonComponent {
     constructor(location) {
         this.location = location;
@@ -1486,9 +1269,105 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
                 }]
         }] });
 
+class FwTextInputComponent {
+    constructor() {
+        this.size = 'medium';
+        // we bind this to host because that's where angular form apis put the error classes
+        this.error = false;
+        this.value = '';
+        this.externalControl = null;
+        this.disabled = false;
+        this.onTouch = () => { };
+        this.onChange = (value) => { };
+    }
+    ngOnInit() {
+        console.log(this.leftIcon, this.rightIcon, this.context, this.helperText, this.placeholder);
+    }
+    writeValue(obj) {
+        this.value = obj;
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouch = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.disabled = isDisabled;
+    }
+    changeHandler(event) {
+        this.value = event.target.value;
+        this.onChange(this.value);
+        this.onTouch();
+    }
+    blurHandler() {
+        this.onTouch();
+    }
+}
+FwTextInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwTextInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+FwTextInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: FwTextInputComponent, selector: "fw-text-input", inputs: { leftIcon: "leftIcon", rightIcon: "rightIcon", context: "context", helperText: "helperText", placeholder: "placeholder", size: "size", error: "error" }, host: { properties: { "class.errored": "this.error" } }, providers: [{
+            provide: NG_VALUE_ACCESSOR,
+            useExisting: FwTextInputComponent,
+            multi: true
+        }], ngImport: i0, template: "<div class=\"full-container\">\n  <div class=\"input-container\" [class]=\"size\">\n    <fw-icon *ngIf=\"!!leftIcon\">{{leftIcon}}</fw-icon>\n\n    <input \n      type=\"text\"\n      (keyup)=\"changeHandler($event)\"\n      (blur)=\"blurHandler()\"\n      [value]=\"value\"\n      [placeholder]=\"placeholder || ''\"\n      [disabled]=\"disabled\">\n\n    <p class=\"context\" *ngIf=\"!!context\">{{context}}</p>\n\n    <fw-icon class=\"error-icon\">warning-circle</fw-icon>\n    <fw-icon *ngIf=\"!!rightIcon\">{{rightIcon}}</fw-icon>\n  </div>\n  <p class=\"helperText\" *ngIf=\"!!helperText\">{{helperText}}</p>\n</div>", styles: [".full-container{display:flex;flex-direction:column;line-height:21px}.full-container .input-container{color:var(--typography-light);background:var(--page-light);display:flex;padding:8px;align-items:center;gap:5px;border-radius:6px;border:1px solid var(--separations-input);font-family:Inter}.full-container .input-container:focus-within{border:1px solid var(--primary-base)}.full-container .input-container input{min-width:0;flex-grow:1;color:var(--typography-base);background:var(--page-light);border:none}.full-container .input-container input:focus{outline:none;border:none}.full-container .input-container .context{color:var(--typography-light)}.full-container .error-icon{display:none}.full-container .helperText{margin-top:4px;color:var(--typography-light);font-family:Inter;font-size:10px;font-style:normal;font-weight:400;line-height:130%;margin-left:6px}.small{height:30px}.small>fw-icon{font-size:18px}.medium{height:36px}.medium>fw-icon{font-size:20px}.large{height:40px}.large>fw-icon{font-size:24px}:host.ng-touched.ng-invalid .input-container,:host.errored .input-container{border:1px solid var(--red-base)}:host.ng-touched.ng-invalid .error-icon,:host.errored .error-icon{color:var(--red-base);display:inline!important}:host.ng-touched.ng-invalid .helperText,:host.errored .helperText{color:var(--red-base)}:disabled{opacity:.4;cursor:not-allowed}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: FwIconComponent, selector: "fw-icon" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwTextInputComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'fw-text-input', providers: [{
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: FwTextInputComponent,
+                            multi: true
+                        }], template: "<div class=\"full-container\">\n  <div class=\"input-container\" [class]=\"size\">\n    <fw-icon *ngIf=\"!!leftIcon\">{{leftIcon}}</fw-icon>\n\n    <input \n      type=\"text\"\n      (keyup)=\"changeHandler($event)\"\n      (blur)=\"blurHandler()\"\n      [value]=\"value\"\n      [placeholder]=\"placeholder || ''\"\n      [disabled]=\"disabled\">\n\n    <p class=\"context\" *ngIf=\"!!context\">{{context}}</p>\n\n    <fw-icon class=\"error-icon\">warning-circle</fw-icon>\n    <fw-icon *ngIf=\"!!rightIcon\">{{rightIcon}}</fw-icon>\n  </div>\n  <p class=\"helperText\" *ngIf=\"!!helperText\">{{helperText}}</p>\n</div>", styles: [".full-container{display:flex;flex-direction:column;line-height:21px}.full-container .input-container{color:var(--typography-light);background:var(--page-light);display:flex;padding:8px;align-items:center;gap:5px;border-radius:6px;border:1px solid var(--separations-input);font-family:Inter}.full-container .input-container:focus-within{border:1px solid var(--primary-base)}.full-container .input-container input{min-width:0;flex-grow:1;color:var(--typography-base);background:var(--page-light);border:none}.full-container .input-container input:focus{outline:none;border:none}.full-container .input-container .context{color:var(--typography-light)}.full-container .error-icon{display:none}.full-container .helperText{margin-top:4px;color:var(--typography-light);font-family:Inter;font-size:10px;font-style:normal;font-weight:400;line-height:130%;margin-left:6px}.small{height:30px}.small>fw-icon{font-size:18px}.medium{height:36px}.medium>fw-icon{font-size:20px}.large{height:40px}.large>fw-icon{font-size:24px}:host.ng-touched.ng-invalid .input-container,:host.errored .input-container{border:1px solid var(--red-base)}:host.ng-touched.ng-invalid .error-icon,:host.errored .error-icon{color:var(--red-base);display:inline!important}:host.ng-touched.ng-invalid .helperText,:host.errored .helperText{color:var(--red-base)}:disabled{opacity:.4;cursor:not-allowed}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { leftIcon: [{
+                type: Input
+            }], rightIcon: [{
+                type: Input
+            }], context: [{
+                type: Input
+            }], helperText: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], error: [{
+                type: HostBinding,
+                args: ['class.errored']
+            }, {
+                type: Input
+            }] } });
+
+class FwTextInputModule {
+}
+FwTextInputModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwTextInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+FwTextInputModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: FwTextInputModule, declarations: [FwTextInputComponent], imports: [CommonModule,
+        FwIconModule,
+        ReactiveFormsModule], exports: [FwTextInputComponent] });
+FwTextInputModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwTextInputModule, imports: [CommonModule,
+        FwIconModule,
+        ReactiveFormsModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwTextInputModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        FwIconModule,
+                        ReactiveFormsModule
+                    ],
+                    exports: [
+                        FwTextInputComponent,
+                    ],
+                    declarations: [
+                        FwTextInputComponent,
+                    ],
+                    entryComponents: [
+                        FwTextInputComponent,
+                    ]
+                }]
+        }] });
+
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { FwAvatarComponent, FwAvatarModule, FwButtonComponent, FwButtonGroupComponent, FwButtonGroupModule, FwButtonModule, FwChoiceDialog, FwConfirmDialog, FwDialogModule, FwDialogService, FwErrorDialog, FwIconComponent, FwIconModule, FwNotificationComponent, FwNotificationContainerComponent, FwNotificationModule, FwNotificationService, FwNotificationType, FwPopoverComponent, FwPopoverModule, FwPopoverTriggerComponent, FwPopoverTriggerDirective, FwPortalDialog, FwSectionHeadingComponent, FwSectionHeadingModule, FwTableComponent, FwTableModule, MinimalTranslationService, TranslationService, genId };
+export { FwAvatarComponent, FwAvatarModule, FwButtonComponent, FwButtonModule, FwChoiceDialog, FwConfirmDialog, FwDialogModule, FwDialogService, FwErrorDialog, FwIconComponent, FwIconModule, FwNotificationComponent, FwNotificationContainerComponent, FwNotificationModule, FwNotificationService, FwNotificationType, FwPopoverComponent, FwPopoverModule, FwPopoverTriggerComponent, FwPopoverTriggerDirective, FwPortalDialog, FwSectionHeadingComponent, FwSectionHeadingModule, FwTextInputComponent, FwTextInputModule, MinimalTranslationService, TranslationService, genId };
 //# sourceMappingURL=flywheel-io-vision.mjs.map