@flywheel-io/vision 0.2.1 → 0.2.4

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 i\"\n    (ready)=\"onReady($event)\"\n    (dismiss)=\"onDismiss($event)\"\n    [class]=\"notificationClass(i)\"\n    [notification]=\"notification\"\n    [attr.aria-label]=\"notification.type + ' : ' + notification.message\"\n    role=\"listitem\"\n  ></fw-notification>\n  <div class=\"buttons\">\n    <fw-button *ngIf=\"showLess\" (click)=\"onShowLess()\" mat-button aria-label=\"show less\" layout=\"compact\" size=\"small\">\n      <mat-icon>expand_less</mat-icon>\n    </fw-button>\n    <fw-button *ngIf=\"showMore\" (click)=\"onShowMore()\" mat-button aria-label=\"show more\" layout=\"compact\" size=\"small\">\n      <mat-icon>expand_more</mat-icon>\n    </fw-button>\n    <fw-button (click)=\"clearAll()\" mat-button class=\"clear-all\" aria-label=\"clear all\" layout=\"compact\" size=\"small\">\n      Clear All\n    </fw-button>\n  </div>\n</div>\n","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":29,"character":27},{"__symbolic":"reference","name":"FwNotificationService"}]}],"ngOnDestroy":[{"__symbolic":"method"}],"notificationClass":[{"__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":{"class":"fw-notification","[class.error]":{"__symbolic":"binop","operator":"+","left":{"__symbolic":"binop","operator":"+","left":"notification?.type === '","right":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"FwNotificationType"},"member":"Error"}},"right":"'"},"[class.info]":{"__symbolic":"binop","operator":"+","left":{"__symbolic":"binop","operator":"+","left":"notification?.type === '","right":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"FwNotificationType"},"member":"Info"}},"right":"'"},"[class.success]":{"__symbolic":"binop","operator":"+","left":{"__symbolic":"binop","operator":"+","left":"notification?.type === '","right":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"FwNotificationType"},"member":"Success"}},"right":"'"},"[class.wait]":{"__symbolic":"binop","operator":"+","left":{"__symbolic":"binop","operator":"+","left":"notification?.type === '","right":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"FwNotificationType"},"member":"Wait"}},"right":"'"},"[class.warning]":{"__symbolic":"binop","operator":"+","left":{"__symbolic":"binop","operator":"+","left":"notification?.type === '","right":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"FwNotificationType"},"member":"Warning"}},"right":"'"},"(click)":"onClickDismiss()","$quoted$":["class","[class.error]","[class.info]","[class.success]","[class.wait]","[class.warning]","(click)"]},"selector":"fw-notification","template":"<ng-container>{{ notification?.message }}</ng-container>","providers":[{"__symbolic":"reference","name":"ɵa"}],"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":19,"character":17},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":20,"character":19},"member":"OnPush"},"styles":[":root{--shadow-level-1:0px 1px 2px rgba(0,0,0,0.1);--shadow-level-2:0px 2px 4px rgba(0,0,0,0.1);--shadow-level-3:0px 4px 8px rgba(0,0,0,0.1);--inset-shadow-level-1:inset 0px 1px 2px rgba(0,0,0,0.1);--inset-shadow-level-2:inset 0px 2px 4px rgba(0,0,0,0.1);--inset-shadow-level-3:inset 0px 4px 8px rgba(0,0,0,0.1);--font-primary:\"Inter\",system-ui,-apple-system,BlinkMacSystemFont,Roboto,Ubuntu,\"Helvetica Neue\",Oxygen,Cantarell,sans-serif;--font-secondary:\"Poppins\",system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Ubuntu,\"Helvetica Neue\",Oxygen,Cantarell,sans-serif;--sidebar-width:55px;--menu-bar-width:180px;--page-layout-padding:235px;--radius:6px}*{font-family:var(--font-primary);box-sizing:border-box;text-shadow:1px 1px 1px rgba(0,0,0,.004);text-rendering:optimizeLegibility!important;-webkit-font-smoothing:antialiased!important}html{background:var(--color-gray)}body,html{height:100%}fw-notification{display:block;border-radius:4px;box-sizing:border-box;margin:5px 24px;max-width:33vw;min-width:344px;padding:14px 16px;height:48px;transform-origin:center;background-color:#2f96b4;border:1px solid hsla(0,0%,100%,.7019607843137254);box-shadow:0 0 12px #999;color:#fff;opacity:.99}fw-notification .notification{display:flex;justify-content:space-between;align-items:center}fw-notification.error{background-color:#bd362f}fw-notification.info{background-color:#2f96b4}fw-notification.success{background-color:#51a351}fw-notification.wait{background-color:#2f96b4}fw-notification.warning{background-color:#f89406}"]}]}],"members":{"notification":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"notificationDuration":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"ready":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":26,"character":3}}]}],"dismiss":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":27,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":29,"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:#2e72f6!important}.fill-bright-blue{background-color:#2e72f6!important}.border-bright-blue,.border-top-bright-blue{border-color:#2e72f6!important}.border-top-bright-blue{border-top:1px solid}.border-right-bright-blue{border-right:1px solid;border-color:#2e72f6!important}.border-bottom-bright-blue{border-bottom:1px solid;border-color:#2e72f6!important}.border-left-bright-blue{border-left:1px solid;border-color:#2e72f6!important}.grey{color:#58595b!important}.fill-grey{background-color:#58595b!important}.border-grey,.border-top-grey{border-color:#58595b!important}.border-top-grey{border-top:1px solid}.border-right-grey{border-right:1px solid;border-color:#58595b!important}.border-bottom-grey{border-bottom:1px solid;border-color:#58595b!important}.border-left-grey{border-left:1px solid;border-color:#58595b!important}.soft-grey{color:#dddede!important}.fill-soft-grey{background-color:#dddede!important}.border-soft-grey,.border-top-soft-grey{border-color:#dddede!important}.border-top-soft-grey{border-top:1px solid}.border-right-soft-grey{border-right:1px solid;border-color:#dddede!important}.border-bottom-soft-grey{border-bottom:1px solid;border-color:#dddede!important}.border-left-soft-grey{border-left:1px solid;border-color:#dddede!important}.light-grey{color:#eee!important}.fill-light-grey{background-color:#eee!important}.border-light-grey,.border-top-light-grey{border-color:#eee!important}.border-top-light-grey{border-top:1px solid}.border-right-light-grey{border-right:1px solid;border-color:#eee!important}.border-bottom-light-grey{border-bottom:1px solid;border-color:#eee!important}.border-left-light-grey{border-left:1px solid;border-color:#eee!important}.medium-grey{color:#ccc!important}.fill-medium-grey{background-color:#ccc!important}.border-medium-grey,.border-top-medium-grey{border-color:#ccc!important}.border-top-medium-grey{border-top:1px solid}.border-right-medium-grey{border-right:1px solid;border-color:#ccc!important}.border-bottom-medium-grey{border-bottom:1px solid;border-color:#ccc!important}.border-left-medium-grey{border-left:1px solid;border-color:#ccc!important}.medium-dark-grey{color:#999!important}.fill-medium-dark-grey{background-color:#999!important}.border-medium-dark-grey{border-color:#999!important}.border-top-medium-dark-grey{border-top:1px solid;border-color:#999!important}.border-right-medium-dark-grey{border-right:1px solid;border-color:#999!important}.border-bottom-medium-dark-grey{border-bottom:1px solid;border-color:#999!important}.border-left-medium-dark-grey{border-left:1px solid;border-color:#999!important}.dark-grey{color:#222!important}.fill-dark-grey{background-color:#222!important}.border-dark-grey,.border-top-dark-grey{border-color:#222!important}.border-top-dark-grey{border-top:1px solid}.border-right-dark-grey{border-right:1px solid;border-color:#222!important}.border-bottom-dark-grey{border-bottom:1px solid;border-color:#222!important}.border-left-dark-grey{border-left:1px solid;border-color:#222!important}.iron-grey{color:#d3d6db!important}.fill-iron-grey{background-color:#d3d6db!important}.border-iron-grey,.border-top-iron-grey{border-color:#d3d6db!important}.border-top-iron-grey{border-top:1px solid}.border-right-iron-grey{border-right:1px solid;border-color:#d3d6db!important}.border-bottom-iron-grey{border-bottom:1px solid;border-color:#d3d6db!important}.border-left-iron-grey{border-left:1px solid;border-color:#d3d6db!important}.bombay-grey{color:#aaacb0!important}.fill-bombay-grey{background-color:#aaacb0!important}.border-bombay-grey,.border-top-bombay-grey{border-color:#aaacb0!important}.border-top-bombay-grey{border-top:1px solid}.border-right-bombay-grey{border-right:1px solid;border-color:#aaacb0!important}.border-bottom-bombay-grey{border-bottom:1px solid;border-color:#aaacb0!important}.border-left-bombay-grey{border-left:1px solid;border-color:#aaacb0!important}.soft-blue{color:#eff1f5!important}.fill-soft-blue{background-color:#eff1f5!important}.border-soft-blue,.border-top-soft-blue{border-color:#eff1f5!important}.border-top-soft-blue{border-top:1px solid}.border-right-soft-blue{border-right:1px solid;border-color:#eff1f5!important}.border-bottom-soft-blue{border-bottom:1px solid;border-color:#eff1f5!important}.border-left-soft-blue{border-left:1px solid;border-color:#eff1f5!important}.darker-soft-blue{color:#e9ecf1!important}.fill-darker-soft-blue{background-color:#e9ecf1!important}.border-darker-soft-blue,.border-top-darker-soft-blue{border-color:#e9ecf1!important}.border-top-darker-soft-blue{border-top:1px solid}.border-right-darker-soft-blue{border-right:1px solid;border-color:#e9ecf1!important}.border-bottom-darker-soft-blue{border-bottom:1px solid;border-color:#e9ecf1!important}.border-left-darker-soft-blue{border-left:1px solid;border-color:#e9ecf1!important}.lighter-soft-blue{color:#f5f6f9!important}.fill-lighter-soft-blue{background-color:#f5f6f9!important}.border-lighter-soft-blue,.border-top-lighter-soft-blue{border-color:#f5f6f9!important}.border-top-lighter-soft-blue{border-top:1px solid}.border-right-lighter-soft-blue{border-right:1px solid;border-color:#f5f6f9!important}.border-bottom-lighter-soft-blue{border-bottom:1px solid;border-color:#f5f6f9!important}.border-left-lighter-soft-blue{border-left:1px solid;border-color:#f5f6f9!important}:root{--color-gray:var(--color-gray-100);--color-gray-50:#f6f7f8;--color-gray-100:#eff1f4;--color-gray-200:#e3e5e8;--color-gray-300:#d7d9dc;--color-gray-400:#cbcdcf;--color-gray-500:#bfc1c3;--color-primary:var(--color-primary-1000);--color-primary-100:#eaf1fe;--color-primary-200:#d5e3fd;--color-primary-300:#c0d5fc;--color-primary-400:#abc7fb;--color-primary-500:#97b9fb;--color-primary-600:#82aafa;--color-primary-700:#6da2ff;--color-primary-800:#588ef8;--color-primary-900:#4380f7;--color-primary-1000:#2e72f6;--color-primary-1100:#2967dd;--color-primary-1200:#255bc5;--color-primary-1300:#2050ac;--color-primary-1400:#1c4494;--color-primary-1500:#083076;--color-primary-1600:#122e62;--color-primary-1700:#0e224a;--color-primary-1800:#061734;--color-primary-1900:#050b19;--color-secondary:var(--color-secondary-900);--color-secondary-100:#ccf1e4;--color-secondary-200:#b3e9d7;--color-secondary-300:#99e2c9;--color-secondary-400:#80dbbc;--color-secondary-500:#66d4ae;--color-secondary-600:#4dcda1;--color-secondary-700:#33c593;--color-secondary-800:#1abe86;--color-secondary-900:#00b778;--color-secondary-1000:#00a56c;--color-secondary-1100:#009260;--color-secondary-1200:#008054;--color-secondary-1300:#006e48;--color-secondary-1400:#005c3c;--color-secondary-1500:#004930;--color-secondary-1600:#002518;--color-secondary-1700:#00120c;--shadow-level-1:0px 1px 2px rgba(0,0,0,0.1);--shadow-level-2:0px 2px 4px rgba(0,0,0,0.1);--shadow-level-3:0px 4px 8px rgba(0,0,0,0.1);--inset-shadow-level-1:inset 0px 1px 2px rgba(0,0,0,0.1);--inset-shadow-level-2:inset 0px 2px 4px rgba(0,0,0,0.1);--inset-shadow-level-3:inset 0px 4px 8px rgba(0,0,0,0.1);--font-primary:\"Inter\",system-ui,-apple-system,BlinkMacSystemFont,Roboto,Ubuntu,\"Helvetica Neue\",Oxygen,Cantarell,sans-serif;--font-secondary:\"Poppins\",system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Ubuntu,\"Helvetica Neue\",Oxygen,Cantarell,sans-serif;--sidebar-width:55px;--menu-bar-width:180px;--page-layout-padding:235px;--radius:6px}*{font-family:var(--font-primary);box-sizing:border-box;text-shadow:1px 1px 1px rgba(0,0,0,.004);text-rendering:optimizeLegibility!important;-webkit-font-smoothing:antialiased!important}html{background:var(--color-gray)}body,html{height:100%}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","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":2,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"start":[{"__symbolic":"method"}],"stop":[{"__symbolic":"method"}],"pause":[{"__symbolic":"method"}],"continue":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}}},"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":{}},"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 i\"\n    (ready)=\"onReady($event)\"\n    (dismiss)=\"onDismiss($event)\"\n    [class]=\"notificationClass(i)\"\n    [notification]=\"notification\"\n    [attr.aria-label]=\"notification.type + ' : ' + notification.message\"\n    role=\"listitem\"\n  ></fw-notification>\n  <div class=\"buttons\">\n    <fw-button *ngIf=\"showLess\" (click)=\"onShowLess()\" mat-button aria-label=\"show less\" layout=\"compact\" size=\"small\">\n      <mat-icon>expand_less</mat-icon>\n    </fw-button>\n    <fw-button *ngIf=\"showMore\" (click)=\"onShowMore()\" mat-button aria-label=\"show more\" layout=\"compact\" size=\"small\">\n      <mat-icon>expand_more</mat-icon>\n    </fw-button>\n    <fw-button (click)=\"clearAll()\" mat-button class=\"clear-all\" aria-label=\"clear all\" layout=\"compact\" size=\"small\">\n      Clear All\n    </fw-button>\n  </div>\n</div>\n","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":29,"character":27},{"__symbolic":"reference","name":"FwNotificationService"}]}],"ngOnDestroy":[{"__symbolic":"method"}],"notificationClass":[{"__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":"<ng-container>{{ notification?.message }}</ng-container>","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;height:48px;transform-origin:center;background-color:#2f96b4;border:1px solid hsla(0,0%,100%,.7019607843137254);box-shadow:0 0 12px #999;color:#fff;opacity:.99}fw-notification .notification{display:flex;justify-content:space-between;align-items:center}fw-notification.error{background-color:#bd362f}fw-notification.info{background-color:#2f96b4}fw-notification.success{background-color:#51a351}fw-notification.wait{background-color:#2f96b4}fw-notification.warning{background-color:#f89406}"]}]}],"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:#2e72f6!important}.fill-bright-blue{background-color:#2e72f6!important}.border-bright-blue,.border-top-bright-blue{border-color:#2e72f6!important}.border-top-bright-blue{border-top:1px solid}.border-right-bright-blue{border-right:1px solid;border-color:#2e72f6!important}.border-bottom-bright-blue{border-bottom:1px solid;border-color:#2e72f6!important}.border-left-bright-blue{border-left:1px solid;border-color:#2e72f6!important}.grey{color:#58595b!important}.fill-grey{background-color:#58595b!important}.border-grey,.border-top-grey{border-color:#58595b!important}.border-top-grey{border-top:1px solid}.border-right-grey{border-right:1px solid;border-color:#58595b!important}.border-bottom-grey{border-bottom:1px solid;border-color:#58595b!important}.border-left-grey{border-left:1px solid;border-color:#58595b!important}.soft-grey{color:#dddede!important}.fill-soft-grey{background-color:#dddede!important}.border-soft-grey,.border-top-soft-grey{border-color:#dddede!important}.border-top-soft-grey{border-top:1px solid}.border-right-soft-grey{border-right:1px solid;border-color:#dddede!important}.border-bottom-soft-grey{border-bottom:1px solid;border-color:#dddede!important}.border-left-soft-grey{border-left:1px solid;border-color:#dddede!important}.light-grey{color:#eee!important}.fill-light-grey{background-color:#eee!important}.border-light-grey,.border-top-light-grey{border-color:#eee!important}.border-top-light-grey{border-top:1px solid}.border-right-light-grey{border-right:1px solid;border-color:#eee!important}.border-bottom-light-grey{border-bottom:1px solid;border-color:#eee!important}.border-left-light-grey{border-left:1px solid;border-color:#eee!important}.medium-grey{color:#ccc!important}.fill-medium-grey{background-color:#ccc!important}.border-medium-grey,.border-top-medium-grey{border-color:#ccc!important}.border-top-medium-grey{border-top:1px solid}.border-right-medium-grey{border-right:1px solid;border-color:#ccc!important}.border-bottom-medium-grey{border-bottom:1px solid;border-color:#ccc!important}.border-left-medium-grey{border-left:1px solid;border-color:#ccc!important}.medium-dark-grey{color:#999!important}.fill-medium-dark-grey{background-color:#999!important}.border-medium-dark-grey{border-color:#999!important}.border-top-medium-dark-grey{border-top:1px solid;border-color:#999!important}.border-right-medium-dark-grey{border-right:1px solid;border-color:#999!important}.border-bottom-medium-dark-grey{border-bottom:1px solid;border-color:#999!important}.border-left-medium-dark-grey{border-left:1px solid;border-color:#999!important}.dark-grey{color:#222!important}.fill-dark-grey{background-color:#222!important}.border-dark-grey,.border-top-dark-grey{border-color:#222!important}.border-top-dark-grey{border-top:1px solid}.border-right-dark-grey{border-right:1px solid;border-color:#222!important}.border-bottom-dark-grey{border-bottom:1px solid;border-color:#222!important}.border-left-dark-grey{border-left:1px solid;border-color:#222!important}.iron-grey{color:#d3d6db!important}.fill-iron-grey{background-color:#d3d6db!important}.border-iron-grey,.border-top-iron-grey{border-color:#d3d6db!important}.border-top-iron-grey{border-top:1px solid}.border-right-iron-grey{border-right:1px solid;border-color:#d3d6db!important}.border-bottom-iron-grey{border-bottom:1px solid;border-color:#d3d6db!important}.border-left-iron-grey{border-left:1px solid;border-color:#d3d6db!important}.bombay-grey{color:#aaacb0!important}.fill-bombay-grey{background-color:#aaacb0!important}.border-bombay-grey,.border-top-bombay-grey{border-color:#aaacb0!important}.border-top-bombay-grey{border-top:1px solid}.border-right-bombay-grey{border-right:1px solid;border-color:#aaacb0!important}.border-bottom-bombay-grey{border-bottom:1px solid;border-color:#aaacb0!important}.border-left-bombay-grey{border-left:1px solid;border-color:#aaacb0!important}.soft-blue{color:#eff1f5!important}.fill-soft-blue{background-color:#eff1f5!important}.border-soft-blue,.border-top-soft-blue{border-color:#eff1f5!important}.border-top-soft-blue{border-top:1px solid}.border-right-soft-blue{border-right:1px solid;border-color:#eff1f5!important}.border-bottom-soft-blue{border-bottom:1px solid;border-color:#eff1f5!important}.border-left-soft-blue{border-left:1px solid;border-color:#eff1f5!important}.darker-soft-blue{color:#e9ecf1!important}.fill-darker-soft-blue{background-color:#e9ecf1!important}.border-darker-soft-blue,.border-top-darker-soft-blue{border-color:#e9ecf1!important}.border-top-darker-soft-blue{border-top:1px solid}.border-right-darker-soft-blue{border-right:1px solid;border-color:#e9ecf1!important}.border-bottom-darker-soft-blue{border-bottom:1px solid;border-color:#e9ecf1!important}.border-left-darker-soft-blue{border-left:1px solid;border-color:#e9ecf1!important}.lighter-soft-blue{color:#f5f6f9!important}.fill-lighter-soft-blue{background-color:#f5f6f9!important}.border-lighter-soft-blue,.border-top-lighter-soft-blue{border-color:#f5f6f9!important}.border-top-lighter-soft-blue{border-top:1px solid}.border-right-lighter-soft-blue{border-right:1px solid;border-color:#f5f6f9!important}.border-bottom-lighter-soft-blue{border-bottom:1px solid;border-color:#f5f6f9!important}.border-left-lighter-soft-blue{border-left:1px solid;border-color:#f5f6f9!important}:root{--color-gray:var(--color-gray-100);--color-gray-50:#f6f7f8;--color-gray-100:#eff1f4;--color-gray-200:#e3e5e8;--color-gray-300:#d7d9dc;--color-gray-400:#cbcdcf;--color-gray-500:#bfc1c3;--color-primary:var(--color-primary-1000);--color-primary-100:#eaf1fe;--color-primary-200:#d5e3fd;--color-primary-300:#c0d5fc;--color-primary-400:#abc7fb;--color-primary-500:#97b9fb;--color-primary-600:#82aafa;--color-primary-700:#6da2ff;--color-primary-800:#588ef8;--color-primary-900:#4380f7;--color-primary-1000:#2e72f6;--color-primary-1100:#2967dd;--color-primary-1200:#255bc5;--color-primary-1300:#2050ac;--color-primary-1400:#1c4494;--color-primary-1500:#083076;--color-primary-1600:#122e62;--color-primary-1700:#0e224a;--color-primary-1800:#061734;--color-primary-1900:#050b19;--color-secondary:var(--color-secondary-900);--color-secondary-100:#ccf1e4;--color-secondary-200:#b3e9d7;--color-secondary-300:#99e2c9;--color-secondary-400:#80dbbc;--color-secondary-500:#66d4ae;--color-secondary-600:#4dcda1;--color-secondary-700:#33c593;--color-secondary-800:#1abe86;--color-secondary-900:#00b778;--color-secondary-1000:#00a56c;--color-secondary-1100:#009260;--color-secondary-1200:#008054;--color-secondary-1300:#006e48;--color-secondary-1400:#005c3c;--color-secondary-1500:#004930;--color-secondary-1600:#002518;--color-secondary-1700:#00120c}fw-popover{display:none}.fw-popover-panel .fw-popover-content-wrapper{position:relative;background:#fff;border-radius:4px;box-shadow:0 1px 4px rgba(0,0,0,.15)!important;border:1px solid #d6dbe5;padding:16px}.fw-popover-panel .fw-popover-content-wrapper .fw-popover-caret{position:absolute;overflow:hidden;width:25px;height:25px}.fw-popover-panel .fw-popover-content-wrapper .fw-popover-caret:after{display:block;content:\"\";width:16px;height:16px;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.15)!important;border:1px solid #d6dbe5;transform:rotate(45deg);position:relative}.fw-popover-panel.fw-popover-above{margin-bottom:-20px;padding-bottom:20px}.fw-popover-panel.fw-popover-above .fw-popover-caret{left:0;bottom:-16px;height:16px}.fw-popover-panel.fw-popover-above .fw-popover-caret:after{margin:-8px auto}.fw-popover-panel.fw-popover-below{margin-top:-20px;padding-top:20px}.fw-popover-panel.fw-popover-below .fw-popover-caret{left:0;top:-16px;height:16px}.fw-popover-panel.fw-popover-below .fw-popover-caret:after{top:16px;margin:-8px auto}.fw-popover-panel.fw-popover-left{margin-right:-20px;padding-right:20px}.fw-popover-panel.fw-popover-left .fw-popover-caret{right:-16px;top:0;width:16px}.fw-popover-panel.fw-popover-left .fw-popover-caret:after{top:calc(50% - 8px);left:-8px}.fw-popover-panel.fw-popover-right{margin-left:-20px;padding-left:20px}.fw-popover-panel.fw-popover-right .fw-popover-caret{left:-16px;top:0;width:16px}.fw-popover-panel.fw-popover-right .fw-popover-caret:after{top:calc(50% - 8px);right:-8px}"]}]}],"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"}

package/package.json

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

package/scss/config/config.scss

@@ -0,0 +1,19 @@
+// Font Stacks
+$font-main: "Helvetica Neue", "Helvetica", arial, sans-serif;
+$font-main-2: "Roboto", $font-main;
+$font-alt: "Montserrat", $font-main;
+$font-mono: "Monaco", monospace;
+$font-icon: "FontAwesome";
+
+// Sizes
+$radius: 4px;
+$tiny: 500px;
+$small: 700px;
+$large: 992px;
+$larger: 1200px;
+$sidebar-closed: 50px;
+$sidebar-open: 180px;
+$search-state-width: 180px;
+
+// Layout
+$box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15) !important;

