@flywheel-io/vision 0.2.4 → 0.4.0

package/bundles/flywheel-io-vision.umd.min.js

@@ -1,17 +1,2 @@
-!function(o,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@angular/common"),require("@angular/material/button"),require("rxjs"),require("@angular/material/icon"),require("@angular/cdk/overlay"),require("@angular/cdk/portal"),require("@angular/forms"),require("@angular/material/paginator"),require("@angular/material/sort"),require("@angular/material/table"),require("rxjs/operators"),require("@angular/material/input"),require("@angular/material/select")):"function"==typeof define&&define.amd?define("@flywheel-io/vision",["exports","@angular/core","@angular/common","@angular/material/button","rxjs","@angular/material/icon","@angular/cdk/overlay","@angular/cdk/portal","@angular/forms","@angular/material/paginator","@angular/material/sort","@angular/material/table","rxjs/operators","@angular/material/input","@angular/material/select"],t):t(((o="undefined"!=typeof globalThis?globalThis:o||self)["flywheel-io"]=o["flywheel-io"]||{},o["flywheel-io"].vision={}),o.ng.core,o.ng.common,o.ng.material.button,o.rxjs,o.ng.material.icon,o.ng.cdk.overlay,o.ng.cdk.portal,o.ng.forms,o.ng.material.paginator,o.ng.material.sort,o.ng.material.table,o.rxjs.operators,o.ng.material.input,o.ng.material.select)}(this,(function(o,t,r,e,n,i,a,l,p,s,c,d,b,f,u){"use strict";var m=function(){this.layout="basic",this.size="medium"};m.decorators=[{type:t.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:t.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>button:first-of-type,fw-button-group.fw-button-group>fw-button:first-of-type>button{border-top-left-radius:4px;border-bottom-left-radius:4px}fw-button-group.fw-button-group>button:last-of-type,fw-button-group.fw-button-group>fw-button:last-of-type>button{border-top-right-radius:4px;border-bottom-right-radius:4px}fw-button-group.fw-button-group>button.mat-stroked-button,fw-button-group.fw-button-group>button.mat-stroked-button+button.mat-stroke-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[ng-reflect-type=stroked]>button,fw-button-group.fw-button-group>fw-button[type=stroked]+fw-button[type=stroked]>button,fw-button-group.fw-button-group>fw-button[type=stroked]>button{border-right-width:0}fw-button-group.fw-button-group>button.mat-stroked-button:last-of-type,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{border-right-width:1px!important}fw-button-group.fw-button-group>button:not(.mat-stroked-button)+button.mat-stroked-button,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{border-left-width:0}"]}]}],m.propDecorators={layout:[{type:t.Input}],size:[{type:t.Input}]};var g=function(){};g.decorators=[{type:t.NgModule,args:[{exports:[m],declarations:[m],entryComponents:[m]}]}];var h=function(){this.layout="basic",this.size="medium",this.type="basic"};h.decorators=[{type:t.Component,args:[{host:{class:"fw-button","[class.small]":'size === "small"',"[class.medium]":'size === "medium"',"[class.large]":'size === "large"',"[class.compact]":'layout === "compact"'},selector:"fw-button",template:'<ng-container [ngSwitch]="type">\n  <button *ngSwitchCase="\'raised\'" mat-raised-button [color]="color">\n    <ng-container *ngTemplateOutlet="content"></ng-container>\n  </button>\n  <button *ngSwitchCase="\'stroked\'" mat-stroked-button [color]="color">\n    <ng-container *ngTemplateOutlet="content"></ng-container>\n  </button>\n  <button *ngSwitchCase="\'flat\'" mat-flat-button [color]="color">\n    <ng-container *ngTemplateOutlet="content"></ng-container>\n  </button>\n  <button *ngSwitchDefault mat-button [color]="color">\n    <ng-container *ngTemplateOutlet="content"></ng-container>\n  </button>\n</ng-container>\n\n<ng-template #content>\n  <ng-content></ng-content>\n</ng-template>\n',styles:[":host.compact>button{line-height:24px}:host.small{font-size:12px}:host.medium{font-size:14px}:host.large{font-size:18px}button{font-size:inherit}"]}]}],h.propDecorators={color:[{type:t.Input}],layout:[{type:t.Input}],size:[{type:t.Input}],type:[{type:t.Input}]};var y=function(){};y.decorators=[{type:t.NgModule,args:[{imports:[r.CommonModule,e.MatButtonModule],exports:[h],declarations:[h],entryComponents:[h]}]}];
-/*! *****************************************************************************
-    Copyright (c) Microsoft Corporation.
-
-    Permission to use, copy, modify, and/or distribute this software for any
-    purpose with or without fee is hereby granted.
-
-    THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-    REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-    AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-    INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-    LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-    OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-    PERFORMANCE OF THIS SOFTWARE.
-    ***************************************************************************** */
-var w=function(o,t){return(w=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(o,t){o.__proto__=t}||function(o,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(o[r]=t[r])})(o,t)};Object.create;function v(o){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&o[t],e=0;if(r)return r.call(o);if(o&&"number"==typeof o.length)return{next:function(){return o&&e>=o.length&&(o=void 0),{value:o&&o[e++],done:!o}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")}Object.create;function x(){return String.prototype.padStart(24,Math.floor(Math.random()*Date.now()).toString(16))}var k=function(){function o(){this.notifications$=new n.BehaviorSubject([]),this.notificationQueue=[]}return o.prototype.show=function(o){o.id||(o.id=x()),this.notificationQueue.push(o),this.notifications$.next(this.notificationQueue)},o.prototype.dismiss=function(o){this.notificationQueue=this.notificationQueue.filter((function(t){return t.id!==o})),this.notifications$.next(this.notificationQueue)},o.prototype.dismissAll=function(){this.notificationQueue=[],this.notifications$.next(this.notificationQueue)},o}();k.ɵprov=t.ɵɵdefineInjectable({factory:function(){return new k},token:k,providedIn:"root"}),k.decorators=[{type:t.Injectable,args:[{providedIn:"root"}]}];var C=function(){function o(o,t){var r=this;this.cdr=o,this.notificationService=t,this.limit=3,this.notifications=[],this.showMore=!1,this.showLess=!1,this.subscriptions={notifications:n.Subscription.EMPTY},this.subscriptions.notifications=this.notificationService.notifications$.subscribe((function(o){r.notifications=o,r.showMore=r.notifications.length>1,r.showLess=!1,r.cdr.markForCheck()}))}return o.prototype.ngOnDestroy=function(){var o,t;try{for(var r=v(Object.values(this.subscriptions)),e=r.next();!e.done;e=r.next()){e.value.unsubscribe()}}catch(t){o={error:t}}finally{try{e&&!e.done&&(t=r.return)&&t.call(r)}finally{if(o)throw o.error}}},o.prototype.notificationClass=function(o){var t=this.notifications.length>this.limit?o-(this.notifications.length-this.limit):o;return this.showLess?"default":t>=0?"level-"+t:"hidden"},o.prototype.onReady=function(o){this.notifications[this.notifications.length-1].ref=o,o.startTimer()},o.prototype.onDismiss=function(o){var t=this.notifications.find((function(t){return t.id===o}));(null==t?void 0:t.ref)&&t.ref.stopTimer(),this.notificationService.dismiss(t.id),this.cdr.markForCheck()},o.prototype.clearAll=function(){this.showMore=!1,this.showLess=!1,this.notificationService.dismissAll(),this.cdr.markForCheck()},o.prototype.onShowMore=function(){this.showLess=!0,this.showMore=!1,this.cdr.markForCheck()},o.prototype.onShowLess=function(){this.showMore=!0,this.showLess=!1,this.cdr.markForCheck()},o}();C.decorators=[{type:t.Component,args:[{host:{class:"fw-notification-container","[class.duo]":"notifications.length === 2","[class.triple]":"notifications.length >= 3"},selector:"fw-notification-container",template:'<div role="list">\n  <fw-notification *ngFor="let notification of notifications; index as i"\n    (ready)="onReady($event)"\n    (dismiss)="onDismiss($event)"\n    [class]="notificationClass(i)"\n    [notification]="notification"\n    [attr.aria-label]="notification.type + \' : \' + notification.message"\n    role="listitem"\n  ></fw-notification>\n  <div class="buttons">\n    <fw-button *ngIf="showLess" (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="showMore" (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',encapsulation:t.ViewEncapsulation.None,changeDetection:t.ChangeDetectionStrategy.OnPush,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,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)}"]}]}],C.ctorParameters=function(){return[{type:t.ChangeDetectorRef},{type:k}]};var S,P=function(){function o(){this.now=0,this.remainingDuration=0}return o.prototype.start=function(o){var t=this;return new Promise((function(r){t.remainingDuration=o,t.resolver=r,t.continue()}))},o.prototype.stop=function(){clearTimeout(this.timerId),this.remainingDuration=0},o.prototype.pause=function(){clearTimeout(this.timerId),this.remainingDuration=this.remainingDuration-(new Date).getTime()-this.now},o.prototype.continue=function(){var o=this;this.now=(new Date).getTime(),this.timerId=window.setTimeout((function(){o.resolver()}),this.remainingDuration)},o}();(S=o.FwNotificationType||(o.FwNotificationType={})).Error="error",S.Info="info",S.Success="success",S.Wait="wait",S.Warning="warning";var M=function(){function r(o,r){this.cdr=o,this.timerService=r,this.notificationDuration=9e3,this.ready=new t.EventEmitter,this.dismiss=new t.EventEmitter}return Object.defineProperty(r.prototype,"cssClass",{get:function(){var t,r="fw-notification";switch(null===(t=this.notification)||void 0===t?void 0:t.type){case o.FwNotificationType.Error:return r+" error";case o.FwNotificationType.Info:return r+" info";case o.FwNotificationType.Success:return r+" success";case o.FwNotificationType.Wait:return r+" wait";case o.FwNotificationType.Warning:return r+" warning";default:return r}},enumerable:!1,configurable:!0}),r.prototype.ngAfterViewInit=function(){this.ready.emit(this),this.cdr.markForCheck()},r.prototype.startTimer=function(){var o=this;this.timerService.start(this.notificationDuration).then((function(){o.onClickDismiss(),o.cdr.markForCheck()}))},r.prototype.stopTimer=function(){this.timerService.stop(),this.cdr.markForCheck()},r.prototype.onClickDismiss=function(){this.dismiss.emit(this.notification.id),this.cdr.markForCheck()},r}();M.decorators=[{type:t.Component,args:[{host:{"(click)":"onClickDismiss()"},selector:"fw-notification",template:"<ng-container>{{ notification?.message }}</ng-container>",providers:[P],encapsulation:t.ViewEncapsulation.None,changeDetection:t.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;height:48px;transform-origin:center;background-color:#2f96b4;border:1px solid hsla(0,0%,100%,.7019607843137254);box-shadow:0 0 12px #999;color:#fff;opacity:.99}fw-notification .notification{display:flex;justify-content:space-between;align-items:center}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}"]}]}],M.ctorParameters=function(){return[{type:t.ChangeDetectorRef},{type:P}]},M.propDecorators={notification:[{type:t.Input}],notificationDuration:[{type:t.Input}],ready:[{type:t.Output}],dismiss:[{type:t.Output}],cssClass:[{type:t.HostBinding,args:["class"]}]};var D=function(){};D.decorators=[{type:t.NgModule,args:[{imports:[r.CommonModule,y,g,e.MatButtonModule,i.MatIconModule],exports:[M,C],declarations:[M,C],entryComponents:[M],providers:[k]}]}];var F=function(){function o(o,t,r){this.element=o,this.overlay=t,this.viewContainerRef=r,this.popoverMargin=15,this.positionMap={left:{originX:"start",originY:"center",overlayX:"end",overlayY:"center"},right:{originX:"end",originY:"center",overlayX:"start",overlayY:"center"},above:{originX:"center",originY:"top",overlayX:"center",overlayY:"bottom"},below:{originX:"center",originY:"bottom",overlayX:"center",overlayY:"top"}},this.position="below",this.subscriptions={positionChanges:n.Subscription.EMPTY}}return o.prototype.ngOnChanges=function(o){o.position&&this.overlayRef&&(this.overlayRef.dispose(),this.overlayRef=null)},o.prototype.ngOnDestroy=function(){var o,t;this.overlayRef&&(this.overlayRef.dispose(),this.overlayRef=null);try{for(var r=v(Object.values(this.subscriptions)),e=r.next();!e.done;e=r.next()){e.value.unsubscribe()}}catch(t){o={error:t}}finally{try{e&&!e.done&&(t=r.return)&&t.call(r)}finally{if(o)throw o.error}}},o.prototype.showPopover=function(){var o;(null===(o=this.popover)||void 0===o?void 0:o.templateRef)&&this.getOverlay().attach(new l.TemplatePortal(this.popover.templateRef,this.viewContainerRef))},o.prototype.hidePopover=function(o){var t;(null===(t=o.relatedTarget)||void 0===t?void 0:t.classList.contains("fw-popover-panel"))||this.getOverlay().detach()},o.prototype.setPopoverCaretPosition=function(o){var t=this.overlayRef.overlayElement.querySelector(".fw-popover-caret"),r=this.overlayRef.overlayElement.getBoundingClientRect(),e=this.element.nativeElement.getBoundingClientRect();this.overlayRef.overlayElement.querySelector(".fw-popover-content-wrapper").style.margin=this.popoverMargin+"px",["left","right","before","after"].includes(o)?t.style.top=e.top-r.top-this.popoverMargin+e.height/2+"px":t.style.left=e.left-r.left-this.popoverMargin+e.width/2+"px"},o.prototype.setPopoverPosition=function(o){var t=this.positionMap[this.mainPosition]===o.connectionPair?this.mainPosition:this.positionMap[this.fallbackPosition]===o.connectionPair?this.fallbackPosition:this.mainPosition;this.overlayRef.removePanelClass(["fw-popover-above","fw-popover-below","fw-popover-left","fw-popover-right"]),this.overlayRef.addPanelClass("fw-popover-"+t),this.setPopoverCaretPosition(t)},o.prototype.getOverlay=function(){var o=this;return this.overlayRef||(this.overlayRef=this.overlay.create({positionStrategy:this.overlay.position().flexibleConnectedTo(this.element).withPositions(this.getPositions()),panelClass:"fw-popover-panel"}),this.overlayRef.overlayElement.addEventListener("mouseleave",(function(t){return o.hidePopover(t)})),this.subscriptions.positionChanges=this.overlayRef.getConfig().positionStrategy.positionChanges.subscribe((function(t){return o.setPopoverPosition(t)}))),this.overlayRef},o.prototype.getMainPosition=function(){return this.mainPosition=["left","before"].includes(this.position)?"left":["right","after"].includes(this.position)?"right":"above"===this.position?"above":"below"},o.prototype.getFallbackPosition=function(){return this.fallbackPosition=["left","before"].includes(this.position)?"right":["right","after"].includes(this.position)?"left":"above"===this.position?"below":"above"},o.prototype.getPositions=function(){return[this.positionMap[this.getMainPosition()],this.positionMap[this.getFallbackPosition()]]},o}();F.decorators=[{type:t.Directive,args:[{host:{class:"fw-popover-trigger","(mouseenter)":"showPopover()","(mouseleave)":"hidePopover($event)"},selector:"[fwPopoverTriggerFor]",exportAs:"fwPopoverTrigger"}]}],F.ctorParameters=function(){return[{type:t.ElementRef},{type:a.Overlay},{type:t.ViewContainerRef}]},F.propDecorators={popover:[{type:t.Input,args:["fwPopoverTriggerFor"]}],position:[{type:t.Input,args:["fwPopoverPosition"]}]};var T=function(o){function t(t,r,e){var n=o.call(this,t,r,e)||this;return n.element=t,n.overlay=r,n.viewContainerRef=e,n.position="below",n}return function(o,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=o}w(o,t),o.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)}(t,o),t.prototype.showPopover=function(){var o=this.getOverlay();o.detach(),this.popoverId&&(this.popoverHTML=document.querySelector("fw-popover#"+this.popoverId).innerHTML,o.attach(new l.TemplatePortal(this.popoverTemplateRef,this.viewContainerRef)))},t}(F);T.decorators=[{type:t.Component,args:[{host:{class:"fw-popover-trigger","(mouseenter)":"showPopover()","(mouseleave)":"hidePopover($event)"},selector:"fw-popover-trigger",template:'<ng-content></ng-content>\n  \x3c!-- for web component support --\x3e\n  <ng-template>\n    <div [innerHTML]="popoverHTML"></div>\n  </ng-template>'}]}],T.ctorParameters=function(){return[{type:t.ElementRef},{type:a.Overlay},{type:t.ViewContainerRef}]},T.propDecorators={popoverId:[{type:t.Input,args:["trigger-for"]}],position:[{type:t.Input,args:["position"]}],popoverTemplateRef:[{type:t.ViewChild,args:[t.TemplateRef]}]};var I=function(){};I.decorators=[{type:t.Component,args:[{host:{class:"fw-popover"},selector:"fw-popover",template:'\n  <ng-container *ngTemplateOutlet="content"></ng-container>\n  <ng-template #content>\n    <div class="fw-popover-content-wrapper">\n      <ng-content></ng-content>\n      <div class="fw-popover-caret"></div>\n    </div>\n  </ng-template>',encapsulation:t.ViewEncapsulation.None,styles:['.white{color:#fff!important}.fill-white{background-color:#fff!important}.border-top-white,.border-white{border-color:#fff!important}.border-top-white{border-top:1px solid}.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-top-black{border-color:#000!important}.border-top-black{border-top:1px solid}.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-top-green{border-color:#59b96b!important}.border-top-green{border-top:1px solid}.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-top-orange{border-color:#f7941d!important}.border-top-orange{border-top:1px solid}.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:#d22239!important}.fill-red{background-color:#d22239!important}.border-red,.border-top-red{border-color:#d22239!important}.border-top-red{border-top:1px solid}.border-right-red{border-right:1px solid;border-color:#d22239!important}.border-bottom-red{border-bottom:1px solid;border-color:#d22239!important}.border-left-red{border-left:1px solid;border-color:#d22239!important}.blue{color:#5871a2!important}.fill-blue{background-color:#5871a2!important}.border-blue,.border-top-blue{border-color:#5871a2!important}.border-top-blue{border-top:1px solid}.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-top-focus-blue{border-color:#23527c!important}.border-top-focus-blue{border-top:1px solid}.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-top-dark-blue{border-color:#394256!important}.border-top-dark-blue{border-top:1px solid}.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:#e7f0fc!important}.fill-light-blue{background-color:#e7f0fc!important}.border-light-blue,.border-top-light-blue{border-color:#e7f0fc!important}.border-top-light-blue{border-top:1px solid}.border-right-light-blue{border-right:1px solid;border-color:#e7f0fc!important}.border-bottom-light-blue{border-bottom:1px solid;border-color:#e7f0fc!important}.border-left-light-blue{border-left:1px solid;border-color:#e7f0fc!important}.bright-blue{color:#2e72f6!important}.fill-bright-blue{background-color:#2e72f6!important}.border-bright-blue,.border-top-bright-blue{border-color:#2e72f6!important}.border-top-bright-blue{border-top:1px solid}.border-right-bright-blue{border-right:1px solid;border-color:#2e72f6!important}.border-bottom-bright-blue{border-bottom:1px solid;border-color:#2e72f6!important}.border-left-bright-blue{border-left:1px solid;border-color:#2e72f6!important}.grey{color:#58595b!important}.fill-grey{background-color:#58595b!important}.border-grey,.border-top-grey{border-color:#58595b!important}.border-top-grey{border-top:1px solid}.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-top-soft-grey{border-color:#dddede!important}.border-top-soft-grey{border-top:1px solid}.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-top-light-grey{border-color:#eee!important}.border-top-light-grey{border-top:1px solid}.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-top-medium-grey{border-color:#ccc!important}.border-top-medium-grey{border-top:1px solid}.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-top-dark-grey{border-color:#222!important}.border-top-dark-grey{border-top:1px solid}.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}.iron-grey{color:#d3d6db!important}.fill-iron-grey{background-color:#d3d6db!important}.border-iron-grey,.border-top-iron-grey{border-color:#d3d6db!important}.border-top-iron-grey{border-top:1px solid}.border-right-iron-grey{border-right:1px solid;border-color:#d3d6db!important}.border-bottom-iron-grey{border-bottom:1px solid;border-color:#d3d6db!important}.border-left-iron-grey{border-left:1px solid;border-color:#d3d6db!important}.bombay-grey{color:#aaacb0!important}.fill-bombay-grey{background-color:#aaacb0!important}.border-bombay-grey,.border-top-bombay-grey{border-color:#aaacb0!important}.border-top-bombay-grey{border-top:1px solid}.border-right-bombay-grey{border-right:1px solid;border-color:#aaacb0!important}.border-bottom-bombay-grey{border-bottom:1px solid;border-color:#aaacb0!important}.border-left-bombay-grey{border-left:1px solid;border-color:#aaacb0!important}.soft-blue{color:#eff1f5!important}.fill-soft-blue{background-color:#eff1f5!important}.border-soft-blue,.border-top-soft-blue{border-color:#eff1f5!important}.border-top-soft-blue{border-top:1px solid}.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}.darker-soft-blue{color:#e9ecf1!important}.fill-darker-soft-blue{background-color:#e9ecf1!important}.border-darker-soft-blue,.border-top-darker-soft-blue{border-color:#e9ecf1!important}.border-top-darker-soft-blue{border-top:1px solid}.border-right-darker-soft-blue{border-right:1px solid;border-color:#e9ecf1!important}.border-bottom-darker-soft-blue{border-bottom:1px solid;border-color:#e9ecf1!important}.border-left-darker-soft-blue{border-left:1px solid;border-color:#e9ecf1!important}.lighter-soft-blue{color:#f5f6f9!important}.fill-lighter-soft-blue{background-color:#f5f6f9!important}.border-lighter-soft-blue,.border-top-lighter-soft-blue{border-color:#f5f6f9!important}.border-top-lighter-soft-blue{border-top:1px solid}.border-right-lighter-soft-blue{border-right:1px solid;border-color:#f5f6f9!important}.border-bottom-lighter-soft-blue{border-bottom:1px solid;border-color:#f5f6f9!important}.border-left-lighter-soft-blue{border-left:1px solid;border-color:#f5f6f9!important}:root{--color-gray:var(--color-gray-100);--color-gray-50:#f6f7f8;--color-gray-100:#eff1f4;--color-gray-200:#e3e5e8;--color-gray-300:#d7d9dc;--color-gray-400:#cbcdcf;--color-gray-500:#bfc1c3;--color-primary:var(--color-primary-1000);--color-primary-100:#eaf1fe;--color-primary-200:#d5e3fd;--color-primary-300:#c0d5fc;--color-primary-400:#abc7fb;--color-primary-500:#97b9fb;--color-primary-600:#82aafa;--color-primary-700:#6da2ff;--color-primary-800:#588ef8;--color-primary-900:#4380f7;--color-primary-1000:#2e72f6;--color-primary-1100:#2967dd;--color-primary-1200:#255bc5;--color-primary-1300:#2050ac;--color-primary-1400:#1c4494;--color-primary-1500:#083076;--color-primary-1600:#122e62;--color-primary-1700:#0e224a;--color-primary-1800:#061734;--color-primary-1900:#050b19;--color-secondary:var(--color-secondary-900);--color-secondary-100:#ccf1e4;--color-secondary-200:#b3e9d7;--color-secondary-300:#99e2c9;--color-secondary-400:#80dbbc;--color-secondary-500:#66d4ae;--color-secondary-600:#4dcda1;--color-secondary-700:#33c593;--color-secondary-800:#1abe86;--color-secondary-900:#00b778;--color-secondary-1000:#00a56c;--color-secondary-1100:#009260;--color-secondary-1200:#008054;--color-secondary-1300:#006e48;--color-secondary-1400:#005c3c;--color-secondary-1500:#004930;--color-secondary-1600:#002518;--color-secondary-1700:#00120c}fw-popover{display:none}.fw-popover-panel .fw-popover-content-wrapper{position:relative;background:#fff;border-radius:4px;box-shadow:0 1px 4px rgba(0,0,0,.15)!important;border:1px solid #d6dbe5;padding:16px}.fw-popover-panel .fw-popover-content-wrapper .fw-popover-caret{position:absolute;overflow:hidden;width:25px;height:25px}.fw-popover-panel .fw-popover-content-wrapper .fw-popover-caret:after{display:block;content:"";width:16px;height:16px;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.15)!important;border:1px solid #d6dbe5;transform:rotate(45deg);position:relative}.fw-popover-panel.fw-popover-above{margin-bottom:-20px;padding-bottom:20px}.fw-popover-panel.fw-popover-above .fw-popover-caret{left:0;bottom:-16px;height:16px}.fw-popover-panel.fw-popover-above .fw-popover-caret:after{margin:-8px auto}.fw-popover-panel.fw-popover-below{margin-top:-20px;padding-top:20px}.fw-popover-panel.fw-popover-below .fw-popover-caret{left:0;top:-16px;height:16px}.fw-popover-panel.fw-popover-below .fw-popover-caret:after{top:16px;margin:-8px auto}.fw-popover-panel.fw-popover-left{margin-right:-20px;padding-right:20px}.fw-popover-panel.fw-popover-left .fw-popover-caret{right:-16px;top:0;width:16px}.fw-popover-panel.fw-popover-left .fw-popover-caret:after{top:calc(50% - 8px);left:-8px}.fw-popover-panel.fw-popover-right{margin-left:-20px;padding-left:20px}.fw-popover-panel.fw-popover-right .fw-popover-caret{left:-16px;top:0;width:16px}.fw-popover-panel.fw-popover-right .fw-popover-caret:after{top:calc(50% - 8px);right:-8px}']}]}],I.propDecorators={templateRef:[{type:t.ViewChild,args:["content"]}]};var O=function(){};O.decorators=[{type:t.NgModule,args:[{imports:[r.CommonModule],exports:[I,T,F],declarations:[I,T,F],entryComponents:[I,T],providers:[a.Overlay]}]}];var R=function(){function o(o){this.changeDetectorRef=o,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 p.FormGroup({}),this.trackByIndex=function(o){return o}}return o.prototype.ngOnInit=function(){var o=this;this.setDataSource(),this.setColumns(),this.addFilterControls(),this.setFilter(),this.matDataSource.filterPredicate=function(o,t){var r=JSON.parse(t);for(var e in r){var n=r[e],i=o[e];if(Array.isArray(n)&&n.length>0&&!n.includes(i))return!1;if(!Array.isArray(n)&&!String(i).toLowerCase().includes(String(null!=n?n:"").toLowerCase()))return!1}return!0},this.filters.valueChanges.pipe(b.debounceTime(200)).subscribe((function(){return o.setFilter()}))},o.prototype.ngAfterViewInit=function(){this.setSort(),this.setPaginator()},o.prototype.ngOnChanges=function(o){o.columns&&this.setColumns(),o.dataSource&&this.setDataSource(),(o.sort||o.dataSource)&&this.setSort(),(o.pageSize||o["page-size"])&&this.setPaginator()},Object.defineProperty(o.prototype,"isCompact",{get:function(){return"compact"===this.layout},enumerable:!1,configurable:!0}),Object.defineProperty(o.prototype,"paginationSize",{get:function(){return this.pageSize||this.webCompPageSize||0},enumerable:!1,configurable:!0}),Object.defineProperty(o.prototype,"isSortEnabled",{get:function(){return null!==this.sort},enumerable:!1,configurable:!0}),o.prototype.addFilterControls=function(){var o,t;try{for(var r=v(this.columns),e=r.next();!e.done;e=r.next()){var n=e.value;this.filters.addControl(n.key,new p.FormControl)}}catch(t){o={error:t}}finally{try{e&&!e.done&&(t=r.return)&&t.call(r)}finally{if(o)throw o.error}}},o.prototype.setDataSource=function(){this.matDataSource=new d.MatTableDataSource(this.dataSource)},o.prototype.setColumns=function(){this.displayedColumns=this.columns.map((function(o){return o.key}))},o.prototype.setFilter=function(){this.matDataSource.filter=JSON.stringify(this.filters.value)},o.prototype.setSort=function(){if(this.matSort&&null!==this.sort){var o=this.sort.split(" ");if(this.sortColumn=o[0],["asc","desc"].includes(o[1])?this.sortOrder=o[1]:console.warn("Sort order '"+o[1]+"' is not 'asc' or 'desc', defaulting to 'asc'"),this.sortColumn){this.matSort.sort({id:this.sortColumn,start:this.sortOrder,disableClear:!1});var t=this.matSort.sortables.get(this.sortColumn);t?t._setAnimationTransitionState({toState:"active"}):console.warn("Unable to find sort column '"+this.sortColumn+"'. Initial sort failed.")}this.matDataSource.sort=this.matSort}},o.prototype.setPaginator=function(){this.changeDetectorRef.detectChanges(),this.matDataSource.paginator=this.matPaginator},o.prototype.onInputFilter=function(o,t){var r=this;setTimeout((function(){return r.filters.get(t.key).setValue(o.target.value)}))},o.prototype.onSelectFilter=function(o,t){var r=o.target.innerText;this.filters.get(t.key).setValue("- none -"===r?null:r)},o.prototype.onMultiSelectFilter=function(o,t){var r=this.filters.controls[t.key].value||[],e=o.target.parentElement.innerText;r.includes(e)?r=r.filter((function(o){return o!==e})):r.push(e),this.filters.get(t.key).setValue(1===r.length&&""===e?null:r)},o}();R.decorators=[{type:t.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 td,table.mat-table th{vertical-align:middle}table.mat-table td.mat-cell,table.mat-table td.mat-header-cell,table.mat-table th.mat-cell,table.mat-table th.mat-header-cell{border-bottom-color:var(--color-gray)}"]}]}],R.ctorParameters=function(){return[{type:t.ChangeDetectorRef}]},R.propDecorators={columns:[{type:t.Input}],dataSource:[{type:t.Input}],layout:[{type:t.Input}],pageSize:[{type:t.Input}],webCompPageSize:[{type:t.Input,args:["page-size"]}],sort:[{type:t.Input}],matPaginator:[{type:t.ViewChild,args:[s.MatPaginator]}],matSort:[{type:t.ViewChild,args:[c.MatSort]}]};var z=function(){};z.decorators=[{type:t.NgModule,args:[{imports:[r.CommonModule,p.FormsModule,p.ReactiveFormsModule,f.MatInputModule,s.MatPaginatorModule,u.MatSelectModule,c.MatSortModule,d.MatTableModule],exports:[R],declarations:[R],entryComponents:[R]}]}],o.FwButtonComponent=h,o.FwButtonGroupComponent=m,o.FwButtonGroupModule=g,o.FwButtonModule=y,o.FwNotificationComponent=M,o.FwNotificationContainerComponent=C,o.FwNotificationModule=D,o.FwNotificationService=k,o.FwPopoverComponent=I,o.FwPopoverModule=O,o.FwPopoverTriggerComponent=T,o.FwPopoverTriggerDirective=F,o.FwTableComponent=R,o.FwTableModule=z,o.genId=x,o.ɵa=P,Object.defineProperty(o,"__esModule",{value:!0})}));
+!function(t,o){"object"==typeof exports&&"undefined"!=typeof module?o(exports,require("@angular/core"),require("@angular/common"),require("@angular/material/button"),require("@angular/material/dialog"),require("@angular/cdk/portal"),require("@angular/material/icon"),require("rxjs"),require("rxjs/operators"),require("@angular/platform-browser"),require("@angular/cdk/overlay"),require("@angular/forms"),require("@angular/material/paginator"),require("@angular/material/sort"),require("@angular/material/table"),require("@angular/material/input"),require("@angular/material/select")):"function"==typeof define&&define.amd?define("@flywheel-io/vision",["exports","@angular/core","@angular/common","@angular/material/button","@angular/material/dialog","@angular/cdk/portal","@angular/material/icon","rxjs","rxjs/operators","@angular/platform-browser","@angular/cdk/overlay","@angular/forms","@angular/material/paginator","@angular/material/sort","@angular/material/table","@angular/material/input","@angular/material/select"],o):o(((t="undefined"!=typeof globalThis?globalThis:t||self)["flywheel-io"]=t["flywheel-io"]||{},t["flywheel-io"].vision={}),t.ng.core,t.ng.common,t.ng.material.button,t.ng.material.dialog,t.ng.cdk.portal,t.ng.material.icon,t.rxjs,t.rxjs.operators,t.ng.platformBrowser,t.ng.cdk.overlay,t.ng.forms,t.ng.material.paginator,t.ng.material.sort,t.ng.material.table,t.ng.material.input,t.ng.material.select)}(this,(function(t,o,e,r,n,i,a,l,s,c,p,d,f,u,b,m,g){"use strict";var h=function(){this.layout="basic",this.size="medium"};h.decorators=[{type:o.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:o.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>button:first-of-type,fw-button-group.fw-button-group>fw-button:first-of-type>button{border-top-left-radius:4px;border-bottom-left-radius:4px}fw-button-group.fw-button-group>button:last-of-type,fw-button-group.fw-button-group>fw-button:last-of-type>button{border-top-right-radius:4px;border-bottom-right-radius:4px}fw-button-group.fw-button-group>button.mat-stroked-button,fw-button-group.fw-button-group>button.mat-stroked-button+button.mat-stroke-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[ng-reflect-type=stroked]>button,fw-button-group.fw-button-group>fw-button[type=stroked]+fw-button[type=stroked]>button,fw-button-group.fw-button-group>fw-button[type=stroked]>button{border-right-width:0}fw-button-group.fw-button-group>button.mat-stroked-button:last-of-type,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{border-right-width:1px!important}fw-button-group.fw-button-group>button:not(.mat-stroked-button)+button.mat-stroked-button,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{border-left-width:0}"]}]}],h.propDecorators={layout:[{type:o.Input}],size:[{type:o.Input}]};var y=function(){};y.decorators=[{type:o.NgModule,args:[{exports:[h],declarations:[h],entryComponents:[h]}]}];var v=function(){this.layout="basic",this.size="medium",this.type="basic"};v.decorators=[{type:o.Component,args:[{host:{class:"fw-button","[class.small]":'size === "small"',"[class.medium]":'size === "medium"',"[class.large]":'size === "large"',"[class.compact]":'layout === "compact"'},selector:"fw-button",template:'<ng-container [ngSwitch]="type">\n  <button *ngSwitchCase="\'raised\'" mat-raised-button [color]="color">\n    <ng-container *ngTemplateOutlet="content"></ng-container>\n  </button>\n  <button *ngSwitchCase="\'stroked\'" mat-stroked-button [color]="color">\n    <ng-container *ngTemplateOutlet="content"></ng-container>\n  </button>\n  <button *ngSwitchCase="\'flat\'" mat-flat-button [color]="color">\n    <ng-container *ngTemplateOutlet="content"></ng-container>\n  </button>\n  <button *ngSwitchDefault mat-button [color]="color">\n    <ng-container *ngTemplateOutlet="content"></ng-container>\n  </button>\n</ng-container>\n\n<ng-template #content>\n  <ng-content></ng-content>\n</ng-template>\n',styles:[":host.compact>button{line-height:24px}:host.small{font-size:12px}:host.medium{font-size:14px}:host.large{font-size:18px}button{font-size:inherit}"]}]}],v.propDecorators={color:[{type:o.Input}],layout:[{type:o.Input}],size:[{type:o.Input}],type:[{type:o.Input}]};var w=function(){};w.decorators=[{type:o.NgModule,args:[{imports:[e.CommonModule,r.MatButtonModule],exports:[v],declarations:[v],entryComponents:[v]}]}];var x=function(){function t(t){this.data=t,this.alignActions=this.data.alignActions?"start"===this.data.alignActions?null:this.data.alignActions:"center",this.choices=this.data.choices,this.content=this.data.content,this.title=this.data.title}return t.prototype.getTestId=function(t){var o;return t.testId||String(null!==(o=t.label)&&void 0!==o?o:t.value).toLowerCase()+"-button"},t}();x.decorators=[{type:o.Component,args:[{host:{class:"mat-dialog-component","test-id":"choice-dialog"},selector:"fw-choice-dialog",template:'\n    <h1 mat-dialog-title *ngIf="title">{{ title }}</h1>\n    <div mat-dialog-content>{{ content }}</div>\n    <div mat-dialog-actions [align]="alignActions">\n      <ng-container *ngFor="let choice of choices" [ngSwitch]="choice.variant">\n        <button *ngSwitchCase="\'raised\'" mat-raised-button [color]="choice.color" [attr.test-id]="getTestId(choice)"\n          [mat-dialog-close]="choice.value">{{ choice.label }}</button>\n        <button *ngSwitchCase="\'stroked\'" mat-stroked-button [color]="choice.color" [attr.test-id]="getTestId(choice)"\n          [mat-dialog-close]="choice.value">{{ choice.label }}</button>\n        <button *ngSwitchCase="\'flat\'" mat-flat-button [color]="choice.color" [attr.test-id]="getTestId(choice)"\n          [mat-dialog-close]="choice.value">{{ choice.label }}</button>\n        <ng-container *ngSwitchDefault>\n          <button *ngIf="choice.color" mat-flat-button [color]="choice.color" [attr.test-id]="getTestId(choice)"\n            [mat-dialog-close]="choice.value">{{ choice.label }}</button>\n          <button *ngIf="!choice.color" mat-stroked-button [attr.test-id]="getTestId(choice)"\n            [mat-dialog-close]="choice.value">{{ choice.label }}</button>\n        </ng-container>\n      </ng-container>\n    </div>\n  '}]}],x.ctorParameters=function(){return[{type:void 0,decorators:[{type:o.Inject,args:[n.MAT_DIALOG_DATA]}]}]};var k=function(t){this.data=t,this.title=this.data.title,this.content=this.data.content,this.html=this.data.html};k.decorators=[{type:o.Component,args:[{host:{class:"mat-dialog-component","test-id":"confirm-dialog"},selector:"fw-confirm-dialog",template:'\n    <h1 mat-dialog-title *ngIf="title">{{ title }}</h1>\n    <div mat-dialog-content *ngIf="html" class="markup" [innerHTML]="html | trusthtml"></div>\n    <div mat-dialog-content *ngIf="!html">{{ content || (\'confirmDialog.body\' | translate ) }}</div>\n    <div mat-dialog-actions align="center">\n      <button test-id="no-button" mat-stroked-button [mat-dialog-close]="false">{{ \'confirmDialog.no\' | translate }}</button>\n      <button test-id="yes-button" mat-flat-button color="primary" [mat-dialog-close]="true">{{ \'confirmDialog.yes\' | translate }}</button>\n    </div>\n  ',styles:["\n    [mat-dialog-content] {\n      text-align: center;\n    }\n    [mat-dialog-content].markup {\n      text-align: inherit;\n    }\n  "]}]}],k.ctorParameters=function(){return[{type:void 0,decorators:[{type:o.Inject,args:[n.MAT_DIALOG_DATA]}]}]};var C=function(){function t(t){this.matDialog=t,this.dialogs=[],this.config=new Map}return t.prototype.closeAll=function(t){t?this.dialogs.filter((function(o){return o.component===t})).forEach((function(t){return t.ref.close()})):this.matDialog.closeAll()},t.prototype.open=function(t,o){var e=this,r=this.dialogs.findIndex((function(o){return o.component===t})),n=null,i=Object.assign({multi:"allow"},this.config.get(t));switch(i.multi){case"ignore":-1===r&&(n=this.matDialog.open(t,Object.assign(Object.assign({},i),o)),this.dialogs.push({component:t,ref:n}));break;case"replace":r>-1?(this.dialogs[r].ref.close(),n=this.matDialog.open(t,Object.assign(Object.assign({},i),o)),this.dialogs.splice(r,1,{component:t,ref:n})):(n=this.matDialog.open(t,Object.assign(Object.assign({},i),o)),this.dialogs.push({component:t,ref:n}));break;default:n=this.matDialog.open(t,Object.assign(Object.assign({},i),o)),this.dialogs.push({component:t,ref:n})}return n&&n.afterClosed().subscribe((function(){var t=e.dialogs.findIndex((function(t){return t.ref===n}));t>=0&&e.dialogs.splice(t,1)})),n},t.prototype.registerDialog=function(t,o){this.config.set(t,o)},t}();C.decorators=[{type:o.Injectable}],C.ctorParameters=function(){return[{type:n.MatDialog}]};var S=function(t,o){this.data=t,this.ref=o,this.message=this.data.message,this.ref.disableClose=!1};S.decorators=[{type:o.Component,args:[{host:{class:"mat-dialog-component","test-id":"error-dialog"},selector:"fw-error-dialog",template:'\n    <div mat-dialog-content>{{ message }}</div>\n    <div mat-dialog-actions align="end">\n      <button test-id="close-button" mat-stroked-button mat-dialog-close>\n        {{ \'common.actions.close\' | translate }}\n      </button>\n    </div>\n  '}]}],S.ctorParameters=function(){return[{type:void 0,decorators:[{type:o.Inject,args:[n.MAT_DIALOG_DATA]}]},{type:n.MatDialogRef}]};var D=function(t,o){return(D=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,o){t.__proto__=o}||function(t,o){for(var e in o)Object.prototype.hasOwnProperty.call(o,e)&&(t[e]=o[e])})(t,o)};Object.create;function P(t){var o="function"==typeof Symbol&&Symbol.iterator,e=o&&t[o],r=0;if(e)return e.call(t);if(t&&"number"==typeof t.length)return{next:function(){return t&&r>=t.length&&(t=void 0),{value:t&&t[r++],done:!t}}};throw new TypeError(o?"Object is not iterable.":"Symbol.iterator is not defined.")}function I(t,o){var e="function"==typeof Symbol&&t[Symbol.iterator];if(!e)return t;var r,n,i=e.call(t),a=[];try{for(;(void 0===o||o-- >0)&&!(r=i.next()).done;)a.push(r.value)}catch(t){n={error:t}}finally{try{r&&!r.done&&(e=i.return)&&e.call(i)}finally{if(n)throw n.error}}return a}Object.create;var M=function(){function t(t,o){if(this.data=t,this.viewContainerRef=o,this.content=this.data.content,this.title=this.data.title,this.destroyed$=new l.Subject,this.data.component)this.portal=new i.ComponentPortal(this.data.component.type,this.viewContainerRef);else{if(!this.data.template)throw new Error("One of [component, template] was not provided.");this.portal=new i.TemplatePortal(this.data.template,this.viewContainerRef)}}return t.prototype.ngOnDestroy=function(){this.destroyed$.next()},t.prototype.attached=function(t){var e,r,n,i,a,l;if(this.data.component){if(t=t,this.data.component.outputs)try{for(var c=P(Object.entries(this.data.component.outputs)),p=c.next();!p.done;p=c.next()){var d=I(p.value,2),f=d[0],u=d[1],b=t[f];"function"==typeof(null==b?void 0:b.pipe)&&"function"==typeof b.subscribe&&b.pipe(s.takeUntil(this.destroyed$)).subscribe(u)}}catch(t){e={error:t}}finally{try{p&&!p.done&&(r=c.return)&&r.call(c)}finally{if(e)throw e.error}}if(this.data.component.inputs){var m={};try{for(var g=P(Object.entries(this.data.component.inputs)),h=g.next();!h.done;h=g.next()){var y=I(h.value,2),v=(f=y[0],y[1]);t.instance[f]=v,m[f]=new o.SimpleChange(v,v,!0)}}catch(t){n={error:t}}finally{try{h&&!h.done&&(i=g.return)&&i.call(g)}finally{if(n)throw n.error}}null===(l=(a=t.instance).ngOnChanges)||void 0===l||l.call(a,m),t.changeDetectorRef.markForCheck()}}},t}();M.decorators=[{type:o.Component,args:[{host:{class:"mat-dialog-component","test-id":"portal-dialog"},selector:"fw-portal-dialog",template:'\n    <ng-container *ngIf="title">\n      <h1 mat-dialog-title>{{ title }}</h1>\n      <button test-id="dialog-close-corner" mat-icon-button mat-dialog-close>\n        <mat-icon>close</mat-icon>\n      </button>\n    </ng-container>\n    <mat-dialog-content>\n      <p *ngIf="content" class="content">{{ content }}</p>\n      <ng-template [cdkPortalOutlet]="portal" (attached)="attached($event)"></ng-template>\n    </mat-dialog-content>\n    <mat-dialog-actions align="end">\n      <button test-id="dialog-close-button" mat-stroked-button mat-dialog-close>\n        {{ \'common.actions.close\' | translate }}\n      </button>\n    </mat-dialog-actions>\n  ',styles:["\n    :host {\n      min-width: 200px;\n    }\n    .content {\n      margin-bottom: 30px;\n    }\n  "]}]}],M.ctorParameters=function(){return[{type:void 0,decorators:[{type:o.Inject,args:[n.MAT_DIALOG_DATA]}]},{type:o.ViewContainerRef}]};var T=function(){},O=function(){function t(){}return t.prototype.getMessage=function(o,e){return l.of(t.messages[o])},t}();O.messages={"common.actions.close":"Close","confirmDialog.body":"Are you sure?","confirmDialog.no":"No","confirmDialog.yes":"Yes"},O.decorators=[{type:o.Injectable}];var F=function(){function t(t,o){this.cdr=t,this.translationService=o,this.subscriptions={},this.messages={}}return t.prototype.ngOnDestroy=function(){var t,o;try{for(var e=P(Object.values(this.subscriptions)),r=e.next();!r.done;r=e.next()){r.value.unsubscribe()}}catch(o){t={error:o}}finally{try{r&&!r.done&&(o=e.return)&&o.call(e)}finally{if(t)throw t.error}}},t.prototype.transform=function(t,o){var e=this;return void 0===o&&(o=!1),t in this.subscriptions||(this.subscriptions[t]=this.translationService.getMessage(t,o).subscribe((function(o){e.messages[t]=o,e.cdr.markForCheck()}))),this.messages[t]||""},t}();F.decorators=[{type:o.Pipe,args:[{name:"translate",pure:!1}]}],F.ctorParameters=function(){return[{type:o.ChangeDetectorRef},{type:T}]};var A=function(){function t(t){this.sanitizer=t}return t.prototype.transform=function(t){return this.sanitizer.bypassSecurityTrustHtml(t)},t}();A.decorators=[{type:o.Pipe,args:[{name:"trusthtml",pure:!0}]}],A.ctorParameters=function(){return[{type:c.DomSanitizer}]};var R=[F,A],j=function(){};j.decorators=[{type:o.NgModule,args:[{declarations:R,exports:R,providers:[{provide:T,useClass:O}]}]}];var z={disableClose:!0,hasBackdrop:!0},E=function(){};function N(){return String.prototype.padStart(24,Math.floor(Math.random()*Date.now()).toString(16))}E.decorators=[{type:o.NgModule,args:[{declarations:[x,k,S,M],imports:[e.CommonModule,r.MatButtonModule,n.MatDialogModule,a.MatIconModule,j,i.PortalModule],providers:[C,{provide:n.MAT_DIALOG_DEFAULT_OPTIONS,useValue:z}]}]}];var $=function(){function t(){this.notifications$=new l.BehaviorSubject([]),this.notificationQueue=[]}return t.prototype.show=function(t){t.id||(t.id=N()),this.notificationQueue.push(t),this.notifications$.next(this.notificationQueue)},t.prototype.dismiss=function(t){this.notificationQueue=this.notificationQueue.filter((function(o){return o.id!==t})),this.notifications$.next(this.notificationQueue)},t.prototype.dismissAll=function(){this.notificationQueue=[],this.notifications$.next(this.notificationQueue)},t}();$.ɵprov=o.ɵɵdefineInjectable({factory:function(){return new $},token:$,providedIn:"root"}),$.decorators=[{type:o.Injectable,args:[{providedIn:"root"}]}];var _=function(){function t(t,o){var e=this;this.cdr=t,this.notificationService=o,this.limit=3,this.notifications=[],this.expanded=!1,this.subscriptions={notifications:l.Subscription.EMPTY},this.subscriptions.notifications=this.notificationService.notifications$.subscribe((function(t){e.notifications=t,0===t.length&&(e.expanded=!1),e.cdr.markForCheck()}))}return t.prototype.ngOnDestroy=function(){var t,o;try{for(var e=P(Object.values(this.subscriptions)),r=e.next();!r.done;r=e.next()){r.value.unsubscribe()}}catch(o){t={error:o}}finally{try{r&&!r.done&&(o=e.return)&&o.call(e)}finally{if(t)throw t.error}}},t.prototype.notificationClass=function(t){var o=this.notifications.length>this.limit?t-(this.notifications.length-this.limit):t;return this.expanded?"default":o>=0?"level-"+o:"hidden"},t.prototype.getEmptyNotification=function(t){return Object.assign(Object.assign({},t),{message:" "})},t.prototype.onReady=function(t){this.notifications[this.notifications.length-1].ref=t,t.startTimer()},t.prototype.onDismiss=function(t){var o=this.notifications.find((function(o){return o.id===t}));(null==o?void 0:o.ref)&&o.ref.stopTimer(),(null==o?void 0:o.id)&&this.notificationService.dismiss(o.id),this.cdr.markForCheck()},t.prototype.clearAll=function(){this.notificationService.dismissAll(),this.cdr.markForCheck()},t.prototype.onShowMore=function(){this.expanded=!0,this.cdr.markForCheck()},t.prototype.onShowLess=function(){this.expanded=!1,this.cdr.markForCheck()},t}();_.decorators=[{type:o.Component,args:[{host:{class:"fw-notification-container","[class.duo]":"notifications.length === 2","[class.triple]":"notifications.length >= 3"},selector:"fw-notification-container",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',encapsulation:o.ViewEncapsulation.None,changeDetection:o.ChangeDetectionStrategy.OnPush,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,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)}"]}]}],_.ctorParameters=function(){return[{type:o.ChangeDetectorRef},{type:$}]};var q,L=function(){function t(){this.now=0,this.remainingDuration=0}return t.prototype.start=function(t){var o=this;return new Promise((function(e){o.remainingDuration=t,o.resolver=e,o.continue()}))},t.prototype.stop=function(){clearTimeout(this.timerId),this.remainingDuration=0},t.prototype.pause=function(){clearTimeout(this.timerId),this.remainingDuration=this.remainingDuration-(new Date).getTime()-this.now},t.prototype.continue=function(){var t=this;this.now=(new Date).getTime(),this.timerId=window.setTimeout((function(){t.resolver()}),this.remainingDuration)},t}();(q=t.FwNotificationType||(t.FwNotificationType={})).Error="error",q.Info="info",q.Success="success",q.Wait="wait",q.Warning="warning";var V=function(){function e(t,e){this.cdr=t,this.timerService=e,this.notificationDuration=9e3,this.ready=new o.EventEmitter,this.dismiss=new o.EventEmitter}return Object.defineProperty(e.prototype,"cssClass",{get:function(){var o,e="fw-notification";switch(null===(o=this.notification)||void 0===o?void 0:o.type){case t.FwNotificationType.Error:return e+" error";case t.FwNotificationType.Info:return e+" info";case t.FwNotificationType.Success:return e+" success";case t.FwNotificationType.Wait:return e+" wait";case t.FwNotificationType.Warning:return e+" warning";default:return e}},enumerable:!1,configurable:!0}),e.prototype.ngAfterViewInit=function(){this.ready.emit(this),this.cdr.markForCheck()},e.prototype.startTimer=function(){var t=this;this.timerService.start(this.notificationDuration).then((function(){t.onClickDismiss(),t.cdr.markForCheck()}))},e.prototype.stopTimer=function(){this.timerService.stop(),this.cdr.markForCheck()},e.prototype.onClickDismiss=function(){this.dismiss.emit(this.notification.id),this.cdr.markForCheck()},e}();V.decorators=[{type:o.Component,args:[{host:{"(click)":"onClickDismiss()"},selector:"fw-notification",template:"{{ notification?.message }}",providers:[L],encapsulation:o.ViewEncapsulation.None,changeDetection:o.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%,.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}"]}]}],V.ctorParameters=function(){return[{type:o.ChangeDetectorRef},{type:L}]},V.propDecorators={notification:[{type:o.Input}],notificationDuration:[{type:o.Input}],ready:[{type:o.Output}],dismiss:[{type:o.Output}],cssClass:[{type:o.HostBinding,args:["class"]}]};var B=function(){};B.decorators=[{type:o.NgModule,args:[{imports:[e.CommonModule,w,y,r.MatButtonModule,a.MatIconModule],exports:[V,_],declarations:[V,_],entryComponents:[V],providers:[$]}]}];var H=function(){function t(t,o,e){this.element=t,this.overlay=o,this.viewContainerRef=e,this.popoverMargin=15,this.positionMap={left:{originX:"start",originY:"center",overlayX:"end",overlayY:"center"},right:{originX:"end",originY:"center",overlayX:"start",overlayY:"center"},above:{originX:"center",originY:"top",overlayX:"center",overlayY:"bottom"},below:{originX:"center",originY:"bottom",overlayX:"center",overlayY:"top"}},this.position="below",this.subscriptions={positionChanges:l.Subscription.EMPTY}}return t.prototype.ngOnChanges=function(t){t.position&&this.overlayRef&&(this.overlayRef.dispose(),this.overlayRef=null)},t.prototype.ngOnDestroy=function(){var t,o;this.overlayRef&&(this.overlayRef.dispose(),this.overlayRef=null);try{for(var e=P(Object.values(this.subscriptions)),r=e.next();!r.done;r=e.next()){r.value.unsubscribe()}}catch(o){t={error:o}}finally{try{r&&!r.done&&(o=e.return)&&o.call(e)}finally{if(t)throw t.error}}},t.prototype.showPopover=function(){var t;(null===(t=this.popover)||void 0===t?void 0:t.templateRef)&&this.getOverlay().attach(new i.TemplatePortal(this.popover.templateRef,this.viewContainerRef))},t.prototype.hidePopover=function(t){var o;(null===(o=t.relatedTarget)||void 0===o?void 0:o.classList.contains("fw-popover-panel"))||this.getOverlay().detach()},t.prototype.setPopoverCaretPosition=function(t){var o=this.overlayRef.overlayElement.querySelector(".fw-popover-caret"),e=this.overlayRef.overlayElement.getBoundingClientRect(),r=this.element.nativeElement.getBoundingClientRect();this.overlayRef.overlayElement.querySelector(".fw-popover-content-wrapper").style.margin=this.popoverMargin+"px",["left","right","before","after"].includes(t)?o.style.top=r.top-e.top-this.popoverMargin+r.height/2+"px":o.style.left=r.left-e.left-this.popoverMargin+r.width/2+"px"},t.prototype.setPopoverPosition=function(t){var o=this.positionMap[this.mainPosition]===t.connectionPair?this.mainPosition:this.positionMap[this.fallbackPosition]===t.connectionPair?this.fallbackPosition:this.mainPosition;this.overlayRef.removePanelClass(["fw-popover-above","fw-popover-below","fw-popover-left","fw-popover-right"]),this.overlayRef.addPanelClass("fw-popover-"+o),this.setPopoverCaretPosition(o)},t.prototype.getOverlay=function(){var t=this;return this.overlayRef||(this.overlayRef=this.overlay.create({positionStrategy:this.overlay.position().flexibleConnectedTo(this.element).withPositions(this.getPositions()),panelClass:"fw-popover-panel"}),this.overlayRef.overlayElement.addEventListener("mouseleave",(function(o){return t.hidePopover(o)})),this.subscriptions.positionChanges=this.overlayRef.getConfig().positionStrategy.positionChanges.subscribe((function(o){return t.setPopoverPosition(o)}))),this.overlayRef},t.prototype.getMainPosition=function(){return this.mainPosition=["left","before"].includes(this.position)?"left":["right","after"].includes(this.position)?"right":"above"===this.position?"above":"below"},t.prototype.getFallbackPosition=function(){return this.fallbackPosition=["left","before"].includes(this.position)?"right":["right","after"].includes(this.position)?"left":"above"===this.position?"below":"above"},t.prototype.getPositions=function(){return[this.positionMap[this.getMainPosition()],this.positionMap[this.getFallbackPosition()]]},t}();H.decorators=[{type:o.Directive,args:[{host:{class:"fw-popover-trigger","(mouseenter)":"showPopover()","(mouseleave)":"hidePopover($event)"},selector:"[fwPopoverTriggerFor]",exportAs:"fwPopoverTrigger"}]}],H.ctorParameters=function(){return[{type:o.ElementRef},{type:p.Overlay},{type:o.ViewContainerRef}]},H.propDecorators={popover:[{type:o.Input,args:["fwPopoverTriggerFor"]}],position:[{type:o.Input,args:["fwPopoverPosition"]}]};var Y=function(t){function o(o,e,r){var n=t.call(this,o,e,r)||this;return n.element=o,n.overlay=e,n.viewContainerRef=r,n.position="below",n}return function(t,o){if("function"!=typeof o&&null!==o)throw new TypeError("Class extends value "+String(o)+" is not a constructor or null");function e(){this.constructor=t}D(t,o),t.prototype=null===o?Object.create(o):(e.prototype=o.prototype,new e)}(o,t),o.prototype.showPopover=function(){var t=this.getOverlay();t.detach(),this.popoverId&&(this.popoverHTML=document.querySelector("fw-popover#"+this.popoverId).innerHTML,t.attach(new i.TemplatePortal(this.popoverTemplateRef,this.viewContainerRef)))},o}(H);Y.decorators=[{type:o.Component,args:[{host:{class:"fw-popover-trigger","(mouseenter)":"showPopover()","(mouseleave)":"hidePopover($event)"},selector:"fw-popover-trigger",template:'<ng-content></ng-content>\n  \x3c!-- for web component support --\x3e\n  <ng-template>\n    <div [innerHTML]="popoverHTML"></div>\n  </ng-template>'}]}],Y.ctorParameters=function(){return[{type:o.ElementRef},{type:p.Overlay},{type:o.ViewContainerRef}]},Y.propDecorators={popoverId:[{type:o.Input,args:["trigger-for"]}],position:[{type:o.Input,args:["position"]}],popoverTemplateRef:[{type:o.ViewChild,args:[o.TemplateRef]}]};var G=function(){};G.decorators=[{type:o.Component,args:[{host:{class:"fw-popover"},selector:"fw-popover",template:'\n  <ng-container *ngTemplateOutlet="content"></ng-container>\n  <ng-template #content>\n    <div class="fw-popover-content-wrapper">\n      <ng-content></ng-content>\n      <div class="fw-popover-caret"></div>\n    </div>\n  </ng-template>',encapsulation:o.ViewEncapsulation.None,styles:['.white{color:#fff!important}.fill-white{background-color:#fff!important}.border-top-white,.border-white{border-color:#fff!important}.border-top-white{border-top:1px solid}.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-top-black{border-color:#000!important}.border-top-black{border-top:1px solid}.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-top-green{border-color:#59b96b!important}.border-top-green{border-top:1px solid}.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-top-orange{border-color:#f7941d!important}.border-top-orange{border-top:1px solid}.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:#d22239!important}.fill-red{background-color:#d22239!important}.border-red,.border-top-red{border-color:#d22239!important}.border-top-red{border-top:1px solid}.border-right-red{border-right:1px solid;border-color:#d22239!important}.border-bottom-red{border-bottom:1px solid;border-color:#d22239!important}.border-left-red{border-left:1px solid;border-color:#d22239!important}.blue{color:#5871a2!important}.fill-blue{background-color:#5871a2!important}.border-blue,.border-top-blue{border-color:#5871a2!important}.border-top-blue{border-top:1px solid}.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-top-focus-blue{border-color:#23527c!important}.border-top-focus-blue{border-top:1px solid}.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-top-dark-blue{border-color:#394256!important}.border-top-dark-blue{border-top:1px solid}.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:#e7f0fc!important}.fill-light-blue{background-color:#e7f0fc!important}.border-light-blue,.border-top-light-blue{border-color:#e7f0fc!important}.border-top-light-blue{border-top:1px solid}.border-right-light-blue{border-right:1px solid;border-color:#e7f0fc!important}.border-bottom-light-blue{border-bottom:1px solid;border-color:#e7f0fc!important}.border-left-light-blue{border-left:1px solid;border-color:#e7f0fc!important}.bright-blue{color:#1b68fa!important}.fill-bright-blue{background-color:#1b68fa!important}.border-bright-blue,.border-top-bright-blue{border-color:#1b68fa!important}.border-top-bright-blue{border-top:1px solid}.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-top-admin-black{border-color:#01010a!important}.border-top-admin-black{border-top:1px solid}.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-top-accent-purple{border-color:#b080fc!important}.border-top-accent-purple{border-top:1px solid}.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-top-grey{border-color:#58595b!important}.border-top-grey{border-top:1px solid}.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-top-soft-grey{border-color:#dddede!important}.border-top-soft-grey{border-top:1px solid}.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-top-light-grey{border-color:#eee!important}.border-top-light-grey{border-top:1px solid}.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-top-medium-grey{border-color:#ccc!important}.border-top-medium-grey{border-top:1px solid}.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-top-dark-grey{border-color:#222!important}.border-top-dark-grey{border-top:1px solid}.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}.soft-blue{color:#eff1f5!important}.fill-soft-blue{background-color:#eff1f5!important}.border-soft-blue,.border-top-soft-blue{border-color:#eff1f5!important}.border-top-soft-blue{border-top:1px solid}.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-top-dark-soft-blue{border-color:#e9ecf1!important}.border-top-dark-soft-blue{border-top:1px solid}.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-top-darker-soft-blue{border-color:#e6e9ef!important}.border-top-darker-soft-blue{border-top:1px solid}.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:#f5f6f9!important}.fill-light-soft-blue{background-color:#f5f6f9!important}.border-light-soft-blue,.border-top-light-soft-blue{border-color:#f5f6f9!important}.border-top-light-soft-blue{border-top:1px solid}.border-right-light-soft-blue{border-right:1px solid;border-color:#f5f6f9!important}.border-bottom-light-soft-blue{border-bottom:1px solid;border-color:#f5f6f9!important}.border-left-light-soft-blue{border-left:1px solid;border-color:#f5f6f9!important}.lighter-soft-blue{color:#f8f9fb!important}.fill-lighter-soft-blue{background-color:#f8f9fb!important}.border-lighter-soft-blue,.border-top-lighter-soft-blue{border-color:#f8f9fb!important}.border-top-lighter-soft-blue{border-top:1px solid}.border-right-lighter-soft-blue{border-right:1px solid;border-color:#f8f9fb!important}.border-bottom-lighter-soft-blue{border-bottom:1px solid;border-color:#f8f9fb!important}.border-left-lighter-soft-blue{border-left:1px solid;border-color:#f8f9fb!important}:root{--color-gray:var(--color-gray-100);--color-gray-50:#f6f7f8;--color-gray-100:#eff1f4;--color-gray-200:#e3e5e8;--color-gray-300:#d7d9dc;--color-gray-400:#cbcdcf;--color-gray-500:#bfc1c3;--color-primary:var(--color-primary-500);--color-primary-50:#e4edfe;--color-primary-100:#bbd2fe;--color-primary-200:#8db4fd;--color-primary-300:#5f95fc;--color-primary-400:#3d7ffb;--color-primary-500:#1b68fa;--color-primary-600:#1860f9;--color-primary-700:#1455f9;--color-primary-800:#104bf8;--color-primary-900:#083af6;--color-primary-A100:#fff;--color-primary-A200:#ebefff;--color-primary-A400:#b8c4ff;--color-primary-A700:#9fafff;--color-secondary:var(--color-secondary-500);--color-secondary-50:#ebf7ed;--color-secondary-100:#cdead3;--color-secondary-200:#acdcb5;--color-secondary-300:#8bce97;--color-secondary-400:#72c481;--color-secondary-500:#59b96b;--color-secondary-600:#51b263;--color-secondary-700:#48aa58;--color-secondary-800:#3ea24e;--color-secondary-900:#2e933c;--color-secondary-A100:#d9ffde;--color-secondary-A200:#a6ffb1;--color-secondary-A400:#73ff84;--color-secondary-A700:#59ff6e}fw-popover{display:none}.fw-popover-panel .fw-popover-content-wrapper{position:relative;background:#fff;border-radius:4px;box-shadow:0 1px 4px rgba(0,0,0,.15)!important;border:1px solid #d6dbe5;padding:16px}.fw-popover-panel .fw-popover-content-wrapper .fw-popover-caret{position:absolute;overflow:hidden;width:25px;height:25px}.fw-popover-panel .fw-popover-content-wrapper .fw-popover-caret:after{display:block;content:"";width:16px;height:16px;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.15)!important;border:1px solid #d6dbe5;transform:rotate(45deg);position:relative}.fw-popover-panel.fw-popover-above{margin-bottom:-20px;padding-bottom:20px}.fw-popover-panel.fw-popover-above .fw-popover-caret{left:0;bottom:-16px;height:16px}.fw-popover-panel.fw-popover-above .fw-popover-caret:after{margin:-8px auto}.fw-popover-panel.fw-popover-below{margin-top:-20px;padding-top:20px}.fw-popover-panel.fw-popover-below .fw-popover-caret{left:0;top:-16px;height:16px}.fw-popover-panel.fw-popover-below .fw-popover-caret:after{top:16px;margin:-8px auto}.fw-popover-panel.fw-popover-left{margin-right:-20px;padding-right:20px}.fw-popover-panel.fw-popover-left .fw-popover-caret{right:-16px;top:0;width:16px}.fw-popover-panel.fw-popover-left .fw-popover-caret:after{top:calc(50% - 8px);left:-8px}.fw-popover-panel.fw-popover-right{margin-left:-20px;padding-left:20px}.fw-popover-panel.fw-popover-right .fw-popover-caret{left:-16px;top:0;width:16px}.fw-popover-panel.fw-popover-right .fw-popover-caret:after{top:calc(50% - 8px);right:-8px}']}]}],G.propDecorators={templateRef:[{type:o.ViewChild,args:["content"]}]};var Q=function(){};Q.decorators=[{type:o.NgModule,args:[{imports:[e.CommonModule],exports:[G,Y,H],declarations:[G,Y,H],entryComponents:[G,Y],providers:[p.Overlay]}]}];var X=function(){function t(t){this.changeDetectorRef=t,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 d.FormGroup({}),this.trackByIndex=function(t){return t}}return t.prototype.ngOnInit=function(){var t=this;this.setDataSource(),this.setColumns(),this.addFilterControls(),this.setFilter(),this.matDataSource.filterPredicate=function(t,o){var e=JSON.parse(o);for(var r in e){var n=e[r],i=t[r];if(Array.isArray(n)&&n.length>0&&!n.includes(i))return!1;if(!Array.isArray(n)&&!String(i).toLowerCase().includes(String(null!=n?n:"").toLowerCase()))return!1}return!0},this.filters.valueChanges.pipe(s.debounceTime(200)).subscribe((function(){return t.setFilter()}))},t.prototype.ngAfterViewInit=function(){this.setSort(),this.setPaginator()},t.prototype.ngOnChanges=function(t){t.columns&&this.setColumns(),t.dataSource&&this.setDataSource(),(t.sort||t.dataSource)&&this.setSort(),(t.pageSize||t["page-size"])&&this.setPaginator()},Object.defineProperty(t.prototype,"isCompact",{get:function(){return"compact"===this.layout},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"paginationSize",{get:function(){return this.pageSize||this.webCompPageSize||0},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"isSortEnabled",{get:function(){return null!==this.sort},enumerable:!1,configurable:!0}),t.prototype.addFilterControls=function(){var t,o;try{for(var e=P(this.columns),r=e.next();!r.done;r=e.next()){var n=r.value;this.filters.addControl(n.key,new d.FormControl)}}catch(o){t={error:o}}finally{try{r&&!r.done&&(o=e.return)&&o.call(e)}finally{if(t)throw t.error}}},t.prototype.setDataSource=function(){this.matDataSource=new b.MatTableDataSource(this.dataSource)},t.prototype.setColumns=function(){this.displayedColumns=this.columns.map((function(t){return t.key}))},t.prototype.setFilter=function(){this.matDataSource.filter=JSON.stringify(this.filters.value)},t.prototype.setSort=function(){if(this.matSort&&null!==this.sort){var t=this.sort.split(" ");if(this.sortColumn=t[0],["asc","desc"].includes(t[1])?this.sortOrder=t[1]:console.warn("Sort order '"+t[1]+"' is not 'asc' or 'desc', defaulting to 'asc'"),this.sortColumn){this.matSort.sort({id:this.sortColumn,start:this.sortOrder,disableClear:!1});var o=this.matSort.sortables.get(this.sortColumn);o?o._setAnimationTransitionState({toState:"active"}):console.warn("Unable to find sort column '"+this.sortColumn+"'. Initial sort failed.")}this.matDataSource.sort=this.matSort}},t.prototype.setPaginator=function(){this.changeDetectorRef.detectChanges(),this.matDataSource.paginator=this.matPaginator},t.prototype.onInputFilter=function(t,o){var e=this;setTimeout((function(){return e.filters.get(o.key).setValue(t.target.value)}))},t.prototype.onSelectFilter=function(t,o){var e=t.target.innerText;this.filters.get(o.key).setValue("- none -"===e?null:e)},t.prototype.onMultiSelectFilter=function(t,o){var e=this.filters.controls[o.key].value||[],r=t.target.parentElement.innerText;e.includes(r)?e=e.filter((function(t){return t!==r})):e.push(r),this.filters.get(o.key).setValue(1===e.length&&""===r?null:e)},t}();X.decorators=[{type:o.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 td,table.mat-table th{vertical-align:middle}table.mat-table td.mat-cell,table.mat-table td.mat-header-cell,table.mat-table th.mat-cell,table.mat-table th.mat-header-cell{border-bottom-color:var(--color-gray)}"]}]}],X.ctorParameters=function(){return[{type:o.ChangeDetectorRef}]},X.propDecorators={columns:[{type:o.Input}],dataSource:[{type:o.Input}],layout:[{type:o.Input}],pageSize:[{type:o.Input}],webCompPageSize:[{type:o.Input,args:["page-size"]}],sort:[{type:o.Input}],matPaginator:[{type:o.ViewChild,args:[f.MatPaginator]}],matSort:[{type:o.ViewChild,args:[u.MatSort]}]};var W=function(){};W.decorators=[{type:o.NgModule,args:[{imports:[e.CommonModule,d.FormsModule,d.ReactiveFormsModule,m.MatInputModule,f.MatPaginatorModule,g.MatSelectModule,u.MatSortModule,b.MatTableModule],exports:[X],declarations:[X],entryComponents:[X]}]}],t.FwButtonComponent=v,t.FwButtonGroupComponent=h,t.FwButtonGroupModule=y,t.FwButtonModule=w,t.FwChoiceDialog=x,t.FwConfirmDialog=k,t.FwDialogModule=E,t.FwDialogService=C,t.FwErrorDialog=S,t.FwNotificationComponent=V,t.FwNotificationContainerComponent=_,t.FwNotificationModule=B,t.FwNotificationService=$,t.FwPopoverComponent=G,t.FwPopoverModule=Q,t.FwPopoverTriggerComponent=Y,t.FwPopoverTriggerDirective=H,t.FwPortalDialog=M,t.FwTableComponent=X,t.FwTableModule=W,t.MinimalTranslationService=O,t.TranslationService=T,t.genId=N,t.ɵ0=z,t.ɵa=j,t.ɵb=F,t.ɵc=A,t.ɵd=L,Object.defineProperty(t,"__esModule",{value:!0})}));
 //# sourceMappingURL=flywheel-io-vision.umd.min.js.map