@flywheel-io/vision 0.2.4 → 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 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"}
+{"__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,26 +1,26 @@
 {
   "name": "@flywheel-io/vision",
-  "version": "0.2.4",
+  "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",
   "peerDependencies": {
-    "@angular/animations": "10 - 12",
-    "@angular/cdk": "10 - 12",
-    "@angular/common": "10 - 12",
-    "@angular/compiler": "10 - 12",
-    "@angular/core": "10 - 12",
-    "@angular/elements": "10 - 12",
-    "@angular/forms": "10 - 12",
-    "@angular/material": "10 - 12",
-    "@angular/platform-browser": "10 - 12",
-    "@angular/platform-browser-dynamic": "10 - 12",
+    "@angular/animations": "11 - 13",
+    "@angular/cdk": "11 - 13",
+    "@angular/common": "11 - 13",
+    "@angular/compiler": "11 - 13",
+    "@angular/core": "11 - 13",
+    "@angular/elements": "11 - 13",
+    "@angular/forms": "11 - 13",
+    "@angular/material": "11 - 13",
+    "@angular/platform-browser": "11 - 13",
+    "@angular/platform-browser-dynamic": "11 - 13",
     "rxjs": "6",
     "zone.js": "0.10 - 0.11"
   },
   "dependencies": {
     "document-register-element": "^1.7.2",
-    "tslib": "^2.3.0"
+    "tslib": "^2.4.0"
   },
   "main": "bundles/flywheel-io-vision.umd.js",
   "module": "fesm2015/flywheel-io-vision.js",

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/config/colors.scss

@@ -1,147 +1,147 @@
-// color naming resource https://chir.ag/projects/name-that-color/#6195ED
+@use './theme';
 
 // generates classes used for applying either 'color' or 'background-color' properties
 // for example:
 // .blue { color: #5871a2; }
 // .fill-blue { background-color: #5871a2; }
 @mixin generateColorClasses($name, $color) {
-  .#{$name} { color: $color !important; }
-  .fill-#{$name} { background-color: $color !important; }
-  .border-#{$name} { border-color: $color !important; }
-  .border-top-#{$name} { border-top: 1px solid; border-color: $color !important; }
-  .border-right-#{$name} { border-right: 1px solid;  border-color: $color !important; }
-  .border-bottom-#{$name} { border-bottom: 1px solid; border-color: $color !important; }
-  .border-left-#{$name} { border-left: 1px solid; border-color: $color !important; }
+  .#{"" + $name} { color: $color !important; }
+  .fill-#{"" + $name} { background-color: $color !important; }
+  .border-#{"" + $name} { border-color: $color !important; }
+  .border-top-#{"" + $name} { border-top: 1px solid; border-color: $color !important; }
+  .border-right-#{"" + $name} { border-right: 1px solid;  border-color: $color !important; }
+  .border-bottom-#{"" + $name} { border-bottom: 1px solid; border-color: $color !important; }
+  .border-left-#{"" + $name} { border-left: 1px solid; border-color: $color !important; }
 }
 
+// color naming resource https://chir.ag/projects/name-that-color/#6195ED
 
 // general purpose colors
 $white: #ffffff;
-@include generateColorClasses("white", $white);
+@include generateColorClasses(white, $white);
 
 $black: #000000;
-@include generateColorClasses("black", $black);
+@include generateColorClasses(black, $black);
 
 $green: #59b96b;
-@include generateColorClasses("green", $green);
+@include generateColorClasses(green, $green);
 
 $orange: #f7941d;
-@include generateColorClasses("orange", $orange);
+@include generateColorClasses(orange, $orange);
 
 $red: #d22239;
-@include generateColorClasses("red", $red);
+@include generateColorClasses(red, $red);
 
 $blue: #5871a2;
-@include generateColorClasses("blue", $blue);
+@include generateColorClasses(blue, $blue);
 
 $focus-blue: #23527c;
-@include generateColorClasses("focus-blue", $focus-blue);
+@include generateColorClasses(focus-blue, $focus-blue);
 
 $dark-blue: #394256;
-@include generateColorClasses("dark-blue", $dark-blue);
+@include generateColorClasses(dark-blue, $dark-blue);
 
 $light-blue: #e7f0fc;
-@include generateColorClasses("light-blue", $light-blue);
+@include generateColorClasses(light-blue, $light-blue);
+
+$bright-blue: map-get($map: theme.$flywheel-blue, $key: 500);
+@include generateColorClasses(bright-blue, $bright-blue);
 
-$bright-blue: #2e72f6;
-@include generateColorClasses("bright-blue", $bright-blue);
+$admin-black: #01010a;
+@include generateColorClasses(admin-black, $admin-black);
+
+$accent-purple: #b080fc;
+@include generateColorClasses(accent-purple, $accent-purple);
 
 
 // greys
 $grey: #58595b;
-@include generateColorClasses("grey", $grey);
+@include generateColorClasses(grey, $grey);
 
 $soft-grey: #dddede;
-@include generateColorClasses("soft-grey", $soft-grey);
+@include generateColorClasses(soft-grey, $soft-grey);
 
 $light-grey: #eeeeee;
-@include generateColorClasses("light-grey", $light-grey);
+@include generateColorClasses(light-grey, $light-grey);
 
 $medium-grey: #cccccc;
-@include generateColorClasses("medium-grey", $medium-grey);
+@include generateColorClasses(medium-grey, $medium-grey);
 
 $medium-dark-grey: #999999;
-@include generateColorClasses("medium-dark-grey", $medium-dark-grey);
+@include generateColorClasses(medium-dark-grey, $medium-dark-grey);
 
 $dark-grey: #222222;
-@include generateColorClasses("dark-grey", $dark-grey);
-
-$iron-grey: #d3d6db;
-@include generateColorClasses("iron-grey", $iron-grey);
-
-$bombay-grey: #aaacb0;
-@include generateColorClasses("bombay-grey", $bombay-grey);
+@include generateColorClasses(dark-grey, $dark-grey);
 
 
 // blueish greys
 $soft-blue: #eff1f5;
-@include generateColorClasses("soft-blue", $soft-blue);
+@include generateColorClasses(soft-blue, $soft-blue);
+
+$dark-soft-blue: darken($soft-blue, 2);
+@include generateColorClasses(dark-soft-blue, $dark-soft-blue);
 
-$darker-soft-blue: darken($soft-blue, 2);
-@include generateColorClasses("darker-soft-blue", $darker-soft-blue);
+$darker-soft-blue: darken($soft-blue, 3);
+@include generateColorClasses(darker-soft-blue, $darker-soft-blue);
 
-$lighter-soft-blue: lighten($soft-blue, 2);
-@include generateColorClasses("lighter-soft-blue", $lighter-soft-blue);
+$light-soft-blue: lighten($soft-blue, 2);
+@include generateColorClasses(light-soft-blue, $light-soft-blue);
+
+$lighter-soft-blue: lighten($soft-blue, 3);
+@include generateColorClasses(lighter-soft-blue, $lighter-soft-blue);
 
 
 // border
 $soft-blue-border: darken($soft-blue, 8%);
 
+
 // text
 $red-text: #de6a6a;
+$orange-text: darken($orange, 10%);
 
 
 // Define global CSS variables
 :root {
-	
-	// Grays
-	--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;
-
-	// Primary
-	--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;
-
-	// Secondary
-	--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;
+  // Grays
+  --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;
+
+  // Primary
+  --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: #ffffff;
+  --color-primary-A200: #ebefff;
+  --color-primary-A400: #b8c4ff;
+  --color-primary-A700: #9fafff;
+
+  // Secondary
+  --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;
 }

package/scss/config/config.scss

@@ -1,5 +1,5 @@
 // Font Stacks
-$font-main: "Helvetica Neue", "Helvetica", arial, sans-serif;
+$font-main: "Helvetica Neue", Helvetica, Arial, sans-serif;
 $font-main-2: "Roboto", $font-main;
 $font-alt: "Montserrat", $font-main;
 $font-mono: "Monaco", monospace;