@flywheel-io/vision 0.3.1 → 0.4.0

package/flywheel-io-vision.metadata.json

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"metadata":{"FwButtonGroupComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"host":{"class":"fw-button-group","[class.small]":"size === \"small\"","[class.medium]":"size === \"medium\"","[class.large]":"size === \"large\"","[class.compact]":"layout === \"compact\"","$quoted$":["class","[class.small]","[class.medium]","[class.large]","[class.compact]"]},"selector":"fw-button-group","template":"<ng-content></ng-content>","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":13,"character":17},"member":"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}"]}]}],"members":{"layout":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}]}},"FwButtonGroupModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":4,"character":1},"arguments":[{"exports":[{"__symbolic":"reference","name":"FwButtonGroupComponent"}],"declarations":[{"__symbolic":"reference","name":"FwButtonGroupComponent"}],"entryComponents":[{"__symbolic":"reference","name":"FwButtonGroupComponent"}]}]}],"members":{}},"FwButtonComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"host":{"class":"fw-button","[class.small]":"size === \"small\"","[class.medium]":"size === \"medium\"","[class.large]":"size === \"large\"","[class.compact]":"layout === \"compact\"","$quoted$":["class","[class.small]","[class.medium]","[class.large]","[class.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}"]}]}],"members":{"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"layout":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}]}},"FwButtonModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":8,"character":4},{"__symbolic":"reference","module":"@angular/material/button","name":"MatButtonModule","line":9,"character":4}],"exports":[{"__symbolic":"reference","name":"FwButtonComponent"}],"declarations":[{"__symbolic":"reference","name":"FwButtonComponent"}],"entryComponents":[{"__symbolic":"reference","name":"FwButtonComponent"}]}]}],"members":{}},"FwNotificationContainerComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"host":{"class":"fw-notification-container","[class.duo]":"notifications.length === 2","[class.triple]":"notifications.length >= 3","$quoted$":["class","[class.duo]","[class.triple]"]},"selector":"fw-notification-container","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":16,"character":17},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":17,"character":19},"member":"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,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)}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":28,"character":27},{"__symbolic":"reference","name":"FwNotificationService"}]}],"ngOnDestroy":[{"__symbolic":"method"}],"notificationClass":[{"__symbolic":"method"}],"getEmptyNotification":[{"__symbolic":"method"}],"onReady":[{"__symbolic":"method"}],"onDismiss":[{"__symbolic":"method"}],"clearAll":[{"__symbolic":"method"}],"onShowMore":[{"__symbolic":"method"}],"onShowLess":[{"__symbolic":"method"}]}},"FwNotificationModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":11,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":13,"character":4},{"__symbolic":"reference","name":"FwButtonModule"},{"__symbolic":"reference","name":"FwButtonGroupModule"},{"__symbolic":"reference","module":"@angular/material/button","name":"MatButtonModule","line":16,"character":4},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconModule","line":17,"character":4}],"exports":[{"__symbolic":"reference","name":"FwNotificationComponent"},{"__symbolic":"reference","name":"FwNotificationContainerComponent"}],"declarations":[{"__symbolic":"reference","name":"FwNotificationComponent"},{"__symbolic":"reference","name":"FwNotificationContainerComponent"}],"entryComponents":[{"__symbolic":"reference","name":"FwNotificationComponent"}],"providers":[{"__symbolic":"reference","name":"FwNotificationService"}]}]}],"members":{}},"genId":{"__symbolic":"function","parameters":[],"value":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"String"},"member":"prototype"},"member":"padStart"},"arguments":[24,{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"Math"},"member":"floor"},"arguments":[{"__symbolic":"binop","operator":"*","left":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"Math"},"member":"random"}},"right":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"Date"},"member":"now"}}}]},"member":"toString"},"arguments":[16]}]}},"FwNotificationService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":8,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"show":[{"__symbolic":"method"}],"dismiss":[{"__symbolic":"method"}],"dismissAll":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"FwNotificationComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"host":{"(click)":"onClickDismiss()","$quoted$":["(click)"]},"selector":"fw-notification","template":"{{ notification?.message }}","providers":[{"__symbolic":"reference","name":"ɵa"}],"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":13,"character":17},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":14,"character":19},"member":"OnPush"},"styles":["fw-notification{display:block;border-radius:4px;box-sizing:border-box;margin:5px 24px;max-width:33vw;min-width:344px;padding:14px 16px;transform-origin:center;background-color:#2f96b4;border:1px solid hsla(0,0%,100%,.7019607843137254);box-shadow:0 0 12px #999;color:#fff;opacity:.99;white-space:pre-wrap}fw-notification.error{background-color:#bd362f}fw-notification.info{background-color:#2f96b4}fw-notification.success{background-color:#51a351}fw-notification.wait{background-color:#2f96b4}fw-notification.warning{background-color:#f89406}"]}]}],"members":{"notification":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"notificationDuration":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"ready":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":20,"character":3}}]}],"dismiss":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":21,"character":3}}]}],"cssClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":23,"character":3},"arguments":["class"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":41,"character":27},{"__symbolic":"reference","name":"ɵa"}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"startTimer":[{"__symbolic":"method"}],"stopTimer":[{"__symbolic":"method"}],"onClickDismiss":[{"__symbolic":"method"}]}},"FwNotificationType":{"Error":"error","Info":"info","Success":"success","Wait":"wait","Warning":"warning"},"Notification":{"__symbolic":"interface"},"FwPopoverTriggerComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"FwPopoverTriggerDirective"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"host":{"class":"fw-popover-trigger","(mouseenter)":"showPopover()","(mouseleave)":"hidePopover($event)","$quoted$":["class","(mouseenter)","(mouseleave)"]},"selector":"fw-popover-trigger","template":"<ng-content></ng-content>\n  <!-- for web component support -->\n  <ng-template>\n    <div [innerHTML]=\"popoverHTML\"></div>\n  </ng-template>"}]}],"members":{"popoverId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3},"arguments":["trigger-for"]}]}],"position":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3},"arguments":["position"]}]}],"popoverTemplateRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":25,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":25,"character":13}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":29,"character":20},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"Overlay","line":30,"character":20},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":31,"character":29}]}],"showPopover":[{"__symbolic":"method"}]}},"FwPopoverPosition":{"__symbolic":"interface"},"FwPopoverTriggerDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":9,"character":1},"arguments":[{"host":{"class":"fw-popover-trigger","(mouseenter)":"showPopover()","(mouseleave)":"hidePopover($event)","$quoted$":["class","(mouseenter)","(mouseleave)"]},"selector":"[fwPopoverTriggerFor]","exportAs":"fwPopoverTrigger"}]}],"members":{"popover":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3},"arguments":["fwPopoverTriggerFor"]}]}],"position":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":3},"arguments":["fwPopoverPosition"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":39,"character":20},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"Overlay","line":40,"character":20},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":41,"character":29}]}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"showPopover":[{"__symbolic":"method"}],"hidePopover":[{"__symbolic":"method"}],"setPopoverCaretPosition":[{"__symbolic":"method"}],"setPopoverPosition":[{"__symbolic":"method"}],"getOverlay":[{"__symbolic":"method"}],"getMainPosition":[{"__symbolic":"method"}],"getFallbackPosition":[{"__symbolic":"method"}],"getPositions":[{"__symbolic":"method"}]}},"FwPopoverComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"host":{"class":"fw-popover","$quoted$":["class"]},"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":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":14,"character":17},"member":"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}"]}]}],"members":{"templateRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":18,"character":3},"arguments":["content"]}]}]}},"FwPopoverModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":10,"character":4}],"exports":[{"__symbolic":"reference","name":"FwPopoverComponent"},{"__symbolic":"reference","name":"FwPopoverTriggerComponent"},{"__symbolic":"reference","name":"FwPopoverTriggerDirective"}],"declarations":[{"__symbolic":"reference","name":"FwPopoverComponent"},{"__symbolic":"reference","name":"FwPopoverTriggerComponent"},{"__symbolic":"reference","name":"FwPopoverTriggerDirective"}],"entryComponents":[{"__symbolic":"reference","name":"FwPopoverComponent"},{"__symbolic":"reference","name":"FwPopoverTriggerComponent"}],"providers":[{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"Overlay","line":27,"character":4}]}]}],"members":{}},"FwTableComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":21,"character":1},"arguments":[{"host":{"class":"fw-table","[class.compact]":"isCompact","$quoted$":["class","[class.compact]"]},"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)}"]}]}],"members":{"columns":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"dataSource":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":3}}]}],"layout":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3}}]}],"pageSize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}}]}],"webCompPageSize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":3},"arguments":["page-size"]}]}],"sort":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":3}}]}],"matPaginator":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":48,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/paginator","name":"MatPaginator","line":48,"character":13}]}]}],"matSort":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":49,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/sort","name":"MatSort","line":49,"character":13}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":52,"character":31}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"addFilterControls":[{"__symbolic":"method"}],"setDataSource":[{"__symbolic":"method"}],"setColumns":[{"__symbolic":"method"}],"setFilter":[{"__symbolic":"method"}],"setSort":[{"__symbolic":"method"}],"setPaginator":[{"__symbolic":"method"}],"onInputFilter":[{"__symbolic":"method"}],"onSelectFilter":[{"__symbolic":"method"}],"onMultiSelectFilter":[{"__symbolic":"method"}]}},"FwTableModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":11,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":13,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":14,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":15,"character":4},{"__symbolic":"reference","module":"@angular/material/input","name":"MatInputModule","line":16,"character":4},{"__symbolic":"reference","module":"@angular/material/paginator","name":"MatPaginatorModule","line":17,"character":4},{"__symbolic":"reference","module":"@angular/material/select","name":"MatSelectModule","line":18,"character":4},{"__symbolic":"reference","module":"@angular/material/sort","name":"MatSortModule","line":19,"character":4},{"__symbolic":"reference","module":"@angular/material/table","name":"MatTableModule","line":20,"character":4}],"exports":[{"__symbolic":"reference","name":"FwTableComponent"}],"declarations":[{"__symbolic":"reference","name":"FwTableComponent"}],"entryComponents":[{"__symbolic":"reference","name":"FwTableComponent"}]}]}],"members":{}},"ɵa":{"__symbolic":"class","members":{"start":[{"__symbolic":"method"}],"stop":[{"__symbolic":"method"}],"pause":[{"__symbolic":"method"}],"continue":[{"__symbolic":"method"}]}}},"origins":{"FwButtonGroupComponent":"./components/button-group/button-group.component","FwButtonGroupModule":"./components/button-group/button-group.module","FwButtonComponent":"./components/button/button.component","FwButtonModule":"./components/button/button.module","FwNotificationContainerComponent":"./components/notification/notification-container/notification-container.component","FwNotificationModule":"./components/notification/notification.module","genId":"./components/notification/notification.service","FwNotificationService":"./components/notification/notification.service","FwNotificationComponent":"./components/notification/notification/notification.component","FwNotificationType":"./components/notification/notification/notification.model","Notification":"./components/notification/notification/notification.model","FwPopoverTriggerComponent":"./components/popover/popover-trigger.component","FwPopoverPosition":"./components/popover/popover-trigger.directive","FwPopoverTriggerDirective":"./components/popover/popover-trigger.directive","FwPopoverComponent":"./components/popover/popover.component","FwPopoverModule":"./components/popover/popover.module","FwTableComponent":"./components/table/table.component","FwTableModule":"./components/table/table.module","ɵa":"./components/notification/notification-timer.service"},"importAs":"@flywheel-io/vision"}
+{"__symbolic":"module","version":4,"metadata":{"FwButtonGroupComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"host":{"class":"fw-button-group","[class.small]":"size === \"small\"","[class.medium]":"size === \"medium\"","[class.large]":"size === \"large\"","[class.compact]":"layout === \"compact\"","$quoted$":["class","[class.small]","[class.medium]","[class.large]","[class.compact]"]},"selector":"fw-button-group","template":"<ng-content></ng-content>","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":13,"character":17},"member":"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}"]}]}],"members":{"layout":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}]}},"FwButtonGroupModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":4,"character":1},"arguments":[{"exports":[{"__symbolic":"reference","name":"FwButtonGroupComponent"}],"declarations":[{"__symbolic":"reference","name":"FwButtonGroupComponent"}],"entryComponents":[{"__symbolic":"reference","name":"FwButtonGroupComponent"}]}]}],"members":{}},"FwButtonComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"host":{"class":"fw-button","[class.small]":"size === \"small\"","[class.medium]":"size === \"medium\"","[class.large]":"size === \"large\"","[class.compact]":"layout === \"compact\"","$quoted$":["class","[class.small]","[class.medium]","[class.large]","[class.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}"]}]}],"members":{"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"layout":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}]}},"FwButtonModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":8,"character":4},{"__symbolic":"reference","module":"@angular/material/button","name":"MatButtonModule","line":9,"character":4}],"exports":[{"__symbolic":"reference","name":"FwButtonComponent"}],"declarations":[{"__symbolic":"reference","name":"FwButtonComponent"}],"entryComponents":[{"__symbolic":"reference","name":"FwButtonComponent"}]}]}],"members":{}},"FwChoiceDialogData":{"__symbolic":"interface"},"FwChoiceDialog":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":19,"character":1},"arguments":[{"host":{"class":"mat-dialog-component","test-id":"choice-dialog","$quoted$":["test-id"]},"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  "}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":57,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/material/dialog","name":"MAT_DIALOG_DATA","line":57,"character":12}]}]],"parameters":[{"__symbolic":"reference","name":"any"}]}],"getTestId":[{"__symbolic":"method"}]}},"FwConfirmDialogData":{"__symbolic":"interface"},"FwConfirmDialog":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"host":{"class":"mat-dialog-component","test-id":"confirm-dialog","$quoted$":["test-id"]},"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  "]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":39,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/material/dialog","name":"MAT_DIALOG_DATA","line":39,"character":12}]}]],"parameters":[{"__symbolic":"reference","name":"any"}]}]}},"FwDialogModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":14,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"FwChoiceDialog"},{"__symbolic":"reference","name":"FwConfirmDialog"},{"__symbolic":"reference","name":"FwErrorDialog"},{"__symbolic":"reference","name":"FwPortalDialog"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":22,"character":4},{"__symbolic":"reference","module":"@angular/material/button","name":"MatButtonModule","line":23,"character":4},{"__symbolic":"reference","module":"@angular/material/dialog","name":"MatDialogModule","line":24,"character":4},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconModule","line":25,"character":4},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","module":"@angular/cdk/portal","name":"PortalModule","line":27,"character":4}],"providers":[{"__symbolic":"reference","name":"FwDialogService"},{"provide":{"__symbolic":"reference","module":"@angular/material/dialog","name":"MAT_DIALOG_DEFAULT_OPTIONS","line":32,"character":15},"useValue":{"disableClose":true,"hasBackdrop":true}}]}]}],"members":{}},"StackingStrategy":{"__symbolic":"interface"},"DialogConfig":{"__symbolic":"interface"},"OpenDialog":{"__symbolic":"interface"},"FwDialogService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":23,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/material/dialog","name":"MatDialog","line":30,"character":23}]}],"closeAll":[{"__symbolic":"method"}],"open":[{"__symbolic":"method"}],"registerDialog":[{"__symbolic":"method"}]}},"FwErrorDialogData":{"__symbolic":"interface"},"FwErrorDialog":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"host":{"class":"mat-dialog-component","test-id":"error-dialog","$quoted$":["test-id"]},"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  "}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":26,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/material/dialog","name":"MAT_DIALOG_DATA","line":26,"character":12}]}],null],"parameters":[{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","name":"MatDialogRef","module":"@angular/material/dialog","arguments":[{"__symbolic":"reference","name":"FwErrorDialog"}]}]}]}},"FwPortalDialogData":{"__symbolic":"interface"},"FwPortalDialog":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":19,"character":1},"arguments":[{"host":{"class":"mat-dialog-component","test-id":"portal-dialog","$quoted$":["test-id"]},"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  "]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":59,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/material/dialog","name":"MAT_DIALOG_DATA","line":59,"character":12}]}],null],"parameters":[{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":60,"character":30}]}],"ngOnDestroy":[{"__symbolic":"method"}],"attached":[{"__symbolic":"method"}]}},"FwNotificationContainerComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"host":{"class":"fw-notification-container","[class.duo]":"notifications.length === 2","[class.triple]":"notifications.length >= 3","$quoted$":["class","[class.duo]","[class.triple]"]},"selector":"fw-notification-container","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":16,"character":17},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":17,"character":19},"member":"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,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)}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":28,"character":27},{"__symbolic":"reference","name":"FwNotificationService"}]}],"ngOnDestroy":[{"__symbolic":"method"}],"notificationClass":[{"__symbolic":"method"}],"getEmptyNotification":[{"__symbolic":"method"}],"onReady":[{"__symbolic":"method"}],"onDismiss":[{"__symbolic":"method"}],"clearAll":[{"__symbolic":"method"}],"onShowMore":[{"__symbolic":"method"}],"onShowLess":[{"__symbolic":"method"}]}},"FwNotificationModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":11,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":13,"character":4},{"__symbolic":"reference","name":"FwButtonModule"},{"__symbolic":"reference","name":"FwButtonGroupModule"},{"__symbolic":"reference","module":"@angular/material/button","name":"MatButtonModule","line":16,"character":4},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconModule","line":17,"character":4}],"exports":[{"__symbolic":"reference","name":"FwNotificationComponent"},{"__symbolic":"reference","name":"FwNotificationContainerComponent"}],"declarations":[{"__symbolic":"reference","name":"FwNotificationComponent"},{"__symbolic":"reference","name":"FwNotificationContainerComponent"}],"entryComponents":[{"__symbolic":"reference","name":"FwNotificationComponent"}],"providers":[{"__symbolic":"reference","name":"FwNotificationService"}]}]}],"members":{}},"genId":{"__symbolic":"function","parameters":[],"value":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"String"},"member":"prototype"},"member":"padStart"},"arguments":[24,{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"Math"},"member":"floor"},"arguments":[{"__symbolic":"binop","operator":"*","left":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"Math"},"member":"random"}},"right":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"Date"},"member":"now"}}}]},"member":"toString"},"arguments":[16]}]}},"FwNotificationService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":8,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"show":[{"__symbolic":"method"}],"dismiss":[{"__symbolic":"method"}],"dismissAll":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"FwNotificationComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"host":{"(click)":"onClickDismiss()","$quoted$":["(click)"]},"selector":"fw-notification","template":"{{ notification?.message }}","providers":[{"__symbolic":"reference","name":"ɵd"}],"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":13,"character":17},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":14,"character":19},"member":"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}"]}]}],"members":{"notification":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"notificationDuration":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"ready":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":20,"character":3}}]}],"dismiss":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":21,"character":3}}]}],"cssClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":23,"character":3},"arguments":["class"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":41,"character":27},{"__symbolic":"reference","name":"ɵd"}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"startTimer":[{"__symbolic":"method"}],"stopTimer":[{"__symbolic":"method"}],"onClickDismiss":[{"__symbolic":"method"}]}},"FwNotificationType":{"Error":"error","Info":"info","Success":"success","Wait":"wait","Warning":"warning"},"Notification":{"__symbolic":"interface"},"FwPopoverTriggerComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"FwPopoverTriggerDirective"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"host":{"class":"fw-popover-trigger","(mouseenter)":"showPopover()","(mouseleave)":"hidePopover($event)","$quoted$":["class","(mouseenter)","(mouseleave)"]},"selector":"fw-popover-trigger","template":"<ng-content></ng-content>\n  <!-- for web component support -->\n  <ng-template>\n    <div [innerHTML]=\"popoverHTML\"></div>\n  </ng-template>"}]}],"members":{"popoverId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3},"arguments":["trigger-for"]}]}],"position":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3},"arguments":["position"]}]}],"popoverTemplateRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":25,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":25,"character":13}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":29,"character":20},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"Overlay","line":30,"character":20},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":31,"character":29}]}],"showPopover":[{"__symbolic":"method"}]}},"FwPopoverPosition":{"__symbolic":"interface"},"FwPopoverTriggerDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":9,"character":1},"arguments":[{"host":{"class":"fw-popover-trigger","(mouseenter)":"showPopover()","(mouseleave)":"hidePopover($event)","$quoted$":["class","(mouseenter)","(mouseleave)"]},"selector":"[fwPopoverTriggerFor]","exportAs":"fwPopoverTrigger"}]}],"members":{"popover":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3},"arguments":["fwPopoverTriggerFor"]}]}],"position":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":3},"arguments":["fwPopoverPosition"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":39,"character":20},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"Overlay","line":40,"character":20},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":41,"character":29}]}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"showPopover":[{"__symbolic":"method"}],"hidePopover":[{"__symbolic":"method"}],"setPopoverCaretPosition":[{"__symbolic":"method"}],"setPopoverPosition":[{"__symbolic":"method"}],"getOverlay":[{"__symbolic":"method"}],"getMainPosition":[{"__symbolic":"method"}],"getFallbackPosition":[{"__symbolic":"method"}],"getPositions":[{"__symbolic":"method"}]}},"FwPopoverComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"host":{"class":"fw-popover","$quoted$":["class"]},"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":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":14,"character":17},"member":"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}"]}]}],"members":{"templateRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":18,"character":3},"arguments":["content"]}]}]}},"FwPopoverModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":10,"character":4}],"exports":[{"__symbolic":"reference","name":"FwPopoverComponent"},{"__symbolic":"reference","name":"FwPopoverTriggerComponent"},{"__symbolic":"reference","name":"FwPopoverTriggerDirective"}],"declarations":[{"__symbolic":"reference","name":"FwPopoverComponent"},{"__symbolic":"reference","name":"FwPopoverTriggerComponent"},{"__symbolic":"reference","name":"FwPopoverTriggerDirective"}],"entryComponents":[{"__symbolic":"reference","name":"FwPopoverComponent"},{"__symbolic":"reference","name":"FwPopoverTriggerComponent"}],"providers":[{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"Overlay","line":27,"character":4}]}]}],"members":{}},"FwTableComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":21,"character":1},"arguments":[{"host":{"class":"fw-table","[class.compact]":"isCompact","$quoted$":["class","[class.compact]"]},"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)}"]}]}],"members":{"columns":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"dataSource":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":3}}]}],"layout":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3}}]}],"pageSize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}}]}],"webCompPageSize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":3},"arguments":["page-size"]}]}],"sort":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":3}}]}],"matPaginator":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":48,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/paginator","name":"MatPaginator","line":48,"character":13}]}]}],"matSort":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":49,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/sort","name":"MatSort","line":49,"character":13}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":52,"character":31}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"addFilterControls":[{"__symbolic":"method"}],"setDataSource":[{"__symbolic":"method"}],"setColumns":[{"__symbolic":"method"}],"setFilter":[{"__symbolic":"method"}],"setSort":[{"__symbolic":"method"}],"setPaginator":[{"__symbolic":"method"}],"onInputFilter":[{"__symbolic":"method"}],"onSelectFilter":[{"__symbolic":"method"}],"onMultiSelectFilter":[{"__symbolic":"method"}]}},"FwTableModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":11,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":13,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":14,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":15,"character":4},{"__symbolic":"reference","module":"@angular/material/input","name":"MatInputModule","line":16,"character":4},{"__symbolic":"reference","module":"@angular/material/paginator","name":"MatPaginatorModule","line":17,"character":4},{"__symbolic":"reference","module":"@angular/material/select","name":"MatSelectModule","line":18,"character":4},{"__symbolic":"reference","module":"@angular/material/sort","name":"MatSortModule","line":19,"character":4},{"__symbolic":"reference","module":"@angular/material/table","name":"MatTableModule","line":20,"character":4}],"exports":[{"__symbolic":"reference","name":"FwTableComponent"}],"declarations":[{"__symbolic":"reference","name":"FwTableComponent"}],"entryComponents":[{"__symbolic":"reference","name":"FwTableComponent"}]}]}],"members":{}},"TranslationService":{"__symbolic":"class","members":{"getMessage":[{"__symbolic":"method"}]}},"MinimalTranslationService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":11,"character":2}}],"members":{"getMessage":[{"__symbolic":"method"}]},"statics":{"messages":{"common.actions.close":"Close","confirmDialog.body":"Are you sure?","confirmDialog.no":"No","confirmDialog.yes":"Yes","$quoted$":["common.actions.close","confirmDialog.body","confirmDialog.no","confirmDialog.yes"]}}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":11,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵc"}],"exports":[{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵc"}],"providers":[{"provide":{"__symbolic":"reference","name":"TranslationService"},"useClass":{"__symbolic":"reference","name":"MinimalTranslationService"}}]}]}],"members":{}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":9,"character":2},"arguments":[{"name":"translate","pure":false}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":18,"character":17},{"__symbolic":"reference","name":"TranslationService"}]}],"ngOnDestroy":[{"__symbolic":"method"}],"transform":[{"__symbolic":"method"}]}},"ɵc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":3,"character":1},"arguments":[{"name":"trusthtml","pure":true}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/platform-browser","name":"DomSanitizer","line":8,"character":34}]}],"transform":[{"__symbolic":"method"}]}},"ɵd":{"__symbolic":"class","members":{"start":[{"__symbolic":"method"}],"stop":[{"__symbolic":"method"}],"pause":[{"__symbolic":"method"}],"continue":[{"__symbolic":"method"}]}}},"origins":{"FwButtonGroupComponent":"./components/button-group/button-group.component","FwButtonGroupModule":"./components/button-group/button-group.module","FwButtonComponent":"./components/button/button.component","FwButtonModule":"./components/button/button.module","FwChoiceDialogData":"./components/dialog/choice-dialog.component","FwChoiceDialog":"./components/dialog/choice-dialog.component","FwConfirmDialogData":"./components/dialog/confirm-dialog.component","FwConfirmDialog":"./components/dialog/confirm-dialog.component","FwDialogModule":"./components/dialog/dialog.module","StackingStrategy":"./components/dialog/dialog.service","DialogConfig":"./components/dialog/dialog.service","OpenDialog":"./components/dialog/dialog.service","FwDialogService":"./components/dialog/dialog.service","FwErrorDialogData":"./components/dialog/error-dialog.component","FwErrorDialog":"./components/dialog/error-dialog.component","FwPortalDialogData":"./components/dialog/portal-dialog.component","FwPortalDialog":"./components/dialog/portal-dialog.component","FwNotificationContainerComponent":"./components/notification/notification-container/notification-container.component","FwNotificationModule":"./components/notification/notification.module","genId":"./components/notification/notification.service","FwNotificationService":"./components/notification/notification.service","FwNotificationComponent":"./components/notification/notification/notification.component","FwNotificationType":"./components/notification/notification/notification.model","Notification":"./components/notification/notification/notification.model","FwPopoverTriggerComponent":"./components/popover/popover-trigger.component","FwPopoverPosition":"./components/popover/popover-trigger.directive","FwPopoverTriggerDirective":"./components/popover/popover-trigger.directive","FwPopoverComponent":"./components/popover/popover.component","FwPopoverModule":"./components/popover/popover.module","FwTableComponent":"./components/table/table.component","FwTableModule":"./components/table/table.module","TranslationService":"./components/shared/translation.service","MinimalTranslationService":"./components/shared/translation.service","ɵa":"./components/shared/pipes/pipes.module","ɵb":"./components/shared/pipes/translate.pipe","ɵc":"./components/shared/pipes/trusthtml.pipe","ɵd":"./components/notification/notification-timer.service"},"importAs":"@flywheel-io/vision"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flywheel-io/vision",
-  "version": "0.3.1",
+  "version": "0.4.0",
   "description": "Flywheel UI elements provided as Angular components and native web components",
   "author": "Jody Zeitler <jody.zeitler@gmail.com>",
   "license": "MIT",