package/scss/config/general.scss

@@ -1,43 +1,11 @@
-// Font Stacks
-$font-main: "Helvetica Neue", "Helvetica", arial, sans-serif;
-$font-main-2: "Roboto", $font-main;
-$font-alt: "Montserrat", "Helvetica Neue", "Helvetica", arial, sans-serif;
-$font-mono: "Monaco", monospace;
-$font-icon: "FontAwesome";
-
-// Sizes
-$radius: 4px;
-$tiny: 500px;
-$small: 700px;
-$large: 992px;
-$larger: 1200px;
-$sidebar-closed: 50px;
-$sidebar-open: 180px;
-$search-state-width: 180px;
-
-// Layout
-$box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15) !important;
-
-// Define global CSS variables
-:root {
-  --shadow-level-1: 0px 1px 2px rgba(0, 0, 0, .1);
-  --shadow-level-2: 0px 2px 4px rgba(0, 0, 0, .1);
-  --shadow-level-3: 0px 4px 8px rgba(0, 0, 0, .1);
-  --inset-shadow-level-1: inset 0px 1px 2px rgba(0, 0, 0, .1);
-  --inset-shadow-level-2: inset 0px 2px 4px rgba(0, 0, 0, .1);
-  --inset-shadow-level-3: inset 0px 4px 8px rgba(0, 0, 0, .1);
-}
-
-
-
-
+@use './config';
 
 // General Config Variables
 :root {
 
 	// Fonts
-	--font-primary: "Inter", system-ui, -apple-system, BlinkMacSystemFont, Roboto, Ubuntu, "Helvetica Neue", Oxygen, Cantarell, sans-serif;
-	--font-secondary: "Poppins", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", Oxygen, Cantarell, sans-serif;
+	--font-primary: #{config.$font-main};
+	--font-secondary: #{config.$font-main-2};
 
 	// Layout
 	--sidebar-width: 55px;
@@ -46,6 +14,14 @@ $box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15) !important;
 
 	// Border Radius
 	--radius: 6px;
+
+  // Shadows
+  --shadow-level-1: 0px 1px 2px rgba(0, 0, 0, .1);
+  --shadow-level-2: 0px 2px 4px rgba(0, 0, 0, .1);
+  --shadow-level-3: 0px 4px 8px rgba(0, 0, 0, .1);
+  --inset-shadow-level-1: inset 0px 1px 2px rgba(0, 0, 0, .1);
+  --inset-shadow-level-2: inset 0px 2px 4px rgba(0, 0, 0, .1);
+  --inset-shadow-level-3: inset 0px 4px 8px rgba(0, 0, 0, .1);
 }
 
 // Set Default Font Stack

package/scss/material/overrides.scss

@@ -1,4 +1,4 @@
-@import '../config/colors';
+@use '../config/colors';
 
 /* Dialogs */
 
@@ -33,7 +33,7 @@
 }
 
 .mat-dialog-close-button {
-  color: $medium-grey;
+  color: colors.$medium-grey;
   position: absolute !important;
   right: -4px;
   top: -4px;
@@ -110,7 +110,7 @@ mat-form-field.mat-prefix-button {
 
 .mat-form-field.disabled > .mat-form-field-wrapper,
 .disabled > .mat-form-field > .mat-form-field-wrapper {
-  background-color: $light-grey;
+  background-color: colors.$light-grey;
 
   mat-icon {
     cursor: default;
@@ -193,7 +193,7 @@ mat-form-field.mat-prefix-button {
 }
 .mat-select.muted {
   .mat-select-arrow {
-    color: $soft-blue-border;
+    color: colors.$soft-blue-border;
   }
 }
 
@@ -248,7 +248,7 @@ mat-header-cell.full-width > .mat-sort-header-container {
   }
   tr {
     &.disabled td {
-      color: $medium-dark-grey;
+      color: colors.$medium-dark-grey;
     }
     th.mat-header-cell.text-right {
       text-align: right;
@@ -258,11 +258,11 @@ mat-header-cell.full-width > .mat-sort-header-container {
 
 /* Alerts */
 mat-error {
-  color: $red;
+  color: colors.$red;
 }
 
 mat-success {
-  color: $green;
+  color: colors.$green;
 }
 
 /* Dialog */

package/styles.css

@@ -3533,6 +3533,12 @@ th.mat-header-cell, td.mat-cell, td.mat-footer-cell {
 }
 
 :root {
+  --font-primary: Helvetica Neue, Helvetica, arial, sans-serif;
+  --font-secondary: Roboto, Helvetica Neue, Helvetica, arial, sans-serif;
+  --sidebar-width: 55px;
+  --menu-bar-width: 180px;
+  --page-layout-padding: 235px;
+  --radius: 6px;
   --shadow-level-1: 0px 1px 2px rgba(0, 0, 0, .1);
   --shadow-level-2: 0px 2px 4px rgba(0, 0, 0, .1);
   --shadow-level-3: 0px 4px 8px rgba(0, 0, 0, .1);
@@ -3541,15 +3547,6 @@ th.mat-header-cell, td.mat-cell, td.mat-footer-cell {
   --inset-shadow-level-3: inset 0px 4px 8px rgba(0, 0, 0, .1);
 }
 
-:root {
-  --font-primary: "Inter", system-ui, -apple-system, BlinkMacSystemFont, Roboto, Ubuntu, "Helvetica Neue", Oxygen, Cantarell, sans-serif;
-  --font-secondary: "Poppins", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", Oxygen, Cantarell, sans-serif;
-  --sidebar-width: 55px;
-  --menu-bar-width: 180px;
-  --page-layout-padding: 235px;
-  --radius: 6px;
-}
-
 * {
   font-family: var(--font-primary);
   box-sizing: border-box;