package/public-api.d.ts

@@ -2,6 +2,12 @@ export * from './components/button-group/button-group.component';
 export * from './components/button-group/button-group.module';
 export * from './components/button/button.component';
 export * from './components/button/button.module';
+export * from './components/dialog/choice-dialog.component';
+export * from './components/dialog/confirm-dialog.component';
+export * from './components/dialog/dialog.module';
+export * from './components/dialog/dialog.service';
+export * from './components/dialog/error-dialog.component';
+export * from './components/dialog/portal-dialog.component';
 export * from './components/notification/notification-container/notification-container.component';
 export * from './components/notification/notification.module';
 export * from './components/notification/notification.service';
@@ -13,3 +19,4 @@ export * from './components/popover/popover.component';
 export * from './components/popover/popover.module';
 export * from './components/table/table.component';
 export * from './components/table/table.module';
+export * from './components/shared/translation.service';

package/scss/material/overrides.scss

@@ -43,7 +43,7 @@
   @extend .mat-dialog-close-button;
 }
 
-[mat-dialog-content] {
+mat-dialog-content, [mat-dialog-content] {
   @mixin fill-styles {
     width: calc(100% + 48px) !important;
     padding: 0 !important;
@@ -69,6 +69,13 @@
   max-width: 98vw;
 }
 
+/* Buttons */
+.mat-button-wrapper {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
 /* Form Controls */
 .form-block-fields .mat-form-field {
   display: block !important;
@@ -83,25 +90,6 @@
   width: 100%;
 }
 
-mat-form-field.mat-prefix-button {
-  .mat-form-field-prefix {
-    height: 20px;
-    width: 20px;
-    line-height: 0.25;
-    top: 2px;
-  }
-  mat-datepicker-toggle > button.mat-icon-button {
-    margin-left: -7px;
-    padding-top: 5px;
-  }
-  input {
-    color: rgb(88, 89, 91);
-  }
-  label.mat-form-field-empty {
-    top: 2em;
-  }
-}
-
 .mat-form-field.solid-background > .mat-form-field-wrapper,
 .solid-background > .mat-form-field > .mat-form-field-wrapper {
   background-color: white;

package/styles.css

@@ -7,60 +7,6 @@
 /* stylelint-disable-next-line material/theme-mixin-api */
 /* stylelint-disable material/no-prefixes */
 /* stylelint-enable */
-/* http://meyerweb.com/eric/tools/css/reset/ 
-   v2.0 | 20110126
-   License: none (public domain)
-*/
-html, body, div, span, applet, object, iframe,
-h1, h2, h3, h4, h5, h6, p, blockquote, pre,
-a, abbr, acronym, address, big, cite, code,
-del, dfn, em, img, ins, kbd, q, s, samp,
-small, strike, strong, sub, sup, tt, var,
-b, u, i, center,
-dl, dt, dd, ol, ul, li,
-fieldset, form, label, legend,
-table, caption, tbody, tfoot, thead, tr, th, td,
-article, aside, canvas, details, embed,
-figure, figcaption, footer, header, hgroup,
-menu, nav, output, ruby, section, summary,
-time, mark, audio, video {
-  margin: 0;
-  padding: 0;
-  border: 0;
-  font-size: 100%;
-  font: inherit;
-  vertical-align: baseline;
-}
-
-/* HTML5 display-role reset for older browsers */
-article, aside, details, figcaption, figure,
-footer, header, hgroup, menu, nav, section {
-  display: block;
-}
-
-body {
-  line-height: 1;
-}
-
-ol, ul {
-  list-style: none;
-}
-
-blockquote, q {
-  quotes: none;
-}
-
-blockquote:before, blockquote:after,
-q:before, q:after {
-  content: "";
-  content: none;
-}
-
-table {
-  border-collapse: collapse;
-  border-spacing: 0;
-}
-
 .mat-badge-content {
   font-weight: 600;
   font-size: 12px;
@@ -719,12 +665,8 @@ input.mat-input-element {
   overflow-y: scroll;
 }
 
-@keyframes cdk-text-field-autofill-start {
-  /*!*/
-}
-@keyframes cdk-text-field-autofill-end {
-  /*!*/
-}
+@keyframes cdk-text-field-autofill-start { /*!*/ }
+@keyframes cdk-text-field-autofill-end { /*!*/ }
 .cdk-text-field-autofill-monitored:-webkit-autofill {
   animation: cdk-text-field-autofill-start 0s 1ms;
 }
@@ -2558,7 +2500,6 @@ th.mat-header-cell, td.mat-cell, td.mat-footer-cell {
   .mat-toolbar-multiple-rows {
     min-height: 56px;
   }
-
   .mat-toolbar-row, .mat-toolbar-single-row {
     height: 56px;
   }
@@ -4474,12 +4415,12 @@ html, body {
   top: -4px;
 }
 
-[mat-dialog-content].fill {
+mat-dialog-content.fill, [mat-dialog-content].fill {
   width: calc(100% + 48px) !important;
   padding: 0 !important;
   margin: 0 -24px -24px !important;
 }
-[mat-dialog-content].fill-width {
+mat-dialog-content.fill-width, [mat-dialog-content].fill-width {
   width: calc(100% + 48px) !important;
   padding: 0 !important;
   margin: 0 -24px !important;
@@ -4494,6 +4435,13 @@ html, body {
   max-width: 98vw;
 }
 
+/* Buttons */
+.mat-button-wrapper {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
 /* Form Controls */
 .form-block-fields .mat-form-field {
   display: block !important;
@@ -4508,23 +4456,6 @@ html, body {
   width: 100%;
 }
 
-mat-form-field.mat-prefix-button .mat-form-field-prefix {
-  height: 20px;
-  width: 20px;
-  line-height: 0.25;
-  top: 2px;
-}
-mat-form-field.mat-prefix-button mat-datepicker-toggle > button.mat-icon-button {
-  margin-left: -7px;
-  padding-top: 5px;
-}
-mat-form-field.mat-prefix-button input {
-  color: #58595b;
-}
-mat-form-field.mat-prefix-button label.mat-form-field-empty {
-  top: 2em;
-}
-
 .mat-form-field.solid-background > .mat-form-field-wrapper,
 .solid-background > .mat-form-field > .mat-form-field-wrapper {
   background-color: white;

package/styles.scss

@@ -7,9 +7,6 @@
 @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700');
 @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600');
 
-// Reset
-@import './scss/vendor/reset';
-
 // Include the common styles for Angular Material. We include this here so that you only
 // have to load a single css file for Angular Material in your app.
 // Be sure that you only ever include this mixin once!