{"__symbolic":"module","version":4,"metadata":{"ComponentLibraryAngularService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":2,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}]},"statics":{"ɵprov":{}}},"ComponentLibraryAngularComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"ff-component-library-angular","template":"\n    <p>\n      ff component-library-angular works!\n    </p>\n  ","styles":[]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"ComponentLibraryAngularModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":147,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ComponentLibraryAngularComponent"},{"__symbolic":"reference","name":"CtaButtonComponent"},{"__symbolic":"reference","name":"GhostButtonComponent"},{"__symbolic":"reference","name":"CheckboxesComponent"},{"__symbolic":"reference","name":"ToggleComponent"},{"__symbolic":"reference","name":"RadioButtonComponent"},{"__symbolic":"reference","name":"ChipComponent"},{"__symbolic":"reference","name":"SnackbarComponent"},{"__symbolic":"reference","name":"SliderComponent"},{"__symbolic":"reference","name":"DropdownComponent"},{"__symbolic":"reference","name":"SingleInputComponent"},{"__symbolic":"reference","name":"SearchbarComponent"},{"__symbolic":"reference","name":"AlertNoteComponent"},{"__symbolic":"reference","name":"PeerComponent"},{"__symbolic":"reference","name":"BarChartComponent"},{"__symbolic":"reference","name":"LineChartComponent"},{"__symbolic":"reference","name":"PieChartComponent"},{"__symbolic":"reference","name":"TabsComponent"},{"__symbolic":"reference","name":"InputComponent"},{"__symbolic":"reference","name":"ProgressBarComponent"},{"__symbolic":"reference","name":"AccordionTableComponent"},{"__symbolic":"reference","name":"AccordionRowComponent"},{"__symbolic":"reference","name":"AccordionRowBodyComponent"},{"__symbolic":"reference","name":"AccordionCellComponent"},{"__symbolic":"reference","name":"AccordionHeaderComponent"},{"__symbolic":"reference","name":"TableComponent"},{"__symbolic":"reference","name":"TableHeadComponent"},{"__symbolic":"reference","name":"TableHeaderComponent"},{"__symbolic":"reference","name":"TableRowComponent"},{"__symbolic":"reference","name":"TableCellComponent"},{"__symbolic":"reference","name":"ModalComponent"},{"__symbolic":"reference","name":"AddressModalComponent"},{"__symbolic":"reference","name":"AutocompleteCheckboxComponent"},{"__symbolic":"reference","name":"DatepickerTextComponent"},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"DatepickerMonthYearComponent"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"DatepickerKeyboardComponent"},{"__symbolic":"reference","name":"ThreeDotMenuComponent"},{"__symbolic":"reference","name":"ImageDisplayModalComponent"},{"__symbolic":"reference","name":"ThreeDotMenuComponent"},{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"DoubleBarChartComponent"},{"__symbolic":"reference","name":"PieDouChartComponent"},{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","name":"ɵi"},{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","name":"DatepickerYearComponent"},{"__symbolic":"reference","name":"DatepickerHorizontalComponent"},{"__symbolic":"reference","name":"InputTableComponent"},{"__symbolic":"reference","name":"SingleImageLoaderComponent"},{"__symbolic":"reference","name":"ɵl"},{"__symbolic":"reference","name":"DynamicFormComponent"},{"__symbolic":"reference","name":"CsvMenuComponent"},{"__symbolic":"reference","name":"InputGenericTableComponent"},{"__symbolic":"reference","name":"SpinnerComponent"},{"__symbolic":"reference","name":"SearchInputComponent"},{"__symbolic":"reference","name":"AutocompleteDropdownComponent"},{"__symbolic":"reference","name":"ɵn"},{"__symbolic":"reference","name":"PDFViewerComponent"},{"__symbolic":"reference","name":"ɵo"},{"__symbolic":"reference","name":"TableContainerComponent"},{"__symbolic":"reference","name":"ɵp"},{"__symbolic":"reference","name":"ɵq"},{"__symbolic":"reference","name":"ɵr"}],"imports":[{"__symbolic":"reference","name":"MaterialModule"},{"__symbolic":"reference","module":"@angular/flex-layout","name":"FlexLayoutModule","line":151,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":152,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":153,"character":4},{"__symbolic":"reference","module":"@swimlane/ngx-charts","name":"NgxChartsModule","line":154,"character":4},{"__symbolic":"reference","module":"@angular/router","name":"RouterModule","line":155,"character":4}],"exports":[{"__symbolic":"reference","name":"ComponentLibraryAngularComponent"},{"__symbolic":"reference","name":"CtaButtonComponent"},{"__symbolic":"reference","name":"GhostButtonComponent"},{"__symbolic":"reference","name":"CheckboxesComponent"},{"__symbolic":"reference","name":"ToggleComponent"},{"__symbolic":"reference","name":"RadioButtonComponent"},{"__symbolic":"reference","name":"ChipComponent"},{"__symbolic":"reference","name":"SnackbarComponent"},{"__symbolic":"reference","name":"SliderComponent"},{"__symbolic":"reference","name":"DropdownComponent"},{"__symbolic":"reference","name":"SingleInputComponent"},{"__symbolic":"reference","name":"SearchbarComponent"},{"__symbolic":"reference","name":"AlertNoteComponent"},{"__symbolic":"reference","name":"PeerComponent"},{"__symbolic":"reference","name":"BarChartComponent"},{"__symbolic":"reference","name":"LineChartComponent"},{"__symbolic":"reference","name":"PieChartComponent"},{"__symbolic":"reference","name":"TabsComponent"},{"__symbolic":"reference","name":"InputComponent"},{"__symbolic":"reference","name":"ProgressBarComponent"},{"__symbolic":"reference","name":"AccordionTableComponent"},{"__symbolic":"reference","name":"AccordionRowComponent"},{"__symbolic":"reference","name":"AccordionRowBodyComponent"},{"__symbolic":"reference","name":"AccordionCellComponent"},{"__symbolic":"reference","name":"AccordionHeaderComponent"},{"__symbolic":"reference","name":"TableComponent"},{"__symbolic":"reference","name":"TableHeadComponent"},{"__symbolic":"reference","name":"TableHeaderComponent"},{"__symbolic":"reference","name":"TableRowComponent"},{"__symbolic":"reference","name":"TableCellComponent"},{"__symbolic":"reference","name":"ModalComponent"},{"__symbolic":"reference","name":"AddressModalComponent"},{"__symbolic":"reference","name":"AutocompleteCheckboxComponent"},{"__symbolic":"reference","name":"DatepickerTextComponent"},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"DatepickerMonthYearComponent"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"DatepickerKeyboardComponent"},{"__symbolic":"reference","name":"ThreeDotMenuComponent"},{"__symbolic":"reference","name":"ImageDisplayModalComponent"},{"__symbolic":"reference","name":"ThreeDotMenuComponent"},{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"DoubleBarChartComponent"},{"__symbolic":"reference","name":"PieDouChartComponent"},{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","name":"ɵi"},{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","name":"DatepickerYearComponent"},{"__symbolic":"reference","name":"DatepickerHorizontalComponent"},{"__symbolic":"reference","name":"InputTableComponent"},{"__symbolic":"reference","name":"SingleImageLoaderComponent"},{"__symbolic":"reference","name":"ɵl"},{"__symbolic":"reference","name":"DynamicFormComponent"},{"__symbolic":"reference","name":"CsvMenuComponent"},{"__symbolic":"reference","name":"InputGenericTableComponent"},{"__symbolic":"reference","name":"SpinnerComponent"},{"__symbolic":"reference","name":"SearchInputComponent"},{"__symbolic":"reference","name":"AutocompleteDropdownComponent"},{"__symbolic":"reference","name":"ɵn"},{"__symbolic":"reference","name":"PDFViewerComponent"},{"__symbolic":"reference","name":"ɵo"},{"__symbolic":"reference","name":"TableContainerComponent"}],"providers":[{"__symbolic":"reference","module":"@angular/common","name":"CurrencyPipe","line":158,"character":14}]}]}],"members":{}},"CtaButtonComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"ff-cta-button","template":"<button [disabled]=\"isDisabled\" [ngClass]=\"isDisabled ? 'btn-disabled' : ['cta-button', 'cta-button-'+color]\" (click)=\"submit($event)\">\n  <span class=\"span-text\">\n    {{displayText}}\n  </span>\n</button>\n","styles":["::ng-deep .cdk-overlay-pane{transform:translateY(2%)!important;border-radius:4px!important}::ng-deep .dp-panel-my,::ng-deep .dp-panel-yy{width:244px!important;height:auto!important;border-radius:4px!important}::ng-deep .dp-panel-my .mat-calendar-body-selected,::ng-deep .dp-panel-yy .mat-calendar-body-selected{color:#c81414!important;background-color:initial!important;font-weight:500;font-size:150%}::ng-deep .dp-panel-keyboard,::ng-deep .dp-panel-text{width:244px!important;height:auto!important;border-radius:4px!important}::ng-deep .dp-panel-keyboard .mat-calendar-body-label:not(:last-of-type),::ng-deep .dp-panel-text .mat-calendar-body-label:not(:last-of-type){visibility:hidden}::ng-deep .dp-panel-keyboard .mat-calendar-body-label:last-of-type,::ng-deep .dp-panel-text .mat-calendar-body-label:last-of-type{display:none}::ng-deep .dp-panel-keyboard .mat-calendar-body-selected,::ng-deep .dp-panel-text .mat-calendar-body-selected{background-color:#c81414!important;color:#fff!important;font-weight:300}::ng-deep .dp-panel-horizontal{display:flex!important;flex-direction:row!important;width:465px!important;height:auto!important}::ng-deep .dp-panel-horizontal .mat-calendar-body-label:not(:last-of-type){visibility:hidden}::ng-deep .dp-panel-horizontal .mat-calendar-body-label:last-of-type{display:none}::ng-deep .dp-panel-horizontal .mat-calendar-content{width:100%!important;margin-top:52px;padding:18px}::ng-deep .dp-panel-horizontal .mat-calendar-body-selected{background-color:#c81414!important;color:#fff!important;font-weight:300}.btn-disabled,.button,.cta-button,.ghost-button{width:100%;height:100%;border-radius:5px}.btn-disabled .span-text,.button .span-text,.cta-button .span-text,.ghost-button .span-text{width:70px;height:19px;font-family:Lato;font-size:16px;font-weight:700;font-stretch:normal;font-style:normal;line-height:1.44;letter-spacing:normal;text-align:left}.cta-button{object-fit:contain;color:#fff;border:none}.cta-button-red{background-color:#c81414}.cta-button-red:hover{background-color:#9a0f0f}.cta-button-red:focus{background-color:#c81414}.cta-button-blue{background-color:#4385f5}.cta-button-blue:hover{background-color:#2d6bd5}.cta-button-blue:focus{background-color:#4385f5}.cta-button-black{background-color:#232323}.cta-button-black:hover{background-color:#000}.cta-button-black:focus{background-color:#232323}.btn-disabled{object-fit:contain;background-color:#ebebeb}.btn-disabled .span-text{color:#a4a4a4}.ghost-button{transition-duration:.5s;border:1px solid}.ghost-button .span-text{line-height:normal}.ghost-button:hover .span-text{width:77px}.ghost-button-red{background-color:#fff;border-color:#c81414;color:#c81414}.ghost-button-red:hover{background-color:rgba(200,20,20,.1);border-color:#9a0f0f;color:#c81414}.ghost-button-red:focus{background-color:rgba(200,20,20,.4);border-color:#c81414;color:#c81414}.ghost-button-blue{background-color:#fff;border-color:#4385f5;color:#4385f5}.ghost-button-blue:hover{background-color:rgba(67,133,245,.1);border-color:#2d6bd5;color:#4385f5}.ghost-button-blue:focus{background-color:rgba(67,133,245,.4);border-color:#4385f5;color:#00aeef}.ghost-button-black{background-color:#fff;border-color:#232323;color:#232323}.ghost-button-black:hover{background-color:rgba(35,35,35,.1);border-color:#000;color:#232323}.ghost-button-black:focus{background-color:rgba(35,35,35,.4);border-color:#232323;color:#232323}"]}]}],"members":{"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"displayText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"onClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"isDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}]}},"GhostButtonComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"ff-ghost-button","template":"<button [disabled]=\"isDisabled\" [ngClass]=\"isDisabled ? 'btn-disabled' : ['ghost-button', 'ghost-button-'+color]\" (click)=\"submit($event)\">\n  <span class=\"span-text\">\n    {{displayText}}\n  </span>\n</button>\n","styles":["::ng-deep .cdk-overlay-pane{transform:translateY(2%)!important;border-radius:4px!important}::ng-deep .dp-panel-my,::ng-deep .dp-panel-yy{width:244px!important;height:auto!important;border-radius:4px!important}::ng-deep .dp-panel-my .mat-calendar-body-selected,::ng-deep .dp-panel-yy .mat-calendar-body-selected{color:#c81414!important;background-color:initial!important;font-weight:500;font-size:150%}::ng-deep .dp-panel-keyboard,::ng-deep .dp-panel-text{width:244px!important;height:auto!important;border-radius:4px!important}::ng-deep .dp-panel-keyboard .mat-calendar-body-label:not(:last-of-type),::ng-deep .dp-panel-text .mat-calendar-body-label:not(:last-of-type){visibility:hidden}::ng-deep .dp-panel-keyboard .mat-calendar-body-label:last-of-type,::ng-deep .dp-panel-text .mat-calendar-body-label:last-of-type{display:none}::ng-deep .dp-panel-keyboard .mat-calendar-body-selected,::ng-deep .dp-panel-text .mat-calendar-body-selected{background-color:#c81414!important;color:#fff!important;font-weight:300}::ng-deep .dp-panel-horizontal{display:flex!important;flex-direction:row!important;width:465px!important;height:auto!important}::ng-deep .dp-panel-horizontal .mat-calendar-body-label:not(:last-of-type){visibility:hidden}::ng-deep .dp-panel-horizontal .mat-calendar-body-label:last-of-type{display:none}::ng-deep .dp-panel-horizontal .mat-calendar-content{width:100%!important;margin-top:52px;padding:18px}::ng-deep .dp-panel-horizontal .mat-calendar-body-selected{background-color:#c81414!important;color:#fff!important;font-weight:300}.btn-disabled,.button,.cta-button,.ghost-button{width:100%;height:100%;border-radius:5px}.btn-disabled .span-text,.button .span-text,.cta-button .span-text,.ghost-button .span-text{width:70px;height:19px;font-family:Lato;font-size:16px;font-weight:700;font-stretch:normal;font-style:normal;line-height:1.44;letter-spacing:normal;text-align:left}.cta-button{object-fit:contain;color:#fff;border:none}.cta-button-red{background-color:#c81414}.cta-button-red:hover{background-color:#9a0f0f}.cta-button-red:focus{background-color:#c81414}.cta-button-blue{background-color:#4385f5}.cta-button-blue:hover{background-color:#2d6bd5}.cta-button-blue:focus{background-color:#4385f5}.cta-button-black{background-color:#232323}.cta-button-black:hover{background-color:#000}.cta-button-black:focus{background-color:#232323}.btn-disabled{object-fit:contain;background-color:#ebebeb}.btn-disabled .span-text{color:#a4a4a4}.ghost-button{transition-duration:.5s;border:1px solid}.ghost-button .span-text{line-height:normal}.ghost-button:hover .span-text{width:77px}.ghost-button-red{background-color:#fff;border-color:#c81414;color:#c81414}.ghost-button-red:hover{background-color:rgba(200,20,20,.1);border-color:#9a0f0f;color:#c81414}.ghost-button-red:focus{background-color:rgba(200,20,20,.4);border-color:#c81414;color:#c81414}.ghost-button-blue{background-color:#fff;border-color:#4385f5;color:#4385f5}.ghost-button-blue:hover{background-color:rgba(67,133,245,.1);border-color:#2d6bd5;color:#4385f5}.ghost-button-blue:focus{background-color:rgba(67,133,245,.4);border-color:#4385f5;color:#00aeef}.ghost-button-black{background-color:#fff;border-color:#232323;color:#232323}.ghost-button-black:hover{background-color:rgba(35,35,35,.1);border-color:#000;color:#232323}.ghost-button-black:focus{background-color:rgba(35,35,35,.4);border-color:#232323;color:#232323}"]}]}],"members":{"displayText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"onClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"isDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}]}},"CheckboxesComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"ff-checkboxes","template":"<section class=\"checkbox-section\">\n    <mat-checkbox class=\"checkbox-margin\"\n      *ngFor=\"let option of this.options\"\n      value=\"{{option.text}}\"\n      [checked]=\"option.selected\"\n      [(ngModel)]=\"option.selected\"\n      (click)=\"onChange(option)\">\n      {{option.text}}\n    </mat-checkbox>\n</section>\n","styles":["::ng-deep .cdk-overlay-pane{transform:translateY(2%)!important;border-radius:4px!important}::ng-deep .dp-panel-my,::ng-deep .dp-panel-yy{width:244px!important;height:auto!important;border-radius:4px!important}::ng-deep .dp-panel-my .mat-calendar-body-selected,::ng-deep .dp-panel-yy .mat-calendar-body-selected{color:#c81414!important;background-color:initial!important;font-weight:500;font-size:150%}::ng-deep .dp-panel-keyboard,::ng-deep .dp-panel-text{width:244px!important;height:auto!important;border-radius:4px!important}::ng-deep .dp-panel-keyboard .mat-calendar-body-label:not(:last-of-type),::ng-deep .dp-panel-text .mat-calendar-body-label:not(:last-of-type){visibility:hidden}::ng-deep .dp-panel-keyboard .mat-calendar-body-label:last-of-type,::ng-deep .dp-panel-text .mat-calendar-body-label:last-of-type{display:none}::ng-deep .dp-panel-keyboard .mat-calendar-body-selected,::ng-deep .dp-panel-text .mat-calendar-body-selected{background-color:#c81414!important;color:#fff!important;font-weight:300}::ng-deep .dp-panel-horizontal{display:flex!important;flex-direction:row!important;width:465px!important;height:auto!important}::ng-deep .dp-panel-horizontal .mat-calendar-body-label:not(:last-of-type){visibility:hidden}::ng-deep .dp-panel-horizontal .mat-calendar-body-label:last-of-type{display:none}::ng-deep .dp-panel-horizontal .mat-calendar-content{width:100%!important;margin-top:52px;padding:18px}::ng-deep .dp-panel-horizontal .mat-calendar-body-selected{background-color:#c81414!important;color:#fff!important;font-weight:300}.checkbox-section{display:flex;align-content:center;align-items:center;height:60px}.checkbox-margin{margin:0 10px}::ng-deep .mat-checkbox-checked.mat-accent .mat-checkbox-ripple .mat-ripple-element{background-color:#00aeef!important}::ng-deep .mat-checkbox-checked.mat-accent .mat-checkbox-background,::ng-deep .mat-checkbox-checked.mat-accent .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background{background-color:#00aeef}::ng-deep .mat-checkbox.mat-accent .mat-checkbox-ripple .mat-ripple-element{background-color:#00aeef!important}::ng-deep .mat-checkbox-inner-container:hover ::ng-deep .mat-checkbox-frame{background-color:#0091c7}::ng-deep .mat-checkbox .mat-checkbox-ripple{height:0!important;width:0!important}"]}]}],"members":{"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"updatedValues":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":21,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}]}},"ToggleComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"ff-toggle","template":"<div>\n  <label class=\"switch\">\n    <input type=\"checkbox\" (click)=\"onChange($event)\" [disabled]=\"isDisabled\">\n    <span class=\"slider round\"></span>\n  </label>\n</div>\n","styles":["::ng-deep .cdk-overlay-pane{transform:translateY(2%)!important;border-radius:4px!important}::ng-deep .dp-panel-my,::ng-deep .dp-panel-yy{width:244px!important;height:auto!important;border-radius:4px!important}::ng-deep .dp-panel-my .mat-calendar-body-selected,::ng-deep .dp-panel-yy .mat-calendar-body-selected{color:#c81414!important;background-color:initial!important;font-weight:500;font-size:150%}::ng-deep .dp-panel-keyboard,::ng-deep .dp-panel-text{width:244px!important;height:auto!important;border-radius:4px!important}::ng-deep .dp-panel-keyboard .mat-calendar-body-label:not(:last-of-type),::ng-deep .dp-panel-text .mat-calendar-body-label:not(:last-of-type){visibility:hidden}::ng-deep .dp-panel-keyboard .mat-calendar-body-label:last-of-type,::ng-deep .dp-panel-text .mat-calendar-body-label:last-of-type{display:none}::ng-deep .dp-panel-keyboard .mat-calendar-body-selected,::ng-deep .dp-panel-text .mat-calendar-body-selected{background-color:#c81414!important;color:#fff!important;font-weight:300}::ng-deep .dp-panel-horizontal{display:flex!important;flex-direction:row!important;width:465px!important;height:auto!important}::ng-deep .dp-panel-horizontal .mat-calendar-body-label:not(:last-of-type){visibility:hidden}::ng-deep .dp-panel-horizontal .mat-calendar-body-label:last-of-type{display:none}::ng-deep .dp-panel-horizontal .mat-calendar-content{width:100%!important;margin-top:52px;padding:18px}::ng-deep .dp-panel-horizontal .mat-calendar-body-selected{background-color:#c81414!important;color:#fff!important;font-weight:300}.switch{position:relative;display:inline-block;width:36px;height:14px}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ebebeb}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{content:\"\";height:20px;width:20px;left:-4px;bottom:-3px;background-color:#5f5f5f}input:checked+.slider{background-color:#00aeef;background-color:rgba(0,174,239,.2)}input:focus+.slider{box-shadow:0 0 1px #2196f3}input:checked+.slider:before{transform:translateX(26px);background-color:#00aeef}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}"]}]}],"members":{"changeState":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"isDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}]}},"RadioButtonComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"ff-radio-button","template":"<section class=\"radio-section\">\n  <mat-radio-group>\n    <mat-radio-button class=\"radio-margin\"\n      *ngFor=\"let option of this.options\"\n      value=\"{{option.text}}\"\n      checked=\"{{option.checked}}\" (click)=\"onSelect(option)\">\n      {{option.text}}\n    </mat-radio-button>\n  </mat-radio-group>\n</section>\n","styles":["::ng-deep .cdk-overlay-pane{transform:translateY(2%)!important;border-radius:4px!important}::ng-deep .dp-panel-my,::ng-deep .dp-panel-yy{width:244px!important;height:auto!important;border-radius:4px!important}::ng-deep .dp-panel-my .mat-calendar-body-selected,::ng-deep .dp-panel-yy .mat-calendar-body-selected{color:#c81414!important;background-color:initial!important;font-weight:500;font-size:150%}::ng-deep .dp-panel-keyboard,::ng-deep .dp-panel-text{width:244px!important;height:auto!important;border-radius:4px!important}::ng-deep .dp-panel-keyboard .mat-calendar-body-label:not(:last-of-type),::ng-deep .dp-panel-text .mat-calendar-body-label:not(:last-of-type){visibility:hidden}::ng-deep .dp-panel-keyboard .mat-calendar-body-label:last-of-type,::ng-deep .dp-panel-text .mat-calendar-body-label:last-of-type{display:none}::ng-deep .dp-panel-keyboard .mat-calendar-body-selected,::ng-deep .dp-panel-text .mat-calendar-body-selected{background-color:#c81414!important;color:#fff!important;font-weight:300}::ng-deep .dp-panel-horizontal{display:flex!important;flex-direction:row!important;width:465px!important;height:auto!important}::ng-deep .dp-panel-horizontal .mat-calendar-body-label:not(:last-of-type){visibility:hidden}::ng-deep .dp-panel-horizontal .mat-calendar-body-label:last-of-type{display:none}::ng-deep .dp-panel-horizontal .mat-calendar-content{width:100%!important;margin-top:52px;padding:18px}::ng-deep .dp-panel-horizontal .mat-calendar-body-selected{background-color:#c81414!important;color:#fff!important;font-weight:300}.radio-section{display:flex;align-content:center;align-items:center;height:60px}.radio-margin{margin:10px}::ng-deep .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle{border-color:#00aeef}::ng-deep .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle:hover{border-color:#0091c7}::ng-deep .mat-radio-button.mat-accent .mat-radio-inner-circle{background-color:#00aeef}"]}]}],"members":{"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"updatedValues":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":21,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}]}},"MaterialModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":47,"character":1},"arguments":[{"exports":[{"__symbolic":"reference","module":"@angular/cdk/a11y","name":"A11yModule","line":49,"character":4},{"__symbolic":"reference","module":"@angular/cdk/clipboard","name":"ClipboardModule","line":50,"character":4},{"__symbolic":"reference","module":"@angular/cdk/stepper","name":"CdkStepperModule","line":51,"character":4},{"__symbolic":"reference","module":"@angular/cdk/table","name":"CdkTableModule","line":52,"character":4},{"__symbolic":"reference","module":"@angular/cdk/tree","name":"CdkTreeModule","line":53,"character":4},{"__symbolic":"reference","module":"@angular/cdk/drag-drop","name":"DragDropModule","line":54,"character":4},{"__symbolic":"reference","module":"@angular/material/autocomplete","name":"MatAutocompleteModule","line":55,"character":4},{"__symbolic":"reference","module":"@angular/material/badge","name":"MatBadgeModule","line":56,"character":4},{"__symbolic":"reference","module":"@angular/material/bottom-sheet","name":"MatBottomSheetModule","line":57,"character":4},{"__symbolic":"reference","module":"@angular/material/button","name":"MatButtonModule","line":58,"character":4},{"__symbolic":"reference","module":"@angular/material/button-toggle","name":"MatButtonToggleModule","line":59,"character":4},{"__symbolic":"reference","module":"@angular/material/card","name":"MatCardModule","line":60,"character":4},{"__symbolic":"reference","module":"@angular/material/checkbox","name":"MatCheckboxModule","line":61,"character":4},{"__symbolic":"reference","module":"@angular/material/chips","name":"MatChipsModule","line":62,"character":4},{"__symbolic":"reference","module":"@angular/material/stepper","name":"MatStepperModule","line":63,"character":4},{"__symbolic":"reference","module":"@angular/material/datepicker","name":"MatDatepickerModule","line":64,"character":4},{"__symbolic":"reference","module":"@angular/material/dialog","name":"MatDialogModule","line":65,"character":4},{"__symbolic":"reference","module":"@angular/material/divider","name":"MatDividerModule","line":66,"character":4},{"__symbolic":"reference","module":"@angular/material/expansion","name":"MatExpansionModule","line":67,"character":4},{"__symbolic":"reference","module":"@angular/material/grid-list","name":"MatGridListModule","line":68,"character":4},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconModule","line":69,"character":4},{"__symbolic":"reference","module":"@angular/material/input","name":"MatInputModule","line":70,"character":4},{"__symbolic":"reference","module":"@angular/material/list","name":"MatListModule","line":71,"character":4},{"__symbolic":"reference","module":"@angular/material/menu","name":"MatMenuModule","line":72,"character":4},{"__symbolic":"reference","module":"@angular/material/core","name":"MatNativeDateModule","line":73,"character":4},{"__symbolic":"reference","module":"@angular/material/paginator","name":"MatPaginatorModule","line":74,"character":4},{"__symbolic":"reference","module":"@angular/material/progress-bar","name":"MatProgressBarModule","line":75,"character":4},{"__symbolic":"reference","module":"@angular/material/progress-spinner","name":"MatProgressSpinnerModule","line":76,"character":4},{"__symbolic":"reference","module":"@angular/material/radio","name":"MatRadioModule","line":77,"character":4},{"__symbolic":"reference","module":"@angular/material/core","name":"MatRippleModule","line":78,"character":4},{"__symbolic":"reference","module":"@angular/material/select","name":"MatSelectModule","line":79,"character":4},{"__symbolic":"reference","module":"@angular/material/sidenav","name":"MatSidenavModule","line":80,"character":4},{"__symbolic":"reference","module":"@angular/material/slider","name":"MatSliderModule","line":81,"character":4},{"__symbolic":"reference","module":"@angular/material/slide-toggle","name":"MatSlideToggleModule","line":82,"character":4},{"__symbolic":"reference","module":"@angular/material/snack-bar","name":"MatSnackBarModule","line":83,"character":4},{"__symbolic":"reference","module":"@angular/material/sort","name":"MatSortModule","line":84,"character":4},{"__symbolic":"reference","module":"@angular/material/table","name":"MatTableModule","line":85,"character":4},{"__symbolic":"reference","module":"@angular/material/tabs","name":"MatTabsModule","line":86,"character":4},{"__symbolic":"reference","module":"@angular/material/toolbar","name":"MatToolbarModule","line":87,"character":4},{"__symbolic":"reference","module":"@angular/material/tooltip","name":"MatTooltipModule","line":88,"character":4},{"__symbolic":"reference","module":"@angular/material/tree","name":"MatTreeModule","line":89,"character":4},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"OverlayModule","line":90,"character":4},{"__symbolic":"reference","module":"@angular/cdk/portal","name":"PortalModule","line":91,"character":4},{"__symbolic":"reference","module":"@angular/cdk/scrolling","name":"ScrollingModule","line":92,"character":4},{"__symbolic":"reference","module":"@angular/material-moment-adapter","name":"MatMomentDateModule","line":93,"character":4},{"__symbolic":"reference","module":"@angular/material/form-field","name":"MatFormFieldModule","line":94,"character":4}]}]}],"members":{}},"ChipComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"ff-chip","template":"<mat-form-field class=\"chip-list\" *ngIf=\"!isInput\">\n  <mat-chip-list #chipList aria-label=\"Option selection\" [multiple]=\"multiple\">\n    <mat-chip *ngFor=\"let option of options\" [selectable]=\"selectable\" [removable]=\"removable\"\n      (removed)=\"remove(option)\">\n      {{option.description}}\n      <mat-icon matChipRemove *ngIf=\"removable\">cancel</mat-icon>\n    </mat-chip>\n  </mat-chip-list>\n</mat-form-field>\n\n<mat-form-field class=\"chip-list\" *ngIf=\"isInput\">\n  <mat-chip-list #chipList aria-label=\"Option selection\" selectable multiple>\n    <mat-label></mat-label>\n    <mat-chip #selectedChip=\"matChip\" *ngFor=\"let option of options\" [selectable]=\"selectable\" [removable]=\"removable\"\n      (removed)=\"remove(option)\" [disabled]=\"option.disabled\" (click)=\"chipSelection(selectedChip)\">\n      {{option.description}}\n      <mat-icon matChipRemove *ngIf=\"removable\">cancel</mat-icon>\n    </mat-chip>\n    <input placeholder=\"New {{elementType}}...\" [matChipInputFor]=\"chipList\"\n      [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\" [matChipInputAddOnBlur]=\"addOnBlur\"\n      (matChipInputTokenEnd)=\"add($event)\">\n  </mat-chip-list>\n</mat-form-field>\n","styles":["::ng-deep .cdk-overlay-pane{transform:translateY(2%)!important;border-radius:4px!important}::ng-deep .dp-panel-my,::ng-deep .dp-panel-yy{width:244px!important;height:auto!important;border-radius:4px!important}::ng-deep .dp-panel-my .mat-calendar-body-selected,::ng-deep .dp-panel-yy .mat-calendar-body-selected{color:#c81414!important;background-color:initial!important;font-weight:500;font-size:150%}::ng-deep .dp-panel-keyboard,::ng-deep .dp-panel-text{width:244px!important;height:auto!important;border-radius:4px!important}::ng-deep .dp-panel-keyboard .mat-calendar-body-label:not(:last-of-type),::ng-deep .dp-panel-text .mat-calendar-body-label:not(:last-of-type){visibility:hidden}::ng-deep .dp-panel-keyboard .mat-calendar-body-label:last-of-type,::ng-deep .dp-panel-text .mat-calendar-body-label:last-of-type{display:none}::ng-deep .dp-panel-keyboard .mat-calendar-body-selected,::ng-deep .dp-panel-text .mat-calendar-body-selected{background-color:#c81414!important;color:#fff!important;font-weight:300}::ng-deep .dp-panel-horizontal{display:flex!important;flex-direction:row!important;width:465px!important;height:auto!important}::ng-deep .dp-panel-horizontal .mat-calendar-body-label:not(:last-of-type){visibility:hidden}::ng-deep .dp-panel-horizontal .mat-calendar-body-label:last-of-type{display:none}::ng-deep .dp-panel-horizontal .mat-calendar-content{width:100%!important;margin-top:52px;padding:18px}::ng-deep .dp-panel-horizontal .mat-calendar-body-selected{background-color:#c81414!important;color:#fff!important;font-weight:300}.chip-list{width:100%}::ng-deep .mat-chip-list-wrapper .mat-standard-chip:hover{width:max-content;height:25px;margin:5px;opacity:.6;border-radius:13px;border:1px solid transparent;background-color:#a4a4a4}::ng-deep .mat-chip-list-wrapper .mat-standard-chip:hover.mat-chip.mat-standard-chip{width:max-content;height:19px;font-family:Lato;font-size:16px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.44;letter-spacing:normal;text-align:left;color:#3e3e3e}::ng-deep .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary{width:max-content;height:25px;margin:5px;padding:2.2px 12px 1.8px 10px;border-radius:13px;border:1px solid #00aeef;background-color:rgba(200,20,20,0);color:#3e3e3e}::ng-deep .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary{color:#3e3e3e}::ng-deep .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove{color:#a4a4a4}"]}]}],"members":{"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"chipType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}}]}],"elementType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"SnackbarComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"ff-snackbar","template":"<button mat-stroked-button (click)=\"openSnackBar()\">{{buttonText}}</button>\n","styles":["::ng-deep .cdk-overlay-pane{transform:translateY(2%)!important;border-radius:4px!important}::ng-deep .dp-panel-my,::ng-deep .dp-panel-yy{width:244px!important;height:auto!important;border-radius:4px!important}::ng-deep .dp-panel-my .mat-calendar-body-selected,::ng-deep .dp-panel-yy .mat-calendar-body-selected{color:#c81414!important;background-color:initial!important;font-weight:500;font-size:150%}::ng-deep .dp-panel-keyboard,::ng-deep .dp-panel-text{width:244px!important;height:auto!important;border-radius:4px!important}::ng-deep .dp-panel-keyboard .mat-calendar-body-label:not(:last-of-type),::ng-deep .dp-panel-text .mat-calendar-body-label:not(:last-of-type){visibility:hidden}::ng-deep .dp-panel-keyboard .mat-calendar-body-label:last-of-type,::ng-deep .dp-panel-text .mat-calendar-body-label:last-of-type{display:none}::ng-deep .dp-panel-keyboard .mat-calendar-body-selected,::ng-deep .dp-panel-text .mat-calendar-body-selected{background-color:#c81414!important;color:#fff!important;font-weight:300}::ng-deep .dp-panel-horizontal{display:flex!important;flex-direction:row!important;width:465px!important;height:auto!important}::ng-deep .dp-panel-horizontal .mat-calendar-body-label:not(:last-of-type){visibility:hidden}::ng-deep .dp-panel-horizontal .mat-calendar-body-label:last-of-type{display:none}::ng-deep .dp-panel-horizontal .mat-calendar-content{width:100%!important;margin-top:52px;padding:18px}::ng-deep .dp-panel-horizontal .mat-calendar-body-selected{background-color:#c81414!important;color:#fff!important;font-weight:300}mat-form-field{margin-right:12px}::ng-deep .mat-snack-bar-container{background-color:#a4a4a4}"]}]}],"members":{"message":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"action":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"buttonText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/material/snack-bar","name":"MatSnackBar","line":27,"character":33}]}]}},"SliderComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"ff-slider","template":"<mat-card class=\"slider-result-card\">\n  <mat-card-content>\n    <div class=\"slider-label-container\" class=\"slider-label-horizontal\">\n      <label id=\"slider-name-label\" class=\"slider-name-label\">Value: </label>\n      <label class=\"slider-value-label\">{{value}}</label>\n    </div>\n    <mat-slider\n        class=\"slider-margin\"\n        [disabled]=\"disabled\"\n        [max]=\"max\"\n        [min]=\"min\"\n        [step]=\"step\"\n        [thumbLabel]=\"thumbLabel\"\n        [(ngModel)]=\"value\"\n        aria-labelledby=\"slider-name-label\"\n        (change)=\"setNewValue()\">\n    </mat-slider>\n  </mat-card-content>\n</mat-card>\n","styles":["::ng-deep .cdk-overlay-pane{transform:translateY(2%)!important;border-radius:4px!important}::ng-deep .dp-panel-my,::ng-deep .dp-panel-yy{width:244px!important;height:auto!important;border-radius:4px!important}::ng-deep .dp-panel-my .mat-calendar-body-selected,::ng-deep .dp-panel-yy .mat-calendar-body-selected{color:#c81414!important;background-color:initial!important;font-weight:500;font-size:150%}::ng-deep .dp-panel-keyboard,::ng-deep .dp-panel-text{width:244px!important;height:auto!important;border-radius:4px!important}::ng-deep .dp-panel-keyboard .mat-calendar-body-label:not(:last-of-type),::ng-deep .dp-panel-text .mat-calendar-body-label:not(:last-of-type){visibility:hidden}::ng-deep .dp-panel-keyboard .mat-calendar-body-label:last-of-type,::ng-deep .dp-panel-text .mat-calendar-body-label:last-of-type{display:none}::ng-deep .dp-panel-keyboard .mat-calendar-body-selected,::ng-deep .dp-panel-text .mat-calendar-body-selected{background-color:#c81414!important;color:#fff!important;font-weight:300}::ng-deep .dp-panel-horizontal{display:flex!important;flex-direction:row!important;width:465px!important;height:auto!important}::ng-deep .dp-panel-horizontal .mat-calendar-body-label:not(:last-of-type){visibility:hidden}::ng-deep .dp-panel-horizontal .mat-calendar-body-label:last-of-type{display:none}::ng-deep .dp-panel-horizontal .mat-calendar-content{width:100%!important;margin-top:52px;padding:18px}::ng-deep .dp-panel-horizontal .mat-calendar-body-selected{background-color:#c81414!important;color:#fff!important;font-weight:300}.slider-result-card .slider-label-container.slider-label-horizontal{display:flex;justify-content:space-between;margin:0 0 12px 16px;max-width:284px}.slider-result-card .slider-value-label{font-weight:600}.mat-accent .mat-slider-thumb,.mat-accent .mat-slider-thumb-label,::ng-deep .mat-accent .mat-slider-thumb,::ng-deep .mat-accent .mat-slider-thumb-label,::ng-deep .mat-accent .mat-slider-track-fill{background-color:#00aeef}"]}]}],"members":{"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"invert":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"max":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"min":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":3}}]}],"showTicks":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":43,"character":3}}]}],"step":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":50,"character":3}}]}],"thumbLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":57,"character":3}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":64,"character":3}}]}],"newValue":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":70,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}]}},"DropdownComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"ff-dropdown","template":"<form class=\"simpleDropdown\">\n    <mat-form-field appearance=\"outline\" class=\"formSimpleDropdown\">\n        <mat-select [(ngModel)]=\"selectedValue\" name=\"food\" [compareWith]=\"compare\" (opened)=\"onOpened($event)\" (closed)=\"onClosed($event)\" floatPlaceholder=\"never\" panelClass=\"optionsPanel\" (selectionChange)=\"onSelectionChange()\">\n            <mat-option *ngFor=\"let option of options\" [value]=\"option\">\n                {{option.text}}\n            </mat-option>\n        </mat-select>\n    </mat-form-field>\n</form>","styles":["::ng-deep .cdk-overlay-pane{transform:translateY(2%)!important;border-radius:4px!important}::ng-deep .dp-panel-my,::ng-deep .dp-panel-yy{width:244px!important;height:auto!important;border-radius:4px!important}::ng-deep .dp-panel-my .mat-calendar-body-selected,::ng-deep .dp-panel-yy .mat-calendar-body-selected{color:#c81414!important;background-color:initial!important;font-weight:500;font-size:150%}::ng-deep .dp-panel-keyboard,::ng-deep .dp-panel-text{width:244px!important;height:auto!important;border-radius:4px!important}::ng-deep .dp-panel-keyboard .mat-calendar-body-label:not(:last-of-type),::ng-deep .dp-panel-text .mat-calendar-body-label:not(:last-of-type){visibility:hidden}::ng-deep .dp-panel-keyboard .mat-calendar-body-label:last-of-type,::ng-deep .dp-panel-text .mat-calendar-body-label:last-of-type{display:none}::ng-deep .dp-panel-keyboard .mat-calendar-body-selected,::ng-deep .dp-panel-text .mat-calendar-body-selected{background-color:#c81414!important;color:#fff!important;font-weight:300}::ng-deep .dp-panel-horizontal{display:flex!important;flex-direction:row!important;width:465px!important;height:auto!important}::ng-deep .dp-panel-horizontal .mat-calendar-body-label:not(:last-of-type){visibility:hidden}::ng-deep .dp-panel-horizontal .mat-calendar-body-label:last-of-type{display:none}::ng-deep .dp-panel-horizontal .mat-calendar-content{width:100%!important;margin-top:52px;padding:18px}::ng-deep .dp-panel-horizontal .mat-calendar-body-selected{background-color:#c81414!important;color:#fff!important;font-weight:300}form.simpleDropdown{width:100%;max-width:265px}form.simpleDropdown ::ng-deep mat-form-field.formSimpleDropdown{width:100%!important}form.simpleDropdown ::ng-deep mat-form-field.formSimpleDropdown .mat-form-field-wrapper{padding-bottom:10px}form.simpleDropdown ::ng-deep mat-form-field.formSimpleDropdown .mat-form-field-wrapper .mat-form-field-flex{height:45px!important}form.simpleDropdown ::ng-deep mat-form-field.formSimpleDropdown .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline{background-color:#fff}form.simpleDropdown ::ng-deep mat-form-field.formSimpleDropdown .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix{top:-.75em;padding:9px 0 0!important}form.simpleDropdown ::ng-deep mat-form-field.formSimpleDropdown .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-suffix{top:-5px!important;cursor:pointer}form.simpleDropdown ::ng-deep mat-form-field.formSimpleDropdown .mat-form-field-wrapper mat-icon{cursor:pointer}form.simpleDropdown ::ng-deep .optionsPanel{border-radius:4px;min-width:calc(100% + 6px)!important;transform:translate(-3px,23px)!important}form.simpleDropdown ::ng-deep .optionsPanel::-webkit-scrollbar{width:7px}form.simpleDropdown ::ng-deep .optionsPanel::-webkit-scrollbar-track{box-shadow:inset 0 0 6px rgba(0,0,0,.3)}form.simpleDropdown ::ng-deep .optionsPanel::-webkit-scrollbar-thumb{background-color:#00aeef;outline:1px solid #708090}form.simpleDropdown ::ng-deep .mat-select-value{padding-top:8px!important}form.simpleDropdown ::ng-deep .mat-form-field-appearance-outline .mat-select-arrow-wrapper{transform:translateY(15%)}"]}]}],"members":{"element":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"default":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"elementSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":43,"character":3}}]}],"opened":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":48,"character":3}}]}],"closed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":53,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"compare":[{"__symbolic":"method"}],"onOpened":[{"__symbolic":"method"}],"onClosed":[{"__symbolic":"method"}]}},"AutocompleteDropdownComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":"ff-autocomplete-dropdown","template":"<form class=\"autocompleteDropdown\">\n\t<mat-form-field appearance=\"outline\" class=\"formDropdown\">\n\t\t<mat-icon matSuffix>keyboard_arrow_down</mat-icon>\n\t\t<input\n\t\t\tmatInput\n\t\t\ttype=\"text\"\n\t\t\tplaceholder=\"Select {{element}}\"\n\t\t\t[formControl]=\"formControl\"\n\t\t\t[matAutocomplete]=\"auto\">\n\t\t<mat-autocomplete\n\t\t\tfloatPlaceholder=\"never\"\n\t\t\tpanelClass=\"optionsPanel\"\n\t\t\t#auto=\"matAutocomplete\"\n\t\t\t[displayWith]=\"display\"\n\t\t\t(opened)=\"onOpened()\"\n\t\t\t(closed)=\"onClosed()\"\n\t\t\t(optionSelected)=\"onSelectionChange()\">\n\t\t\t<mat-option *ngFor=\"let option of options\" [value]=\"option\">\n\t\t\t\t{{option.text}}\n\t\t\t</mat-option>\n\t\t</mat-autocomplete>\n\t</mat-form-field>\n</form>\n","styles":["::ng-deep .cdk-overlay-pane{transform:translateY(2%)!important;border-radius:4px!important}::ng-deep .dp-panel-my,::ng-deep .dp-panel-yy{width:244px!important;height:auto!important;border-radius:4px!important}::ng-deep .dp-panel-my .mat-calendar-body-selected,::ng-deep .dp-panel-yy .mat-calendar-body-selected{color:#c81414!important;background-color:initial!important;font-weight:500;font-size:150%}::ng-deep .dp-panel-keyboard,::ng-deep .dp-panel-text{width:244px!important;height:auto!important;border-radius:4px!important}::ng-deep .dp-panel-keyboard .mat-calendar-body-label:not(:last-of-type),::ng-deep .dp-panel-text .mat-calendar-body-label:not(:last-of-type){visibility:hidden}::ng-deep .dp-panel-keyboard .mat-calendar-body-label:last-of-type,::ng-deep .dp-panel-text .mat-calendar-body-label:last-of-type{display:none}::ng-deep .dp-panel-keyboard .mat-calendar-body-selected,::ng-deep .dp-panel-text .mat-calendar-body-selected{background-color:#c81414!important;color:#fff!important;font-weight:300}::ng-deep .dp-panel-horizontal{display:flex!important;flex-direction:row!important;width:465px!important;height:auto!important}::ng-deep .dp-panel-horizontal .mat-calendar-body-label:not(:last-of-type){visibility:hidden}::ng-deep .dp-panel-horizontal .mat-calendar-body-label:last-of-type{display:none}::ng-deep .dp-panel-horizontal .mat-calendar-content{width:100%!important;margin-top:52px;padding:18px}::ng-deep .dp-panel-horizontal .mat-calendar-body-selected{background-color:#c81414!important;color:#fff!important;font-weight:300}form.autocompleteDropdown{width:100%;max-width:233px}form.autocompleteDropdown ::ng-deep mat-form-field.formDropdown{width:100%!important}form.autocompleteDropdown ::ng-deep mat-form-field.formDropdown .mat-form-field-wrapper{padding:0;margin:0}form.autocompleteDropdown ::ng-deep mat-form-field.formDropdown .mat-form-field-wrapper .mat-form-field-flex{height:35px!important}form.autocompleteDropdown ::ng-deep mat-form-field.formDropdown .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline{background-color:#fff}form.autocompleteDropdown ::ng-deep mat-form-field.formDropdown .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix{top:-.75em;padding:9px 0 0!important}form.autocompleteDropdown ::ng-deep mat-form-field.formDropdown .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-suffix{top:-5px!important;cursor:pointer}form.autocompleteDropdown ::ng-deep mat-form-field.formDropdown .mat-form-field-wrapper mat-icon{cursor:pointer}form.autocompleteDropdown ::ng-deep .optionsPanel{border-radius:4px;min-width:calc(100% + 6px)!important;transform:translate(-3px,23px)!important}form.autocompleteDropdown ::ng-deep .optionsPanel::-webkit-scrollbar{width:7px}form.autocompleteDropdown ::ng-deep .optionsPanel::-webkit-scrollbar-track{box-shadow:inset 0 0 6px rgba(0,0,0,.3)}form.autocompleteDropdown ::ng-deep .optionsPanel::-webkit-scrollbar-thumb{background-color:#00aeef;outline:1px solid #708090}"]}]}],"members":{"trigger":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":20,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/autocomplete","name":"MatAutocompleteTrigger","line":20,"character":13}]}]}],"element":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}}]}],"default":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":3}}]}],"elementSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":60,"character":3}}]}],"opened":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":65,"character":3}}]}],"closed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":70,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ScrollService"}]}],"filter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":88,"character":3}}]}],"ngOnInit":[{"__symbolic":"method"}],"display":[{"__symbolic":"method"}],"onOpened":[{"__symbolic":"method"}],"onClosed":[{"__symbolic":"method"}],"onSelectionChange":[{"__symbolic":"method"}]}},"SingleInputComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"ff-single-input","template":"<form>\n  <mat-form-field class=\"input-container\">\n    <div *ngIf=\"!showTooltip\">\n      <input matInput type=\"text\" placeholder=\"{{placeholder}}\"/>\n    </div>\n    <div *ngIf=\"showTooltip\" [attr.data-message-tip]=\"tooltipText\">\n      <input matInput type=\"text\" placeholder=\"{{placeholder}}\"/>\n    </div>\n  </mat-form-field>\n</form>\n","styles":["::ng-deep .cdk-overlay-pane{transform:translateY(2%)!important;border-radius:4px!important}::ng-deep .dp-panel-my,::ng-deep .dp-panel-yy{width:244px!important;height:auto!important;border-radius:4px!important}::ng-deep .dp-panel-my .mat-calendar-body-selected,::ng-deep .dp-panel-yy .mat-calendar-body-selected{color:#c81414!important;background-color:initial!important;font-weight:500;font-size:150%}::ng-deep .dp-panel-keyboard,::ng-deep .dp-panel-text{width:244px!important;height:auto!important;border-radius:4px!important}::ng-deep .dp-panel-keyboard .mat-calendar-body-label:not(:last-of-type),::ng-deep .dp-panel-text .mat-calendar-body-label:not(:last-of-type){visibility:hidden}::ng-deep .dp-panel-keyboard .mat-calendar-body-label:last-of-type,::ng-deep .dp-panel-text .mat-calendar-body-label:last-of-type{display:none}::ng-deep .dp-panel-keyboard .mat-calendar-body-selected,::ng-deep .dp-panel-text .mat-calendar-body-selected{background-color:#c81414!important;color:#fff!important;font-weight:300}::ng-deep .dp-panel-horizontal{display:flex!important;flex-direction:row!important;width:465px!important;height:auto!important}::ng-deep .dp-panel-horizontal .mat-calendar-body-label:not(:last-of-type){visibility:hidden}::ng-deep .dp-panel-horizontal .mat-calendar-body-label:last-of-type{display:none}::ng-deep .dp-panel-horizontal .mat-calendar-content{width:100%!important;margin-top:52px;padding:18px}::ng-deep .dp-panel-horizontal .mat-calendar-body-selected{background-color:#c81414!important;color:#fff!important;font-weight:300}form mat-form-field [data-message-tip]{position:relative}form mat-form-field [data-message-tip]:focus-within:before{display:none;content:\"\";border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #5f5f5f;position:absolute;top:30px;left:35px;z-index:8;font-size:0;line-height:0;width:0;height:0}form mat-form-field [data-message-tip]:focus-within:after{display:none;content:attr(data-message-tip);position:absolute;top:35px;left:0;padding:5px 8px;background:#5f5f5f;color:#fff;z-index:9;font-size:.75em;height:18px;line-height:18px;border-radius:3px;white-space:nowrap;word-wrap:normal}form mat-form-field [data-message-tip]:focus-within:after,form mat-form-field [data-message-tip]:focus-within:before{display:block}"]}]}],"members":{"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"showTooltip":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"tooltipText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"SearchbarComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"ff-searchbar","template":"<form class=\"searchbox-form\">\n  <mat-form-field class=\"searchbox-full-width\">\n    <input type=\"text\" placeholder=\"Search\" aria-label=\"Number\" matInput [formControl]=\"myControl\"\n      [matAutocomplete]=\"auto\">\n    <mat-autocomplete autoActiveFirstOption #auto=\"matAutocomplete\" (optionSelected)=\"onOptionSelected()\">\n      <mat-option *ngFor=\"let option of filteredOptions | async\" [value]=\"saveSelected(option)\">\n        {{option.text}}\n      </mat-option>\n    </mat-autocomplete>\n  </mat-form-field>\n</form>\n","styles":["::ng-deep .cdk-overlay-pane{transform:translateY(2%)!important;border-radius:4px!important}::ng-deep .dp-panel-my,::ng-deep .dp-panel-yy{width:244px!important;height:auto!important;border-radius:4px!important}::ng-deep .dp-panel-my .mat-calendar-body-selected,::ng-deep .dp-panel-yy .mat-calendar-body-selected{color:#c81414!important;background-color:initial!important;font-weight:500;font-size:150%}::ng-deep .dp-panel-keyboard,::ng-deep .dp-panel-text{width:244px!important;height:auto!important;border-radius:4px!important}::ng-deep .dp-panel-keyboard .mat-calendar-body-label:not(:last-of-type),::ng-deep .dp-panel-text .mat-calendar-body-label:not(:last-of-type){visibility:hidden}::ng-deep .dp-panel-keyboard .mat-calendar-body-label:last-of-type,::ng-deep .dp-panel-text .mat-calendar-body-label:last-of-type{display:none}::ng-deep .dp-panel-keyboard .mat-calendar-body-selected,::ng-deep .dp-panel-text .mat-calendar-body-selected{background-color:#c81414!important;color:#fff!important;font-weight:300}::ng-deep .dp-panel-horizontal{display:flex!important;flex-direction:row!important;width:465px!important;height:auto!important}::ng-deep .dp-panel-horizontal .mat-calendar-body-label:not(:last-of-type){visibility:hidden}::ng-deep .dp-panel-horizontal .mat-calendar-body-label:last-of-type{display:none}::ng-deep .dp-panel-horizontal .mat-calendar-content{width:100%!important;margin-top:52px;padding:18px}::ng-deep .dp-panel-horizontal .mat-calendar-body-selected{background-color:#c81414!important;color:#fff!important;font-weight:300}.searchbox-form{min-width:150px;max-width:500px;width:100%}.searchbox-full-width{width:100%}::ng-deep .mat-autocomplete-panel.mat-autocomplete-visible{height:max-content}::ng-deep .mat-option.mat-selected,::ng-deep .mat-option:hover{background-color:rgba(0,174,239,.2)!important}"]}]}],"members":{"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"optionUpdated":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":25,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"AlertNoteComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"ff-alert-note","template":"<div class=\"note-container\" role=\"alert\">\n  <p class=\"my-paragraph-style\"></p>\n  <div class=\"text-container\">\n    <p class=\"note-text initial-text \">{{initialText}}</p><p class=\"note-text highlight-text\">&nbsp;{{ highlightText }}&nbsp;</p><p class=\"note-text\">{{finalText}}</p>\n  </div>\n  <span class=\"closebtn\" onclick=\"this.parentElement.style.display='none';\">&times;</span>\n</div>\n","styles":["::ng-deep .cdk-overlay-pane{transform:translateY(2%)!important;border-radius:4px!important}::ng-deep .dp-panel-my,::ng-deep .dp-panel-yy{width:244px!important;height:auto!important;border-radius:4px!important}::ng-deep .dp-panel-my .mat-calendar-body-selected,::ng-deep .dp-panel-yy .mat-calendar-body-selected{color:#c81414!important;background-color:initial!important;font-weight:500;font-size:150%}::ng-deep .dp-panel-keyboard,::ng-deep .dp-panel-text{width:244px!important;height:auto!important;border-radius:4px!important}::ng-deep .dp-panel-keyboard .mat-calendar-body-label:not(:last-of-type),::ng-deep .dp-panel-text .mat-calendar-body-label:not(:last-of-type){visibility:hidden}::ng-deep .dp-panel-keyboard .mat-calendar-body-label:last-of-type,::ng-deep .dp-panel-text .mat-calendar-body-label:last-of-type{display:none}::ng-deep .dp-panel-keyboard .mat-calendar-body-selected,::ng-deep .dp-panel-text .mat-calendar-body-selected{background-color:#c81414!important;color:#fff!important;font-weight:300}::ng-deep .dp-panel-horizontal{display:flex!important;flex-direction:row!important;width:465px!important;height:auto!important}::ng-deep .dp-panel-horizontal .mat-calendar-body-label:not(:last-of-type){visibility:hidden}::ng-deep .dp-panel-horizontal .mat-calendar-body-label:last-of-type{display:none}::ng-deep .dp-panel-horizontal .mat-calendar-content{width:100%!important;margin-top:52px;padding:18px}::ng-deep .dp-panel-horizontal .mat-calendar-body-selected{background-color:#c81414!important;color:#fff!important;font-weight:300}.note-container{display:flex;width:max-content;height:75px;border-radius:5px;box-shadow:0 1px 6px 0 rgba(0,0,0,.16);margin:5px;border-left:thick solid #f07820}.text-container{display:flex}.note-text{padding:25px 0;margin:0}.note-text.highlight-text{color:#f07820}.initial-text{margin:0 0 0 15px}.closebtn{margin:0;color:#a3a3a3;float:right;font-size:22px;line-height:20px;cursor:pointer;transition:.3s;padding:25px;height:max-content}.my-paragraph-style{display:flex;color:#f07820;padding:5px 0 0 15px}.my-paragraph-style:before{flex:0 0 22px;height:22px;border:1px solid #f07820;margin-right:20px;border-radius:50%;content:\"!\";display:flex;align-items:center;justify-content:center;font-size:20px}@media only screen and (max-width:480px),screen and (max-device-width:480px){.note-container{width:95%;height:max-content}.text-container{display:inline-block}}@media only screen and (min-width:481px) and (max-width:600px),screen and (min-device-width:481px) and (max-device-width:600px){.note-container{width:90%;height:max-content}.text-container{display:inline-block}}@media only screen and (min-width:601px) and (max-width:700px){.note-container{width:95%;height:max-content}.text-container{display:flex}.text-container p.note-text{font-size:12px}}@media only screen and (min-width:701px) and (max-width:768px){.note-container{width:95%;height:max-content}.text-container{display:flex}}"]}]}],"members":{"initialText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"highlightText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"finalText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"PeerComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"ff-peer","template":"<div class=\"peer-container\" [(ngClass)]=\"styleDictionary[peerType]\">\n  <p class=\"peer-text\">{{text}}</p>\n</div>\n","styles":["::ng-deep .cdk-overlay-pane{transform:translateY(2%)!important;border-radius:4px!important}::ng-deep .dp-panel-my,::ng-deep .dp-panel-yy{width:244px!important;height:auto!important;border-radius:4px!important}::ng-deep .dp-panel-my .mat-calendar-body-selected,::ng-deep .dp-panel-yy .mat-calendar-body-selected{color:#c81414!important;background-color:initial!important;font-weight:500;font-size:150%}::ng-deep .dp-panel-keyboard,::ng-deep .dp-panel-text{width:244px!important;height:auto!important;border-radius:4px!important}::ng-deep .dp-panel-keyboard .mat-calendar-body-label:not(:last-of-type),::ng-deep .dp-panel-text .mat-calendar-body-label:not(:last-of-type){visibility:hidden}::ng-deep .dp-panel-keyboard .mat-calendar-body-label:last-of-type,::ng-deep .dp-panel-text .mat-calendar-body-label:last-of-type{display:none}::ng-deep .dp-panel-keyboard .mat-calendar-body-selected,::ng-deep .dp-panel-text .mat-calendar-body-selected{background-color:#c81414!important;color:#fff!important;font-weight:300}::ng-deep .dp-panel-horizontal{display:flex!important;flex-direction:row!important;width:465px!important;height:auto!important}::ng-deep .dp-panel-horizontal .mat-calendar-body-label:not(:last-of-type){visibility:hidden}::ng-deep .dp-panel-horizontal .mat-calendar-body-label:last-of-type{display:none}::ng-deep .dp-panel-horizontal .mat-calendar-content{width:100%!important;margin-top:52px;padding:18px}::ng-deep .dp-panel-horizontal .mat-calendar-body-selected{background-color:#c81414!important;color:#fff!important;font-weight:300}.peer-container{width:80%;height:max-content;padding:0 23px;border-radius:16px;margin:0 5px}.peer-container p.peer-text{color:#000;padding:5px;font-size:16px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.44;letter-spacing:normal;text-align:left}.success-peer{background-color:#d8e4cc}.info-peer{background-color:#ccd3f5}.warning-peer{background-color:#fbeece}.danger-peer{background-color:#e6bab9}"]}]}],"members":{"text":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"peerType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"createDictionary":[{"__symbolic":"method"}]}},"BarChartComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"ff-bar-chart","template":"<ngx-charts-bar-vertical\n  [view]=\"chartSize\"\n  [scheme]=\"colorScheme\"\n  [results]=\"data\"\n  [gradient]=\"gradient\"\n  [xAxis]=\"showXAxis\"\n  [yAxis]=\"showYAxis\"\n  [legend]=\"showLegend\"\n  [showXAxisLabel]=\"showXAxisLabel\"\n  [showYAxisLabel]=\"showYAxisLabel\"\n  [xAxisLabel]=\"xAxisLabel\"\n  [yAxisLabel]=\"yAxisLabel\"\n  (select)=\"onSelect($event)\">\n</ngx-charts-bar-vertical>\n","styles":[""]}]}],"members":{"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"showXAxis":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"showYAxis":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"gradient":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":3}}]}],"showLegend":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":47,"character":3}}]}],"showXAxisLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":55,"character":3}}]}],"xAxisLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":61,"character":3}}]}],"showYAxisLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":69,"character":3}}]}],"yAxisLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":75,"character":3}}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":82,"character":3}}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":89,"character":3}}]}],"select":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":95,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"LineChartComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"ff-line-chart","providers":[{"__symbolic":"reference","name":"CustomLinerChartService"}],"template":"<ngx-charts-line-chart #chart\n  [view]=\"chartSize\"\n  [scheme]=\"colorScheme\"\n  [legend]=\"legend\"\n  [showXAxisLabel]=\"showXAxisLabel\"\n  [showYAxisLabel]=\"showYAxisLabel\"\n  [xAxis]=\"xAxis\"\n  [yAxis]=\"yAxis\"\n  [xAxisLabel]=\"xAxisLabel\"\n  [yAxisLabel]=\"yAxisLabel\"\n  [timeline]=\"timeline\"\n  [results]=\"data\"\n  (select)=\"onSelect($event)\"\n  (activate)=\"onActivate($event)\"\n  (deactivate)=\"onDeactivate($event)\"\n  [curve]=\"shape\"\n  >\n\n  <div [ngSwitch]=\"theme\">\n\n    <div  *ngSwitchCase=\"'light'\">\n      <ng-template #tooltipTemplate let-model=\"model\">\n        <div class=\"light-theme\">\n          <div class=\"item-detail\">\n            <label class=\"item-detail-text\" [ngStyle]=\"{'color': '$philippineSilver' }\" >{{model.series | titlecase}} · {{model.name | titlecase}}</label>\n            <label class=\"item-detail-number\" [ngStyle]=\"{'color': '#000000' }\" >{{model.value | json}}</label>\n          </div>\n        </div>\n      </ng-template>\n    \n      <ng-template #seriesTooltipTemplate let-model=\"model\">\n          <div class=\"light-theme\">\n          <label class=\"tooltip-title\">{{model[0].name | titlecase}}</label>\n\n            <div class=\"series-item\" *ngFor=\"let item of model; let i = index\">\n              <label class=\"series-item-label\" [ngStyle]=\"{'color': model[i].color }\">{{model[i].series|titlecase}}: {{model[i].value |json}}</label>\n            </div>\n           \n          </div>\n      </ng-template>\n    </div>\n\n    <div *ngSwitchDefault>\n      <ng-template #tooltipTemplate let-model=\"model\">\n        <div class=\"default\">\n          <div class=\"item-detail\">\n            <label class=\"item-detail-text\">{{model.series | titlecase}} · {{model.name | titlecase}}</label>\n            <label class=\"item-detail-number\">{{model.value | json}}</label>\n          </div>\n        </div>\n      </ng-template>\n    \n      <ng-template #seriesTooltipTemplate let-model=\"model\">\n          <div class=\"default\">\n\n            <div class=\"series-item\" *ngFor=\"let item of model; let i = index\">\n              <div class=\"series-item-box\" [ngStyle]=\"{'background-color': model[i].color }\"></div>\n              <label class=\"series-item-label\">{{model[i].series|titlecase}}: {{model[i].value |json}}</label>\n            </div>\n      \n          </div>\n      </ng-template>\n   </div>\n  </div>\n\n</ngx-charts-line-chart>\n","styles":["::ng-deep .cdk-overlay-pane{transform:translateY(2%)!important;border-radius:4px!important}::ng-deep .dp-panel-my,::ng-deep .dp-panel-yy{width:244px!important;height:auto!important;border-radius:4px!important}::ng-deep .dp-panel-my .mat-calendar-body-selected,::ng-deep .dp-panel-yy .mat-calendar-body-selected{color:#c81414!important;background-color:initial!important;font-weight:500;font-size:150%}::ng-deep .dp-panel-keyboard,::ng-deep .dp-panel-text{width:244px!important;height:auto!important;border-radius:4px!important}::ng-deep .dp-panel-keyboard .mat-calendar-body-label:not(:last-of-type),::ng-deep .dp-panel-text .mat-calendar-body-label:not(:last-of-type){visibility:hidden}::ng-deep .dp-panel-keyboard .mat-calendar-body-label:last-of-type,::ng-deep .dp-panel-text .mat-calendar-body-label:last-of-type{display:none}::ng-deep .dp-panel-keyboard .mat-calendar-body-selected,::ng-deep .dp-panel-text .mat-calendar-body-selected{background-color:#c81414!important;color:#fff!important;font-weight:300}::ng-deep .dp-panel-horizontal{display:flex!important;flex-direction:row!important;width:465px!important;height:auto!important}::ng-deep .dp-panel-horizontal .mat-calendar-body-label:not(:last-of-type){visibility:hidden}::ng-deep .dp-panel-horizontal .mat-calendar-body-label:last-of-type{display:none}::ng-deep .dp-panel-horizontal .mat-calendar-content{width:100%!important;margin-top:52px;padding:18px}::ng-deep .dp-panel-horizontal .mat-calendar-body-selected{background-color:#c81414!important;color:#fff!important;font-weight:300}.light-theme{background-color:#fff;box-shadow:0 6px 20px 0 rgba(0,0,0,.2);color:#000;padding:8px 4px 4px;border-radius:5px;margin-left:-10px}.light-theme .tooltip-title{color:#b4b4b4;font-family:Lato;margin-left:-15px}.light-theme .item-detail{display:flex;flex-direction:column;padding:4px 8px}.light-theme .item-detail .item-detail-text{font-size:11px}.light-theme .item-detail .item-detail-number{font-size:16px}.light-theme .series-item{display:flex;flex-direction:row;padding:4px 10px 4px 0}.light-theme .series-item .series-item-box{width:13px;height:13px;border-radius:3px;margin:4px}.light-theme .series-item .series-item-label{margin-top:-1px;margin-left:5px;font-family:Lato}.default{background-color:rgba(0,0,0,.7);box-shadow:0 6px 20px 0 rgba(0,0,0,.2);color:#fff;padding:4px;opacity:.8;border-radius:5px;margin-left:-10px}.default .item-detail{display:flex;flex-direction:column;padding:4px 8px}.default .item-detail .item-detail-text{font-size:11px}.default .item-detail .item-detail-number{font-size:16px}.default .series-item{display:flex;flex-direction:row;padding:4px 3px}.default .series-item .series-item-box{width:13px;height:13px;border-radius:3px;margin:4px;opacity:1}.default .series-item .series-item-label{margin-top:2px;margin-left:5px}"]}]}],"members":{"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"legend":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"showDots":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":6}}]}],"xAxis":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":3}}]}],"yAxis":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":47,"character":3}}]}],"showYAxisLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":55,"character":3}}]}],"showXAxisLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":63,"character":3}}]}],"xAxisLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":70,"character":3}}]}],"yAxisLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":77,"character":3}}]}],"theme":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":84,"character":1}}]}],"timeline":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":92,"character":3}}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":100,"character":3}}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":108,"character":3}}]}],"select":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":114,"character":3}}]}],"activate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":120,"character":3}}]}],"deactivate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":126,"character":3}}]}],"shape":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":132,"character":3}}]}],"chart":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":134,"character":3},"arguments":["chart"]}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"CustomLinerChartService"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewChecked":[{"__symbolic":"method"}]}},"PieChartComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"ff-pie-chart","template":"<ngx-charts-pie-chart\n  [view]=\"chartSize\"\n  [scheme]=\"colorScheme\"\n  [results]=\"data\"\n  [gradient]=\"gradient\"\n  [legend]=\"showLegend\"\n  [legendPosition]=\"legendPosition\"\n  [labels]=\"showLabels\"\n  [doughnut]=\"isDoughnut\"\n  (select)=\"onSelect($event)\"\n  (activate)=\"onActivate($event)\"\n  (deactivate)=\"onDeactivate($event)\"\n  >\n</ngx-charts-pie-chart>\n","styles":[""]}]}],"members":{"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"gradient":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"showLegend":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"showLabels":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":3}}]}],"isDoughnut":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":45,"character":3}}]}],"legendPosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":52,"character":3}}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":60,"character":3}}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":68,"character":3}}]}],"select":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":74,"character":3}}]}],"activate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":81,"character":3}}]}],"deactivate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":88,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"TabsComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"ff-tabs","template":"<mat-tab-group>\n  <mat-tab *ngFor=\"let tab of options\" >\n    <ng-template mat-tab-label>\n      <span class=\"tab-label\" (click)=\"emitValue(tab.componentType)\">\n        {{tab.label}}\n      </span></ng-template>\n  </mat-tab>\n</mat-tab-group>\n","styles":["::ng-deep .cdk-overlay-pane{transform:translateY(2%)!important;border-radius:4px!important}::ng-deep .dp-panel-my,::ng-deep .dp-panel-yy{width:244px!important;height:auto!important;border-radius:4px!important}::ng-deep .dp-panel-my .mat-calendar-body-selected,::ng-deep .dp-panel-yy .mat-calendar-body-selected{color:#c81414!important;background-color:initial!important;font-weight:500;font-size:150%}::ng-deep .dp-panel-keyboard,::ng-deep .dp-panel-text{width:244px!important;height:auto!important;border-radius:4px!important}::ng-deep .dp-panel-keyboard .mat-calendar-body-label:not(:last-of-type),::ng-deep .dp-panel-text .mat-calendar-body-label:not(:last-of-type){visibility:hidden}::ng-deep .dp-panel-keyboard .mat-calendar-body-label:last-of-type,::ng-deep .dp-panel-text .mat-calendar-body-label:last-of-type{display:none}::ng-deep .dp-panel-keyboard .mat-calendar-body-selected,::ng-deep .dp-panel-text .mat-calendar-body-selected{background-color:#c81414!important;color:#fff!important;font-weight:300}::ng-deep .dp-panel-horizontal{display:flex!important;flex-direction:row!important;width:465px!important;height:auto!important}::ng-deep .dp-panel-horizontal .mat-calendar-body-label:not(:last-of-type){visibility:hidden}::ng-deep .dp-panel-horizontal .mat-calendar-body-label:last-of-type{display:none}::ng-deep .dp-panel-horizontal .mat-calendar-content{width:100%!important;margin-top:52px;padding:18px}::ng-deep .dp-panel-horizontal .mat-calendar-body-selected{background-color:#c81414!important;color:#fff!important;font-weight:300}.tab-label{padding:100%}::ng-deep .mat-tab-label{border:1px solid hsla(0,0%,64.3%,.5)}::ng-deep .mat-tab-label:focus{color:#00aeef}"]}]}],"members":{"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"emitComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":21,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"InputComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"ff-input","template":"<input type=\"text\" placeholder=\"{{placeholder}}\" class=\"app-input\"><br>\n","styles":["::ng-deep .cdk-overlay-pane{transform:translateY(2%)!important;border-radius:4px!important}::ng-deep .dp-panel-my,::ng-deep .dp-panel-yy{width:244px!important;height:auto!important;border-radius:4px!important}::ng-deep .dp-panel-my .mat-calendar-body-selected,::ng-deep .dp-panel-yy .mat-calendar-body-selected{color:#c81414!important;background-color:initial!important;font-weight:500;font-size:150%}::ng-deep .dp-panel-keyboard,::ng-deep .dp-panel-text{width:244px!important;height:auto!important;border-radius:4px!important}::ng-deep .dp-panel-keyboard .mat-calendar-body-label:not(:last-of-type),::ng-deep .dp-panel-text .mat-calendar-body-label:not(:last-of-type){visibility:hidden}::ng-deep .dp-panel-keyboard .mat-calendar-body-label:last-of-type,::ng-deep .dp-panel-text .mat-calendar-body-label:last-of-type{display:none}::ng-deep .dp-panel-keyboard .mat-calendar-body-selected,::ng-deep .dp-panel-text .mat-calendar-body-selected{background-color:#c81414!important;color:#fff!important;font-weight:300}::ng-deep .dp-panel-horizontal{display:flex!important;flex-direction:row!important;width:465px!important;height:auto!important}::ng-deep .dp-panel-horizontal .mat-calendar-body-label:not(:last-of-type){visibility:hidden}::ng-deep .dp-panel-horizontal .mat-calendar-body-label:last-of-type{display:none}::ng-deep .dp-panel-horizontal .mat-calendar-content{width:100%!important;margin-top:52px;padding:18px}::ng-deep .dp-panel-horizontal .mat-calendar-body-selected{background-color:#c81414!important;color:#fff!important;font-weight:300}.app-input{width:100%;padding:5px 10px;height:38px}.app-input:focus{border-radius:3px;border:.5px solid #00aeef}"]}]}],"members":{"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":4}}]}],"showTooltip":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":4}}]}],"tooltipText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":4}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"ProgressBarComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"ff-progress-bar","providers":[{"provide":{"__symbolic":"reference","module":"@angular/cdk/stepper","name":"STEPPER_GLOBAL_OPTIONS","line":15,"character":13},"useValue":{"displayDefaultIndicatorType":false}}],"template":"<section class=\"progress-bar-section\" *ngIf=\"size === 'Small'\">\n  <mat-progress-bar\n      class=\"small-progress-bar-margin small-progress-bar-size\"\n      [mode]=\"mode\"\n      [value]=\"value\">\n  </mat-progress-bar>\n</section>\n<mat-horizontal-stepper linear #stepper *ngIf=\"size === 'LargeHorizontal'\" labelPosition=\"bottom\" [setComponent]=\"setComponentTypes()\"\n  selectedIndex=\"{{selectedItemPosition}}\" class=\"large-horizontal-progress-bar-size\">\n  <mat-step [editable]=\"isEditable\" *ngFor=\"let item of fieldsLargeProgressBar\"\n    [completed]=\"item.onGoingOrCompleted\" state='{{item.state}}'>\n    <form>\n      <ng-template matStepLabel>\n        <div class=\"title-position\"></div>\n        {{item.label}}\n      </ng-template>\n      <ng-container *ngFor=\"let element of componentTypes\">\n        <ng-container *ngTemplateOutlet=\"setCustomTemplate(element, item.componentTypeDescription)\">\n        </ng-container>\n      </ng-container>\n    </form>\n  </mat-step>\n  <ng-template *ngFor=\"let item of fieldsLargeProgressBar\" matStepperIcon=\"{{item.state}}\">\n    <mat-icon>{{item.newStateMaterialIcon}}</mat-icon>\n  </ng-template>\n</mat-horizontal-stepper>\n<mat-vertical-stepper linear #stepper *ngIf=\"size === 'LargeVertical'\" labelPosition=\"bottom\" [setComponent]=\"setComponentTypes()\"\n  selectedIndex=\"{{selectedItemPosition}}\" class=\"large-vertical-progress-bar-size\">\n  <mat-step [editable]=\"isEditable\" *ngFor=\"let item of fieldsLargeProgressBar\"\n    [completed]=\"item.onGoingOrCompleted\" state='{{item.state}}'>\n    <form>\n      <ng-template matStepLabel>\n        <div class=\"title-position\"></div>\n        {{item.label}}\n      </ng-template>\n      <ng-container *ngFor=\"let element of componentTypes\">\n          <ng-container *ngTemplateOutlet=\"setCustomTemplate(element, item.componentTypeDescription)\">\n          </ng-container>\n      </ng-container>\n    </form>\n  </mat-step>\n  <ng-template *ngFor=\"let item of fieldsLargeProgressBar\" matStepperIcon=\"{{item.state}}\">\n    <mat-icon>{{item.newStateMaterialIcon}}</mat-icon>\n  </ng-template>\n</mat-vertical-stepper>\n","styles":["::ng-deep .cdk-overlay-pane{transform:translateY(2%)!important;border-radius:4px!important}::ng-deep .dp-panel-my,::ng-deep .dp-panel-yy{width:244px!important;height:auto!important;border-radius:4px!important}::ng-deep .dp-panel-my .mat-calendar-body-selected,::ng-deep .dp-panel-yy .mat-calendar-body-selected{color:#c81414!important;background-color:initial!important;font-weight:500;font-size:150%}::ng-deep .dp-panel-keyboard,::ng-deep .dp-panel-text{width:244px!important;height:auto!important;border-radius:4px!important}::ng-deep .dp-panel-keyboard .mat-calendar-body-label:not(:last-of-type),::ng-deep .dp-panel-text .mat-calendar-body-label:not(:last-of-type){visibility:hidden}::ng-deep .dp-panel-keyboard .mat-calendar-body-label:last-of-type,::ng-deep .dp-panel-text .mat-calendar-body-label:last-of-type{display:none}::ng-deep .dp-panel-keyboard .mat-calendar-body-selected,::ng-deep .dp-panel-text .mat-calendar-body-selected{background-color:#c81414!important;color:#fff!important;font-weight:300}::ng-deep .dp-panel-horizontal{display:flex!important;flex-direction:row!important;width:465px!important;height:auto!important}::ng-deep .dp-panel-horizontal .mat-calendar-body-label:not(:last-of-type){visibility:hidden}::ng-deep .dp-panel-horizontal .mat-calendar-body-label:last-of-type{display:none}::ng-deep .dp-panel-horizontal .mat-calendar-content{width:100%!important;margin-top:52px;padding:18px}::ng-deep .dp-panel-horizontal .mat-calendar-body-selected{background-color:#c81414!important;color:#fff!important;font-weight:300}.progress-bar-section{display:flex;align-content:center;align-items:center;height:60px}.small-progress-bar-margin{margin:0 10px}.small-progress-bar-size{width:20%}.large-horizontal-progress-bar-size,.large-vertical-progress-bar-size{width:60%}::ng-deep .mat-progress-bar-fill:after{background-color:#c81414}::ng-deep .mat-progress-bar-buffer{background:#a4a4a4}::ng-deep .mat-step-header[ng-reflect-active=false]{pointer-events:none}::ng-deep .mat-step-header .mat-step-icon-selected,::ng-deep .mat-step-header .mat-step-icon-state-done,::ng-deep .mat-step-header .mat-step-icon-state-edit{background-color:#c81414}::ng-deep .mat-horizontal-content-container{padding:0 24px 5px!important}.title-position{position:absolute;top:0;left:0;width:100%;height:100%}"]}]}],"members":{"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":3}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":50,"character":3}}]}],"fieldsLargeProgressBar":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":70,"character":3}}]}],"customTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":86,"character":3}}]}],"ngOnInit":[{"__symbolic":"method"}]}},"AccordionTableComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"ff-accordion-table","animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":11,"character":4},"arguments":["bodyExpansion",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":12,"character":6},"arguments":["collapsed",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":12,"character":25},"arguments":[{"visibility":"hidden","height":0}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":13,"character":6},"arguments":["expanded",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":13,"character":24},"arguments":[{"visibility":"visible"}]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":15,"character":4},"arguments":["indicatorRotate",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":16,"character":6},"arguments":["collapsed",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":16,"character":25},"arguments":[{"transform":"rotate(-90deg)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":17,"character":6},"arguments":["expanded",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":17,"character":24},"arguments":[{"transform":"rotate(0deg)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":18,"character":6},"arguments":["expanded <=> collapsed",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":18,"character":43},"arguments":["225ms"]}]}]]}],"template":"<section class=\"accordion-table-component\">\n\n  <table cdk-table [dataSource]=\"rows\" multiTemplateDataRows [class]=\"class\">\n\n    <!-- Expansion column and body -->\n    <ng-container cdkColumnDef=\"expand\">\n      <th\n        cdk-header-cell\n        *cdkHeaderCellDef\n        class=\"accordion-col action\"></th>\n      <td\n        cdk-cell\n        *cdkCellDef=\"let row\"\n        class=\"accordion-col action\"\n        style=\"padding-left: 16px\">\n          <mat-icon\n            [@indicatorRotate]=\"isRowExpanded(row.id)\"\n            class=\"interactive\"\n            (click)=\"toggle(row.id)\">keyboard_arrow_down</mat-icon>\n      </td>\n    </ng-container>\n\n    <ng-container cdkColumnDef=\"body\">\n      <td\n        cdk-cell\n        *matCellDef=\"let row\"\n        [attr.colspan]=\"displayedDataColumnsList.length\"\n        [ngClass]=\"rowExpanded[row.id] ? 'row-expanded' : 'row-collapsed'\">\n        <div *ngIf=\"accordion && row.bodyTemplate\" [@bodyExpansion]=\"isRowExpanded(row.id)\">\n          <ng-template [ngTemplateOutlet]=\"row.bodyTemplate.template\"></ng-template>\n        </div>\n      </td>\n    </ng-container>\n    \n    <!-- Row checkbox -->\n    <ng-container cdkColumnDef=\"checkbox\">\n      <th\n        cdk-header-cell\n        *cdkHeaderCellDef\n        class=\"accordion-col action\"></th>\n      <td\n        cdk-cell\n        *cdkCellDef=\"let row\"\n        class=\"accordion-col action\">\n          <ff-checkboxes [options]=\"[row.option]\" (updatedValues)=\"row.onSelected($event)\"></ff-checkboxes>\n      </td>\n    </ng-container>\n\n    <!-- Regular columns -->\n    <ng-template ngFor let-header [ngForOf]=\"headers\" let-i=\"index\" >\n      <ng-container cdkColumnDef=\"{{''+i}}\">\n        <th\n          cdk-header-cell\n          *cdkHeaderCellDef\n          class=\"accordion-col\">\n          <ng-template [ngTemplateOutlet]=\"header.template\"></ng-template>\n        </th>\n        <td\n          cdk-cell\n          *cdkCellDef=\"let row\"\n          class=\"accordion-col\">\n          <ng-template [ngTemplateOutlet]=\"row.cellTemplates.get(i).template\"></ng-template>\n        </td>\n      </ng-container>\n    </ng-template>\n\n    <!-- Table definition itself -->\n    <tr\n      cdk-header-row\n      *cdkHeaderRowDef=\"displayedDataColumnsList\"\n      class=\"accordion-table-row accordion-table-header\"></tr>\n    <tr\n      cdk-row\n      *cdkRowDef=\"let row; columns: displayedDataColumnsList;\"\n      class=\"accordion-table-row accordion-row-content\"\n      [class.accordion-row-body]=\"!accordion\"></tr>\n    <tr\n      cdk-row\n      *cdkRowDef=\"let row; columns: accordion ? ['body'] : [];\"\n      class=\"accordion-table-row accordion-row-body\"></tr>\n\n  </table>\n</section>\n","styles":["::ng-deep .cdk-overlay-pane{transform:translateY(2%)!important;border-radius:4px!important}::ng-deep .dp-panel-my,::ng-deep .dp-panel-yy{width:244px!important;height:auto!important;border-radius:4px!important}::ng-deep .dp-panel-my .mat-calendar-body-selected,::ng-deep .dp-panel-yy .mat-calendar-body-selected{color:#c81414!important;background-color:initial!important;font-weight:500;font-size:150%}::ng-deep .dp-panel-keyboard,::ng-deep .dp-panel-text{width:244px!important;height:auto!important;border-radius:4px!important}::ng-deep .dp-panel-keyboard .mat-calendar-body-label:not(:last-of-type),::ng-deep .dp-panel-text .mat-calendar-body-label:not(:last-of-type){visibility:hidden}::ng-deep .dp-panel-keyboard .mat-calendar-body-label:last-of-type,::ng-deep .dp-panel-text .mat-calendar-body-label:last-of-type{display:none}::ng-deep .dp-panel-keyboard .mat-calendar-body-selected,::ng-deep .dp-panel-text .mat-calendar-body-selected{background-color:#c81414!important;color:#fff!important;font-weight:300}::ng-deep .dp-panel-horizontal{display:flex!important;flex-direction:row!important;width:465px!important;height:auto!important}::ng-deep .dp-panel-horizontal .mat-calendar-body-label:not(:last-of-type){visibility:hidden}::ng-deep .dp-panel-horizontal .mat-calendar-body-label:last-of-type{display:none}::ng-deep .dp-panel-horizontal .mat-calendar-content{width:100%!important;margin-top:52px;padding:18px}::ng-deep .dp-panel-horizontal .mat-calendar-body-selected{background-color:#c81414!important;color:#fff!important;font-weight:300}.accordion-table-component table{border-collapse:collapse;width:100%}.accordion-table-component table tr{box-sizing:border-box;font-family:Lato;font-size:16px;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;text-align:left;color:#525152}.accordion-table-component table tr th{font-weight:700}.accordion-table-component table tr td{font-weight:400;max-width:269px;overflow-wrap:anywhere;line-height:2}.accordion-table-component table tr td ::ng-deep .checkbox-section{height:unset}.accordion-table-component table td.row-expanded{font-size:unset}.accordion-table-component table td.row-collapsed{font-size:0;display:none}.accordion-table-component table tr.accordion-row-body{border-bottom:.8px solid hsla(0,0%,64.3%,.3)}.accordion-table-component table tr.accordion-row-content td{height:70px;padding:0 14px}.accordion-table-component table tr.accordion-table-header th{height:49px;padding:0 14px}.accordion-table-component table tr td.action,.accordion-table-component table tr th.action{padding:0}.accordion-table-component .table-clear th{background-color:#fff;color:#525152;border-bottom:.8px solid hsla(0,0%,64.3%,.3)}.accordion-table-component .table-medium th{background-color:#ebebeb;color:#525152}.accordion-table-component .table-dark th{background-color:#525152;color:#fff}.interactive{cursor:pointer}"]}]}],"members":{"class":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"headerTemplates":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":27,"character":3},"arguments":[{"__symbolic":"reference","name":"AccordionHeaderComponent"}]}]}],"rowTemplates":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":31,"character":3},"arguments":[{"__symbolic":"reference","name":"AccordionRowComponent"}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":46,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Attribute","line":46,"character":17},"arguments":["accordion"]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":47,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Attribute","line":47,"character":17},"arguments":["checkbox"]}]],"parameters":[{"__symbolic":"reference","name":"boolean"},{"__symbolic":"reference","name":"boolean"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"toggle":[{"__symbolic":"method"}],"isRowExpanded":[{"__symbolic":"method"}]}},"AccordionRowComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"ff-accordion-row","template":"","styles":["::ng-deep .cdk-overlay-pane{transform:translateY(2%)!important;border-radius:4px!important}::ng-deep .dp-panel-my,::ng-deep .dp-panel-yy{width:244px!important;height:auto!important;border-radius:4px!important}::ng-deep .dp-panel-my .mat-calendar-body-selected,::ng-deep .dp-panel-yy .mat-calendar-body-selected{color:#c81414!important;background-color:initial!important;font-weight:500;font-size:150%}::ng-deep .dp-panel-keyboard,::ng-deep .dp-panel-text{width:244px!important;height:auto!important;border-radius:4px!important}::ng-deep .dp-panel-keyboard .mat-calendar-body-label:not(:last-of-type),::ng-deep .dp-panel-text .mat-calendar-body-label:not(:last-of-type){visibility:hidden}::ng-deep .dp-panel-keyboard .mat-calendar-body-label:last-of-type,::ng-deep .dp-panel-text .mat-calendar-body-label:last-of-type{display:none}::ng-deep .dp-panel-keyboard .mat-calendar-body-selected,::ng-deep .dp-panel-text .mat-calendar-body-selected{background-color:#c81414!important;color:#fff!important;font-weight:300}::ng-deep .dp-panel-horizontal{display:flex!important;flex-direction:row!important;width:465px!important;height:auto!important}::ng-deep .dp-panel-horizontal .mat-calendar-body-label:not(:last-of-type){visibility:hidden}::ng-deep .dp-panel-horizontal .mat-calendar-body-label:last-of-type{display:none}::ng-deep .dp-panel-horizontal .mat-calendar-content{width:100%!important;margin-top:52px;padding:18px}::ng-deep .dp-panel-horizontal .mat-calendar-body-selected{background-color:#c81414!important;color:#fff!important;font-weight:300}.accordion-table-component table{border-collapse:collapse;width:100%}.accordion-table-component table tr{box-sizing:border-box;font-family:Lato;font-size:16px;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;text-align:left;color:#525152}.accordion-table-component table tr th{font-weight:700}.accordion-table-component table tr td{font-weight:400;max-width:269px;overflow-wrap:anywhere;line-height:2}.accordion-table-component table tr td ::ng-deep .checkbox-section{height:unset}.accordion-table-component table td.row-expanded{font-size:unset}.accordion-table-component table td.row-collapsed{font-size:0;display:none}.accordion-table-component table tr.accordion-row-body{border-bottom:.8px solid hsla(0,0%,64.3%,.3)}.accordion-table-component table tr.accordion-row-content td{height:70px;padding:0 14px}.accordion-table-component table tr.accordion-table-header th{height:49px;padding:0 14px}.accordion-table-component table tr td.action,.accordion-table-component table tr th.action{padding:0}.accordion-table-component .table-clear th{background-color:#fff;color:#525152;border-bottom:.8px solid hsla(0,0%,64.3%,.3)}.accordion-table-component .table-medium th{background-color:#ebebeb;color:#525152}.accordion-table-component .table-dark th{background-color:#525152;color:#fff}.interactive{cursor:pointer}"]}]}],"members":{"id":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"selected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":19,"character":3}}]}],"opened":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":22,"character":3}}]}],"closed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":25,"character":3}}]}],"cellTemplates":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":28,"character":3},"arguments":[{"__symbolic":"reference","name":"AccordionCellComponent"}]}]}],"bodyTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":31,"character":3},"arguments":[{"__symbolic":"reference","name":"AccordionRowBodyComponent"}]}]}],"rowTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":34,"character":3},"arguments":["rowTemplate"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"onSelected":[{"__symbolic":"method"}],"onOpened":[{"__symbolic":"method"}],"onClosed":[{"__symbolic":"method"}]}},"AccordionRowBodyComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"ff-accordion-row-body","template":"<ng-template #template>\n  <ng-content></ng-content>\n</ng-template>\n","styles":[""]}]}],"members":{"template":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":9,"character":3},"arguments":["template"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"AccordionCellComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"ff-accordion-cell","template":"<ng-template #template>\n  <div [title]=\"tooltipText\" [ngClass]=\"{'no-wrap' : !textWrap}\">\n    <ng-content></ng-content>\n  </div>\n</ng-template>\n","styles":[".no-wrap{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}"]}]}],"members":{"template":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":9,"character":3},"arguments":["template"]}]}],"textWrap":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"tooltipText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"AccordionHeaderComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"ff-accordion-header","template":"<ng-template #template>\n  <ng-content></ng-content>\n</ng-template>\n","styles":[""]}]}],"members":{"template":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":9,"character":3},"arguments":["template"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"TableComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"ff-table","template":"<div [class]=\"class\">\n    <ng-template [ngIf]=\"headersTemplates\">\n        <span class=\"table-head\" [style]=\"'grid-template-columns: repeat('+headersTemplates.length+', minmax(0, 1fr))'\">\n            <ng-template [ngTemplateOutlet]=\"headTemplate.template\"></ng-template>\n        </span>\n\n        <span\n            *ngFor=\"let row of rowTemplates; index as rowIndex\"\n            class=\"table-row\"\n            [style]=\"'grid-template-columns: repeat('+headersTemplates.length+', minmax(0, 1fr))'\">\n            <ng-template [ngTemplateOutlet]=\"row.template\"></ng-template>\n        </span>\n    </ng-template>\n</div>","styles":["::ng-deep .cdk-overlay-pane{transform:translateY(2%)!important;border-radius:4px!important}::ng-deep .dp-panel-my,::ng-deep .dp-panel-yy{width:244px!important;height:auto!important;border-radius:4px!important}::ng-deep .dp-panel-my .mat-calendar-body-selected,::ng-deep .dp-panel-yy .mat-calendar-body-selected{color:#c81414!important;background-color:initial!important;font-weight:500;font-size:150%}::ng-deep .dp-panel-keyboard,::ng-deep .dp-panel-text{width:244px!important;height:auto!important;border-radius:4px!important}::ng-deep .dp-panel-keyboard .mat-calendar-body-label:not(:last-of-type),::ng-deep .dp-panel-text .mat-calendar-body-label:not(:last-of-type){visibility:hidden}::ng-deep .dp-panel-keyboard .mat-calendar-body-label:last-of-type,::ng-deep .dp-panel-text .mat-calendar-body-label:last-of-type{display:none}::ng-deep .dp-panel-keyboard .mat-calendar-body-selected,::ng-deep .dp-panel-text .mat-calendar-body-selected{background-color:#c81414!important;color:#fff!important;font-weight:300}::ng-deep .dp-panel-horizontal{display:flex!important;flex-direction:row!important;width:465px!important;height:auto!important}::ng-deep .dp-panel-horizontal .mat-calendar-body-label:not(:last-of-type){visibility:hidden}::ng-deep .dp-panel-horizontal .mat-calendar-body-label:last-of-type{display:none}::ng-deep .dp-panel-horizontal .mat-calendar-content{width:100%!important;margin-top:52px;padding:18px}::ng-deep .dp-panel-horizontal .mat-calendar-body-selected{background-color:#c81414!important;color:#fff!important;font-weight:300}.table-head{display:grid}.table-col,.table-header{font-family:Lato;font-size:16px;letter-spacing:normal;font-style:normal;font-stretch:normal;line-height:normal;text-align:left;padding:16px}.table-header{font-weight:700}.table-col{font-weight:400;font-size:14px}.table-clear .table-head{background-color:#fff;color:#525152;border-bottom:.8px solid hsla(0,0%,64.3%,.3)}.table-medium .table-head{background-color:#ebebeb;color:#525152}.table-dark .table-head{background-color:#525152;color:#fff}.table-row{display:grid;border-bottom:.8px solid hsla(0,0%,64.3%,.3)}"]}]}],"members":{"class":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"headTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":14,"character":3},"arguments":[{"__symbolic":"reference","name":"TableHeadComponent"}]}]}],"headers":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":16,"character":3},"arguments":[{"__symbolic":"reference","name":"TableHeaderComponent"},{"descendants":true}]}]}],"rowTemplates":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":18,"character":3},"arguments":[{"__symbolic":"reference","name":"TableRowComponent"}]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}]}},"TableCellComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"ff-table-cell","template":"<ng-template #cellTemplate><ng-content></ng-content></ng-template>","styles":["::ng-deep .cdk-overlay-pane{transform:translateY(2%)!important;border-radius:4px!important}::ng-deep .dp-panel-my,::ng-deep .dp-panel-yy{width:244px!important;height:auto!important;border-radius:4px!important}::ng-deep .dp-panel-my .mat-calendar-body-selected,::ng-deep .dp-panel-yy .mat-calendar-body-selected{color:#c81414!important;background-color:initial!important;font-weight:500;font-size:150%}::ng-deep .dp-panel-keyboard,::ng-deep .dp-panel-text{width:244px!important;height:auto!important;border-radius:4px!important}::ng-deep .dp-panel-keyboard .mat-calendar-body-label:not(:last-of-type),::ng-deep .dp-panel-text .mat-calendar-body-label:not(:last-of-type){visibility:hidden}::ng-deep .dp-panel-keyboard .mat-calendar-body-label:last-of-type,::ng-deep .dp-panel-text .mat-calendar-body-label:last-of-type{display:none}::ng-deep .dp-panel-keyboard .mat-calendar-body-selected,::ng-deep .dp-panel-text .mat-calendar-body-selected{background-color:#c81414!important;color:#fff!important;font-weight:300}::ng-deep .dp-panel-horizontal{display:flex!important;flex-direction:row!important;width:465px!important;height:auto!important}::ng-deep .dp-panel-horizontal .mat-calendar-body-label:not(:last-of-type){visibility:hidden}::ng-deep .dp-panel-horizontal .mat-calendar-body-label:last-of-type{display:none}::ng-deep .dp-panel-horizontal .mat-calendar-content{width:100%!important;margin-top:52px;padding:18px}::ng-deep .dp-panel-horizontal .mat-calendar-body-selected{background-color:#c81414!important;color:#fff!important;font-weight:300}.table-head{display:grid}.table-col,.table-header{font-family:Lato;font-size:16px;letter-spacing:normal;font-style:normal;font-stretch:normal;line-height:normal;text-align:left;padding:16px}.table-header{font-weight:700}.table-col{font-weight:400;font-size:14px}.table-clear .table-head{background-color:#fff;color:#525152;border-bottom:.8px solid hsla(0,0%,64.3%,.3)}.table-medium .table-head{background-color:#ebebeb;color:#525152}.table-dark .table-head{background-color:#525152;color:#fff}.table-row{display:grid;border-bottom:.8px solid hsla(0,0%,64.3%,.3)}"]}]}],"members":{"template":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":9,"character":3},"arguments":["cellTemplate"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"TableRowComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"ff-table-row","template":"<ng-template #rowTemplate>\n    <span *ngFor=\"let cell of cellTemplates; index as columnIndex\"\n            class=\"table-col\"\n            [style.grid-column-start]=\"columnIndex + 1\">\n        <ng-template [ngTemplateOutlet]=\"cell.template\"></ng-template>\n    </span>\n</ng-template>","styles":["::ng-deep .cdk-overlay-pane{transform:translateY(2%)!important;border-radius:4px!important}::ng-deep .dp-panel-my,::ng-deep .dp-panel-yy{width:244px!important;height:auto!important;border-radius:4px!important}::ng-deep .dp-panel-my .mat-calendar-body-selected,::ng-deep .dp-panel-yy .mat-calendar-body-selected{color:#c81414!important;background-color:initial!important;font-weight:500;font-size:150%}::ng-deep .dp-panel-keyboard,::ng-deep .dp-panel-text{width:244px!important;height:auto!important;border-radius:4px!important}::ng-deep .dp-panel-keyboard .mat-calendar-body-label:not(:last-of-type),::ng-deep .dp-panel-text .mat-calendar-body-label:not(:last-of-type){visibility:hidden}::ng-deep .dp-panel-keyboard .mat-calendar-body-label:last-of-type,::ng-deep .dp-panel-text .mat-calendar-body-label:last-of-type{display:none}::ng-deep .dp-panel-keyboard .mat-calendar-body-selected,::ng-deep .dp-panel-text .mat-calendar-body-selected{background-color:#c81414!important;color:#fff!important;font-weight:300}::ng-deep .dp-panel-horizontal{display:flex!important;flex-direction:row!important;width:465px!important;height:auto!important}::ng-deep .dp-panel-horizontal .mat-calendar-body-label:not(:last-of-type){visibility:hidden}::ng-deep .dp-panel-horizontal .mat-calendar-body-label:last-of-type{display:none}::ng-deep .dp-panel-horizontal .mat-calendar-content{width:100%!important;margin-top:52px;padding:18px}::ng-deep .dp-panel-horizontal .mat-calendar-body-selected{background-color:#c81414!important;color:#fff!important;font-weight:300}.table-head{display:grid}.table-col,.table-header{font-family:Lato;font-size:16px;letter-spacing:normal;font-style:normal;font-stretch:normal;line-height:normal;text-align:left;padding:16px}.table-header{font-weight:700}.table-col{font-weight:400;font-size:14px}.table-clear .table-head{background-color:#fff;color:#525152;border-bottom:.8px solid hsla(0,0%,64.3%,.3)}.table-medium .table-head{background-color:#ebebeb;color:#525152}.table-dark .table-head{background-color:#525152;color:#fff}.table-row{display:grid;border-bottom:.8px solid hsla(0,0%,64.3%,.3)}"]}]}],"members":{"cellTemplates":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":9,"character":3},"arguments":[{"__symbolic":"reference","name":"TableCellComponent"}]}]}],"template":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":11,"character":3},"arguments":["rowTemplate"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"TableHeadComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"ff-table-head","template":"<ng-template #headTemplate>\n    <ng-template [ngIf]=\"headerTemplates\">\n        <span *ngFor=\"let header of headerTemplates; index as headerIndex\"\n            class=\"table-header\"\n            [style.grid-column-start]=\"headerIndex + 1\">\n            <ng-template [ngTemplateOutlet]=\"header.template\"></ng-template>\n        </span>\n    </ng-template>\n</ng-template>","styles":["::ng-deep .cdk-overlay-pane{transform:translateY(2%)!important;border-radius:4px!important}::ng-deep .dp-panel-my,::ng-deep .dp-panel-yy{width:244px!important;height:auto!important;border-radius:4px!important}::ng-deep .dp-panel-my .mat-calendar-body-selected,::ng-deep .dp-panel-yy .mat-calendar-body-selected{color:#c81414!important;background-color:initial!important;font-weight:500;font-size:150%}::ng-deep .dp-panel-keyboard,::ng-deep .dp-panel-text{width:244px!important;height:auto!important;border-radius:4px!important}::ng-deep .dp-panel-keyboard .mat-calendar-body-label:not(:last-of-type),::ng-deep .dp-panel-text .mat-calendar-body-label:not(:last-of-type){visibility:hidden}::ng-deep .dp-panel-keyboard .mat-calendar-body-label:last-of-type,::ng-deep .dp-panel-text .mat-calendar-body-label:last-of-type{display:none}::ng-deep .dp-panel-keyboard .mat-calendar-body-selected,::ng-deep .dp-panel-text .mat-calendar-body-selected{background-color:#c81414!important;color:#fff!important;font-weight:300}::ng-deep .dp-panel-horizontal{display:flex!important;flex-direction:row!important;width:465px!important;height:auto!important}::ng-deep .dp-panel-horizontal .mat-calendar-body-label:not(:last-of-type){visibility:hidden}::ng-deep .dp-panel-horizontal .mat-calendar-body-label:last-of-type{display:none}::ng-deep .dp-panel-horizontal .mat-calendar-content{width:100%!important;margin-top:52px;padding:18px}::ng-deep .dp-panel-horizontal .mat-calendar-body-selected{background-color:#c81414!important;color:#fff!important;font-weight:300}.table-head{display:grid}.table-col,.table-header{font-family:Lato;font-size:16px;letter-spacing:normal;font-style:normal;font-stretch:normal;line-height:normal;text-align:left;padding:16px}.table-header{font-weight:700}.table-col{font-weight:400;font-size:14px}.table-clear .table-head{background-color:#fff;color:#525152;border-bottom:.8px solid hsla(0,0%,64.3%,.3)}.table-medium .table-head{background-color:#ebebeb;color:#525152}.table-dark .table-head{background-color:#525152;color:#fff}.table-row{display:grid;border-bottom:.8px solid hsla(0,0%,64.3%,.3)}"]}]}],"members":{"headers":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":12,"character":3},"arguments":[{"__symbolic":"reference","name":"TableHeaderComponent"}]}]}],"template":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":15,"character":3},"arguments":["headTemplate"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}]}},"TableHeaderComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"ff-table-header","template":"<ng-template #headerTemplate><ng-content></ng-content></ng-template>","styles":["::ng-deep .cdk-overlay-pane{transform:translateY(2%)!important;border-radius:4px!important}::ng-deep .dp-panel-my,::ng-deep .dp-panel-yy{width:244px!important;height:auto!important;border-radius:4px!important}::ng-deep .dp-panel-my .mat-calendar-body-selected,::ng-deep .dp-panel-yy .mat-calendar-body-selected{color:#c81414!important;background-color:initial!important;font-weight:500;font-size:150%}::ng-deep .dp-panel-keyboard,::ng-deep .dp-panel-text{width:244px!important;height:auto!important;border-radius:4px!important}::ng-deep .dp-panel-keyboard .mat-calendar-body-label:not(:last-of-type),::ng-deep .dp-panel-text .mat-calendar-body-label:not(:last-of-type){visibility:hidden}::ng-deep .dp-panel-keyboard .mat-calendar-body-label:last-of-type,::ng-deep .dp-panel-text .mat-calendar-body-label:last-of-type{display:none}::ng-deep .dp-panel-keyboard .mat-calendar-body-selected,::ng-deep .dp-panel-text .mat-calendar-body-selected{background-color:#c81414!important;color:#fff!important;font-weight:300}::ng-deep .dp-panel-horizontal{display:flex!important;flex-direction:row!important;width:465px!important;height:auto!important}::ng-deep .dp-panel-horizontal .mat-calendar-body-label:not(:last-of-type){visibility:hidden}::ng-deep .dp-panel-horizontal .mat-calendar-body-label:last-of-type{display:none}::ng-deep .dp-panel-horizontal .mat-calendar-content{width:100%!important;margin-top:52px;padding:18px}::ng-deep .dp-panel-horizontal .mat-calendar-body-selected{background-color:#c81414!important;color:#fff!important;font-weight:300}.table-head{display:grid}.table-col,.table-header{font-family:Lato;font-size:16px;letter-spacing:normal;font-style:normal;font-stretch:normal;line-height:normal;text-align:left;padding:16px}.table-header{font-weight:700}.table-col{font-weight:400;font-size:14px}.table-clear .table-head{background-color:#fff;color:#525152;border-bottom:.8px solid hsla(0,0%,64.3%,.3)}.table-medium .table-head{background-color:#ebebeb;color:#525152}.table-dark .table-head{background-color:#525152;color:#fff}.table-row{display:grid;border-bottom:.8px solid hsla(0,0%,64.3%,.3)}"]}]}],"members":{"template":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":9,"character":3},"arguments":["headerTemplate"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"ModalComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"ff-modal","template":"<section class=\"modal background\" (click)=\"onDissmiss($event)\">\n    <div class=\"main\" [ngStyle]=\"padding == false ? {'width':  width , 'padding': '0'} : {'width': width , 'padding': '24px 32px 32px'}\" (click)=\"$event.stopPropagation();\">\n        <div *ngIf=\"showHeader\" class=\"header\">\n            <h1 [ngClass]=\"['title', titleAlign]\">\n                <span *ngIf=\"typeIcon()\" [ngClass]=\"['icon', typeIcon()]\"></span>\n                {{title}}\n            </h1>\n            <span *ngIf=\"primaryAction === undefined\"\n                    class=\"close-button icon icon-x\"\n                    (click)=\"onDissmiss($event)\">\n            </span>\n        </div>\n\n        <div *ngIf=\"isTextualContent()\" class=\"body\">{{content}}</div>\n\n        <ng-template #child class=\"body\"></ng-template>\n\n        <ng-content *ngIf=\"content === undefined\" class=\"body\"></ng-content>\n\n        <div *ngIf=\"primaryAction\" class=\"buttons\">\n            <ff-ghost-button color=\"blue\"\n                        [displayText]=\"secondaryAction\"\n                        [onClick]=\"onDissmiss\"></ff-ghost-button>\n            <span style=\"width: 17px;\"></span>\n            <ff-cta-button color=\"blue\"\n                        [displayText]=\"primaryAction\"\n                        [onClick]=\"onAccept\"></ff-cta-button>\n        </div>\n    </div>\n</section>\n","styles":["::ng-deep .cdk-overlay-pane{transform:translateY(2%)!important;border-radius:4px!important}::ng-deep .dp-panel-my,::ng-deep .dp-panel-yy{width:244px!important;height:auto!important;border-radius:4px!important}::ng-deep .dp-panel-my .mat-calendar-body-selected,::ng-deep .dp-panel-yy .mat-calendar-body-selected{color:#c81414!important;background-color:initial!important;font-weight:500;font-size:150%}::ng-deep .dp-panel-keyboard,::ng-deep .dp-panel-text{width:244px!important;height:auto!important;border-radius:4px!important}::ng-deep .dp-panel-keyboard .mat-calendar-body-label:not(:last-of-type),::ng-deep .dp-panel-text .mat-calendar-body-label:not(:last-of-type){visibility:hidden}::ng-deep .dp-panel-keyboard .mat-calendar-body-label:last-of-type,::ng-deep .dp-panel-text .mat-calendar-body-label:last-of-type{display:none}::ng-deep .dp-panel-keyboard .mat-calendar-body-selected,::ng-deep .dp-panel-text .mat-calendar-body-selected{background-color:#c81414!important;color:#fff!important;font-weight:300}::ng-deep .dp-panel-horizontal{display:flex!important;flex-direction:row!important;width:465px!important;height:auto!important}::ng-deep .dp-panel-horizontal .mat-calendar-body-label:not(:last-of-type){visibility:hidden}::ng-deep .dp-panel-horizontal .mat-calendar-body-label:last-of-type{display:none}::ng-deep .dp-panel-horizontal .mat-calendar-content{width:100%!important;margin-top:52px;padding:18px}::ng-deep .dp-panel-horizontal .mat-calendar-body-selected{background-color:#c81414!important;color:#fff!important;font-weight:300}.background{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(35,35,35,.5);z-index:1}.modal .main{position:relative;top:50%;left:50%;transform:translate(-50%,-50%);padding:24px 32px 32px;border-radius:5px;box-shadow:0 1px 6px 0 rgba(0,0,0,.16);background-color:#fff}.modal .main .header{display:flex}.modal .main .header .title{margin:0;flex-grow:1;font-family:Montserrat;font-size:16px;font-weight:600;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#232323}.modal .main .header .title.left{text-align:left}.modal .main .header .title.center{text-align:center}.modal .main .header .title.right{text-align:right}.modal .main .header .icon{object-fit:contain}.modal .main .header .icon-x{content:url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2219.799%22 height%3D%2219.799%22 viewBox%3D%220 0 19.799 19.799%22%3E    %3Cg%3E        %3Cpath fill%3D%22%23a4a4a4%22 d%3D%22M18 13h-5v5a1 1 0 0 1-1 1 1 1 0 0 1-1-1v-5H6a1 1 0 0 1-1-1 1 1 0 0 1 1-1h5V6a1 1 0 0 1 1-1 1 1 0 0 1 1 1v5h5a1 1 0 0 1 1 1 1 1 0 0 1-1 1z%22 transform%3D%22translate(0 9.9) rotate(-45) translate(-5 -5)%22%2F%3E    %3C%2Fg%3E%3C%2Fsvg%3E\")}.modal .main .header .icon-error{content:url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2220%22 height%3D%2220%22 viewBox%3D%220 0 20 20%22%3E    %3Cpath fill%3D%22%23f9c851%22 d%3D%22M12 7a1 1 0 0 1 1 1v4a1 1 0 0 1-2 0V8a1 1 0 0 1 1-1zm-.01-5A10 10 0 1 0 22 12 10 10 0 0 0 11.99 2zM12 20a8 8 0 1 1 8-8 8 8 0 0 1-8 8zm1-3h-2v-2h2z%22 transform%3D%22translate(-2 -2)%22%2F%3E%3C%2Fsvg%3E\")}.modal .main .header .icon-warn{content:url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2219.063%22 height%3D%2217.008%22 viewBox%3D%220 0 19.063 17.008%22%3E    %3Cpath fill%3D%22%23c81414%22 d%3D%22M12 5.99L19.53 19H4.47L12 5.99M2.74 18a2 2 0 0 0 1.73 3h15.06a2 2 0 0 0 1.73-3L13.73 4.99a2 2 0 0 0-3.46 0zM11 11v2a1 1 0 0 0 2 0v-2a1 1 0 0 0-2 0zm0 5h2v2h-2z%22 transform%3D%22translate(-2.469 -3.992)%22%2F%3E%3C%2Fsvg%3E\")}.modal .main .header .icon-help{content:url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2220%22 height%3D%2220%22 viewBox%3D%220 0 20 20%22%3E    %3Cpath fill%3D%22%234385f5%22 d%3D%22M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm0 18a8 8 0 1 1 8-8 8.011 8.011 0 0 1-8 8zm-1-4h2v2h-2zm1.61-9.96a4 4 0 0 0-4.43 2.79.907.907 0 0 0 .87 1.17h.2a.963.963 0 0 0 .88-.67 2 2 0 0 1 2.3-1.28 2.023 2.023 0 0 1 1.57 2.1c-.1 1.34-1.62 1.63-2.45 2.88 0 .01-.01.01-.01.02s-.02.03-.03.05a3.331 3.331 0 0 0-.25.5c-.01.03-.03.05-.04.08a.637.637 0 0 0-.02.07A3.718 3.718 0 0 0 11 15h2a2.124 2.124 0 0 1 .28-1.07c.02-.03.03-.06.05-.09a2.758 2.758 0 0 1 .28-.39c.01-.01.02-.03.03-.04a3.514 3.514 0 0 1 .33-.34c.96-.91 2.26-1.65 1.99-3.56a4.075 4.075 0 0 0-3.35-3.47z%22 transform%3D%22translate(-2 -2)%22%2F%3E%3C%2Fsvg%3E\")}.modal .main .header .close-button{margin:0;flex-grow:0}.modal .main .body{font-family:Lato;font-size:16px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;text-align:left;color:#525152}.modal .main .buttons{display:flex;justify-content:end;margin-top:48px}.close-button{cursor:pointer}"]}]}],"members":{"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"titleAlign":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"content":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"primaryAction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"secondaryAction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"showHeader":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3}}]}],"padding":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":3}}]}],"selection":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":39,"character":3}}]}],"childContainer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":45,"character":3},"arguments":["child",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":45,"character":28}}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver","line":50,"character":48}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}],"isTextualContent":[{"__symbolic":"method"}],"isComponentContent":[{"__symbolic":"method"}],"typeIcon":[{"__symbolic":"method"}]}},"AddressModalComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"ff-address-modal","template":"<section class=\"address-modal\">\n    <div class=\"address\">\n        <h2 class=\"title\">Address:</h2>\n        <span class=\"end icon icon-copy\"\n            (click)=\"copyAddress($event)\">\n        </span>\n    </div>\n    <p class=\"content\">{{address[0]}}</p>\n    <p class=\"content\">{{address[1]}}</p>\n\n    <h2 class=\"title\">City:</h2>\n    <p class=\"content\">{{city}}</p>\n\n    <h2 class=\"title\">State / Province:</h2>\n    <p class=\"content\">{{state}}</p>\n\n    <h2 class=\"title\">Country:</h2>\n    <p class=\"content\">{{country}}</p>\n\n</section>","styles":["::ng-deep .cdk-overlay-pane{transform:translateY(2%)!important;border-radius:4px!important}::ng-deep .dp-panel-my,::ng-deep .dp-panel-yy{width:244px!important;height:auto!important;border-radius:4px!important}::ng-deep .dp-panel-my .mat-calendar-body-selected,::ng-deep .dp-panel-yy .mat-calendar-body-selected{color:#c81414!important;background-color:initial!important;font-weight:500;font-size:150%}::ng-deep .dp-panel-keyboard,::ng-deep .dp-panel-text{width:244px!important;height:auto!important;border-radius:4px!important}::ng-deep .dp-panel-keyboard .mat-calendar-body-label:not(:last-of-type),::ng-deep .dp-panel-text .mat-calendar-body-label:not(:last-of-type){visibility:hidden}::ng-deep .dp-panel-keyboard .mat-calendar-body-label:last-of-type,::ng-deep .dp-panel-text .mat-calendar-body-label:last-of-type{display:none}::ng-deep .dp-panel-keyboard .mat-calendar-body-selected,::ng-deep .dp-panel-text .mat-calendar-body-selected{background-color:#c81414!important;color:#fff!important;font-weight:300}::ng-deep .dp-panel-horizontal{display:flex!important;flex-direction:row!important;width:465px!important;height:auto!important}::ng-deep .dp-panel-horizontal .mat-calendar-body-label:not(:last-of-type){visibility:hidden}::ng-deep .dp-panel-horizontal .mat-calendar-body-label:last-of-type{display:none}::ng-deep .dp-panel-horizontal .mat-calendar-content{width:100%!important;margin-top:52px;padding:18px}::ng-deep .dp-panel-horizontal .mat-calendar-body-selected{background-color:#c81414!important;color:#fff!important;font-weight:300}.address-modal{font-family:Lato;font-size:16px;font-stretch:normal;font-style:normal;letter-spacing:normal;text-align:left;color:#525152}.address-modal .address{display:flex}.address-modal .address .end{margin:auto 0 auto auto}.address-modal .address .icon{object-fit:contain}.address-modal .address .icon-copy{content:url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2215%22 height%3D%2215%22 viewBox%3D%220 0 15 15%22%3E    %3Cg%3E        %3Cg%3E            %3Cpath fill%3D%22%23a4a4a4%22 d%3D%22M1.682 3.727A.684.684 0 0 0 1 4.409v10.227A1.368 1.368 0 0 0 2.364 16h10.227a.682.682 0 1 0 0-1.364H3.045a.684.684 0 0 1-.682-.682V4.409a.684.684 0 0 0-.681-.682zM14.636 1H5.091a1.368 1.368 0 0 0-1.364 1.364v9.545a1.368 1.368 0 0 0 1.364 1.364h9.545A1.368 1.368 0 0 0 16 11.909V2.364A1.368 1.368 0 0 0 14.636 1zm-.682 10.909H5.773a.684.684 0 0 1-.682-.682V3.045a.684.684 0 0 1 .682-.682h8.182a.684.684 0 0 1 .682.682v8.182a.684.684 0 0 1-.682.682z%22 transform%3D%22translate(-1133 -321) translate(1133 321) translate(-1 -1)%22%2F%3E        %3C%2Fg%3E    %3C%2Fg%3E%3C%2Fsvg%3E\")}.address-modal .title{font-weight:700;line-height:normal;margin:16px 0 12px;font-size:16px}.address-modal .content{font-weight:400;line-height:1.56;margin:0}"]}]}],"members":{"address":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"city":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"state":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"country":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"copyAddress":[{"__symbolic":"method"}],"execClipboard":[{"__symbolic":"method"}],"clipboardApi":[{"__symbolic":"method"}]}},"AutocompleteCheckboxComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"ff-autocomplete-checkbox","template":"    <mat-form-field appearance=\"none\">\n        <mat-select multiple\n                    placeholder=\"Select Options\"\n                    floatPlaceholder=\"never\"\n                    panelClass=\"optionsPanel\"\n                    [disabled]=\"this.isDisabled\"\n                    [class.dropdown-select-disabled]=\"this.isDisabled\"\n                    [class.dropdown-select]=\"!this.isDisabled\">\n\n                <mat-option *ngFor=\"let option of this.options\"\n                            [value]=\"option.value\"\n                            [checked]=\"option.selected\"\n                            [(ngModel)]=\"option.selected\"\n                            (click)=\"onChange(option)\"\n                            ngDefaultControl \n                >{{option.text}}\n                </mat-option>\n        </mat-select>\n    </mat-form-field>","styles":["::ng-deep .cdk-overlay-pane{transform:translateY(2%)!important;border-radius:4px!important}::ng-deep .dp-panel-my,::ng-deep .dp-panel-yy{width:244px!important;height:auto!important;border-radius:4px!important}::ng-deep .dp-panel-my .mat-calendar-body-selected,::ng-deep .dp-panel-yy .mat-calendar-body-selected{color:#c81414!important;background-color:initial!important;font-weight:500;font-size:150%}::ng-deep .dp-panel-keyboard,::ng-deep .dp-panel-text{width:244px!important;height:auto!important;border-radius:4px!important}::ng-deep .dp-panel-keyboard .mat-calendar-body-label:not(:last-of-type),::ng-deep .dp-panel-text .mat-calendar-body-label:not(:last-of-type){visibility:hidden}::ng-deep .dp-panel-keyboard .mat-calendar-body-label:last-of-type,::ng-deep .dp-panel-text .mat-calendar-body-label:last-of-type{display:none}::ng-deep .dp-panel-keyboard .mat-calendar-body-selected,::ng-deep .dp-panel-text .mat-calendar-body-selected{background-color:#c81414!important;color:#fff!important;font-weight:300}::ng-deep .dp-panel-horizontal{display:flex!important;flex-direction:row!important;width:465px!important;height:auto!important}::ng-deep .dp-panel-horizontal .mat-calendar-body-label:not(:last-of-type){visibility:hidden}::ng-deep .dp-panel-horizontal .mat-calendar-body-label:last-of-type{display:none}::ng-deep .dp-panel-horizontal .mat-calendar-content{width:100%!important;margin-top:52px;padding:18px}::ng-deep .dp-panel-horizontal .mat-calendar-body-selected{background-color:#c81414!important;color:#fff!important;font-weight:300}.dropdown-select{border:1px solid #00aeef;border-radius:4px;font-size:12px;padding:3px}.dropdown-select-disabled{border:1px solid grey;border-radius:4px;font-size:12px;padding:3px}::ng-deep .mat-primary .mat-option.mat-selected:not(.mat-option-disabled){color:#000!important}::ng-deep .optionsPanel{border-radius:4px;min-width:calc(100% + 6px)!important;transform:translate(-3px,23px)!important}::ng-deep .optionsPanel::-webkit-scrollbar{width:7px}::ng-deep .optionsPanel::-webkit-scrollbar-track{box-shadow:inset 0 0 6px rgba(0,0,0,.3)}::ng-deep .optionsPanel::-webkit-scrollbar-thumb{background-color:#00aeef;outline:1px solid #708090}::ng-deep .mat-option-pseudo-checkbox.mat-pseudo-checkbox-checked{background-color:#00aeef}:host mat-select ::ng-deep .mat-select-arrow{border:none}"]}]}],"members":{"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"config":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"selection":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":30,"character":4}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"MY_FORMATS_TEXT":{"parse":{"dateInput":"MMMM Do"},"display":{"dateInput":"MMMM Do","monthYearLabel":"MMM YYYY","dateA11yLabel":"LL","monthYearA11yLabel":"MMMM YYYY"}},"DatepickerTextComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":34,"character":1},"arguments":[{"selector":"ff-datepicker-text","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":37,"character":17},"member":"Emulated"},"providers":[{"provide":{"__symbolic":"reference","module":"@angular/material/core","name":"DateAdapter","line":41,"character":15},"useClass":{"__symbolic":"reference","module":"@angular/material-moment-adapter","name":"MomentDateAdapter","line":42,"character":16},"deps":[{"__symbolic":"reference","module":"@angular/material/core","name":"MAT_DATE_LOCALE","line":43,"character":13},{"__symbolic":"reference","module":"@angular/material-moment-adapter","name":"MAT_MOMENT_DATE_ADAPTER_OPTIONS","line":43,"character":30}]},{"provide":{"__symbolic":"reference","module":"@angular/material/core","name":"MAT_DATE_FORMATS","line":46,"character":14},"useValue":{"__symbolic":"reference","name":"MY_FORMATS_TEXT"}}],"template":"<div class=\"dp-text\">\n      <mat-form-field appearance=\"standard\">\n            <input matInput class=\"input-datepicker\"\n                  placeholder=\"MM/YYYY\" \n                  [matDatepicker]=\"dp\"\n                  [min]=\"this.minDate\"\n                  [max]=\"this.maxDate\"\n                  [formControl]=\"formDate\"\n                  (click)=\"dp.open()\"\n                  (dateInput)=\"chosenDateHandler($event)\">\n            <mat-datepicker #dp\n                            panelClass=\"dp-panel-text\"\n                            color=\"warn\"\n                            [calendarHeaderComponent]=\"ffDatepickerHeaderText\">\n            </mat-datepicker>\n          </mat-form-field>\n        \n</div>   \n","styles":["::ng-deep .cdk-overlay-pane{transform:translateY(2%)!important;border-radius:4px!important}::ng-deep .dp-panel-my,::ng-deep .dp-panel-yy{width:244px!important;height:auto!important;border-radius:4px!important}::ng-deep .dp-panel-my .mat-calendar-body-selected,::ng-deep .dp-panel-yy .mat-calendar-body-selected{color:#c81414!important;background-color:initial!important;font-weight:500;font-size:150%}::ng-deep .dp-panel-keyboard,::ng-deep .dp-panel-text{width:244px!important;height:auto!important;border-radius:4px!important}::ng-deep .dp-panel-keyboard .mat-calendar-body-label:not(:last-of-type),::ng-deep .dp-panel-text .mat-calendar-body-label:not(:last-of-type){visibility:hidden}::ng-deep .dp-panel-keyboard .mat-calendar-body-label:last-of-type,::ng-deep .dp-panel-text .mat-calendar-body-label:last-of-type{display:none}::ng-deep .dp-panel-keyboard .mat-calendar-body-selected,::ng-deep .dp-panel-text .mat-calendar-body-selected{background-color:#c81414!important;color:#fff!important;font-weight:300}::ng-deep .dp-panel-horizontal{display:flex!important;flex-direction:row!important;width:465px!important;height:auto!important}::ng-deep .dp-panel-horizontal .mat-calendar-body-label:not(:last-of-type){visibility:hidden}::ng-deep .dp-panel-horizontal .mat-calendar-body-label:last-of-type{display:none}::ng-deep .dp-panel-horizontal .mat-calendar-content{width:100%!important;margin-top:52px;padding:18px}::ng-deep .dp-panel-horizontal .mat-calendar-body-selected{background-color:#c81414!important;color:#fff!important;font-weight:300}.dp-text ::ng-deep .mat-form-field{color:#c81414;font-weight:500;font-size:1.3rem}.dp-text ::ng-deep .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick{color:#00aeef}.dp-text ::ng-deep .mat-form-field-infix{border-top:none!important;align-items:none!important}.dp-text ::ng-deep .mat-form-field-appearance-outline .mat-form-field-flex{padding-top:3px!important}.dp-text ::ng-deep .mat-form-field-underline{background-color:initial!important}.dp-text ::ng-deep .mat-form-field-ripple,.dp-text ::ng-deep .mat-form-field-ripple:hover,.dp-text ::ng-deep .mat-form-field-underline:hover{background-color:#c81414!important}.input-datepicker{text-transform:uppercase}"]}]}],"members":{"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":58,"character":6}}]}],"isDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":64,"character":5}}]}],"selection":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":70,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"chosenDateHandler":[{"__symbolic":"method"}]}},"FFDatepickerHeaderText":{"__symbolic":"class","arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":125,"character":1},"arguments":[{"selector":"ff-datepicker-header","styles":["\n    .dp-header {\n      padding: 0.5em;\n      background-color: #c81414;\n      color: white;\n      height: 4em;\n      border-radius: 4px;\n    }\n\n    .year-header-label {\n      font-weight: 100;\n      text-align: center;\n      padding: 14px;\n      opacity: 0.7;\n    }\n\n    .dp-year {\n      margin-bottom: -9px;\n      margin-top: 3px;\n    }\n\n    .month-header-label {\n      font-weight: 400;\n      text-align: center;\n      padding: 14px;\n      font-size: 1.2em;\n    }\n\n    .selector-container {\n      justify-content: space-between;\n      background-color: #c81414;\n      border-radius: 5px;\n    }\n\n    .button-container {\n      display: flex;\n      flex-direction: row;\n      justify-content: space-between;\n      width: 96%;\n      background-color: white;\n      padding: 15px 5px 15px;\n    }\n\n    .btn-selector {\n      background-color: white;\n      color: black;\n      width: 10%;\n      border-style: none;\n      display: flex;\n      margin-right: 6%;\n    }\n\n    .btn-selector-double-arrow {\n      background-color: white;\n      color: black;\n      width: 10%;\n      border-style: none;\n      display: flex;\n      margin-top: 10px;\n    }\n\n    .btn-selector-double-arrow .mat-icon {\n      margin: -85%;\n    }\n\n    .label-header {\n      margin-top: 2px;\n      font-size: 14px;\n    }\n\n    .btn-selector:hover, .btn-selector-double-arrow:hover {\n      transform:scale(1.3,1.3);\n    }\n  "],"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":202,"character":19},"member":"OnPush"},"template":"<div class=\"selector-container\">\n    <div class=\"dp-header\">\n      <div class=\"dp-year\">\n       <span class=\"year-header-label\">{{yearLabel}}</span>\n      </div>\n      <br>\n      <div class=\"dp-month\">\n       <span class=\"month-header-label\">{{dateLabel}}</span>\n      </div>    \n    </div>\n</div>\n<div class=\"button-container\">\n    <button (click)=\"previousClicked('year')\" class=\"btn-selector-double-arrow\" type=\"button\" mat-button>\n        <mat-icon class=\"mat-icon notranslate material-icons mat-icon-no-color\">keyboard_arrow_left</mat-icon>\n        <mat-icon class=\"mat-icon notranslate material-icons mat-icon-no-color\">keyboard_arrow_left</mat-icon>\n    </button>\n    <button (click)=\"previousClicked('month')\" class=\"btn-selector\" type=\"button\" mat-button>\n        <mat-icon class=\"mat-icon notranslate material-icons mat-icon-no-color\">keyboard_arrow_left</mat-icon>\n    </button>\n    <label class=\"label-header\">{{monthLabel}} {{yearLabel}}</label>\n    <button (click)=\"nextClicked('month')\" class=\"btn-selector\" type=\"button\" mat-button>\n        <mat-icon class=\"mat-icon notranslate material-icons mat-icon-no-color\">keyboard_arrow_right</mat-icon>\n    </button>\n    <button (click)=\"nextClicked('year')\" class=\"btn-selector-double-arrow\" type=\"button\" mat-button>\n        <mat-icon class=\"mat-icon notranslate material-icons mat-icon-no-color\">keyboard_arrow_right</mat-icon>\n        <mat-icon class=\"mat-icon notranslate material-icons mat-icon-no-color\">keyboard_arrow_right</mat-icon>\n    </button>\n</div>  \n\n\n    \n  "}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"MatCalendar","module":"@angular/material/datepicker","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":208,"character":37,"context":{"typeName":"D"},"module":"./lib/components/datepicker/datepicker-text/datepicker-text.component"}]},{"__symbolic":"reference","name":"DateAdapter","module":"@angular/material/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":208,"character":75,"context":{"typeName":"D"},"module":"./lib/components/datepicker/datepicker-text/datepicker-text.component"}]}]}],"ngOnDestroy":[{"__symbolic":"method"}],"previousClicked":[{"__symbolic":"method"}],"nextClicked":[{"__symbolic":"method"}]}},"MY_FORMATS_MY":{"parse":{"dateInput":"MMM YYYY"},"display":{"dateInput":"MMM YYYY","monthYearLabel":"MMM YYYY","dateA11yLabel":"LL","monthYearA11yLabel":"MMMM YYYY"}},"DatepickerMonthYearComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":36,"character":1},"arguments":[{"selector":"ff-datepicker-month-year","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":39,"character":17},"member":"Emulated"},"providers":[{"provide":{"__symbolic":"reference","module":"@angular/material/core","name":"DateAdapter","line":43,"character":15},"useClass":{"__symbolic":"reference","module":"@angular/material-moment-adapter","name":"MomentDateAdapter","line":44,"character":16},"deps":[{"__symbolic":"reference","module":"@angular/material/core","name":"MAT_DATE_LOCALE","line":45,"character":13},{"__symbolic":"reference","module":"@angular/material-moment-adapter","name":"MAT_MOMENT_DATE_ADAPTER_OPTIONS","line":45,"character":30}]},{"provide":{"__symbolic":"reference","module":"@angular/material/core","name":"MAT_DATE_FORMATS","line":48,"character":14},"useValue":{"__symbolic":"reference","name":"MY_FORMATS_MY"}}],"template":"<div class=\"dp-my\">\n      <mat-form-field class=\"dp-my-field\" appearance=\"outline\">\n            <input matInput class=\"input-datepicker\"\n                  #inputDatepicker\n                  [matDatepicker]=\"dp\"\n                  [min]=\"this.minDate\"\n                  [max]=\"this.maxDate\"\n                  [formControl]=\"formDate\">\n            <mat-datepicker-toggle matSuffix [for]=\"dp\"></mat-datepicker-toggle>  \n            <mat-datepicker #dp\n                            color=\"warn\"\n                            class=\"dp-my-datepicker\"\n                            startView=\"multi-year\"\n                            (yearSelected)=\"chosenYearHandler($event)\"\n                            (monthSelected)=\"chosenMonthHandler($event, dp)\"\n                            panelClass=\"dp-panel-my\"\n                            [calendarHeaderComponent]=\"ffDatepickerHeader\"\n                            >\n            </mat-datepicker>\n      </mat-form-field>\n</div>","styles":["::ng-deep .cdk-overlay-pane{transform:translateY(2%)!important;border-radius:4px!important}::ng-deep .dp-panel-my,::ng-deep .dp-panel-yy{width:244px!important;height:auto!important;border-radius:4px!important}::ng-deep .dp-panel-my .mat-calendar-body-selected,::ng-deep .dp-panel-yy .mat-calendar-body-selected{color:#c81414!important;background-color:initial!important;font-weight:500;font-size:150%}::ng-deep .dp-panel-keyboard,::ng-deep .dp-panel-text{width:244px!important;height:auto!important;border-radius:4px!important}::ng-deep .dp-panel-keyboard .mat-calendar-body-label:not(:last-of-type),::ng-deep .dp-panel-text .mat-calendar-body-label:not(:last-of-type){visibility:hidden}::ng-deep .dp-panel-keyboard .mat-calendar-body-label:last-of-type,::ng-deep .dp-panel-text .mat-calendar-body-label:last-of-type{display:none}::ng-deep .dp-panel-keyboard .mat-calendar-body-selected,::ng-deep .dp-panel-text .mat-calendar-body-selected{background-color:#c81414!important;color:#fff!important;font-weight:300}::ng-deep .dp-panel-horizontal{display:flex!important;flex-direction:row!important;width:465px!important;height:auto!important}::ng-deep .dp-panel-horizontal .mat-calendar-body-label:not(:last-of-type){visibility:hidden}::ng-deep .dp-panel-horizontal .mat-calendar-body-label:last-of-type{display:none}::ng-deep .dp-panel-horizontal .mat-calendar-content{width:100%!important;margin-top:52px;padding:18px}::ng-deep .dp-panel-horizontal .mat-calendar-body-selected{background-color:#c81414!important;color:#fff!important;font-weight:300}.dp-my ::ng-deep .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick{color:#00aeef}.dp-my ::ng-deep .mat-form-field-infix{border-top:none!important;align-items:none!important}.dp-my ::ng-deep .mat-form-field-appearance-outline .mat-form-field-flex{padding-top:3px!important}"]}]}],"members":{"el":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":54,"character":3},"arguments":["inputDatepicker"]}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":62,"character":6}}]}],"isDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":68,"character":5}}]}],"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":74,"character":5}}]}],"selection":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":80,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"chosenYearHandler":[{"__symbolic":"method"}],"chosenMonthHandler":[{"__symbolic":"method"}]}},"FFDatepickerHeaderMY":{"__symbolic":"class","arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":161,"character":1},"arguments":[{"selector":"ff-datepicker-header","styles":["\n    .dp-header {\n      padding: 0.5em;\n      background-color: #c81414;\n      color: white;\n      height: 4em;\n      border-radius: 4px !important;\n    }\n\n    .year-header-label {\n      font-weight: 100;\n      text-align: center;\n      padding: 14px;\n      opacity: 0.7;\n    }\n\n    .dp-year {\n      margin-bottom: -9px;\n      margin-top: 3px;\n    }\n\n    .month-header-label {\n      font-weight: 400;\n      text-align: center;\n      padding: 14px;\n      font-size: 1.5em;\n    }\n\n    .selector-container {\n      justify-content: space-between;\n      background-color: #c81414;\n      border-radius: 4px;\n    }\n\n    .btn-selector {\n      background-color: #c81414;\n      color: white;\n      width: 50%;\n      border-style: none;\n    }\n\n\n    .btn-selector:hover {\n      border: 1px solid;\n      box-shadow: inset 0 0 20px rgba(255, 255, 255, .5), 0 0 20px rgba(255, 255, 255, .2);\n      outline-color: rgba(255, 255, 255, 0);\n      outline-offset: 15px;\n      text-shadow: 1px 1px 2px #427388; \n    }\n\n\n  "],"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":216,"character":19},"member":"OnPush"},"template":"    <div class=\"selector-container\">\n    <div class=\"dp-header\">\n      <div class=\"dp-year\">\n       <span class=\"year-header-label\">{{yearLabel}}</span>\n      </div>\n      <br>\n      <div class=\"dp-month\">\n       <span class=\"month-header-label\">{{monthLabel}}</span>\n      </div>    \n    </div>\n    \n    <button (click)=\"previousClicked('year')\" class=\"btn-selector\" type=\"button\" mat-button>\n        <mat-icon class=\"mat-icon notranslate material-icons mat-icon-no-color\">keyboard_arrow_left</mat-icon>\n    </button>\n    <button (click)=\"nextClicked('year')\" class=\"btn-selector\" type=\"button\" mat-button>\n        <mat-icon class=\"mat-icon notranslate material-icons mat-icon-no-color\">keyboard_arrow_right</mat-icon>\n    </button>\n    </div>\n\n    \n  "}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"MatCalendar","module":"@angular/material/datepicker","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":222,"character":37,"context":{"typeName":"D"},"module":"./lib/components/datepicker/datepicker-month-year/datepicker-month-year.component"}]},{"__symbolic":"reference","name":"DateAdapter","module":"@angular/material/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":222,"character":75,"context":{"typeName":"D"},"module":"./lib/components/datepicker/datepicker-month-year/datepicker-month-year.component"}]}]}],"ngOnDestroy":[{"__symbolic":"method"}],"previousClicked":[{"__symbolic":"method"}],"nextClicked":[{"__symbolic":"method"}]}},"MY_FORMATS_KEY":{"parse":{"dateInput":"MM/DD/YYYY"},"display":{"dateInput":"MM/DD/YYYY","monthYearLabel":"MMM YYYY","dateA11yLabel":"LL","monthYearA11yLabel":"MMMM YYYY"}},"DatepickerKeyboardComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":36,"character":1},"arguments":[{"selector":"ff-datepicker-keyboard","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":39,"character":17},"member":"Emulated"},"providers":[{"provide":{"__symbolic":"reference","module":"@angular/material/core","name":"DateAdapter","line":43,"character":15},"useClass":{"__symbolic":"reference","module":"@angular/material-moment-adapter","name":"MomentDateAdapter","line":44,"character":16},"deps":[{"__symbolic":"reference","module":"@angular/material/core","name":"MAT_DATE_LOCALE","line":45,"character":13},{"__symbolic":"reference","module":"@angular/material-moment-adapter","name":"MAT_MOMENT_DATE_ADAPTER_OPTIONS","line":45,"character":30}]},{"provide":{"__symbolic":"reference","module":"@angular/material/core","name":"MAT_DATE_FORMATS","line":48,"character":14},"useValue":{"__symbolic":"reference","name":"MY_FORMATS_KEY"}}],"template":"\n<div class=\"dp-keyboard\">\n    <mat-form-field [class.form-calendar-open]=\"isDpActive\" [class.date-selected]=\"isDateSelected\" [class.form-dp-disabled]=\"isDisabled\"  floatLabel=\"always\" appearance=\"outline\">\n    <input matInput class=\"input-datepicker\"\n          #inputKeyboardDatepicker\n          [matDatepicker]=\"dpKeyboard\"\n          [min]=\"this.minDate\"\n          [max]=\"this.maxDate\"\n          [formControl]=\"formDate\"\n          (keypress)=\"keyPressDate($event)\"\n          (dateInput)=\"chosenDateHandler($event)\">\n    <mat-datepicker-toggle matSuffix [for]=\"dpKeyboard\"></mat-datepicker-toggle>\n\n    <mat-datepicker #dpKeyboard\n                  (opened)=\"onCalendarActive()\"\n                  (closed)=\"onCalendarActive()\"\n                  panelClass=\"dp-panel-keyboard\"\n                  color=\"warn\"\n                  [calendarHeaderComponent]=\"ffDatepickerHeaderKeyboard\">\n    </mat-datepicker>\n\n  </mat-form-field>\n</div>\n","styles":["::ng-deep .cdk-overlay-pane{transform:translateY(2%)!important;border-radius:4px!important}::ng-deep .dp-panel-my,::ng-deep .dp-panel-yy{width:244px!important;height:auto!important;border-radius:4px!important}::ng-deep .dp-panel-my .mat-calendar-body-selected,::ng-deep .dp-panel-yy .mat-calendar-body-selected{color:#c81414!important;background-color:initial!important;font-weight:500;font-size:150%}::ng-deep .dp-panel-keyboard,::ng-deep .dp-panel-text{width:244px!important;height:auto!important;border-radius:4px!important}::ng-deep .dp-panel-keyboard .mat-calendar-body-label:not(:last-of-type),::ng-deep .dp-panel-text .mat-calendar-body-label:not(:last-of-type){visibility:hidden}::ng-deep .dp-panel-keyboard .mat-calendar-body-label:last-of-type,::ng-deep .dp-panel-text .mat-calendar-body-label:last-of-type{display:none}::ng-deep .dp-panel-keyboard .mat-calendar-body-selected,::ng-deep .dp-panel-text .mat-calendar-body-selected{background-color:#c81414!important;color:#fff!important;font-weight:300}::ng-deep .dp-panel-horizontal{display:flex!important;flex-direction:row!important;width:465px!important;height:auto!important}::ng-deep .dp-panel-horizontal .mat-calendar-body-label:not(:last-of-type){visibility:hidden}::ng-deep .dp-panel-horizontal .mat-calendar-body-label:last-of-type{display:none}::ng-deep .dp-panel-horizontal .mat-calendar-content{width:100%!important;margin-top:52px;padding:18px}::ng-deep .dp-panel-horizontal .mat-calendar-body-selected{background-color:#c81414!important;color:#fff!important;font-weight:300}.dp-keyboard ::ng-deep .form-calendar-open .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline{color:#00aeef}.dp-keyboard ::ng-deep .form-calendar-open .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-suffix .mat-icon-button{color:#737373}.dp-keyboard ::ng-deep .date-selected .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-gap,.dp-keyboard ::ng-deep .form-calendar-open .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-gap{border-top-color:transparent!important}.dp-keyboard ::ng-deep .form-dp-disabled .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline{background-color:#f8f8f8}.dp-keyboard ::ng-deep .form-dp-disabled .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-gap{border-top-color:initial!important}.dp-keyboard ::ng-deep .mat-form-field-appearance-outline .mat-form-field-flex{height:36px;width:200px;font-size:13px}.dp-keyboard ::ng-deep .mat-form-field-appearance-outline .mat-form-field-suffix{top:-4px}.dp-keyboard ::ng-deep .mat-form-field-infix{top:-9px}.dp-keyboard ::ng-deep .mat-form-field-appearance-outline.mat-focused .mat-form-field-label,.dp-keyboard ::ng-deep .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick{color:#00aeef}.dp-keyboard ::ng-deep .mat-form-field-underline{background-color:initial!important}.dp-keyboard ::ng-deep .mat-form-field-ripple,.dp-keyboard ::ng-deep .mat-form-field-ripple:hover,.dp-keyboard ::ng-deep .mat-form-field-underline:hover{background-color:#c81414!important}.dp-keyboard ::ng-deep .mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-outline-gap{border-top-color:initial}.dp-keyboard ::ng-deep .mat-form-field-flex:hover .mat-form-field-outline-gap{border-top-color:transparent!important}.dp-keyboard ::ng-deep .mat-form-field-flex:hover .dp-label{visibility:visible}.dp-keyboard ::ng-deep .mat-form-field-label{margin-left:7px;margin-top:0}.dp-keyboard ::ng-deep .dp-label{visibility:hidden;font-size:18px;font-family:Lato;color:currentColor}.dp-keyboard ::ng-deep .calendar-open{visibility:visible;color:#00aeef}.dp-keyboard ::ng-deep .date-selected{visibility:visible}.dp-keyboard ::ng-deep .dp-disabled{visibility:hidden!important}"]}]}],"members":{"el":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":54,"character":3},"arguments":["inputKeyboardDatepicker"]}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":62,"character":6}}]}],"isDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":68,"character":5}}]}],"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":74,"character":5}}]}],"selection":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":80,"character":5}}]}],"default":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":85,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"chosenDateHandler":[{"__symbolic":"method"}],"onCalendarActive":[{"__symbolic":"method"}],"keyPressDate":[{"__symbolic":"method"}]}},"FFDatepickerHeaderKeyboard":{"__symbolic":"class","arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":165,"character":1},"arguments":[{"selector":"ff-datepicker-header-keyboard","styles":["\n    .dp-header {\n      padding: 0.5em;\n      background-color: #c81414;\n      color: white;\n      height: 4em;\n      border-radius: 4px;\n    }\n\n    .dp-horizontal {\n      width: 80px;\n      height: 175px;\n    }\n\n    .year-header-label {\n      font-weight: 100;\n      text-align: center;\n      padding: 14px;\n      opacity: 0.7;\n    }\n\n    .dp-year {\n      margin-bottom: -9px;\n      margin-top: 3px;\n    }\n\n    .month-header-label {\n      font-weight: 400;\n      text-align: center;\n      padding: 14px;\n      font-size: 1.2em;\n    }\n\n    .selector-container {\n      justify-content: space-between;\n      background-color: #c81414;\n      border-radius: 5px;\n    }\n\n    .button-container {\n      display: flex;\n      flex-direction: row;\n      justify-content: space-between;\n      width: 96%;\n      background-color: white;\n      padding: 15px 5px 15px;\n    }\n\n    .btn-selector {\n      background-color: white;\n      color: black;\n      width: 10%;\n      border-style: none;\n      display: flex;\n      margin-right: 6%;\n    }\n\n    .btn-selector-double-arrow {\n      background-color: white;\n      color: black;\n      width: 10%;\n      border-style: none;\n      display: flex;\n      margin-top: 10px;\n    }\n\n    .btn-selector-double-arrow .mat-icon {\n      margin: -85%;\n    }\n\n    .label-header {\n      margin-top: 2px;\n      font-size: 14px;\n    }\n\n    .btn-selector:hover, .btn-selector-double-arrow:hover {\n      transform:scale(1.3,1.3);\n    }\n  "],"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":247,"character":19},"member":"OnPush"},"template":"<div class=\"selector-container\">\n    <div class=\"dp-header\">\n      <div class=\"dp-year\">\n       <span class=\"year-header-label\">{{yearLabel}}</span>\n      </div>\n      <br>\n      <div class=\"dp-month\">\n       <span class=\"month-header-label\">{{dateLabel}}</span>\n      </div>    \n    </div>\n</div>\n<div class=\"button-container\">\n    <button (click)=\"previousClicked('year')\" class=\"btn-selector-double-arrow\" type=\"button\" mat-button>\n        <mat-icon class=\"mat-icon notranslate material-icons mat-icon-no-color\">keyboard_arrow_left</mat-icon>\n        <mat-icon class=\"mat-icon notranslate material-icons mat-icon-no-color\">keyboard_arrow_left</mat-icon>\n    </button>\n    <button (click)=\"previousClicked('month')\" class=\"btn-selector\" type=\"button\" mat-button>\n        <mat-icon class=\"mat-icon notranslate material-icons mat-icon-no-color\">keyboard_arrow_left</mat-icon>\n    </button>\n    <label class=\"label-header\">{{monthLabel}} {{yearLabel}}</label>\n    <button (click)=\"nextClicked('month')\" class=\"btn-selector\" type=\"button\" mat-button>\n        <mat-icon class=\"mat-icon notranslate material-icons mat-icon-no-color\">keyboard_arrow_right</mat-icon>\n    </button>\n    <button (click)=\"nextClicked('year')\" class=\"btn-selector-double-arrow\" type=\"button\" mat-button>\n        <mat-icon class=\"mat-icon notranslate material-icons mat-icon-no-color\">keyboard_arrow_right</mat-icon>\n        <mat-icon class=\"mat-icon notranslate material-icons mat-icon-no-color\">keyboard_arrow_right</mat-icon>\n    </button>\n</div>  \n\n\n    \n  "}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"MatCalendar","module":"@angular/material/datepicker","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":253,"character":37,"context":{"typeName":"D"},"module":"./lib/components/datepicker/datepicker-keyboard/datepicker-keyboard.component"}]},{"__symbolic":"reference","name":"DateAdapter","module":"@angular/material/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":253,"character":75,"context":{"typeName":"D"},"module":"./lib/components/datepicker/datepicker-keyboard/datepicker-keyboard.component"}]}]}],"ngOnDestroy":[{"__symbolic":"method"}],"previousClicked":[{"__symbolic":"method"}],"nextClicked":[{"__symbolic":"method"}]}},"ImageDisplayModalComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"ff-image-display-modal","template":"<div class=\"image-modal\">\n\n\t<button (click)=\"prev()\" class=\"btn\">\n\t\t<mat-icon>keyboard_arrow_left</mat-icon>\n\t</button>\n\t\n\t<figure class=\"center\">\n\t\t<img\n\t\t\t[src]=\"srcs[currImage]?.src || ''\"\n\t\t\t[alt]=\"srcs[currImage]?.description || 'No Image Found'\"\n\t\t\t/>\n\t\t<figcaption class=\"description\">\n\t\t\t{{srcs[currImage]?.description || \"No Description\"}}\n\t\t</figcaption>\n\t</figure>\n\t\n\t<button (click)=\"next()\" class=\"btn\">\n\t\t<mat-icon>keyboard_arrow_right</mat-icon>\n\t</button>\n\t\n</div>","styles":["::ng-deep .cdk-overlay-pane{transform:translateY(2%)!important;border-radius:4px!important}::ng-deep .dp-panel-my,::ng-deep .dp-panel-yy{width:244px!important;height:auto!important;border-radius:4px!important}::ng-deep .dp-panel-my .mat-calendar-body-selected,::ng-deep .dp-panel-yy .mat-calendar-body-selected{color:#c81414!important;background-color:initial!important;font-weight:500;font-size:150%}::ng-deep .dp-panel-keyboard,::ng-deep .dp-panel-text{width:244px!important;height:auto!important;border-radius:4px!important}::ng-deep .dp-panel-keyboard .mat-calendar-body-label:not(:last-of-type),::ng-deep .dp-panel-text .mat-calendar-body-label:not(:last-of-type){visibility:hidden}::ng-deep .dp-panel-keyboard .mat-calendar-body-label:last-of-type,::ng-deep .dp-panel-text .mat-calendar-body-label:last-of-type{display:none}::ng-deep .dp-panel-keyboard .mat-calendar-body-selected,::ng-deep .dp-panel-text .mat-calendar-body-selected{background-color:#c81414!important;color:#fff!important;font-weight:300}::ng-deep .dp-panel-horizontal{display:flex!important;flex-direction:row!important;width:465px!important;height:auto!important}::ng-deep .dp-panel-horizontal .mat-calendar-body-label:not(:last-of-type){visibility:hidden}::ng-deep .dp-panel-horizontal .mat-calendar-body-label:last-of-type{display:none}::ng-deep .dp-panel-horizontal .mat-calendar-content{width:100%!important;margin-top:52px;padding:18px}::ng-deep .dp-panel-horizontal .mat-calendar-body-selected{background-color:#c81414!important;color:#fff!important;font-weight:300}.image-modal{display:flex;align-items:center;justify-content:space-between}.image-modal .center img{max-width:450px;max-height:350px;object-fit:scale-down}.image-modal .center .description{margin:14px 0 0;font-family:Lato;font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;text-align:left;color:#525152}.image-modal .btn{background:none;border:none;cursor:pointer}.image-modal .btn :hover{opacity:.5}"]}]}],"members":{"srcs":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"next":[{"__symbolic":"method"}],"prev":[{"__symbolic":"method"}],"setTitle":[{"__symbolic":"method"}]}},"ThreeDotMenuComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"ff-three-dot-menu","template":"<button mat-icon-button [matMenuTriggerFor]=\"menu\"\n    (menuOpened)=\"menuChange()\"\n    (menuClosed)=\"menuChange()\"\n    [class.menu-open]=\"toggledMenu\"\n    [class.menu-close]=\"!toggledMenu\"\n    [class.disabled]=\"isDisabled\"\n    [disabled] = \"isDisabled\" >\n    <mat-icon [ngStyle]=\"{'color': componentIconColor}\">{{componentIconName}}</mat-icon>\n</button>\n<mat-menu #menu=\"matMenu\" xPosition=\"before\">\n<button mat-menu-item class=\"btn-list\" (click)=\"item.callback(item.args)\" *ngFor=\"let item of upperList\">\n    <mat-icon *ngIf=\"item.icon\">{{item.icon}}</mat-icon>\n    <span>{{ item.label }}</span>\n</button>\n<hr *ngIf=\"lowerList!==undefined\" class=\"div-line\">\n<button mat-menu-item class=\"btn-list\" (click)=\"item.callback(item.args)\" *ngFor=\"let item of lowerList\">\n    <mat-icon *ngIf=\"item.icon\">{{item.icon}}</mat-icon>\n    <span>{{ item.label }}</span>\n</button>\n</mat-menu>\n","styles":["::ng-deep .cdk-overlay-pane{transform:translateY(2%)!important;border-radius:4px!important}::ng-deep .dp-panel-my,::ng-deep .dp-panel-yy{width:244px!important;height:auto!important;border-radius:4px!important}::ng-deep .dp-panel-my .mat-calendar-body-selected,::ng-deep .dp-panel-yy .mat-calendar-body-selected{color:#c81414!important;background-color:initial!important;font-weight:500;font-size:150%}::ng-deep .dp-panel-keyboard,::ng-deep .dp-panel-text{width:244px!important;height:auto!important;border-radius:4px!important}::ng-deep .dp-panel-keyboard .mat-calendar-body-label:not(:last-of-type),::ng-deep .dp-panel-text .mat-calendar-body-label:not(:last-of-type){visibility:hidden}::ng-deep .dp-panel-keyboard .mat-calendar-body-label:last-of-type,::ng-deep .dp-panel-text .mat-calendar-body-label:last-of-type{display:none}::ng-deep .dp-panel-keyboard .mat-calendar-body-selected,::ng-deep .dp-panel-text .mat-calendar-body-selected{background-color:#c81414!important;color:#fff!important;font-weight:300}::ng-deep .dp-panel-horizontal{display:flex!important;flex-direction:row!important;width:465px!important;height:auto!important}::ng-deep .dp-panel-horizontal .mat-calendar-body-label:not(:last-of-type){visibility:hidden}::ng-deep .dp-panel-horizontal .mat-calendar-body-label:last-of-type{display:none}::ng-deep .dp-panel-horizontal .mat-calendar-content{width:100%!important;margin-top:52px;padding:18px}::ng-deep .dp-panel-horizontal .mat-calendar-body-selected{background-color:#c81414!important;color:#fff!important;font-weight:300}#iconSelect{cursor:pointer}:host mat-select ::ng-deep .mat-select-arrow{border:none}.btn-list{font-size:large;color:#000!important;font-family:Lato,sans-serif;padding:2px 20px 45px}.div-line{opacity:.4}::ng-deep .mat-menu-item .mat-icon{margin-right:6px!important;color:#000!important;font-size:20px!important}::ng-deep .mat-icon-button{height:35px;width:35px;line-height:35px}::ng-deep .mat-button-toggle-focus-overlay{display:none}::ng-deep .mat-icon-button:not(.disabled):hover .mat-button-focus-overlay{opacity:.1;color:#000!important}.menu-open{border-radius:50%;background-color:#d3d3d3}.menu-close{background-color:initial}"]}]}],"members":{"upperList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"lowerList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"config":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":3}}]}],"iconConfig":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"menuChange":[{"__symbolic":"method"}]}},"MY_FORMATS_KEY_HOR":{"parse":{"dateInput":"MM/DD/YYYY"},"display":{"dateInput":"MM/DD/YYYY","monthYearLabel":"MMM YYYY","dateA11yLabel":"LL","monthYearA11yLabel":"MMMM YYYY"}},"DatepickerHorizontalComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":35,"character":1},"arguments":[{"selector":"ff-datepicker-horizontal","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":38,"character":17},"member":"Emulated"},"providers":[{"provide":{"__symbolic":"reference","module":"@angular/material/core","name":"DateAdapter","line":42,"character":15},"useClass":{"__symbolic":"reference","module":"@angular/material-moment-adapter","name":"MomentDateAdapter","line":43,"character":16},"deps":[{"__symbolic":"reference","module":"@angular/material/core","name":"MAT_DATE_LOCALE","line":44,"character":13},{"__symbolic":"reference","module":"@angular/material-moment-adapter","name":"MAT_MOMENT_DATE_ADAPTER_OPTIONS","line":44,"character":30}]},{"provide":{"__symbolic":"reference","module":"@angular/material/core","name":"MAT_DATE_FORMATS","line":47,"character":14},"useValue":{"__symbolic":"reference","name":"MY_FORMATS_KEY_HOR"}}],"template":"\n<div class=\"dp-horizontal\">\n    <mat-form-field [class.form-calendar-open]=\"isDpActive\" [class.date-selected]=\"isDateSelected\" [class.form-dp-disabled]=\"isDisabled\"  floatLabel=\"always\" appearance=\"outline\">\n    <mat-label [class.calendar-open]=\"isDpActive\" [class.date-selected]=\"isDateSelected\" [class.dp-disabled]=\"isDisabled\" class=\"dp-label\"> Date </mat-label>\n    <input matInput class=\"input-datepicker\"\n          placeholder=\"Date Picker\" \n          [matDatepicker]=\"dpHorizontal\"\n          [min]=\"this.minDate\"\n          [max]=\"this.maxDate\"\n          [formControl]=\"formDate\"    \n          (dateInput)=\"chosenDateHandler($event)\">\n    <mat-datepicker-toggle matSuffix [for]=\"dpHorizontal\"></mat-datepicker-toggle>  \n    <mat-datepicker #dpHorizontal\n                  (opened)=\"onCalendarActive()\" \n                  (closed)=\"onCalendarActive()\"\n                  panelClass=\"dp-panel-horizontal\"\n                  color=\"warn\"\n                  [calendarHeaderComponent]=\"ffDatepickerHeaderHorizontal\">\n    <label>LABEL</label>\n\n    </mat-datepicker>\n\n  </mat-form-field>\n</div>","styles":["::ng-deep .cdk-overlay-pane{transform:translateY(2%)!important;border-radius:4px!important}::ng-deep .dp-panel-my,::ng-deep .dp-panel-yy{width:244px!important;height:auto!important;border-radius:4px!important}::ng-deep .dp-panel-my .mat-calendar-body-selected,::ng-deep .dp-panel-yy .mat-calendar-body-selected{color:#c81414!important;background-color:initial!important;font-weight:500;font-size:150%}::ng-deep .dp-panel-keyboard,::ng-deep .dp-panel-text{width:244px!important;height:auto!important;border-radius:4px!important}::ng-deep .dp-panel-keyboard .mat-calendar-body-label:not(:last-of-type),::ng-deep .dp-panel-text .mat-calendar-body-label:not(:last-of-type){visibility:hidden}::ng-deep .dp-panel-keyboard .mat-calendar-body-label:last-of-type,::ng-deep .dp-panel-text .mat-calendar-body-label:last-of-type{display:none}::ng-deep .dp-panel-keyboard .mat-calendar-body-selected,::ng-deep .dp-panel-text .mat-calendar-body-selected{background-color:#c81414!important;color:#fff!important;font-weight:300}::ng-deep .dp-panel-horizontal{display:flex!important;flex-direction:row!important;width:465px!important;height:auto!important}::ng-deep .dp-panel-horizontal .mat-calendar-body-label:not(:last-of-type){visibility:hidden}::ng-deep .dp-panel-horizontal .mat-calendar-body-label:last-of-type{display:none}::ng-deep .dp-panel-horizontal .mat-calendar-content{width:100%!important;margin-top:52px;padding:18px}::ng-deep .dp-panel-horizontal .mat-calendar-body-selected{background-color:#c81414!important;color:#fff!important;font-weight:300}.dp-horizontal ::ng-deep .form-calendar-open .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline{color:#00aeef}.dp-horizontal ::ng-deep .form-calendar-open .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-suffix .mat-icon-button{color:#737373}.dp-horizontal ::ng-deep .date-selected .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-gap,.dp-horizontal ::ng-deep .form-calendar-open .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-gap{border-top-color:transparent!important}.dp-horizontal ::ng-deep .form-dp-disabled .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline{background-color:#f8f8f8}.dp-horizontal ::ng-deep .form-dp-disabled .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-gap{border-top-color:initial!important}.dp-horizontal ::ng-deep .mat-form-field{width:300px;font-size:18px}.dp-horizontal ::ng-deep .mat-form-field-appearance-outline.mat-focused .mat-form-field-label,.dp-horizontal ::ng-deep .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick{color:#00aeef}.dp-horizontal ::ng-deep .mat-form-field-underline{background-color:initial!important}.dp-horizontal ::ng-deep .mat-form-field-ripple,.dp-horizontal ::ng-deep .mat-form-field-ripple:hover,.dp-horizontal ::ng-deep .mat-form-field-underline:hover{background-color:#c81414!important}.dp-horizontal ::ng-deep .mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-outline-gap{border-top-color:initial}.dp-horizontal ::ng-deep .mat-form-field-flex:hover .mat-form-field-outline-gap{border-top-color:transparent!important}.dp-horizontal ::ng-deep .mat-form-field-flex:hover .dp-label{visibility:visible}.dp-horizontal ::ng-deep .mat-form-field-appearance-outline .mat-form-field-outline{top:16px;left:0;right:10px;bottom:7px}.dp-horizontal ::ng-deep .mat-form-field-label{margin-top:3px}.dp-horizontal ::ng-deep .mat-calendar{display:flex!important;flex-direction:row!important;width:315px!important}.dp-horizontal ::ng-deep .mat-calendar-content{width:100%!important}.dp-horizontal ::ng-deep .dp-panel-horizontal{display:flex!important;flex-direction:row!important;width:315px!important}.dp-label{visibility:hidden;font-size:18px;font-family:Lato;color:currentColor}.calendar-open{color:#00aeef}.calendar-open,.date-selected{visibility:visible}.dp-disabled{visibility:hidden!important}"]}]}],"members":{"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":59,"character":6}}]}],"isDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":65,"character":5}}]}],"selection":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":71,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"chosenDateHandler":[{"__symbolic":"method"}],"onCalendarActive":[{"__symbolic":"method"}]}},"FFDatepickerHeaderHorizontal":{"__symbolic":"class","arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":139,"character":1},"arguments":[{"selector":"ff-datepicker-header-horizontal","styles":["\n    .dp-header {\n      padding: 0.5em;\n      background-color: #c81414;\n      color: white;\n      height: 4em;\n      border-radius: 4px;\n      width: 150px;\n      height: 338px;\n    }\n\n    .year-header-label {\n      font-weight: 100;\n      text-align: center;\n      padding: 14px;\n      opacity: 0.7;\n      font-size: 20px;\n    }\n\n    .dp-year {\n      margin-bottom: -9px;\n      margin-top: 3px;\n      padding: 10px;\n    }\n\n    .year-header-label {\n      font-weight: 100;\n      text-align: center;\n      padding: 14px;\n      opacity: 0.7;\n      font-size: 20px;\n    }\n\n    .dp-day {\n      padding-left: 25px;\n    }\n\n    .day-header-label {\n      font-size: 22px;\n    }\n\n    .dp-date {\n      padding-left: 25px;\n      margin-top: -10px;\n    }\n\n    .date-header-label {\n      font-size: 22px;\n    }\n\n    .month-header-label {\n      font-weight: 400;\n      text-align: center;\n      padding: 14px;\n      font-size: 1.2em;\n    }\n\n    .selector-container {\n      justify-content: space-between;\n      background-color: #c81414;\n      border-radius: 5px;\n    }\n\n    .button-container {\n      position: absolute;\n      display: flex;\n      flex-direction: row;\n      justify-content: space-between;\n      width: 59%;\n      background-color: white;\n      padding: 15px 5px 15px;\n      right: 0px;\n      top: 0px;\n      margin-top: 9px;\n    }\n\n    .btn-selector-left {\n      background-color: transparent;\n      color: black;\n      width: 10%;\n      border-style: none;\n      display: flex;\n      margin-left: -13%;\n    }\n\n    .btn-selector-double-arrow-left {\n      background-color: transparent;\n      color: black;\n      width: 10%;\n      border-style: none;\n      display: flex;\n      margin-top: 12px;\n      margin-left: 2px;\n    }\n\n    .btn-selector-right {\n      background-color: transparent;\n      color: black;\n      width: 10%;\n      border-style: none;\n      display: flex;\n      margin-right: -3%;\n    }\n\n    .btn-selector-double-arrow-right {\n      background-color: transparent;\n      color: black;\n      width: 10%;\n      border-style: none;\n      display: flex;\n      margin-top: 12px;\n    }\n\n    .btn-selector-double-arrow-right .mat-icon {\n      margin: -77%;\n      width: 18px;\n    }\n\n    .btn-selector-double-arrow-left .mat-icon {\n      margin: -77%;\n      width: 18px;\n    }\n\n    .label-header {\n      margin-top: 4px;\n      font-size: 18px;\n      margin-left: 9px;\n    }\n\n    .btn-selector-right:hover, .btn-selector-left:hover, .btn-selector-double-arrow-left:hover, .btn-selector-double-arrow-right:hover {\n      transform:scale(1.3,1.3);\n    }\n   \n  "],"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":276,"character":19},"member":"OnPush"},"template":"<div class=\"selector-container\">\n    <div class=\"dp-header\">\n      <div class=\"dp-year\">\n       <span class=\"year-header-label\">{{yearLabel}}</span>\n      </div>\n      <br>\n      <div class=\"dp-day\">\n       <span class=\"day-header-label\">{{dayLabel}}</span>\n      </div>   \n      <br>\n      <div class=\"dp-date\">\n       <span class=\"date-header-label\">{{dateLabel}}</span>\n      </div>    \n    </div>\n</div>\n<div class=\"button-container\">\n    <button (click)=\"previousClicked('year')\" class=\"btn-selector-double-arrow-left\" type=\"button\" mat-button>\n        <mat-icon class=\"mat-icon notranslate material-icons mat-icon-no-color\">keyboard_arrow_left</mat-icon>\n        <mat-icon class=\"mat-icon notranslate material-icons mat-icon-no-color\">keyboard_arrow_left</mat-icon>\n    </button>\n    <button (click)=\"previousClicked('month')\" class=\"btn-selector-left\" type=\"button\" mat-button>\n        <mat-icon class=\"mat-icon notranslate material-icons mat-icon-no-color\">keyboard_arrow_left</mat-icon>\n    </button>\n    <label class=\"label-header\">{{monthLabel}} {{yearLabel}}</label>\n    <button (click)=\"nextClicked('month')\" class=\"btn-selector-right\" type=\"button\" mat-button>\n        <mat-icon class=\"mat-icon notranslate material-icons mat-icon-no-color\">keyboard_arrow_right</mat-icon>\n    </button>\n    <button (click)=\"nextClicked('year')\" class=\"btn-selector-double-arrow-right\" type=\"button\" mat-button>\n        <mat-icon class=\"mat-icon notranslate material-icons mat-icon-no-color\">keyboard_arrow_right</mat-icon>\n        <mat-icon class=\"mat-icon notranslate material-icons mat-icon-no-color\">keyboard_arrow_right</mat-icon>\n    </button>\n</div>  \n\n\n    \n  "}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"MatCalendar","module":"@angular/material/datepicker","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":282,"character":37,"context":{"typeName":"D"},"module":"./lib/components/datepicker/datepicker-horizontal/datepicker-horizontal.component"}]},{"__symbolic":"reference","name":"DateAdapter","module":"@angular/material/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":282,"character":75,"context":{"typeName":"D"},"module":"./lib/components/datepicker/datepicker-horizontal/datepicker-horizontal.component"}]}]}],"ngOnDestroy":[{"__symbolic":"method"}],"previousClicked":[{"__symbolic":"method"}],"nextClicked":[{"__symbolic":"method"}]}},"DoubleBarChartComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"ff-double-bar-chart","template":"<ngx-charts-bar-vertical-2d\n  [view]=\"chartSize\"\n  [scheme]=\"colorScheme\"\n  [results]=\"data\"\n  [gradient]=\"gradient\"\n  [xAxis]=\"showXAxis\"\n  [yAxis]=\"showYAxis\"\n  [legend]=\"showLegend\"\n  [legendTitle]=\"legendTitle\"\n  [showXAxisLabel]=\"showXAxisLabel\"\n  [showYAxisLabel]=\"showYAxisLabel\"\n  [barPadding]=\"barPadding\"\n  [groupPadding]=\"groupPadding\"\n  [xAxisLabel]=\"xAxisLabel\"\n  [yAxisLabel]=\"yAxisLabel\"\n  [legendPosition]=\"legendPosition\">\n\n  <div [ngSwitch]=\"theme\">\n\n    <div  *ngSwitchCase=\"'light'\">\n        <ng-template #tooltipTemplate let-model=\"model\">\n            <div class=\"light-theme\">\n              <div class=\"item-detail\">\n                <label class=\"item-detail-text\" [ngStyle]=\"{'color': '#787878' }\" >{{model.series | titlecase}}</label>\n    \n    \n                <div *ngFor=\"let item of this.data; let i = index\">\n                  <div *ngIf=\"model.series === item.name\">\n                    <label [ngStyle]=\"{'color': item.series[0].color }\" >\n                      {{item.series[0].name | titlecase}}: {{item.series[0].value | json}}\n                    </label>\n                    <br>\n                    <label [ngStyle]=\"{'color': item.series[1].color }\" >\n                      {{item.series[1].name | titlecase}}: {{item.series[1].value | json}}\n                    </label>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </ng-template>\n    </div>\n\n    <div *ngSwitchDefault>\n      <ng-template #tooltipTemplate let-model=\"model\">\n        <div class=\"default\">\n          <div class=\"item-detail\">\n            <label class=\"item-detail-text\">{{model.series | titlecase}} · {{model.name | titlecase}}</label>\n            <label class=\"item-detail-number\">{{model.value | json}}</label>\n          </div>\n        </div>\n      </ng-template>\n   </div>\n  </div>","styles":["::ng-deep .cdk-overlay-pane{transform:translateY(2%)!important;border-radius:4px!important}::ng-deep .dp-panel-my,::ng-deep .dp-panel-yy{width:244px!important;height:auto!important;border-radius:4px!important}::ng-deep .dp-panel-my .mat-calendar-body-selected,::ng-deep .dp-panel-yy .mat-calendar-body-selected{color:#c81414!important;background-color:initial!important;font-weight:500;font-size:150%}::ng-deep .dp-panel-keyboard,::ng-deep .dp-panel-text{width:244px!important;height:auto!important;border-radius:4px!important}::ng-deep .dp-panel-keyboard .mat-calendar-body-label:not(:last-of-type),::ng-deep .dp-panel-text .mat-calendar-body-label:not(:last-of-type){visibility:hidden}::ng-deep .dp-panel-keyboard .mat-calendar-body-label:last-of-type,::ng-deep .dp-panel-text .mat-calendar-body-label:last-of-type{display:none}::ng-deep .dp-panel-keyboard .mat-calendar-body-selected,::ng-deep .dp-panel-text .mat-calendar-body-selected{background-color:#c81414!important;color:#fff!important;font-weight:300}::ng-deep .dp-panel-horizontal{display:flex!important;flex-direction:row!important;width:465px!important;height:auto!important}::ng-deep .dp-panel-horizontal .mat-calendar-body-label:not(:last-of-type){visibility:hidden}::ng-deep .dp-panel-horizontal .mat-calendar-body-label:last-of-type{display:none}::ng-deep .dp-panel-horizontal .mat-calendar-content{width:100%!important;margin-top:52px;padding:18px}::ng-deep .dp-panel-horizontal .mat-calendar-body-selected{background-color:#c81414!important;color:#fff!important;font-weight:300}.light-theme{background-color:#fff;box-shadow:0 6px 20px 0 rgba(0,0,0,.2);color:#000;padding:8px 4px 4px;border-radius:5px;margin-left:-10px}.light-theme .tooltip-title{color:#b4b4b4;font-family:Lato;margin-left:-15px}.light-theme .item-detail{display:flex;flex-direction:column;padding:4px 8px}.light-theme .item-detail .item-detail-text{font-size:11px}.light-theme .item-detail .item-detail-number{font-size:16px}.light-theme .series-item{display:flex;flex-direction:row;padding:4px 10px 4px 0}.light-theme .series-item .series-item-box{width:13px;height:13px;border-radius:3px;margin:4px}.light-theme .series-item .series-item-label{margin-top:-1px;margin-left:5px;font-family:Lato}:host ::ng-deep .ngx-charts .grid-panel rect{fill:transparent!important}:host ::ng-deep .ngx-charts .grid-panel rect:hover{fill:rgba(0,0,0,.1)!important}:host ::ng-deep .chart-legend .legend-labels{background:transparent!important}.default{background-color:rgba(0,0,0,.7);box-shadow:0 6px 20px 0 rgba(0,0,0,.2);color:#fff;padding:4px;border-radius:5px;margin-left:-10px}.default .item-detail{display:flex;flex-direction:column;padding:4px 8px}.default .item-detail .item-detail-text{font-size:11px}.default .item-detail .item-detail-number{font-size:16px}.default .series-item{display:flex;flex-direction:row;padding:4px 3px}.default .series-item .series-item-box{width:13px;height:13px;border-radius:3px;margin:4px}.default .series-item .series-item-label{margin-top:2px;margin-left:5px}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":6}}]}],"colors":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":8}}]}],"showLegend":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":6}}]}],"legendTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":7}}]}],"legendPosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":47,"character":8}}]}],"barPadding":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":54,"character":6}}]}],"groupPadding":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":61,"character":6}}]}],"showXAxis":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":69,"character":6}}]}],"showYAxis":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":76,"character":6}}]}],"showYAxisLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":84,"character":6}}]}],"showXAxisLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":92,"character":6}}]}],"xAxisLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":99,"character":6}}]}],"yAxisLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":106,"character":6}}]}],"gradient":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":113,"character":4}}]}],"theme":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":120,"character":4}}]}],"timeline":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":128,"character":6}}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":136,"character":6}}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":144,"character":6}}]}],"select":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":150,"character":6}}]}],"activate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":156,"character":6}}]}],"deactivate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":162,"character":6}}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}]}},"PieDouChartComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"ff-pie-dou-chart","template":"\n<div #containerPieChart></div>\n<div class=\"legend\">\n    <div class=\"legend-item\" *ngFor=\"let item of pieData; let i = index\">\n        <div class=\"legend-circle\" [ngStyle]=\"{'background-color': this.colors[i] }\"></div>\n        <label *ngIf=\"this.labels\" class=\"legend-label\">{{item.label}}</label>\n        <label *ngIf=\"!this.labels\" class=\"legend-label\">{{item.label}} {{item.percentage}}%</label>\n    </div>\n</div>\n\n\n","styles":[".arc-text{color:#fff!important}.legend{width:150%;margin-left:-20%;flex-wrap:wrap;justify-content:space-evenly}.legend,.legend-item{display:flex;flex-direction:row}.legend-item{padding-right:25px}.legend-circle{padding:3px;margin-top:4px;margin-right:10px;height:5px;width:5px;border-radius:50%}"]}]}],"members":{"element":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":12,"character":3},"arguments":["containerPieChart"]}]}],"pieData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"newData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"doughnutSubject":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3}}]}],"colors":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":3}}]}],"insideLabelsSubject":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":47,"character":4}}]}],"insideLabels":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":54,"character":5}}]}],"isDoughnut":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":61,"character":4}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"PieDataService"}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"setTotalData":[{"__symbolic":"method"}],"setPercentages":[{"__symbolic":"method"}],"getColors":[{"__symbolic":"method"}],"setup":[{"__symbolic":"method"}],"buildSVG":[{"__symbolic":"method"}],"buildPie":[{"__symbolic":"method"}],"populatePie":[{"__symbolic":"method"}]}},"MY_FORMATS_YY":{"parse":{"dateInput":"YYYY"},"display":{"dateInput":"YYYY","monthYearLabel":"MMM YYYY","dateA11yLabel":"LL","monthYearA11yLabel":"MMMM YYYY"}},"DatepickerYearComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":34,"character":1},"arguments":[{"selector":"ff-datepicker-year","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":38,"character":17},"member":"Emulated"},"providers":[{"provide":{"__symbolic":"reference","module":"@angular/material/core","name":"DateAdapter","line":41,"character":15},"useClass":{"__symbolic":"reference","module":"@angular/material-moment-adapter","name":"MomentDateAdapter","line":42,"character":16},"deps":[{"__symbolic":"reference","module":"@angular/material/core","name":"MAT_DATE_LOCALE","line":43,"character":13},{"__symbolic":"reference","module":"@angular/material-moment-adapter","name":"MAT_MOMENT_DATE_ADAPTER_OPTIONS","line":43,"character":30}]},{"provide":{"__symbolic":"reference","module":"@angular/material/core","name":"MAT_DATE_FORMATS","line":46,"character":14},"useValue":{"__symbolic":"reference","name":"MY_FORMATS_YY"}}],"template":"<div class=\"dp-yy\">\n    <mat-form-field class=\"dp-yy-field\" appearance=\"outline\">\n          <input matInput class=\"input-datepicker\"\n                placeholder=\"YYYY\" \n                [matDatepicker]=\"dp\"\n                [min]=\"this.minDate\"\n                [max]=\"this.maxDate\"\n                [formControl]=\"formDate\">\n          <mat-datepicker-toggle matSuffix [for]=\"dp\"></mat-datepicker-toggle>  \n          <mat-datepicker #dp\n                          color=\"warn\"\n                          class=\"dp-yy-datepicker\"\n                          startView=\"multi-year\"\n                          (yearSelected)=\"chosenYearHandler($event, dp)\"\n                          panelClass=\"dp-panel-yy\"\n                          [calendarHeaderComponent]=\"ffDatepickerHeader\"\n                          >\n          </mat-datepicker>\n    </mat-form-field>\n</div>","styles":["::ng-deep .cdk-overlay-pane{transform:translateY(2%)!important;border-radius:4px!important}::ng-deep .dp-panel-my,::ng-deep .dp-panel-yy{width:244px!important;height:auto!important;border-radius:4px!important}::ng-deep .dp-panel-my .mat-calendar-body-selected,::ng-deep .dp-panel-yy .mat-calendar-body-selected{color:#c81414!important;background-color:initial!important;font-weight:500;font-size:150%}::ng-deep .dp-panel-keyboard,::ng-deep .dp-panel-text{width:244px!important;height:auto!important;border-radius:4px!important}::ng-deep .dp-panel-keyboard .mat-calendar-body-label:not(:last-of-type),::ng-deep .dp-panel-text .mat-calendar-body-label:not(:last-of-type){visibility:hidden}::ng-deep .dp-panel-keyboard .mat-calendar-body-label:last-of-type,::ng-deep .dp-panel-text .mat-calendar-body-label:last-of-type{display:none}::ng-deep .dp-panel-keyboard .mat-calendar-body-selected,::ng-deep .dp-panel-text .mat-calendar-body-selected{background-color:#c81414!important;color:#fff!important;font-weight:300}::ng-deep .dp-panel-horizontal{display:flex!important;flex-direction:row!important;width:465px!important;height:auto!important}::ng-deep .dp-panel-horizontal .mat-calendar-body-label:not(:last-of-type){visibility:hidden}::ng-deep .dp-panel-horizontal .mat-calendar-body-label:last-of-type{display:none}::ng-deep .dp-panel-horizontal .mat-calendar-content{width:100%!important;margin-top:52px;padding:18px}::ng-deep .dp-panel-horizontal .mat-calendar-body-selected{background-color:#c81414!important;color:#fff!important;font-weight:300}.dp-yy ::ng-deep .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick{color:#00aeef}.dp-yy ::ng-deep .mat-form-field-infix{border-top:none!important;align-items:none!important}.dp-yy ::ng-deep .mat-form-field-appearance-outline .mat-form-field-flex{padding-top:3px!important}.dp-yy ::ng-deep .input-datepicker{font-size:22px}"]}]}],"members":{"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":58,"character":6}}]}],"isDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":64,"character":5}}]}],"selection":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":70,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"chosenYearHandler":[{"__symbolic":"method"}]}},"FFDatepickerHeaderYY":{"__symbolic":"class","arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":138,"character":1},"arguments":[{"selector":"ff-datepicker-header","styles":["\n    .dp-header {\n      padding: 0.5em;\n      background-color: #c81414;\n      color: white;\n      height: 4em;\n      border-radius: 4px !important;\n    }\n\n    .year-header-label {\n      font-weight: 100;\n      text-align: center;\n      padding: 14px;\n      opacity: 0.7;\n    }\n\n    .dp-year {\n      margin-bottom: -9px;\n      margin-top: 3px;\n    }\n\n    .month-header-label {\n      font-weight: 400;\n      text-align: center;\n      padding: 14px;\n      font-size: 1.5em;\n    }\n\n    .selector-container {\n      justify-content: space-between;\n      background-color: #c81414;\n      border-radius: 4px;\n    }\n\n    .btn-selector {\n      background-color: #c81414;\n      color: white;\n      width: 50%;\n      border-style: none;\n    }\n\n\n    .btn-selector:hover {\n      border: 1px solid;\n      box-shadow: inset 0 0 20px rgba(255, 255, 255, .5), 0 0 20px rgba(255, 255, 255, .2);\n      outline-color: rgba(255, 255, 255, 0);\n      outline-offset: 15px;\n      text-shadow: 1px 1px 2px #427388; \n    }\n\n\n  "],"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":193,"character":19},"member":"OnPush"},"template":"    <div class=\"selector-container\">\n    <div class=\"dp-header\">\n      <div class=\"dp-year\">\n       <span class=\"year-header-label\">{{yearLabel}}</span>\n      </div>\n      <br>\n      <div class=\"dp-month\">\n       <span class=\"month-header-label\">{{monthLabel}}</span>\n      </div>    \n    </div>\n    \n    <button (click)=\"previousClicked('year')\" class=\"btn-selector\" type=\"button\" mat-button>\n        <mat-icon class=\"mat-icon notranslate material-icons mat-icon-no-color\">keyboard_arrow_left</mat-icon>\n    </button>\n    <button (click)=\"nextClicked('year')\" class=\"btn-selector\" type=\"button\" mat-button>\n        <mat-icon class=\"mat-icon notranslate material-icons mat-icon-no-color\">keyboard_arrow_right</mat-icon>\n    </button>\n    </div>\n\n    \n  "}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"MatCalendar","module":"@angular/material/datepicker","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":199,"character":37,"context":{"typeName":"D"},"module":"./lib/components/datepicker/datepicker-year/datepicker-year.component"}]},{"__symbolic":"reference","name":"DateAdapter","module":"@angular/material/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":199,"character":75,"context":{"typeName":"D"},"module":"./lib/components/datepicker/datepicker-year/datepicker-year.component"}]}]}],"ngOnDestroy":[{"__symbolic":"method"}],"previousClicked":[{"__symbolic":"method"}],"nextClicked":[{"__symbolic":"method"}]}},"InputTableComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":16,"character":1},"arguments":[{"selector":"ff-input-table","template":"<div class=\"table-container\">\n    <div class=\"table-head\">\n        <div class=\"labels\">\n            <label class=\"table-title\">{{ titleName }}: </label>\n            <label class=\"table-title-text\">{{this.title}}</label>\n            <mat-icon *ngIf=\"missingInfo\" class=\"icon-error\">error</mat-icon>\n        </div>\n        <div class=\"count-dropdown\">\n            <label class=\"count-dropdown-label\">Quantity</label>\n            <mat-form-field class=\"count-dropdown-field\" appearance=\"none\">\n                <input matInput type=\"number\" class=\"rowSelector\" min=\"1\" [(ngModel)]=\"tableRows\" (ngModelChange)=\"rowChange($event)\" (keypress)=\"keyPressInt($event)\" />\n            </mat-form-field>\n        </div>\n    </div>\n    <div class=\"table-body\" cdkScrollable (scroll)=\"onScroll()\">\n        <table mat-table [dataSource]=\"dataSource\" class=\"details-table\">\n\n\n            <!-- Position Column -->\n            <ng-container *ngFor=\"let prop of inputProperties; let i = index;\" matColumnDef=\"{{prop.columnName}}\">\n                <th class=\"table-header-col\" mat-header-cell *matHeaderCellDef>{{prop.columnHeader}}</th>\n                <td mat-cell *matCellDef=\"let element\">\n\n                    <!-- Switch to identify type of input -->\n                    <div [ngSwitch]=\"prop.columnType\">\n\n                        <!-- Case string-->\n                        <div *ngSwitchCase=\"'string'\">\n                            <input [maxlength]=\"prop.maxLength\" class=\"table-input {{ getInputStyle(prop.inputSize) }}\" [name]=\"element[prop.columnName]\" type=\"text\" [(ngModel)]=\"element[prop.columnName]\">\n                        </div>\n\n                        <!-- Case number-->\n                        <div *ngSwitchCase=\"'number'\">\n                            <input class=\"table-input {{ getInputStyle(prop.inputSize) }}\" [name]=\"element[prop.columnName]\" [(ngModel)]=\"element[prop.columnName]\" (keypress)=\"keyPressDecimal($event)\">\n                        </div>\n\n                        <!-- Case amount -->\n                        <div *ngSwitchCase=\"'currency'\">\n                            <input class=\"table-input {{ getInputStyle(prop.inputSize) }}\" (blur)=\"transformAmount($event.target)\" [name]=\"element[prop.columnName]\" (focus)=\"onFocusCost($event)\" [(ngModel)]=\"element[prop.columnName]\" (keypress)=\"keyPressDecimal($event)\">\n                        </div>\n\n                        <!-- Case months -->\n                        <div *ngSwitchCase=\"'months'\">\n                            <input class=\"table-input {{ getInputStyle(prop.inputSize) }}\" (blur)=\"transformMonth($event.target)\" (focus)=\"onFocusMonth($event)\" [name]=\"element[prop.columnName]\" [(ngModel)]=\"element[prop.columnName]\" (keypress)=\"keyPressInt($event)\">\n                        </div>\n\n                        <!-- Case days -->\n                        <div *ngSwitchCase=\"'days'\">\n                            <input class=\"table-input {{ getInputStyle(prop.inputSize) }}\" (blur)=\"transformDays($event.target)\" (focus)=\"onFocusDays($event)\" [name]=\"element[prop.columnName]\" [(ngModel)]=\"element[prop.columnName]\" (keypress)=\"keyPressInt($event)\">\n                        </div>\n\n                        <!-- Case dropDown-->\n                        <div class=\"divDropDown\" *ngSwitchCase=\"'dropDown'\">\n                            <ff-filter-dropdown [options]=\"prop.options\" [default]=\"element[prop.columnName]\" (elementSelected)=\"element[prop.columnName] = $event\">\n                            </ff-filter-dropdown>\n                        </div>\n\n                        <!-- Case photo -->\n                        <div *ngSwitchCase=\"'photo'\">\n                            <button *ngIf=\"element[prop.columnName] === undefined\" (click)=\"displayModal($event, element)\" class=\"table-input-file\"><mat-icon class=\"table-input-file-icon\">add</mat-icon></button>\n                            <button *ngIf=\"element[prop.columnName] !==  undefined\" (click)=\"displayModal($event, element)\" class=\"table-input-file image-loaded\"><img id=\"fileImage\" [src]=\"element[prop.columnName].src\" alt=\"your image\" /></button>\n                        </div>\n\n                        <!-- Case boolean -->\n                        <div *ngSwitchCase=\"'boolean'\">\n                            <input class=\"table-input-checkbox {{ getInputStyle(prop.inputSize) }}\" [name]=\"element[prop.columnName]\" type=\"checkbox\" [(ngModel)]=\"element[prop.columnName]\">\n                        </div>\n\n                        <!-- Case date -->\n                        <div *ngSwitchCase=\"'date'\">\n                            <ff-datepicker-keyboard id=\"datepicker\"\n                                [options]=\"{disabled:false}\"\n                                [default]=\"element[prop.columnName]\"\n                                [name]=\"element[prop.columnName]\"\n                                (selection)=\"element[prop.columnName] = dateSelection($event)\">\n                            </ff-datepicker-keyboard>\n                        </div>\n\n                        <!-- Case default-->\n                        <div *ngSwitchDefault>\n                            <input class=\"table-input table-input-text-large\" [name]=\"element[prop.columnName]\" type=\"text\" maxlength=\"30\" [(ngModel)]=\"element[prop.columnName]\">\n                        </div>\n\n                    </div>\n\n                </td>\n            </ng-container>\n\n            <!-- CSV Export/Import -->\n            <ng-container matColumnDef=\"documentMenu\" stickyEnd>\n                <th class=\"table-header-col table-header-menu\" mat-header-cell *matHeaderCellDef>\n                    <ff-csv-menu [export]=\"this.upperList[0]\" [import]=\"this.upperList[1]\" (data)=\"handleCSVData($event)\"></ff-csv-menu>\n                </th>\n                <td mat-cell *matCellDef=\"let element\"></td>\n            </ng-container>\n\n\n            <tr mat-header-row class=\"table-header\" *matHeaderRowDef=\"rowColumns(inputProperties)\"></tr>\n            <tr mat-row *matRowDef=\"let row; columns: rowColumns(inputProperties);\"></tr>\n        </table>\n    </div>\n    <div class=\"footer-container\">\n        <div class=\"content-manager\">\n            <button *ngIf=\"multipleRows\" class=\"content-manager-button-active\" (click)=\"copyRows()\">Apply content in all rows</button>\n            <button *ngIf=\"!multipleRows\" class=\"content-manager-button-disabled\" disabled>Apply content in all rows</button>\n            <mat-icon class=\"icon-info\" matTooltipClass=\"tooltip\" matTooltip=\"The apply content option doesn't include the following columns: {{getNonCloneableColumns()}}\" [matTooltipPosition]=\"'above'\">\n                help_outline\n            </mat-icon>\n        </div>\n\n        <mat-paginator>\n            aria-label=\"Select page\" itemsPerPageLabel=\"Rows per page\">\n        </mat-paginator>\n    </div>\n</div>","styles":["::ng-deep .cdk-overlay-pane{transform:translateY(2%)!important;border-radius:4px!important}::ng-deep .dp-panel-my,::ng-deep .dp-panel-yy{width:244px!important;height:auto!important;border-radius:4px!important}::ng-deep .dp-panel-my .mat-calendar-body-selected,::ng-deep .dp-panel-yy .mat-calendar-body-selected{color:#c81414!important;background-color:initial!important;font-weight:500;font-size:150%}::ng-deep .dp-panel-keyboard,::ng-deep .dp-panel-text{width:244px!important;height:auto!important;border-radius:4px!important}::ng-deep .dp-panel-keyboard .mat-calendar-body-label:not(:last-of-type),::ng-deep .dp-panel-text .mat-calendar-body-label:not(:last-of-type){visibility:hidden}::ng-deep .dp-panel-keyboard .mat-calendar-body-label:last-of-type,::ng-deep .dp-panel-text .mat-calendar-body-label:last-of-type{display:none}::ng-deep .dp-panel-keyboard .mat-calendar-body-selected,::ng-deep .dp-panel-text .mat-calendar-body-selected{background-color:#c81414!important;color:#fff!important;font-weight:300}::ng-deep .dp-panel-horizontal{display:flex!important;flex-direction:row!important;width:465px!important;height:auto!important}::ng-deep .dp-panel-horizontal .mat-calendar-body-label:not(:last-of-type){visibility:hidden}::ng-deep .dp-panel-horizontal .mat-calendar-body-label:last-of-type{display:none}::ng-deep .dp-panel-horizontal .mat-calendar-content{width:100%!important;margin-top:52px;padding:18px}::ng-deep .dp-panel-horizontal .mat-calendar-body-selected{background-color:#c81414!important;color:#fff!important;font-weight:300}.table-head{width:100%;height:79px;display:flex;flex-direction:row;justify-content:space-between;background-color:#fafafa;padding-bottom:10px}.count-dropdown{display:flex;flex-direction:column;margin-right:7px}.count-dropdown-label{font-family:Lato;font-size:14px;font-weight:500;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;text-align:left;color:#525152;width:55px;height:17px;margin:10px 22px -9px 0}.count-dropdown-field{width:65px;height:36px}.labels{display:flex;flex-direction:row}.table-title{height:19px;font-weight:bolder;margin:33px 0 0 17px}.table-title,.table-title-text{font-family:Montserrat;font-size:16px;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;text-align:left;color:#525152}.table-title-text{margin:33px 0 0 12px}.table-header{height:35px;margin:0 0 64px;padding:7px 15px 9px 12px;background-color:#ebebeb}.table-header-col{font-family:Lato;font-size:14px;font-weight:500;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;text-align:left;color:#525152;padding-left:8px}:host ::ng-deep .table-header-menu{padding-right:0!important}.table-input{height:36px;margin:10px 8px;border-radius:5px;border:1px solid hsla(0,0%,64.3%,.4);font-family:Lato;font-size:16px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;text-align:left;color:#525152}.table-input-text-small{width:70px}.table-input-text-medium{width:110px}.table-input-text-large{width:140px}.table-input-file{width:40px;height:40px;margin:0 17px 0 0;padding:0;border-radius:5px;border:1px solid #4385f5;background-color:#fff;display:flex;justify-content:center;align-items:center}.table-input-checkbox{height:20px}.image-loaded{width:46px;height:46px;border:1px solid transparent}#fileImage{width:100%;height:100%}.details-table{border-collapse:collapse;overflow-x:scroll;width:100%}.table-body{overflow-x:scroll;padding-bottom:25px}:host td.mat-cell{border-bottom-style:none}.rowSelector{width:58px;height:36px;border-radius:5px;border:1px solid hsla(0,0%,64.3%,.4);background-color:#fff;font-size:15px;padding:0 0 0 7px}.content-manager{margin-top:-8px;margin-left:19px;display:flex;align-items:center}.content-manager-button-disabled{border:none;background:none;font-family:Lato;font-size:14px;font-weight:500;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;text-align:left;color:#a4a4a4}:host ::ng-deep .mat-select-min-line{margin-bottom:1px}.details-table::-webkit-scrollbar{border-radius:50px;background-color:#ebebeb;width:6px;-webkit-appearance:none}.details-table::-webkit-scrollbar-thumb{background-color:#fff}.table-body::-webkit-scrollbar{background-color:#fff;height:8px}.table-body::-webkit-scrollbar-thumb{border-radius:50px;background-color:#ebebeb;width:6px;-webkit-appearance:none}:host ::ng-deep .mat-header-row{height:35px;margin:0 0 64px;padding:7px 15px 9px 12px;background-color:#ebebeb;min-height:35px!important}.footer-container{display:flex;flex-direction:row;justify-content:space-between}.icon-info{color:#a4a4a4;margin-left:10px}.icon-error{color:#c81414;margin-top:30px;margin-left:10px}div.divDropDown{margin-top:10px}div.divDropDown ::ng-deep ff-autocomplete-dropdown#ffAutoComplete form.autocompleteDropdown mat-form-field.formDropdown .mat-form-field-wrapper .mat-form-field-flex{height:45px!important}:host::ng-deep.mat-form-field-appearance-outline .mat-form-field-infix{padding:1em!important}:host::ng-deep.mat-form-field-appearance-outline .mat-form-field-outline{display:flex;position:absolute;top:.8em!important;bottom:4px!important;pointer-events:none}:host::ng-deep .dp-keyboard .mat-form-field-appearance-outline .mat-form-field-flex{height:55px!important;margin:0 10px;padding-top:10px;width:200px!important;font-size:13px;bottom:3.25px}:host::ng-deep .dp-keyboard .mat-form-field-wrapper{padding-bottom:0}:host::ng-deep .filterDropdown mat-form-field.formFilterDropdown .mat-form-field-wrapper .mat-form-field-flex{height:55px!important;padding-top:7px;bottom:7px}:host::ng-deep .filterDropdown .mat-form-field-wrapper{padding-bottom:0}.table-container{width:100%}.table-input-file-icon{color:#4385f5;cursor:pointer}.content-manager-button-active{border:none;background:none;cursor:pointer;font-family:Lato;font-size:14px;font-weight:500;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;text-align:left;color:#4385f5}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/common","name":"CurrencyPipe","line":23,"character":37},{"__symbolic":"reference","name":"SingleImageLoaderController"},{"__symbolic":"reference","name":"ScrollService"}]}],"table":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":25,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/table","name":"MatTable","line":25,"character":13}]}]}],"paginator":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":26,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/paginator","name":"MatPaginator","line":26,"character":13}]}]}],"sort":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":27,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/sort","name":"MatSort","line":27,"character":13}]}]}],"titleName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3}}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":3}}]}],"inputProperties":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":45,"character":3}}]}],"validateCSV":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":51,"character":3}}]}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":57,"character":3}}]}],"csvErrors":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":63,"character":3}}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngDoCheck":[{"__symbolic":"method"}],"transformAmount":[{"__symbolic":"method"}],"onFocusCost":[{"__symbolic":"method"}],"transformMonth":[{"__symbolic":"method"}],"onFocusMonth":[{"__symbolic":"method"}],"transformDays":[{"__symbolic":"method"}],"onFocusDays":[{"__symbolic":"method"}],"copyRows":[{"__symbolic":"method"}],"dateSelection":[{"__symbolic":"method"}],"rowChange":[{"__symbolic":"method"}],"rowColumns":[{"__symbolic":"method"}],"updateModel":[{"__symbolic":"method"}],"focusOutFunction":[{"__symbolic":"method"}],"createRow":[{"__symbolic":"method"}],"handleCSVData":[{"__symbolic":"method"}],"createRows":[{"__symbolic":"method"}],"keyPressDecimal":[{"__symbolic":"method"}],"keyPressInt":[{"__symbolic":"method"}],"getInputStyle":[{"__symbolic":"method"}],"getNonCloneableColumns":[{"__symbolic":"method"}],"onScroll":[{"__symbolic":"method"}],"exportCSV":[{"__symbolic":"method"}],"importCSV":[{"__symbolic":"method"}]}},"SingleImageLoaderComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"ff-single-image-loader","template":"<hr class=\"upper-line\"> \n<section class=\"image-loader-modal\">\n    <div class=\"image-loader\">\n        <div *ngIf=\"this.file == undefined\" class=\"dropzone\" ffDragAndDrop (fileDropped)=\"fileBrowseHandler($event)\">\n            <input type=\"file\" #fileDropRef id=\"fileDropRef\" (change)=\"fileBrowseHandler($event.target.files)\" accept=\"image/*\" />\n            <h2>Drag & drop</h2>\n            <h3>Your files here or browse</h3>\n        </div>\n\n        <div *ngIf=\"this.file != undefined\" class=\"dropzone-image\" ffDragAndDrop (fileDropped)=\"fileBrowseHandler($event)\">\n            <img id=\"fileImage\" [src]=\"file.src\" alt=\"your image\" />\n            <input type=\"file\" #fileDropRef id=\"fileDropRef\" (change)=\"fileBrowseHandler($event.target.files)\" accept=\"image/*\" />\n        </div>\n\n    </div>\n    <mat-checkbox class=\"example-margin\" [(ngModel)]=\"checked\">Apply photo to all rows</mat-checkbox>\n    <div class=\"buttons\">\n            <button mat-button class=\"btn-cancel\" (click)=\"clear()\">Cancel</button>\n            <button mat-button class=\"btn-save\" (click)=\"save()\">Save</button>\n    </div>\n</section>\n","styles":["::ng-deep .cdk-overlay-pane{transform:translateY(2%)!important;border-radius:4px!important}::ng-deep .dp-panel-my,::ng-deep .dp-panel-yy{width:244px!important;height:auto!important;border-radius:4px!important}::ng-deep .dp-panel-my .mat-calendar-body-selected,::ng-deep .dp-panel-yy .mat-calendar-body-selected{color:#c81414!important;background-color:initial!important;font-weight:500;font-size:150%}::ng-deep .dp-panel-keyboard,::ng-deep .dp-panel-text{width:244px!important;height:auto!important;border-radius:4px!important}::ng-deep .dp-panel-keyboard .mat-calendar-body-label:not(:last-of-type),::ng-deep .dp-panel-text .mat-calendar-body-label:not(:last-of-type){visibility:hidden}::ng-deep .dp-panel-keyboard .mat-calendar-body-label:last-of-type,::ng-deep .dp-panel-text .mat-calendar-body-label:last-of-type{display:none}::ng-deep .dp-panel-keyboard .mat-calendar-body-selected,::ng-deep .dp-panel-text .mat-calendar-body-selected{background-color:#c81414!important;color:#fff!important;font-weight:300}::ng-deep .dp-panel-horizontal{display:flex!important;flex-direction:row!important;width:465px!important;height:auto!important}::ng-deep .dp-panel-horizontal .mat-calendar-body-label:not(:last-of-type){visibility:hidden}::ng-deep .dp-panel-horizontal .mat-calendar-body-label:last-of-type{display:none}::ng-deep .dp-panel-horizontal .mat-calendar-content{width:100%!important;margin-top:52px;padding:18px}::ng-deep .dp-panel-horizontal .mat-calendar-body-selected{background-color:#c81414!important;color:#fff!important;font-weight:300}.image-loader-modal{font-family:Lato;font-size:16px;font-stretch:normal;font-style:normal;letter-spacing:normal;color:#525152;margin-top:5%;height:260px}.image-displayer{width:375px;height:85%;overflow-y:scroll;overflow-x:hidden}.image-displayer .single-file{padding:.5rem;justify-content:space-between;align-items:center;display:flex;flex-grow:1}.image-displayer .single-file #fileImage{width:60px;margin:0 26px -5px 0}.image-displayer .single-file .delete{display:flex;cursor:pointer;margin:0 -8px 36px 0;align-self:flex-end}.image-displayer .single-file .delete .mat-icon{font-size:15px;color:#adadad}.image-displayer .single-file .name{font-size:18px;font-family:Lato;color:#353f4a}.image-displayer .single-file .size{font-size:12px;font-weight:500;color:#a4a4a4;margin:0 0 .25rem}.image-displayer .single-file .info{width:100%;margin-left:17px}.buttons{display:flex;flex-direction:row;margin-left:49%}.btn-save{background-color:#4385f5;border-radius:5px;color:#fff}.btn-cancel,.btn-save{width:150px;font-family:Lato;letter-spacing:1px}.btn-cancel{border:1px solid #4385f5;color:#4385f5;border-radius:5px;font-weight:700;margin-right:15px}.fileover{animation:shake 1s;animation-iteration-count:infinite}@keyframes shake{0%{transform:translate(1px,1px) rotate(0deg)}10%{transform:translate(-1px,-2px) rotate(-1deg)}20%{transform:translate(-3px) rotate(1deg)}30%{transform:translate(3px,2px) rotate(0deg)}40%{transform:translate(1px,-1px) rotate(1deg)}50%{transform:translate(-1px,2px) rotate(-1deg)}60%{transform:translate(-3px,1px) rotate(0deg)}70%{transform:translate(3px,1px) rotate(-1deg)}80%{transform:translate(-1px,-1px) rotate(1deg)}90%{transform:translate(1px,2px) rotate(0deg)}to{transform:translate(1px,-2px) rotate(-1deg)}}::ng-deep .image-displayer::-webkit-scrollbar{width:6px}::ng-deep .image-displayer::-webkit-scrollbar-thumb{background-color:#bebebe}.upper-line{opacity:.4;margin-top:20px}.image-loader{display:flex;flex-direction:row;justify-content:center;width:100%;height:80%}:host ::ng-deep .mat-checkbox .mat-checkbox-label{font-family:Lato;font-size:16px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.56;letter-spacing:normal;text-align:left;color:#525152}:host ::ng-deep .mat-checkbox-checked.mat-accent .mat-checkbox-background{background-color:#4385f5!important}.dropzone{width:100%;height:120px;border:1px dashed #bebebe;background-color:#f9f9f9;border-radius:3px;position:relative;text-align:center;padding:10px 20px 30px;display:flex;flex-direction:column;justify-content:end}.dropzone input{opacity:0;position:absolute;z-index:2;width:100%;height:100%;top:0;left:0}.dropzone h2{font-size:18px;font-weight:bolder;letter-spacing:.4px;margin-bottom:7px}.dropzone h2,.dropzone h3{font-family:Lato;color:#adadad}.dropzone h3{font-size:14px;font-weight:lighter}.dropzone-image{width:50%;height:190px;border-radius:3px;position:relative}.dropzone-image input{opacity:0;position:absolute;z-index:2;top:0;left:0}.dropzone-image img,.dropzone-image input{width:100%;height:100%}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"onSave":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"onFileDropped":[{"__symbolic":"method"}],"fileBrowseHandler":[{"__symbolic":"method"}],"save":[{"__symbolic":"method"}],"prepareFilesList":[{"__symbolic":"method"}],"getSource":[{"__symbolic":"method"}]}},"DynamicFormComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"ff-dynamic-form","providers":[{"__symbolic":"reference","name":"ɵm"}],"template":"<div class=\"dynamic-form\">\n  <form\n    [formGroup]=\"form\"\n    [ngClass]=\"isHorizontalForm === true ? 'form-horizontal' : ''\"\n  >\n    <div\n      #row\n      *ngFor=\"let question of questionsArray\"\n      [class.form-row-optional]=\"question.optionalLabel\"\n      [class.form-row-no-optional]=\"!question.optionalLabel\"\n    >\n      <ff-dynamic-form-question\n        (selection)=\"onChange($event)\"\n        [question]=\"question\"\n        [validationMessage]=\"validationMessage\"\n        [form]=\"form\"\n      ></ff-dynamic-form-question>\n    </div>\n  </form>\n</div>\n","styles":["::ng-deep .dynamic-form .question-container{max-width:233px}::ng-deep .dynamic-form .form-row-optional{margin-bottom:20px}::ng-deep .dynamic-form .mat-form-field-wrapper{padding-bottom:10px}::ng-deep .dynamic-form .mat-form-field-appearance-outline .mat-form-field-infix{padding:9px 0 0!important}::ng-deep .dynamic-form .form-horizontal{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:start;align-items:center;gap:10px}::ng-deep .dynamic-form .form-horizontal .mat-form-field-wrapper{padding-bottom:0;margin:0}"]}]}],"members":{"questions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"isHorizontalForm":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}}]}],"validationMessage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":44,"character":3}}]}],"selection":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":51,"character":3}}]}],"formValid":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":56,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵm"}]}],"ngOnInit":[{"__symbolic":"method"}],"onChange":[{"__symbolic":"method"}]}},"CsvMenuComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"ff-csv-menu","template":"<button mat-icon-button [matMenuTriggerFor]=\"menu\"\n    (menuOpened)=\"menuChange()\"\n    (menuClosed)=\"menuChange()\"\n    [class.menu-open]=\"toggledMenu\"\n    [class.menu-close]=\"!toggledMenu\"\n    [class.disabled]=\"isDisabled\"\n    [disabled] = \"isDisabled\" >\n    <mat-icon>more_vert</mat-icon>\n</button>\n<mat-menu #menu=\"matMenu\" xPosition=\"before\">\n  <button\n    mat-menu-item\n    class=\"btn-list\"\n    (click)=\"exportCSV()\"\n  >\n    <mat-icon>save_alt</mat-icon>\n    <span>Download sample CSV</span>\n  </button>\n  <button mat-menu-item class=\"btn-list\" (click)=\"importCSV()\">\n    <mat-icon>import_export</mat-icon>\n    <span>Import CSV</span>\n  </button>\n</mat-menu>\n<input #inputFile class=\"inputCSV\" id=\"inputCSV\" type=\"file\" (change)=\"handleFileInput($event)\" accept=\"text/csv\">\n","styles":["::ng-deep .cdk-overlay-pane{transform:translateY(2%)!important;border-radius:4px!important}::ng-deep .dp-panel-my,::ng-deep .dp-panel-yy{width:244px!important;height:auto!important;border-radius:4px!important}::ng-deep .dp-panel-my .mat-calendar-body-selected,::ng-deep .dp-panel-yy .mat-calendar-body-selected{color:#c81414!important;background-color:initial!important;font-weight:500;font-size:150%}::ng-deep .dp-panel-keyboard,::ng-deep .dp-panel-text{width:244px!important;height:auto!important;border-radius:4px!important}::ng-deep .dp-panel-keyboard .mat-calendar-body-label:not(:last-of-type),::ng-deep .dp-panel-text .mat-calendar-body-label:not(:last-of-type){visibility:hidden}::ng-deep .dp-panel-keyboard .mat-calendar-body-label:last-of-type,::ng-deep .dp-panel-text .mat-calendar-body-label:last-of-type{display:none}::ng-deep .dp-panel-keyboard .mat-calendar-body-selected,::ng-deep .dp-panel-text .mat-calendar-body-selected{background-color:#c81414!important;color:#fff!important;font-weight:300}::ng-deep .dp-panel-horizontal{display:flex!important;flex-direction:row!important;width:465px!important;height:auto!important}::ng-deep .dp-panel-horizontal .mat-calendar-body-label:not(:last-of-type){visibility:hidden}::ng-deep .dp-panel-horizontal .mat-calendar-body-label:last-of-type{display:none}::ng-deep .dp-panel-horizontal .mat-calendar-content{width:100%!important;margin-top:52px;padding:18px}::ng-deep .dp-panel-horizontal .mat-calendar-body-selected{background-color:#c81414!important;color:#fff!important;font-weight:300}#iconSelect{cursor:pointer}:host mat-select ::ng-deep .mat-select-arrow{border:none}.btn-list{font-size:large;color:#000!important;font-family:Lato,sans-serif;padding:2px 20px 45px}.div-line{opacity:.4}::ng-deep .mat-menu-item .mat-icon{margin-right:6px!important;color:#000!important;font-size:20px!important}::ng-deep .mat-icon-button{height:35px;width:35px;line-height:35px}::ng-deep .mat-button-toggle-focus-overlay{display:none}::ng-deep .mat-icon-button:not(.disabled):hover .mat-button-focus-overlay{opacity:.1;color:#000!important}.menu-open{border-radius:50%;background-color:#d3d3d3}.menu-close{background-color:initial}#inputCSV{visibility:hidden;width:0;height:0}"]}]}],"members":{"inputFile":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":15,"character":3},"arguments":["inputFile"]}]}],"import":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"export":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"config":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":3}}]}],"inputProperties":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":42,"character":3}}]}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":49,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"menuChange":[{"__symbolic":"method"}],"exportCSV":[{"__symbolic":"method"}],"importCSV":[{"__symbolic":"method"}],"handleFileInput":[{"__symbolic":"method"}]}},"InputGenericTableComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":20,"character":1},"arguments":[{"selector":"ff-input-generic-table","template":"<div class=\"table-container\">\n  <div class=\"table-head\">\n    <div class=\"labels\">\n      <label class=\"table-title\">{{ titleName }}: </label>\n      <label class=\"table-title-text\">{{ this.title }}</label>\n      <mat-icon *ngIf=\"missingInfo\" class=\"icon-error\">error</mat-icon>\n    </div>\n    <div *ngIf=\"showQuantity\" class=\"count-dropdown\">\n      <label class=\"count-dropdown-label\">Quantity</label>\n      <mat-form-field class=\"count-dropdown-field\" appearance=\"none\">\n        <input\n          matInput\n          type=\"number\"\n          class=\"rowSelector\"\n          min=\"1\"\n          [(ngModel)]=\"tableRows\"\n          (ngModelChange)=\"rowChange($event)\"\n          (keypress)=\"keyPressInt($event)\"\n        />\n      </mat-form-field>\n    </div>\n  </div>\n  <div class=\"table-body\">\n    <table mat-table [dataSource]=\"dataSource\" class=\"details-table\">\n      <ng-container\n        *ngFor=\"let prop of inputProperties; let i = index\"\n        matColumnDef=\"{{ prop.columnName }}\"\n      >\n        <th class=\"table-header-col\" mat-header-cell *matHeaderCellDef>\n          {{ prop.columnHeader }}\n        </th>\n        <td mat-cell *matCellDef=\"let element\">\n          <div [ngSwitch]=\"prop.columnType\">\n            <div *ngSwitchCase=\"'photo'\">\n              <button\n                (click)=\"displayModal($event, element)\"\n                class=\"table-input-file\"\n              >\n                <mat-icon class=\"table-input-file-icon\">add</mat-icon>\n              </button>\n              <button\n                *ngIf=\"element[prop.fileImage] !== undefined\"\n                (click)=\"displayModal($event, element)\"\n                class=\"table-input-file image-loaded\"\n              >\n                <img\n                  id=\"fileImage\"\n                  [src]=\"element[prop.columnName].src\"\n                  alt=\"your image\"\n                />\n              </button>\n            </div>\n            <input\n            [hidden]=\"prop.hidden\"\n            autocomplete=\"off\"\n            *ngSwitchCase=\"'string'\"\n            (focusout)=\"focusOutFunction($event, prop.isRequired)\"\n            class=\"{{ isRequired(prop.isRequired) }}\"\n            name=\"element[prop.columnName]\"\n            type=\"text\"\n            [(ngModel)]=\"element[prop.columnName]\"\n            [minlength]=\"prop.minLength\"\n            [maxlength]=\"prop.maxLength\"\n          />\n            <input\n              autocomplete=\"off\"\n              *ngSwitchCase=\"'months'\"\n              class=\"{{ isRequired(prop.isRequired) }}\"\n              (blur)=\"transformMonth($event.target)\"\n              (focus)=\"onFocusMonth($event)\"\n              name=\"element[prop.columnName]\"\n              [(ngModel)]=\"element[prop.columnName]\"\n              (keypress)=\"keyPressInt($event)\"\n            />\n\n            <div *ngSwitchCase=\"'date'\">\n              <ff-datepicker-keyboard id=\"datepicker\"\n              [options]=\"{disabled:false}\"\n              [default]=\"element[prop.columnName]\"\n              name=\"element[prop.columnName]\"\n              (selection)=\"element[prop.columnName] = dateSelection($event)\">\n            </ff-datepicker-keyboard>\n            </div>\n\n            <input\n              autocomplete=\"off\"\n              *ngSwitchCase=\"'days'\"\n              class=\"{{ isRequired(prop.isRequired) }}\"\n              (blur)=\"transformDays($event.target)\"\n              name=\"element[prop.columnName]\"\n              [(ngModel)]=\"element[prop.columnName]\"\n              (keypress)=\"keyPressInt($event)\"\n            />\n            <input\n              autocomplete=\"off\"\n              *ngSwitchCase=\"'months'\"\n              class=\"table-input table-input-text-large\"\n              (blur)=\"transformMonth($event.target)\"\n              (focus)=\"onFocusMonth($event)\"\n              name=\"element[prop.columnName]\"\n              [(ngModel)]=\"element[prop.columnName]\"\n              (keypress)=\"keyPressInt($event)\"\n            />\n            <input\n              autocomplete=\"off\"\n              *ngSwitchCase=\"'currency'\"\n              class=\"table-input table-input-text-medium unit-cost-input\"\n              (blur)=\"transformAmount($event.target)\"\n              name=\"element[prop.columnName]\"\n              (focusout)=\"focusOutFunction($event, prop.isRequired)\"\n              (focus)=\"onFocusCost($event)\"\n              [(ngModel)]=\"element[prop.columnName]\"\n              (keypress)=\"keyPressDecimal($event)\"\n            />\n            <input\n              autocomplete=\"off\"\n              *ngSwitchCase=\"'number'\"\n              class=\"table-input table-input-text-medium unit-cost-input\"\n              OnlyNumber=\"true\"\n              [allowDecimals]=\"false\"\n              name=\"element[prop.columnName]\"\n              (focusout)=\"focusOutFunction($event, prop.isRequired)\"\n              (focus)=\"onFocusCost($event)\"\n              [(ngModel)]=\"element[prop.columnName]\"\n              (keypress)=\"keyPressDecimal($event)\"\n              [minlength]=\"prop.minLength\"\n              [maxlength]=\"prop.maxLength\"\n            />\n            <input\n              autocomplete=\"off\"\n              *ngSwitchCase=\"'numberInc'\"\n              class=\"table-input table-input-text-medium unit-cost-input\"\n              matInput\n              type=\"number\"\n              min=\"1\"\n              name=\"element[prop.columnName]\"\n              (focusout)=\"focusOutFunction($event, prop.isRequired)\"\n              (focus)=\"onFocusCost($event)\"\n              [(ngModel)]=\"element[prop.columnName]\"\n            />\n            <input\n              autocomplete=\"off\"\n              *ngSwitchCase=\"'decimal'\"\n              class=\"table-input table-input-text-medium unit-cost-input\"\n              OnlyNumber=\"true\"\n              [allowDecimals]=\"true\"\n              name=\"element[prop.columnName]\"\n              (focusout)=\"focusOutFunction($event, prop.isRequired)\"\n              (focus)=\"onFocusCost($event)\"\n              [(ngModel)]=\"element[prop.columnName]\"\n              (keypress)=\"keyPressDecimal($event)\"\n              [minlength]=\"prop.minLength\"\n              [maxlength]=\"prop.maxLength\"\n            />\n            <input \n              *ngSwitchCase=\"'boolean'\"\n              class=\"table-input-checkbox table-input-text-medium\" \n              [name]=\"element[prop.columnName]\" \n              type=\"checkbox\" \n              [(ngModel)]=\"element[prop.columnName]\"\n            />\n\n            <div class=\"divDropDown\" *ngSwitchCase=\"'dropDown'\">\n              <ff-filter-dropdown\n                id=\"ffAutoComplete\"\n                [default]=\"element[prop.columnName]\"\n                [options]=\"prop.options\"\n                (elementSelected)=\"element[prop.columnName] = $event\"\n              ></ff-filter-dropdown>\n            </div>\n\n\n                  <!-- DROPDOWN  -->\n          <mat-form-field *ngSwitchCase=\"'multidropdown'\" appearance=\"outline\">\n                  <mat-select\n                      [multiple]=\"true\"\n                      [(ngModel)]=\"element[prop.columnName]\"\n                      panelClass=\"optionsPanel\"\n                      (selectionChange)=\"onSelectionChange()\">\n\n                  <mat-option *ngFor=\"let option of prop.options\"\n                              [value]=\"option.value\"\n                              [disabled]=\"setOptionDisabled(option, element[prop.columnName], !!element['id'])\"\n                              ngDefaultControl\n                  >{{option.text}}\n                  </mat-option>\n                  </mat-select>\n          </mat-form-field>\n\n\n            <div *ngSwitchCase=\"'controls'\" [hidden]=\"!!element['id']\">\n              <div class=\"example-flex-container\">\n                <div class=\"example-button-container\">\n                  <button mat-icon-button (click)=\"deleteRow(element)\" color=\"warn\"  matTooltip=\"delete shipment\" aria-label=\"delete shipment\">\n                    <mat-icon>delete</mat-icon>\n                  </button>\n                </div>\n              </div>\n          </div>\n\n          <input\n          [hidden]=\"prop.hidden\"\n          *ngSwitchDefault\n          class=\"table-input table-input-text-large\"\n          name=\"element[prop.columnName]\"\n          type=\"text\"\n          [(ngModel)]=\"element[prop.columnName]\"\n          [minlength]=\"element[prop.minLength]\"\n          [maxlength]=\"element[prop.maxLength]\"\n        />\n          </div>\n        </td>\n      </ng-container>\n      <ng-container matColumnDef=\"documentMenu\" stickyEnd>\n        <th\n          class=\"table-header-col table-header-menu\"\n          mat-header-cell\n          *matHeaderCellDef\n        >\n          <ff-csv-menu\n            [export]=\"this.upperList[0]\"\n            [import]=\"this.upperList[1]\"\n            (data)=\"handleCSVData($event)\"\n          >\n          </ff-csv-menu>\n        </th>\n        <td mat-cell *matCellDef=\"let element\"></td>\n      </ng-container>\n      <tr\n        mat-header-row\n        class=\"table-header\"\n        *matHeaderRowDef=\"rowColumns(propList)\"\n      ></tr>\n      <tr mat-row *matRowDef=\"let row; columns: rowColumns(propList)\"></tr>\n    </table>\n  </div>\n</div>\n","styles":["::ng-deep .cdk-overlay-pane{transform:translateY(2%)!important;border-radius:4px!important}::ng-deep .dp-panel-my,::ng-deep .dp-panel-yy{width:244px!important;height:auto!important;border-radius:4px!important}::ng-deep .dp-panel-my .mat-calendar-body-selected,::ng-deep .dp-panel-yy .mat-calendar-body-selected{color:#c81414!important;background-color:initial!important;font-weight:500;font-size:150%}::ng-deep .dp-panel-keyboard,::ng-deep .dp-panel-text{width:244px!important;height:auto!important;border-radius:4px!important}::ng-deep .dp-panel-keyboard .mat-calendar-body-label:not(:last-of-type),::ng-deep .dp-panel-text .mat-calendar-body-label:not(:last-of-type){visibility:hidden}::ng-deep .dp-panel-keyboard .mat-calendar-body-label:last-of-type,::ng-deep .dp-panel-text .mat-calendar-body-label:last-of-type{display:none}::ng-deep .dp-panel-keyboard .mat-calendar-body-selected,::ng-deep .dp-panel-text .mat-calendar-body-selected{background-color:#c81414!important;color:#fff!important;font-weight:300}::ng-deep .dp-panel-horizontal{display:flex!important;flex-direction:row!important;width:465px!important;height:auto!important}::ng-deep .dp-panel-horizontal .mat-calendar-body-label:not(:last-of-type){visibility:hidden}::ng-deep .dp-panel-horizontal .mat-calendar-body-label:last-of-type{display:none}::ng-deep .dp-panel-horizontal .mat-calendar-content{width:100%!important;margin-top:52px;padding:18px}::ng-deep .dp-panel-horizontal .mat-calendar-body-selected{background-color:#c81414!important;color:#fff!important;font-weight:300}.table-head{width:100%;height:79px;display:flex;flex-direction:row;justify-content:space-between;background-color:#fafafa;padding-bottom:10px}.count-dropdown{display:flex;flex-direction:column;margin-right:7px}.count-dropdown-label{font-family:Lato;font-size:14px;font-weight:500;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;text-align:left;color:#525152;width:55px;height:17px;margin:10px 22px -9px 0}.count-dropdown-field{width:65px;height:36px}.labels{display:flex;flex-direction:row}.table-title{height:19px;font-weight:bolder;margin:33px 0 0 17px}.table-title,.table-title-text{font-family:Montserrat;font-size:16px;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;text-align:left;color:#525152}.table-title-text{margin:33px 0 0 12px}.table-header{height:35px;margin:0 0 64px;padding:7px 15px 9px 12px;background-color:#ebebeb}.table-header-col{font-family:Lato;font-size:14px;font-weight:500;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;text-align:left;color:#525152;padding-left:8px}:host ::ng-deep .table-header-menu{padding-right:0!important}.table-input{height:36px;margin:10px 8px;border-radius:5px;border:1px solid hsla(0,0%,64.3%,.4);font-family:Lato;font-size:16px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;text-align:left;color:#525152}.table-input-text-small{width:70px}.table-input-text-medium{width:110px}.table-input-text-large{width:140px}.table-input-file{width:40px;height:40px;margin:0 17px 0 0;padding:0;border-radius:5px;border:1px solid #4385f5;background-color:#fff;display:flex;justify-content:center;align-items:center}.table-input-checkbox{height:20px}.image-loaded{width:46px;height:46px;border:1px solid transparent}#fileImage{width:100%;height:100%}.details-table{border-collapse:collapse;overflow-x:scroll;width:100%}.table-body{overflow-x:scroll;padding-bottom:25px}:host td.mat-cell{border-bottom-style:none}.rowSelector{width:58px;height:36px;border-radius:5px;border:1px solid hsla(0,0%,64.3%,.4);background-color:#fff;font-size:15px;padding:0 0 0 7px}.content-manager{margin-top:-8px;margin-left:19px;display:flex;align-items:center}.content-manager-button-disabled{border:none;background:none;font-family:Lato;font-size:14px;font-weight:500;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;text-align:left;color:#a4a4a4}:host ::ng-deep .mat-select-min-line{margin-bottom:1px}.details-table::-webkit-scrollbar{border-radius:50px;background-color:#ebebeb;width:6px;-webkit-appearance:none}.details-table::-webkit-scrollbar-thumb{background-color:#fff}.table-body::-webkit-scrollbar{background-color:#fff;height:8px}.table-body::-webkit-scrollbar-thumb{border-radius:50px;background-color:#ebebeb;width:6px;-webkit-appearance:none}:host ::ng-deep .mat-header-row{height:35px;margin:0 0 64px;padding:7px 15px 9px 12px;background-color:#ebebeb;min-height:35px!important}.footer-container{display:flex;flex-direction:row;justify-content:space-between}.icon-info{color:#a4a4a4;margin-left:10px}.icon-error{color:#c81414;margin-top:30px;margin-left:10px}div.divDropDown{margin-top:10px}div.divDropDown ::ng-deep ff-autocomplete-dropdown#ffAutoComplete form.autocompleteDropdown mat-form-field.formDropdown .mat-form-field-wrapper .mat-form-field-flex{height:45px!important}:host::ng-deep.mat-form-field-appearance-outline .mat-form-field-infix{padding:1em!important}:host::ng-deep.mat-form-field-appearance-outline .mat-form-field-outline{display:flex;position:absolute;top:.8em!important;bottom:4px!important;pointer-events:none}:host::ng-deep .dp-keyboard .mat-form-field-appearance-outline .mat-form-field-flex{height:55px!important;margin:0 10px;padding-top:10px;width:200px!important;font-size:13px;bottom:3.25px}:host::ng-deep .dp-keyboard .mat-form-field-wrapper{padding-bottom:0}:host::ng-deep .filterDropdown mat-form-field.formFilterDropdown .mat-form-field-wrapper .mat-form-field-flex{height:55px!important;padding-top:7px;bottom:7px}:host::ng-deep .filterDropdown .mat-form-field-wrapper{padding-bottom:0}.table-container{width:max-content}.table-input-file-icon{color:#4385f5;cursor:pointer}.content-manager-button-active{border:none;background:none;cursor:pointer;font-family:Lato;font-size:14px;font-weight:500;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;text-align:left;color:#4385f5}.mat-form-field{margin:1em 10px 0}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/common","name":"CurrencyPipe","line":27,"character":26},{"__symbolic":"reference","name":"SingleImageLoaderController"}]}],"table":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":31,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/table","name":"MatTable","line":31,"character":13}]}]}],"paginator":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":32,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/paginator","name":"MatPaginator","line":32,"character":13}]}]}],"sort":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":33,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/sort","name":"MatSort","line":33,"character":13}]}]}],"titleName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":4}}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":45,"character":3}}]}],"inputProperties":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":54,"character":3}}]}],"hasImage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":63,"character":3}}]}],"upperList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":69,"character":3}}]}],"showQuantity":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":71,"character":3}}]}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":77,"character":3}}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngDoCheck":[{"__symbolic":"method"}],"transformAmount":[{"__symbolic":"method"}],"onFocusCost":[{"__symbolic":"method"}],"transformMonth":[{"__symbolic":"method"}],"dateSelection":[{"__symbolic":"method"}],"onFocusMonth":[{"__symbolic":"method"}],"transformDays":[{"__symbolic":"method"}],"createRow":[{"__symbolic":"method"}],"deleteRow":[{"__symbolic":"method"}],"rowChange":[{"__symbolic":"method"}],"rowColumns":[{"__symbolic":"method"}],"updateModel":[{"__symbolic":"method"}],"focusOutFunction":[{"__symbolic":"method"}],"handleCSVData":[{"__symbolic":"method"}],"createRows":[{"__symbolic":"method"}],"keyPressDecimal":[{"__symbolic":"method"}],"keyPressInt":[{"__symbolic":"method"}],"isRequired":[{"__symbolic":"method"}],"setOptionDisabled":[{"__symbolic":"method"}]}},"SpinnerComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"ff-spinner","template":"\n  <div class=\"spinner-background\">\n    <mat-progress-spinner\n      [mode]=\"'indeterminate'\"\n      [color]=\"'warn'\">\n    </mat-progress-spinner>\n  </div>\n","styles":["::ng-deep .cdk-overlay-pane{transform:translateY(2%)!important;border-radius:4px!important}::ng-deep .dp-panel-my,::ng-deep .dp-panel-yy{width:244px!important;height:auto!important;border-radius:4px!important}::ng-deep .dp-panel-my .mat-calendar-body-selected,::ng-deep .dp-panel-yy .mat-calendar-body-selected{color:#c81414!important;background-color:initial!important;font-weight:500;font-size:150%}::ng-deep .dp-panel-keyboard,::ng-deep .dp-panel-text{width:244px!important;height:auto!important;border-radius:4px!important}::ng-deep .dp-panel-keyboard .mat-calendar-body-label:not(:last-of-type),::ng-deep .dp-panel-text .mat-calendar-body-label:not(:last-of-type){visibility:hidden}::ng-deep .dp-panel-keyboard .mat-calendar-body-label:last-of-type,::ng-deep .dp-panel-text .mat-calendar-body-label:last-of-type{display:none}::ng-deep .dp-panel-keyboard .mat-calendar-body-selected,::ng-deep .dp-panel-text .mat-calendar-body-selected{background-color:#c81414!important;color:#fff!important;font-weight:300}::ng-deep .dp-panel-horizontal{display:flex!important;flex-direction:row!important;width:465px!important;height:auto!important}::ng-deep .dp-panel-horizontal .mat-calendar-body-label:not(:last-of-type){visibility:hidden}::ng-deep .dp-panel-horizontal .mat-calendar-body-label:last-of-type{display:none}::ng-deep .dp-panel-horizontal .mat-calendar-content{width:100%!important;margin-top:52px;padding:18px}::ng-deep .dp-panel-horizontal .mat-calendar-body-selected{background-color:#c81414!important;color:#fff!important;font-weight:300}.spinner-background{width:100vw;height:100vh;background-color:rgba(35,35,35,.3);position:absolute;top:0;left:0;z-index:5;padding:auto}.spinner-background mat-progress-spinner{top:50%;left:50%;transform:translate(-50%,-50%)}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"SearchInputComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"ff-search-input","template":"<mat-form-field class=\"input-container\" appearance=\"outline\">\n  <mat-label>{{placeholder}}</mat-label>\n  <mat-icon matPrefix>search</mat-icon>\n  <input (keyup)=\"onSearch($event)\" matInput>\n</mat-form-field>","styles":["::ng-deep .cdk-overlay-pane{transform:translateY(2%)!important;border-radius:4px!important}::ng-deep .dp-panel-my,::ng-deep .dp-panel-yy{width:244px!important;height:auto!important;border-radius:4px!important}::ng-deep .dp-panel-my .mat-calendar-body-selected,::ng-deep .dp-panel-yy .mat-calendar-body-selected{color:#c81414!important;background-color:initial!important;font-weight:500;font-size:150%}::ng-deep .dp-panel-keyboard,::ng-deep .dp-panel-text{width:244px!important;height:auto!important;border-radius:4px!important}::ng-deep .dp-panel-keyboard .mat-calendar-body-label:not(:last-of-type),::ng-deep .dp-panel-text .mat-calendar-body-label:not(:last-of-type){visibility:hidden}::ng-deep .dp-panel-keyboard .mat-calendar-body-label:last-of-type,::ng-deep .dp-panel-text .mat-calendar-body-label:last-of-type{display:none}::ng-deep .dp-panel-keyboard .mat-calendar-body-selected,::ng-deep .dp-panel-text .mat-calendar-body-selected{background-color:#c81414!important;color:#fff!important;font-weight:300}::ng-deep .dp-panel-horizontal{display:flex!important;flex-direction:row!important;width:465px!important;height:auto!important}::ng-deep .dp-panel-horizontal .mat-calendar-body-label:not(:last-of-type){visibility:hidden}::ng-deep .dp-panel-horizontal .mat-calendar-body-label:last-of-type{display:none}::ng-deep .dp-panel-horizontal .mat-calendar-content{width:100%!important;margin-top:52px;padding:18px}::ng-deep .dp-panel-horizontal .mat-calendar-body-selected{background-color:#c81414!important;color:#fff!important;font-weight:300}::ng-deep mat-form-field.input-container{background-color:#fff!important}::ng-deep mat-form-field.input-container .mat-form-field-wrapper{margin:0;padding-bottom:0}::ng-deep mat-form-field.input-container .mat-form-field-wrapper .mat-form-field-flex{height:35px!important;max-width:233px!important}::ng-deep mat-form-field.input-container .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-prefix{top:-.4em}::ng-deep mat-form-field.input-container .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-prefix mat-icon{color:#a4a4a4!important;font-size:130%}::ng-deep mat-form-field.input-container .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline{background-color:#fff}::ng-deep mat-form-field.input-container .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix{top:-.65em;padding:9px 0 0;margin-left:.2em}::ng-deep mat-form-field.input-container .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix label.mat-form-field-label{color:#a4a4a4!important;font-size:16px}::ng-deep mat-form-field.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float label.mat-form-field-label{transform:translateY(-1em) scale(.75)}"]}]}],"members":{"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"search":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":20,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"onSearch":[{"__symbolic":"method"}]}},"PDFViewerComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"ff-pdfviewer","template":"<object\n\tid=\"pdfRender\"\n\ttype=\"application/pdf\"\n\t[data]=\"pdfUrl | docsGoogle | safe: 'resourceUrl'\">\n\t<p>\n\t\tYour browser doesn't support embed pdf view,\n\t\t<a [href]=\"pdfUrl\">Click here to download</a>\n\t</p>\n</object>\n","styles":["object#pdfRender{width:100%;height:100%}"]}]}],"members":{"pdfUrl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"TableContainerComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"ff-table-container","template":"<section id=\"details\">\n    <h2>{{title}}</h2>\n    <div class=\"main-content\">\n      <div class=\"top-controls\">\n        <ff-search-input (search)=\"onSearch($event)\"></ff-search-input>\n        <div class=\"filters\" *ngIf=\"questions\">\n          <div class=\"filter-by-label\">\n            <mat-icon>filter_list</mat-icon>\n            <h4>Filter by</h4>\n          </div>\n          <ff-dynamic-form\n            [isHorizontalForm]=\"true\"\n            [questions]=\"questions\"\n            [validationMessage]=\"false\"\n            (selection)=\"filterEvent.emit($event)\">\n          </ff-dynamic-form>\n          <div class=\"vertical-divider\"></div>\n          <div class=\"filter-by-label clear-filter\">\n            <a (click)=\"clearFilter()\">Clear Filter</a>\n          </div>\n        </div>\n      </div>\n      <hr />\n      <div class=\"status-bar\">\n        <div class=\"status-bar__left\">\n          <span *ngIf=\"statusBarLeft\" class=\"units\">\n            {{ statusBarLeft.value }} {{ statusBarLeft.description }} \n          </span>\n        </div>\n        <div class=\"status-bar__right\">\n          <ng-container *ngFor=\"let status of statusBarRight, let last = last;\">\n            <span class=\"status-text\">\n              <span class=\"status-number\">\n                {{ status.value }}\n              </span> \n              {{ status.description }}\n            </span>\n            <div *ngIf=\"!last\" class=\"short-vertical-divider\"></div>\n          </ng-container>\n        </div>\n      </div>\n      <div class=\"table\" cdkScrollable (scroll)=\"onScroll()\">\n        <ng-content></ng-content>\n      </div>\n      <div class=\"table-controls\">\n        <div>\n        <label>Rows per page:</label>\n        <select\n          [(ngModel)]=\"pageSize\"\n          (change)=\"this.onSizeChange()\"\n          class=\"table-controls__dropdown\"\n        >\n          <option *ngFor=\"let option of this._options\">{{ option.text }}</option>\n        </select>\n        </div>\n        <span>\n            {{ pageNo * pageSize + 1 }}-{{\n                min((pageNo + 1) * pageSize, totalItems)\n            }}\n            of {{ totalItems }}\n        </span>\n        <div class=\"table-controls__control\">\n          <button (click)=\"this.firstPage()\" class=\"table-controls__arrow\">\n            <mat-icon class=\"material-icons-outlined table-controls__arrow-icon\">first_page</mat-icon>\n          </button>\n          <button (click)=\"this.prevPage()\" class=\"table-controls__arrow\">\n            <mat-icon class=\"material-icons-outlined table-controls__arrow-icon\">\n              navigate_before\n            </mat-icon>\n          </button>\n          <button (click)=\"this.nextPage()\" class=\"table-controls__arrow\">\n            <mat-icon class=\"material-icons-outlined table-controls__arrow-icon\">\n              navigate_next\n            </mat-icon>\n          </button>\n          <button (click)=\"this.lastPage()\" class=\"table-controls__arrow\">\n            <mat-icon class=\"material-icons-outlined table-controls__arrow-icon\">last_page</mat-icon>\n          </button>\n        </div>\n      </div>\n    </div>\n  </section>\n","styles":["::ng-deep .cdk-overlay-pane{transform:translateY(2%)!important;border-radius:4px!important}::ng-deep .dp-panel-my,::ng-deep .dp-panel-yy{width:244px!important;height:auto!important;border-radius:4px!important}::ng-deep .dp-panel-my .mat-calendar-body-selected,::ng-deep .dp-panel-yy .mat-calendar-body-selected{color:#c81414!important;background-color:initial!important;font-weight:500;font-size:150%}::ng-deep .dp-panel-keyboard,::ng-deep .dp-panel-text{width:244px!important;height:auto!important;border-radius:4px!important}::ng-deep .dp-panel-keyboard .mat-calendar-body-label:not(:last-of-type),::ng-deep .dp-panel-text .mat-calendar-body-label:not(:last-of-type){visibility:hidden}::ng-deep .dp-panel-keyboard .mat-calendar-body-label:last-of-type,::ng-deep .dp-panel-text .mat-calendar-body-label:last-of-type{display:none}::ng-deep .dp-panel-keyboard .mat-calendar-body-selected,::ng-deep .dp-panel-text .mat-calendar-body-selected{background-color:#c81414!important;color:#fff!important;font-weight:300}::ng-deep .dp-panel-horizontal{display:flex!important;flex-direction:row!important;width:465px!important;height:auto!important}::ng-deep .dp-panel-horizontal .mat-calendar-body-label:not(:last-of-type){visibility:hidden}::ng-deep .dp-panel-horizontal .mat-calendar-body-label:last-of-type{display:none}::ng-deep .dp-panel-horizontal .mat-calendar-content{width:100%!important;margin-top:52px;padding:18px}::ng-deep .dp-panel-horizontal .mat-calendar-body-selected{background-color:#c81414!important;color:#fff!important;font-weight:300}#details{display:inline-block;width:100%}#details h2{margin:24px auto 24px 30px;font-family:Montserrat;font-size:24px;font-weight:600;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;text-align:left;color:#232323}#details .ff-search-input::placeholder{font-size:6px}#details .main-content{padding:24px;margin:21px 30px 38px;border-radius:5px;box-shadow:0 1px 6px 0 rgba(0,0,0,.16);background-color:#fff;min-width:300px}#details .main-content .table{table-layout:fixed!important;width:100%;overflow-x:auto;overflow-y:hidden}#details .main-content .table ::ng-deep .accordion-row{padding-top:15px}#details .main-content .table ::ng-deep .table-head{background-color:rgba(67,132,245,0)}#details .main-content .table .icon-info{font-size:18px;display:block;margin-top:-17px;margin-left:49px}#details .top-controls{display:flex;align-items:center;justify-content:space-between;min-width:0;overflow:auto;flex-wrap:nowrap;margin-bottom:20px}#details .table-controls{font-family:Lato;font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;text-align:left;color:#525152;display:flex;justify-content:flex-end;align-items:center}#details .table-controls>*{margin:0 .125rem}#details .table-controls__dropdown{border:none;padding:0;margin-right:.09 rem}#details .table-controls__arrow{border:none;background:none;margin:0;padding:0;color:#a4a4a4}#details .table-controls__arrow:hover{color:#525152}#details .table-controls__arrow-icon{font-size:17px;margin-top:10px}#details .filter-by-label{display:flex;align-items:center;flex-wrap:nowrap;flex-shrink:0;justify-content:end;margin-left:auto;padding-right:12px;font-family:Lato;font-size:16px;font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;text-align:left;color:#4385f5}#details .filter-by-label h4{margin:0}#details .short-vertical-divider,#details .vertical-divider{display:flex;align-items:center;flex-wrap:nowrap;flex-shrink:0;justify-content:end;margin:0 12px;border:solid hsla(0,0%,64.3%,.4);border-width:0 0 0 1px;height:40px}#details .short-vertical-divider{height:26px}#details .filters{display:flex;align-items:center;flex-wrap:nowrap;flex-shrink:0;justify-content:end}#details .clear-filter a{cursor:pointer}#details .clear-filter a:hover{background-color:#f5f5f5}#details .clear-filter a:active{background-color:#e5e5e5}#details .status-bar{display:flex;align-items:center;flex-wrap:nowrap;flex-shrink:0;justify-content:space-between;margin:20px 0;overflow:auto}#details .status-bar__left{margin-right:12px}#details .status-bar__left,#details .status-bar__right{display:flex;align-items:center;flex-wrap:nowrap;flex-shrink:0;justify-content:end}#details .status-bar__right{margin-left:12px}#details hr{height:.8px;background-color:hsla(0,0%,64.3%,.3);border:none;margin:0}#details .units{font-family:Montserrat;font-size:16px;font-weight:600;text-align:left;color:#232323}#details .status-text,#details .units{font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}#details .status-text{font-family:Lato;font-size:14px;font-weight:400;text-align:center;color:#525152}#details .status-text .status-number{font-size:16px;font-weight:500}"]}]}],"members":{"formComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":15,"character":3},"arguments":[{"__symbolic":"reference","name":"DynamicFormComponent"}]}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"tableHeaders":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"page":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"items":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":3}}]}],"filters":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":3}}]}],"defaultSort":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":45,"character":3}}]}],"questions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":50,"character":3}}]}],"statusBarLeft":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":56,"character":3}}]}],"statusBarRight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":62,"character":3}}]}],"pageSize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":67,"character":3}}]}],"searchEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":72,"character":3}}]}],"clearFilterEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":74,"character":3}}]}],"pageChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":79,"character":3}}]}],"sortEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":87,"character":3}}]}],"filterEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":97,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ScrollService"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"changeSort":[{"__symbolic":"method"}],"changeSortingIcon":[{"__symbolic":"method"}],"sortingManager":[{"__symbolic":"method"}],"nextPage":[{"__symbolic":"method"}],"prevPage":[{"__symbolic":"method"}],"firstPage":[{"__symbolic":"method"}],"lastPage":[{"__symbolic":"method"}],"onSizeChange":[{"__symbolic":"method"}],"onSearch":[{"__symbolic":"method"}],"onScroll":[{"__symbolic":"method"}],"getOrderFieldArguments":[{"__symbolic":"method"}],"applyFilters":[{"__symbolic":"method"}],"onFilterChange":[{"__symbolic":"method"}],"clearFilter":[{"__symbolic":"method"}]}},"QuestionBase":{"__symbolic":"class","arity":1,"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"error","message":"Expression form not supported","line":21,"character":25,"module":"./lib/models/dynamic-form/question-base"}]}]}},"DropdownQuestion":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"QuestionBase"},"members":{}},"DatepickerQuestion":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"QuestionBase"},"members":{}},"DocumentQuestion":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"QuestionBase"},"members":{}},"TextareaQuestion":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"QuestionBase"},"members":{}},"TextboxQuestion":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"QuestionBase"},"members":{}},"AutocompleteDropdownQuestion":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"QuestionBase"},"members":{}},"IAvatarTable":{"__symbolic":"interface"},"BarSeriesData":{"__symbolic":"interface"},"BarChartData":{"__symbolic":"interface"},"ChartData":{"__symbolic":"interface"},"IConfigOptions":{"__symbolic":"interface"},"IDatepickerOption":{"__symbolic":"interface"},"Dictionary":{"__symbolic":"interface"},"FieldLargeProgressBar":{"__symbolic":"interface"},"FileInput":{"__symbolic":"class","members":{}},"FileUpload":{"__symbolic":"class","members":{}},"IFilter":{"__symbolic":"interface"},"LineChartData":{"__symbolic":"interface"},"IMenuOptions":{"__symbolic":"interface"},"ModalTypes":{"Normal":"Normal","Warning":"Warning","Help":"Help","Error":"Error"},"IModalOptions":{"__symbolic":"interface"},"INavItem":{"__symbolic":"interface"},"IOption":{"__symbolic":"interface"},"IPeople":{"__symbolic":"interface"},"IPieChartData":{"__symbolic":"interface"},"TabData":{"__symbolic":"interface"},"ITableCheckBox":{"__symbolic":"interface"},"ITableData":{"__symbolic":"interface"},"IColumnDetails":{"__symbolic":"interface"},"IFileData":{"__symbolic":"class","members":{}},"ITableExportData":{"__symbolic":"interface"},"ITableHeader":{"__symbolic":"interface"},"IModalController":{"__symbolic":"interface"},"ModalController":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":8,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver","line":19,"character":38},{"__symbolic":"reference","module":"@angular/core","name":"ApplicationRef","line":20,"character":28},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":21,"character":22}]}],"create":[{"__symbolic":"method"}],"present":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"AddressModalController":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":5,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ModalController"}]}],"create":[{"__symbolic":"method"}],"present":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"CustomLinerChartService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":1,"character":1}}],"members":{"showDots":[{"__symbolic":"method"}],"createMarker":[{"__symbolic":"method"}],"setAttributes":[{"__symbolic":"method"}]}},"PieDataService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":4,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"setData":[{"__symbolic":"method"}],"updateData":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"ImageLoaderModalController":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":5,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ModalController"}]}],"create":[{"__symbolic":"method"}],"present":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"ImageDisplayModalController":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":6,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ModalController"}]}],"create":[{"__symbolic":"method"}],"present":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"SingleImageLoaderController":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ModalController"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":5,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver","line":11,"character":44},{"__symbolic":"reference","module":"@angular/core","name":"ApplicationRef","line":12,"character":34},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":13,"character":28}]}],"createSingleModal":[{"__symbolic":"method"}],"present":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"PDFViewerModalControllerService":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ModalController"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":5,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver","line":11,"character":44},{"__symbolic":"reference","module":"@angular/core","name":"ApplicationRef","line":12,"character":34},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":13,"character":28}]}],"createModal":[{"__symbolic":"method"}],"present":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"ScrollService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":2,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"scrollDetected":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"CSVService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":5,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{},"statics":{"ɵprov":{}}},"StringHelpers":{"__symbolic":"class","members":{},"statics":{"convertToFileFormat":{"__symbolic":"function","parameters":["value"],"value":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"value"},"member":"toLowerCase"}},"member":"replace"},"arguments":[{"__symbolic":"error","message":"Expression form not supported","line":12,"character":43,"module":"./lib/helpers/string-helpers"},"_"]}}}},"Filter":{"__symbolic":"interface"},"filterData":{"__symbolic":"function"},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"ff-sidenav","template":"<mat-sidenav\n  #sidenav\n  class=\"app-sidenav mat-elevation-z10\"\n  id=\"sidenav\"\n  [class.menu-open]=\"isSidenavOpen\"\n  [class.menu-close]=\"!isSidenavOpen\"\n  mode=\"side\"\n  opened\n>\n  <mat-toolbar class=\"nav-toolbar\">\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"51\"\n      height=\"51\"\n      viewBox=\"0 0 51 51\"\n    >\n      <path\n        id=\"ff-logo\"\n        d=\"M11695,4179.019a25,25,0,1,1,25,25A25.028,25.028,0,0,1,11695,4179.019Zm1.215,0a23.785,23.785,0,1,0,23.786-23.783A23.813,23.813,0,0,0,11696.214,4179.019Zm36.24,7.841-8.155-9.7h0l-1.175,1.621-.225.308,6.539,7.774h-4.533l-4.105-4.882-3.548,4.882h-7.145l9.187-12.648,1.172-1.614,1.821-2.5.98-1.349,3.372,4.007.461.553v0l11.4,13.559Zm-30.931,0,13.168-18.125h.013l3.061,3.643-10.52,14.483Z\"\n        transform=\"translate(-11694.499 -4153.521)\"\n        fill=\"#fff\"\n        stroke=\"rgba(0,0,0,0)\"\n        stroke-miterlimit=\"10\"\n        stroke-width=\"1\"\n      />\n    </svg>\n  </mat-toolbar>\n  <div class=\"nav-list-container\">\n    <mat-nav-list id=\"nav-list\">\n      <a\n        mat-list-item\n        class=\"nav-list-item\"\n        (click)=\"navRoute(route)\"\n        *ngFor=\"let route of routes\"\n        matTooltip=\"{{ route.tooltipDescription }}\"\n        matTooltipClass=\"list-item-tooltip\"\n        matTooltipPosition=\"right\"\n        [routerLink]=\"route.path\"\n        [routerLinkActive]=\"'active-item'\"\n      >\n        <mat-icon matListIcon>{{ route.icon }}</mat-icon>\n        <div mat-line *ngIf=\"isSidenavOpen\">\n          {{ route.label }}\n        </div>\n      </a>\n    </mat-nav-list>\n\n    <mat-nav-list id=\"nav-list-reverse\">\n      <a\n        mat-list-item\n        class=\"nav-list-item\"\n        (click)=\"navRoute(route)\"\n        *ngFor=\"let route of routesReverse\"\n        [routerLink]=\"route.path\"\n        [routerLinkActive]=\"'active-item'\"\n      >\n        <mat-icon matListIcon>{{ route.icon }}</mat-icon>\n        <div mat-line *ngIf=\"isSidenavOpen\">\n          {{ route.label }}\n        </div>\n      </a>\n    </mat-nav-list>\n  </div>\n\n  <button\n    class=\"nav-toggle\"\n    type=\"button\"\n    mat-button\n    (click)=\"onSidenavMenuToggle()\"\n  >\n    <mat-icon class=\"icon-toggle\" *ngIf=\"isSidenavOpen\"\n      >keyboard_arrow_left</mat-icon\n    >\n    <mat-icon class=\"icon-toggle\" *ngIf=\"!isSidenavOpen\"\n      >keyboard_arrow_right</mat-icon\n    >\n  </button>\n</mat-sidenav>\n","styles":["::ng-deep .cdk-overlay-pane{transform:translateY(2%)!important;border-radius:4px!important}::ng-deep .dp-panel-my,::ng-deep .dp-panel-yy{width:244px!important;height:auto!important;border-radius:4px!important}::ng-deep .dp-panel-my .mat-calendar-body-selected,::ng-deep .dp-panel-yy .mat-calendar-body-selected{color:#c81414!important;background-color:initial!important;font-weight:500;font-size:150%}::ng-deep .dp-panel-keyboard,::ng-deep .dp-panel-text{width:244px!important;height:auto!important;border-radius:4px!important}::ng-deep .dp-panel-keyboard .mat-calendar-body-label:not(:last-of-type),::ng-deep .dp-panel-text .mat-calendar-body-label:not(:last-of-type){visibility:hidden}::ng-deep .dp-panel-keyboard .mat-calendar-body-label:last-of-type,::ng-deep .dp-panel-text .mat-calendar-body-label:last-of-type{display:none}::ng-deep .dp-panel-keyboard .mat-calendar-body-selected,::ng-deep .dp-panel-text .mat-calendar-body-selected{background-color:#c81414!important;color:#fff!important;font-weight:300}::ng-deep .dp-panel-horizontal{display:flex!important;flex-direction:row!important;width:465px!important;height:auto!important}::ng-deep .dp-panel-horizontal .mat-calendar-body-label:not(:last-of-type){visibility:hidden}::ng-deep .dp-panel-horizontal .mat-calendar-body-label:last-of-type{display:none}::ng-deep .dp-panel-horizontal .mat-calendar-content{width:100%!important;margin-top:52px;padding:18px}::ng-deep .dp-panel-horizontal .mat-calendar-body-selected{background-color:#c81414!important;color:#fff!important;font-weight:300}#sidenav{background-color:#c81414}#sidenav ::ng-deep .mat-list-item-content{padding:0!important}.nav-toolbar{background-color:#c81414;display:flex;flex-direction:column;margin-top:5px;height:100px;padding:15px}#sidenav.menu-close{width:110px}#sidenav.menu-open{width:281px}#sidenav.menu-close .nav-toggle{left:80px}#sidenav.menu-open .nav-toggle{left:213px}.nav-toggle{box-shadow:0 3px 6px rgba(0,0,0,.25);background-color:#c81414;top:90%;position:fixed;color:#ebebeb;padding:5px;min-width:52px!important;height:52px}.icon-toggle{font-size:40px!important;margin-right:10px;vertical-align:initial!important}::ng-deep .mat-drawer-inner-container{scrollbar-width:none;overflow-y:auto!important;overflow-x:hidden!important}::ng-deep .mat-drawer-inner-container::-webkit-scrollbar{width:0}::ng-deep .mat-drawer-inner-container::-webkit-scrollbar-thumb{background-color:initial}::ng-deep .list-item-tooltip{padding:8px;opacity:.8;box-shadow:0 3px 6px 0 rgba(0,0,0,.31);background-color:#000;color:#fff;font-family:Lato;font-size:.875em}.mat-nav-list .mat-icon{display:flex;align-items:center;font-size:30px!important}.mat-nav-list .mat-list-item{margin:20px 31px;color:#e45a64;padding:5px;height:40px;width:209px;font-family:Lato;font-weight:700;border-radius:5px}.nav-list-container{display:flex;flex-direction:column;justify-content:space-between;height:62%}#nav-list-reverse{margin-top:20px}#sidenav .nav-list-item:hover,.active-item{background-color:#e45a64!important;color:#ebebeb!important}#sidenav.menu-close .mat-list-item{width:40px!important}"]}]}],"members":{"routes":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"routesReverse":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"navState":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":29,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/router","name":"Router","line":33,"character":30}]}],"ngOnInit":[{"__symbolic":"method"}],"onSidenavMenuToggle":[{"__symbolic":"method"}],"navRoute":[{"__symbolic":"method"}]}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"ff-image-loader-modal","template":"<hr class=\"upper-line\"> \n<section class=\"image-loader-modal\">\n    <div class=\"image-loader\">\n        <div class=\"dropzone\" ffDragAndDrop (fileDropped)=\"fileBrowseHandler($event)\">\n            <input type=\"file\" #fileDropRef id=\"fileDropRef\" multiple (change)=\"fileBrowseHandler($event.target.files)\" accept=\"image/*\" />\n            <h2>Drag & drop</h2>\n            <h3>Your files here or browse</h3>\n        </div>\n    \n        <div class=\"image-displayer\">\n            <div class=\"single-file\" *ngFor=\"let file of files; let i = index\">\n                <div class=\"file-icon\" style=\"width: 50px\">\n                    <img id=\"fileImage\" [src]=\"file.file.src\" alt=\"your image\" />\n                </div>\n                <div class=\"info\">\n                    <h4 class=\"name\">\n                        {{ file.file?.name }}\n                    </h4>\n                    <p class=\"size\">\n                        {{ formatBytes(file.file?.size) }}\n                    </p>\n                    <ff-fileinput-progress-bar [progress]=\"file.progress\"></ff-fileinput-progress-bar>\n                </div>\n        \n                <div class=\"delete\" (click)=\"deleteFile(i)\">\n                    <mat-icon>close</mat-icon>\n                </div>\n            </div>\n        </div>\n\n    </div>\n    <div class=\"buttons\">\n            <button mat-button class=\"btn-cancel\" (click)=\"clear()\">Cancel</button>\n            <button mat-button class=\"btn-save\" (click)=\"save()\">Save</button>\n    </div>\n</section>\n","styles":["::ng-deep .cdk-overlay-pane{transform:translateY(2%)!important;border-radius:4px!important}::ng-deep .dp-panel-my,::ng-deep .dp-panel-yy{width:244px!important;height:auto!important;border-radius:4px!important}::ng-deep .dp-panel-my .mat-calendar-body-selected,::ng-deep .dp-panel-yy .mat-calendar-body-selected{color:#c81414!important;background-color:initial!important;font-weight:500;font-size:150%}::ng-deep .dp-panel-keyboard,::ng-deep .dp-panel-text{width:244px!important;height:auto!important;border-radius:4px!important}::ng-deep .dp-panel-keyboard .mat-calendar-body-label:not(:last-of-type),::ng-deep .dp-panel-text .mat-calendar-body-label:not(:last-of-type){visibility:hidden}::ng-deep .dp-panel-keyboard .mat-calendar-body-label:last-of-type,::ng-deep .dp-panel-text .mat-calendar-body-label:last-of-type{display:none}::ng-deep .dp-panel-keyboard .mat-calendar-body-selected,::ng-deep .dp-panel-text .mat-calendar-body-selected{background-color:#c81414!important;color:#fff!important;font-weight:300}::ng-deep .dp-panel-horizontal{display:flex!important;flex-direction:row!important;width:465px!important;height:auto!important}::ng-deep .dp-panel-horizontal .mat-calendar-body-label:not(:last-of-type){visibility:hidden}::ng-deep .dp-panel-horizontal .mat-calendar-body-label:last-of-type{display:none}::ng-deep .dp-panel-horizontal .mat-calendar-content{width:100%!important;margin-top:52px;padding:18px}::ng-deep .dp-panel-horizontal .mat-calendar-body-selected{background-color:#c81414!important;color:#fff!important;font-weight:300}.image-loader-modal{font-family:Lato;font-size:16px;font-stretch:normal;font-style:normal;letter-spacing:normal;color:#525152;margin-top:5%;height:260px}.image-displayer{width:375px;height:85%;overflow-y:scroll;overflow-x:hidden}.image-displayer .single-file{padding:.5rem;justify-content:space-between;align-items:center;display:flex;flex-grow:1}.image-displayer .single-file #fileImage{width:60px;margin:0 26px -5px 0}.image-displayer .single-file .delete{display:flex;cursor:pointer;margin:0 -8px 36px 0;align-self:flex-end}.image-displayer .single-file .delete .mat-icon{font-size:15px;color:#adadad}.image-displayer .single-file .name{font-size:18px;font-family:Lato;color:#353f4a}.image-displayer .single-file .size{font-size:12px;font-weight:500;color:#a4a4a4;margin:0 0 .25rem}.image-displayer .single-file .info{width:100%;margin-left:17px}.buttons{display:flex;flex-direction:row;margin-left:49%}.btn-save{background-color:#4385f5;border-radius:5px;color:#fff}.btn-cancel,.btn-save{width:150px;font-family:Lato;letter-spacing:1px}.btn-cancel{border:1px solid #4385f5;color:#4385f5;border-radius:5px;font-weight:700;margin-right:15px}.fileover{animation:shake 1s;animation-iteration-count:infinite}@keyframes shake{0%{transform:translate(1px,1px) rotate(0deg)}10%{transform:translate(-1px,-2px) rotate(-1deg)}20%{transform:translate(-3px) rotate(1deg)}30%{transform:translate(3px,2px) rotate(0deg)}40%{transform:translate(1px,-1px) rotate(1deg)}50%{transform:translate(-1px,2px) rotate(-1deg)}60%{transform:translate(-3px,1px) rotate(0deg)}70%{transform:translate(3px,1px) rotate(-1deg)}80%{transform:translate(-1px,-1px) rotate(1deg)}90%{transform:translate(1px,2px) rotate(0deg)}to{transform:translate(1px,-2px) rotate(-1deg)}}::ng-deep .image-displayer::-webkit-scrollbar{width:6px}::ng-deep .image-displayer::-webkit-scrollbar-thumb{background-color:#bebebe}.upper-line{opacity:.4}.image-loader{display:flex;flex-direction:row;justify-content:space-between;width:100%;height:80%}.dropzone{width:175px;height:120px;border:1px dashed #bebebe;background-color:#f9f9f9;border-radius:3px;position:relative;text-align:center;padding:10px 20px 30px;display:flex;flex-direction:column;justify-content:end}.dropzone input{opacity:0;position:absolute;z-index:2;width:100%;height:100%;top:0;left:0}.dropzone h2{font-size:18px;font-weight:bolder;letter-spacing:.4px;margin-bottom:7px}.dropzone h2,.dropzone h3{font-family:Lato;color:#adadad}.dropzone h3{font-size:14px;font-weight:lighter}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"onSave":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"onFileDropped":[{"__symbolic":"method"}],"fileBrowseHandler":[{"__symbolic":"method"}],"deleteFile":[{"__symbolic":"method"}],"save":[{"__symbolic":"method"}],"prepareFilesList":[{"__symbolic":"method"}],"getSource":[{"__symbolic":"method"}],"formatBytes":[{"__symbolic":"method"}]}},"ɵc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":2,"character":1},"arguments":[{"selector":"[ffDragAndDrop]"}]}],"members":{"fileOver":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":7,"character":3},"arguments":["class.fileover"]}]}],"fileDropped":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":8,"character":3}}]}],"onDragOver":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":11,"character":3},"arguments":["dragover",["$event"]]}]}],"onDragLeave":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":18,"character":3},"arguments":["dragleave",["$event"]]}]}],"ondrop":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":25,"character":3},"arguments":["drop",["$event"]]}]}]}},"ɵd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"ff-fileinput-progress-bar","template":"<div class=\"progress-cont\">\n    <div class=\"progress\" [style.width]=\"progress + '%'\">\n    </div>\n  </div>\n  ","styles":["::ng-deep .cdk-overlay-pane{transform:translateY(2%)!important;border-radius:4px!important}::ng-deep .dp-panel-my,::ng-deep .dp-panel-yy{width:244px!important;height:auto!important;border-radius:4px!important}::ng-deep .dp-panel-my .mat-calendar-body-selected,::ng-deep .dp-panel-yy .mat-calendar-body-selected{color:#c81414!important;background-color:initial!important;font-weight:500;font-size:150%}::ng-deep .dp-panel-keyboard,::ng-deep .dp-panel-text{width:244px!important;height:auto!important;border-radius:4px!important}::ng-deep .dp-panel-keyboard .mat-calendar-body-label:not(:last-of-type),::ng-deep .dp-panel-text .mat-calendar-body-label:not(:last-of-type){visibility:hidden}::ng-deep .dp-panel-keyboard .mat-calendar-body-label:last-of-type,::ng-deep .dp-panel-text .mat-calendar-body-label:last-of-type{display:none}::ng-deep .dp-panel-keyboard .mat-calendar-body-selected,::ng-deep .dp-panel-text .mat-calendar-body-selected{background-color:#c81414!important;color:#fff!important;font-weight:300}::ng-deep .dp-panel-horizontal{display:flex!important;flex-direction:row!important;width:465px!important;height:auto!important}::ng-deep .dp-panel-horizontal .mat-calendar-body-label:not(:last-of-type){visibility:hidden}::ng-deep .dp-panel-horizontal .mat-calendar-body-label:last-of-type{display:none}::ng-deep .dp-panel-horizontal .mat-calendar-content{width:100%!important;margin-top:52px;padding:18px}::ng-deep .dp-panel-horizontal .mat-calendar-body-selected{background-color:#c81414!important;color:#fff!important;font-weight:300}.progress-cont{height:4px;width:105%;border-radius:4px;background-color:#d0d0d0;position:relative}.progress-cont .progress{width:0;height:100%;position:absolute;z-index:1;top:0;left:0;border-radius:4px;background-color:#4c97cb;transition:all .5s}"]}]}],"members":{"progress":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":8,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"ff-checkbox-table","template":"<table mat-table [dataSource]=\"dataSource\" class=\"mat-elevation-z8\">\n    <!-- Checkbox Column -->\n    <ng-container matColumnDef=\"select\">\n      <th mat-header-cell *matHeaderCellDef>\n        <span class=\"title\">Table header</span>\n      </th>\n      <td mat-cell *matCellDef=\"let row\">\n        <mat-checkbox\n          (click)=\"$event.stopPropagation()\"\n          (change)=\"$event ? selection.toggle(row) : null\"\n          [checked]=\"selection.isSelected(row)\"\n        >\n        </mat-checkbox>\n        &nbsp; <span class=\"title\">Table row</span>\n      </td>\n    </ng-container>\n  \n    <!-- Column One -->\n    <ng-container matColumnDef=\"columnOne\">\n      <th mat-header-cell *matHeaderCellDef><span class=\"title\">Table header</span></th>\n      <td mat-cell *matCellDef=\"let element\"><span class=\"title\">{{element.columnOne}}</span></td>\n    </ng-container>\n  \n    <!-- Column Two -->\n    <ng-container matColumnDef=\"columnTwo\">\n      <th mat-header-cell *matHeaderCellDef><span class=\"title\">Table header</span></th>\n      <td mat-cell *matCellDef=\"let element\"><span class=\"title\">{{element.columnTwo}}</span></td>\n    </ng-container>\n  \n    <!-- Column Three-->\n    <ng-container matColumnDef=\"columnThree\">\n      <th mat-header-cell *matHeaderCellDef><span class=\"title\">Table header</span></th>\n      <td mat-cell *matCellDef=\"let element\"><span class=\"title\">{{element.columnThree}}</span></td>\n    </ng-container>\n  \n    <!-- Column Four-->\n    <ng-container matColumnDef=\"columnFour\">\n      <th mat-header-cell *matHeaderCellDef><span class=\"title\">Table header</span></th>\n      <td mat-cell *matCellDef=\"let element\"><span class=\"title\">{{element.columnFour}}</span></td>\n    </ng-container>\n  \n    <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\n    <tr\n      mat-row\n      *matRowDef=\"let row; columns: displayedColumns;\"\n      (click)=\"selection.toggle(row)\"\n    ></tr>\n  </table>\n  ","styles":["::ng-deep .cdk-overlay-pane{transform:translateY(2%)!important;border-radius:4px!important}::ng-deep .dp-panel-my,::ng-deep .dp-panel-yy{width:244px!important;height:auto!important;border-radius:4px!important}::ng-deep .dp-panel-my .mat-calendar-body-selected,::ng-deep .dp-panel-yy .mat-calendar-body-selected{color:#c81414!important;background-color:initial!important;font-weight:500;font-size:150%}::ng-deep .dp-panel-keyboard,::ng-deep .dp-panel-text{width:244px!important;height:auto!important;border-radius:4px!important}::ng-deep .dp-panel-keyboard .mat-calendar-body-label:not(:last-of-type),::ng-deep .dp-panel-text .mat-calendar-body-label:not(:last-of-type){visibility:hidden}::ng-deep .dp-panel-keyboard .mat-calendar-body-label:last-of-type,::ng-deep .dp-panel-text .mat-calendar-body-label:last-of-type{display:none}::ng-deep .dp-panel-keyboard .mat-calendar-body-selected,::ng-deep .dp-panel-text .mat-calendar-body-selected{background-color:#c81414!important;color:#fff!important;font-weight:300}::ng-deep .dp-panel-horizontal{display:flex!important;flex-direction:row!important;width:465px!important;height:auto!important}::ng-deep .dp-panel-horizontal .mat-calendar-body-label:not(:last-of-type){visibility:hidden}::ng-deep .dp-panel-horizontal .mat-calendar-body-label:last-of-type{display:none}::ng-deep .dp-panel-horizontal .mat-calendar-content{width:100%!important;margin-top:52px;padding:18px}::ng-deep .dp-panel-horizontal .mat-calendar-body-selected{background-color:#c81414!important;color:#fff!important;font-weight:300}table{width:1000px!important}th{width:250px!important;background-color:#ebebeb!important;color:#525152}.title{font-size:16px}"]}]}],"members":{"checkboxTableData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵf":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":68,"character":1},"arguments":[{"selector":"ff-table-expand-collapse","animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":73,"character":4},"arguments":["detailExpand",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":74,"character":6},"arguments":["collapsed",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":74,"character":25},"arguments":[{"height":"0px","minHeight":"0"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":75,"character":6},"arguments":["expanded",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":75,"character":24},"arguments":[{"height":"*"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":76,"character":6},"arguments":["expanded <=> collapsed",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":76,"character":43},"arguments":["225ms cubic-bezier(0.4, 0.0, 0.2, 1)"]}]}]]}],"template":"<div style=\"max-width:1024px;padding:20px;margin: 50px auto;\">\n\n    <table mat-table [dataSource]=\"dataList\" multiTemplateDataRows>\n  \n      <ng-container matColumnDef=\"actions\">\n        <th mat-header-cell *matHeaderCellDef class=\"collapse-th-size\"> <span class=\"title\">Table header</span> </th>\n        <td mat-cell *matCellDef=\"let element\">\n          <mat-icon (click)=\"element.isExpanded = !element.isExpanded\" class=\"icon\">keyboard_arrow_down</mat-icon><span class=\"expcollstyle\">Table row</span>\n        </td>\n      </ng-container>\n\n      <ng-container matColumnDef=\"columnOne\">\n        <th mat-header-cell *matHeaderCellDef> <span class=\"title\">Table header</span> </th>\n        <td mat-cell *matCellDef=\"let element\"> <span class=\"content-size\">{{element.columnOne}}</span></td>\n      </ng-container>\n  \n      <ng-container matColumnDef=\"columnTwo\">\n        <th mat-header-cell *matHeaderCellDef> <span class=\"title\">Table header</span> </th>\n        <td mat-cell *matCellDef=\"let element\"> <span class=\"content-size\">{{element.columnTwo}}</span></td>\n      </ng-container>\n  \n      <ng-container matColumnDef=\"columnThree\">\n        <th mat-header-cell *matHeaderCellDef> <span class=\"title\">Table header</span> </th>\n        <td mat-cell *matCellDef=\"let element\"> <span class=\"content-size\">{{element.columnThree}}</span></td>\n      </ng-container>\n\n      <ng-container matColumnDef=\"columnFour\">\n        <th mat-header-cell *matHeaderCellDef class=\"collapse-th-size\"> <span class=\"title\">Table header</span> </th>\n        <td mat-cell *matCellDef=\"let element\"> <span class=\"content-size\">{{element.columnFour}}</span></td>\n      </ng-container>\n  \n      <!-- Template for details row -->\n      <ng-container matColumnDef=\"expandedDetail\">\n        <td mat-cell *matCellDef=\"let element\" [attr.colspan]=\"displayedDataColumnsList.length\">\n  \n          <div class=\"row data-element-detail\" [@detailExpand]=\"element.isExpanded ? 'expanded' : 'collapsed'\">\n            <mat-list>\n              <div mat-subheader>Information {{element.name}}</div>\n              <mat-list-item *ngFor=\"let subject of element.subjects\">\n                <div mat-line>{{subject.name}}</div>\n              </mat-list-item>\n            </mat-list>\n          </div>\n  \n        </td>\n      </ng-container>\n\n      <tr mat-header-row *matHeaderRowDef=\"displayedDataColumnsList;sticky: true\"></tr>\n      <tr mat-row *matRowDef=\"let element; columns: displayedDataColumnsList;\" class=\"data-element-row\"\n        [class.data-expanded-row]=\"element.isExpanded\"></tr>\n  \n      <!-- Extra row to show detail content column -->\n      <tr mat-row *matRowDef=\"let row; columns: ['expandedDetail']\" class=\"data-detail-row\"></tr>\n  \n    </table>\n  \n  </div>","styles":["::ng-deep .cdk-overlay-pane{transform:translateY(2%)!important;border-radius:4px!important}::ng-deep .dp-panel-my,::ng-deep .dp-panel-yy{width:244px!important;height:auto!important;border-radius:4px!important}::ng-deep .dp-panel-my .mat-calendar-body-selected,::ng-deep .dp-panel-yy .mat-calendar-body-selected{color:#c81414!important;background-color:initial!important;font-weight:500;font-size:150%}::ng-deep .dp-panel-keyboard,::ng-deep .dp-panel-text{width:244px!important;height:auto!important;border-radius:4px!important}::ng-deep .dp-panel-keyboard .mat-calendar-body-label:not(:last-of-type),::ng-deep .dp-panel-text .mat-calendar-body-label:not(:last-of-type){visibility:hidden}::ng-deep .dp-panel-keyboard .mat-calendar-body-label:last-of-type,::ng-deep .dp-panel-text .mat-calendar-body-label:last-of-type{display:none}::ng-deep .dp-panel-keyboard .mat-calendar-body-selected,::ng-deep .dp-panel-text .mat-calendar-body-selected{background-color:#c81414!important;color:#fff!important;font-weight:300}::ng-deep .dp-panel-horizontal{display:flex!important;flex-direction:row!important;width:465px!important;height:auto!important}::ng-deep .dp-panel-horizontal .mat-calendar-body-label:not(:last-of-type){visibility:hidden}::ng-deep .dp-panel-horizontal .mat-calendar-body-label:last-of-type{display:none}::ng-deep .dp-panel-horizontal .mat-calendar-content{width:100%!important;margin-top:52px;padding:18px}::ng-deep .dp-panel-horizontal .mat-calendar-body-selected{background-color:#c81414!important;color:#fff!important;font-weight:300}table{width:780px}tr.data-detail-row{height:0}tr.data-element-row:not(.data-expanded-row):hover{background:#f5f5f5}tr.data-element-row:not(.data-expanded-row):active{background:#efefef}.data-element-row td{border-bottom-width:0}.data-element-detail{overflow:hidden;display:flex;align-items:center;justify-content:center;background-color:#e1e1e1;box-shadow:inset 2px 3px 8px #c1c1c1;border-radius:8px}th{background-color:#ebebeb}.title{font-family:Lato;font-size:16px;font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;text-align:left;color:#525152}.expcollstyle{font-weight:400;margin-left:1px}.icon{cursor:pointer;vertical-align:middle}.collapse-th-size{width:142px}.content-size{margin-left:1px}"]}]}],"members":{"ngOnInit":[{"__symbolic":"method"}]}},"ɵg":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"ff-employee-table","template":"\n<div class=\"example-container\">\n  <form [formGroup]=\"options\">\n    <div class=\"form-Style\">\n      <mat-form-field appearance=\"standard\" class=\"FF-Title\" appearance=\"none\">\n        <mat-label class=\"FF-Red\">Employees</mat-label>\n        <input matInput id=\"FieldHide\">\n      </mat-form-field>\n\n      <mat-form-field appearance=\"outline\" class=\"FF-Search\">\n        <span matPrefix><mat-icon matSuffix>search</mat-icon></span>\n        <input matInput (keyup)=\"applyFilter($event)\" placeholder=\"Name, email\" #input>\n      </mat-form-field>\n      <hr>\n    </div>\n  </form>\n</div>\n  \n\n  <table mat-table [dataSource]=\"dataSource\" class=\"mat-elevation-z8\">\n  \n    <!-- id Column -->\n    <ng-container matColumnDef=\"id\">\n      <th mat-header-cell *matHeaderCellDef> ID </th>\n      <td mat-cell *matCellDef=\"let element\"> {{element.id}} </td>\n    </ng-container>\n  \n    <!-- Name Column -->\n    <ng-container matColumnDef=\"name\">\n      <th mat-header-cell *matHeaderCellDef> Employee </th>\n      <td mat-cell *matCellDef=\"let element\"> <img class=\"alineadoTextoImagenCentro\" [src]=\"element.personImage\" width=\"45px\" alt=\"image\"> &nbsp; {{element.name}} </td>\n    </ng-container>\n  \n    <!-- Weight Column -->\n    <ng-container matColumnDef=\"status\">\n      <th mat-header-cell *matHeaderCellDef> status </th>\n      <td mat-cell *matCellDef=\"let element\"> <img class=\"alineadoTextoImagenCentro\" [src]=\"element.statusLogo\" width=\"10px\"> &nbsp; {{element.status}} </td>\n    </ng-container>\n  \n    <!-- Symbol Column -->\n    <ng-container matColumnDef=\"jobDescription\">\n      <th mat-header-cell *matHeaderCellDef> Job Description </th>\n      <td mat-cell *matCellDef=\"let element\"> {{element.jobDescription}} </td>\n    </ng-container>\n  \n    <!-- Symbol Column -->\n    <ng-container matColumnDef=\"email\">\n      <th mat-header-cell *matHeaderCellDef> email </th>\n      <td mat-cell *matCellDef=\"let element\"> {{element.email}} </td>\n    </ng-container>\n  \n    <!-- Star Column -->\n    <ng-container matColumnDef=\"star\" stickyEnd>\n      <th mat-header-cell *matHeaderCellDef>Action</th>\n      <td mat-cell *matCellDef=\"let element\">\n        <a class=\"Button-Options\"><mat-icon class=\"mat-icon notranslate material-icons mat-icon-no-color\">more_vert</mat-icon></a>\n      </td>\n    </ng-container>\n  \n    <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\n    <tr mat-row *matRowDef=\"let row; columns: displayedColumns;\"></tr>\n  \n    <!-- Row shown when there is no matching data. -->\n    <tr class=\"mat-row\" *matNoDataRow>\n      <td class=\"mat-cell\" colspan=\"4\">No data matching the filter \"{{input.value}}\"</td>\n    </tr>\n  </table>\n  \n  \n  \n  \n  ","styles":["::ng-deep .cdk-overlay-pane{transform:translateY(2%)!important;border-radius:4px!important}::ng-deep .dp-panel-my,::ng-deep .dp-panel-yy{width:244px!important;height:auto!important;border-radius:4px!important}::ng-deep .dp-panel-my .mat-calendar-body-selected,::ng-deep .dp-panel-yy .mat-calendar-body-selected{color:#c81414!important;background-color:initial!important;font-weight:500;font-size:150%}::ng-deep .dp-panel-keyboard,::ng-deep .dp-panel-text{width:244px!important;height:auto!important;border-radius:4px!important}::ng-deep .dp-panel-keyboard .mat-calendar-body-label:not(:last-of-type),::ng-deep .dp-panel-text .mat-calendar-body-label:not(:last-of-type){visibility:hidden}::ng-deep .dp-panel-keyboard .mat-calendar-body-label:last-of-type,::ng-deep .dp-panel-text .mat-calendar-body-label:last-of-type{display:none}::ng-deep .dp-panel-keyboard .mat-calendar-body-selected,::ng-deep .dp-panel-text .mat-calendar-body-selected{background-color:#c81414!important;color:#fff!important;font-weight:300}::ng-deep .dp-panel-horizontal{display:flex!important;flex-direction:row!important;width:465px!important;height:auto!important}::ng-deep .dp-panel-horizontal .mat-calendar-body-label:not(:last-of-type){visibility:hidden}::ng-deep .dp-panel-horizontal .mat-calendar-body-label:last-of-type{display:none}::ng-deep .dp-panel-horizontal .mat-calendar-content{width:100%!important;margin-top:52px;padding:18px}::ng-deep .dp-panel-horizontal .mat-calendar-body-selected{background-color:#c81414!important;color:#fff!important;font-weight:300}table{width:1500px;margin-left:200px!important}.mat-form-field{font-size:14px;width:1500px}.example-container{width:1500px;margin-left:200px!important}.example-container .mat-form-field+.mat-form-field{margin-left:8px}.example-container .mat-form-field{width:220px}.FF-Red{color:#c81414;font-weight:700;font-size:20px}.FF-Title{width:100px;float:left;text-decoration:none}#FieldHide{visibility:hidden}.FF-Search{width:300px;float:right}.Button-Options{text-decoration:none;color:#000;cursor:pointer}th{color:#000;font-weight:700;border-bottom:#3f98f6;border-bottom-width:3px!important}.form-Style{min-height:100px;position:relative}.form-Style hr{position:absolute;left:0;bottom:0;width:100%;margin-bottom:20px}img.alineadoTextoImagenCentro{vertical-align:middle}hr{color:#d3d3d3!important}"]}]}],"members":{"peopleData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"ngOnInit":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder","line":25,"character":18}]}],"applyFilter":[{"__symbolic":"method"}]}},"ɵh":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"ff-text-buttons","template":"<h3>Text Buttons/<span class=\"FF-Red\">States</span></h3>\n\n<mat-grid-list cols=\"5\" rowHeight=\"2:1\" class=\"size\">\n  <mat-grid-tile><span class=\"color-blue def\">Default</span></mat-grid-tile>\n  <mat-grid-tile><button mat-button class=\"hov-blue\"><span class=\"color-blue\">Hover</span></button></mat-grid-tile>\n  <mat-grid-tile><button mat-button class=\"press-blue\"><span class=\"color-blue\">Pressed</span></button></mat-grid-tile>\n  <mat-grid-tile>\n    <button mat-button class=\"btn-field-blue\" disabled>\n      <mat-icon>\n        <mat-spinner color=\"primary\" diameter=\"20\"></mat-spinner>\n      </mat-icon>\n      <span class=\"color-blue\">Loading</span>\n    </button>\n  </mat-grid-tile>\n  <mat-grid-tile>\n    <button mat-button disabled>Default</button>\n  </mat-grid-tile>\n\n  <mat-grid-tile><span class=\"color-black def\">Default</span></mat-grid-tile>\n  <mat-grid-tile><button mat-button class=\"hov-black\"><span class=\"color-black\">Hover</span></button></mat-grid-tile>\n  <mat-grid-tile><button mat-button class=\"press-black\"><span class=\"color-black\">Pressed</span></button></mat-grid-tile>\n  <mat-grid-tile>\n    <button mat-button class=\"btn-field-black\" disabled>\n      <mat-icon>\n        <mat-spinner diameter=\"20\" class=\"mat-spinner-black\"></mat-spinner>\n      </mat-icon>\n      <span class=\"color-black\">Loading</span> \n    </button>\n  </mat-grid-tile>\n  <mat-grid-tile>\n    <button mat-button disabled>Default</button>\n  </mat-grid-tile>\n\n  <mat-grid-tile><span class=\"FF-Red def\">Default</span></mat-grid-tile>\n  <mat-grid-tile><button mat-button class=\"hov-red\"><span class=\"FF-Red\">Hover</span></button></mat-grid-tile>\n  <mat-grid-tile><button mat-button class=\"press-red\"><span class=\"FF-Red\">Pressed</span></button></mat-grid-tile>\n  <mat-grid-tile>\n    <button mat-button class=\"btn-field-Red\" disabled>\n      <mat-icon>\n        <mat-spinner color=\"warn\"class=\"FF-Red\" diameter=\"20\"></mat-spinner>\n      </mat-icon>\n      <span class=\"FF-Red\">Loading</span> \n    </button>\n  </mat-grid-tile>\n  <mat-grid-tile>\n    <button mat-button disabled>Default</button>\n  </mat-grid-tile>\n</mat-grid-list>\n","styles":["::ng-deep .cdk-overlay-pane{transform:translateY(2%)!important;border-radius:4px!important}::ng-deep .dp-panel-my,::ng-deep .dp-panel-yy{width:244px!important;height:auto!important;border-radius:4px!important}::ng-deep .dp-panel-my .mat-calendar-body-selected,::ng-deep .dp-panel-yy .mat-calendar-body-selected{color:#c81414!important;background-color:initial!important;font-weight:500;font-size:150%}::ng-deep .dp-panel-keyboard,::ng-deep .dp-panel-text{width:244px!important;height:auto!important;border-radius:4px!important}::ng-deep .dp-panel-keyboard .mat-calendar-body-label:not(:last-of-type),::ng-deep .dp-panel-text .mat-calendar-body-label:not(:last-of-type){visibility:hidden}::ng-deep .dp-panel-keyboard .mat-calendar-body-label:last-of-type,::ng-deep .dp-panel-text .mat-calendar-body-label:last-of-type{display:none}::ng-deep .dp-panel-keyboard .mat-calendar-body-selected,::ng-deep .dp-panel-text .mat-calendar-body-selected{background-color:#c81414!important;color:#fff!important;font-weight:300}::ng-deep .dp-panel-horizontal{display:flex!important;flex-direction:row!important;width:465px!important;height:auto!important}::ng-deep .dp-panel-horizontal .mat-calendar-body-label:not(:last-of-type){visibility:hidden}::ng-deep .dp-panel-horizontal .mat-calendar-body-label:last-of-type{display:none}::ng-deep .dp-panel-horizontal .mat-calendar-content{width:100%!important;margin-top:52px;padding:18px}::ng-deep .dp-panel-horizontal .mat-calendar-body-selected{background-color:#c81414!important;color:#fff!important;font-weight:300}.FF-Red{color:#c81414}.color-black{color:#1f1f1f}.color-blue{color:#528ef5}.size{width:1000px!important}.def{cursor:pointer}.hov-blue:hover,.press-blue:hover{background:#ecf3fe}.hov-black:hover,.press-black:hover{background:#e8e8e8}.hov-red:hover,.press-red:hover{background:#fae7e7}.btn-field-blue{background:#ebf2fd}.btn-field-black{background:#e8e8e8}.btn-field-Red{background:#fae7e7}.press-blue:focus{background-color:#dbe8fd}.press-black:focus{background-color:#d3d3d3}.press-red:focus{background-color:#f5d1d1}.mat-spinner-black::ng-deep circle{stroke:#000!important}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵi":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"ff-donut-chart","template":"<div class=\"donutchart-component\">\n  <div id=\"{{idPrefix}}donutchart-chart\" class=\"donutchart-chart\"></div>\n  <span id=\"{{idPrefix}}donutchart-overlay\" class=\"donutchart-overlay\"></span>\n</div>\n<div id=\"{{idPrefix}}resizer\" class=\"resizer\"></div>","styles":["::ng-deep .cdk-overlay-pane{transform:translateY(2%)!important;border-radius:4px!important}::ng-deep .dp-panel-my,::ng-deep .dp-panel-yy{width:244px!important;height:auto!important;border-radius:4px!important}::ng-deep .dp-panel-my .mat-calendar-body-selected,::ng-deep .dp-panel-yy .mat-calendar-body-selected{color:#c81414!important;background-color:initial!important;font-weight:500;font-size:150%}::ng-deep .dp-panel-keyboard,::ng-deep .dp-panel-text{width:244px!important;height:auto!important;border-radius:4px!important}::ng-deep .dp-panel-keyboard .mat-calendar-body-label:not(:last-of-type),::ng-deep .dp-panel-text .mat-calendar-body-label:not(:last-of-type){visibility:hidden}::ng-deep .dp-panel-keyboard .mat-calendar-body-label:last-of-type,::ng-deep .dp-panel-text .mat-calendar-body-label:last-of-type{display:none}::ng-deep .dp-panel-keyboard .mat-calendar-body-selected,::ng-deep .dp-panel-text .mat-calendar-body-selected{background-color:#c81414!important;color:#fff!important;font-weight:300}::ng-deep .dp-panel-horizontal{display:flex!important;flex-direction:row!important;width:465px!important;height:auto!important}::ng-deep .dp-panel-horizontal .mat-calendar-body-label:not(:last-of-type){visibility:hidden}::ng-deep .dp-panel-horizontal .mat-calendar-body-label:last-of-type{display:none}::ng-deep .dp-panel-horizontal .mat-calendar-content{width:100%!important;margin-top:52px;padding:18px}::ng-deep .dp-panel-horizontal .mat-calendar-body-selected{background-color:#c81414!important;color:#fff!important;font-weight:300}.donutchart-component{display:flex;font-family:Lato;font-size:16px;font-weight:500;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;text-align:left;color:#525152;position:relative}.donutchart-component,.donutchart-component .donutchart-chart{width:100%;height:100%}.donutchart-component .donutchart-overlay{width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;top:50%;left:50%;transform:translate(-50%,-50%);position:absolute}"]}]}],"members":{"idPrefix":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"pieData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"totalUnit":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":4}}]}],"legendPosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":42,"character":3}}]}],"tooltipStyle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":48,"character":3}}]}],"selected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":50,"character":3}}]}],"resize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":56,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}]}},"ɵj":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":38,"character":1},"arguments":[{"selector":"ff-avatar-table","template":"<table mat-table [dataSource]=\"dataSource\" class=\"mat-elevation-z8\">\n    <!-- columnOne Column -->\n    <ng-container matColumnDef=\"columnOne\">\n      <th mat-header-cell *matHeaderCellDef> <span class=\"title\">Table header</span> </th>\n      <td mat-cell *matCellDef=\"let element\"> <img class=\"textAlignCenterImage\" [src]=\"element.srcImage\" width=\"45px\" alt=\"image\"> {{element.columnOne}}</td>\n    </ng-container>\n  \n    <!-- columnTwo Column -->\n    <ng-container matColumnDef=\"columnTwo\">\n      <th mat-header-cell *matHeaderCellDef> <span class=\"title\">Table header</span> </th>\n      <td mat-cell *matCellDef=\"let element\"> {{element.columnTwo}} </td>\n    </ng-container>\n  \n    <!-- columnThree Column -->\n    <ng-container matColumnDef=\"columnThree\">\n      <th mat-header-cell *matHeaderCellDef> <span class=\"title\">Table header</span> </th>\n      <td mat-cell *matCellDef=\"let element\"> {{element.columnThree}} </td>\n    </ng-container>\n  \n    <!-- columnFour Column -->\n    <ng-container matColumnDef=\"columnFour\">\n      <th mat-header-cell *matHeaderCellDef> <span class=\"title\">Table header</span> </th>\n      <td mat-cell *matCellDef=\"let element\"> {{element.columnFour}}</td>\n    </ng-container>\n  \n    <!-- columnFive Column -->\n    <ng-container matColumnDef=\"columnFive\">\n      <th mat-header-cell *matHeaderCellDef> <span class=\"title\">Table header</span> </th>\n      <td mat-cell *matCellDef=\"let element\"> {{element.columnFive}} </td>\n    </ng-container>\n  \n    <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\n    <tr mat-row *matRowDef=\"let row; columns: displayedColumns;\"></tr>\n</table>","styles":["::ng-deep .cdk-overlay-pane{transform:translateY(2%)!important;border-radius:4px!important}::ng-deep .dp-panel-my,::ng-deep .dp-panel-yy{width:244px!important;height:auto!important;border-radius:4px!important}::ng-deep .dp-panel-my .mat-calendar-body-selected,::ng-deep .dp-panel-yy .mat-calendar-body-selected{color:#c81414!important;background-color:initial!important;font-weight:500;font-size:150%}::ng-deep .dp-panel-keyboard,::ng-deep .dp-panel-text{width:244px!important;height:auto!important;border-radius:4px!important}::ng-deep .dp-panel-keyboard .mat-calendar-body-label:not(:last-of-type),::ng-deep .dp-panel-text .mat-calendar-body-label:not(:last-of-type){visibility:hidden}::ng-deep .dp-panel-keyboard .mat-calendar-body-label:last-of-type,::ng-deep .dp-panel-text .mat-calendar-body-label:last-of-type{display:none}::ng-deep .dp-panel-keyboard .mat-calendar-body-selected,::ng-deep .dp-panel-text .mat-calendar-body-selected{background-color:#c81414!important;color:#fff!important;font-weight:300}::ng-deep .dp-panel-horizontal{display:flex!important;flex-direction:row!important;width:465px!important;height:auto!important}::ng-deep .dp-panel-horizontal .mat-calendar-body-label:not(:last-of-type){visibility:hidden}::ng-deep .dp-panel-horizontal .mat-calendar-body-label:last-of-type{display:none}::ng-deep .dp-panel-horizontal .mat-calendar-content{width:100%!important;margin-top:52px;padding:18px}::ng-deep .dp-panel-horizontal .mat-calendar-body-selected{background-color:#c81414!important;color:#fff!important;font-weight:300}table{width:1000px!important}th{width:250px!important;background-color:#ebebeb!important;color:#525152}.title{font-size:16px}img.textAlignCenterImage{vertical-align:middle}"]}]}],"members":{"ngOnInit":[{"__symbolic":"method"}]}},"ɵk":{"parse":{"dateInput":"MM/DD/YYYY"},"display":{"dateInput":"MM/DD/YYYY","monthYearLabel":"MMM YYYY","dateA11yLabel":"LL","monthYearA11yLabel":"MMMM YYYY"}},"ɵl":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":38,"character":1},"arguments":[{"selector":"ff-dynamic-form-question","providers":[{"provide":{"__symbolic":"reference","module":"@angular/material/core","name":"DateAdapter","line":44,"character":15},"useClass":{"__symbolic":"reference","module":"@angular/material-moment-adapter","name":"MomentDateAdapter","line":45,"character":16},"deps":[{"__symbolic":"reference","module":"@angular/material/core","name":"MAT_DATE_LOCALE","line":46,"character":13},{"__symbolic":"reference","module":"@angular/material-moment-adapter","name":"MAT_MOMENT_DATE_ADAPTER_OPTIONS","line":46,"character":30}]},{"provide":{"__symbolic":"reference","module":"@angular/material/core","name":"MAT_DATE_FORMATS","line":49,"character":15},"useValue":{"__symbolic":"reference","name":"ɵk"}}],"template":"<div [formGroup]=\"form\">\n  <label class=\"title-label\" [attr.for]=\"question.key\">{{\n    question.label\n  }}</label>\n\n  <div class=\"question-container\" [ngSwitch]=\"question.controlType\">\n    <!-- TEXTBOX  -->\n    <mat-form-field\n      *ngSwitchCase=\"'textbox'\"\n      class=\"formInput\"\n      appearance=\"outline\"\n    >\n      <input\n        matInput\n        [placeholder]=\"question.placeholder\"\n        [minlength]=\"question.minlength\"\n        [maxlength]=\"question.maxlength\"\n        [formControlName]=\"question.key\"\n        [id]=\"question.key\"\n        [type]=\"question.type\"\n        (change)=\"onChange()\"\n        (focus)=\"onFocusCost($event, question.currency)\"\n        (blur)=\"transformAmount($event, question.currency)\"\n        (keypress)=\"keyPressDecimal($event, question.currency)\"\n        autocomplete=\"off\"\n      />\n    </mat-form-field>\n\n    <!-- DROPDOWN  -->\n    <mat-form-field\n      *ngSwitchCase=\"'dropdown'\"\n      appearance=\"outline\"\n      class=\"formDropdown\"\n    >\n      <mat-icon matSuffix>keyboard_arrow_down</mat-icon>\n      <mat-select\n        [multiple]=\"question.multiple\"\n        [id]=\"question.key\"\n        [formControlName]=\"question.key\"\n        [placeholder]=\"question.placeholder\"\n        floatPlaceholder=\"never\"\n        panelClass=\"optionsPanel\"\n        (selectionChange)=\"onChange()\"\n      >\n        <mat-option\n          *ngFor=\"let option of question.options\"\n          [value]=\"option.value\"\n          >{{ option.text }}\n        </mat-option>\n      </mat-select>\n    </mat-form-field>\n\n    <!-- AUTOCOMPLETE DROPDOWN  -->\n    <mat-form-field\n      *ngSwitchCase=\"'autocomplete-dropdown'\"\n      appearance=\"outline\"\n      class=\"autocompleteDropdown\"\n    >\n      <mat-icon matSuffix>keyboard_arrow_down</mat-icon>\n      <input\n        matInput\n        type=\"text\"\n        [placeholder]=\"question.placeholder\"\n        [formControlName]=\"question.key\"\n        [matAutocomplete]=\"auto\"\n        (change)=\"onChange()\"\n      />\n      <mat-autocomplete\n        floatPlaceholder=\"never\"\n        panelClass=\"optionsPanel\"\n        #auto=\"matAutocomplete\"\n        (optionSelected)=\"onAutocompleteOptionSelected($event)\"\n        [displayWith]=\"displayFn\"\n      >\n        <mat-option *ngFor=\"let option of filteredData\" [value]=\"option\">\n          {{ option.text }}\n        </mat-option>\n      </mat-autocomplete>\n    </mat-form-field>\n\n    <!-- DATEPICKER  -->\n    <mat-form-field\n      *ngSwitchCase=\"'datepicker'\"\n      class=\"formDatepicker\"\n      appearance=\"outline\"\n    >\n      <input\n        matInput\n        [matDatepicker]=\"dp\"\n        placeholder=\"MM/DD/YYYY\"\n        [formControlName]=\"question.key\"\n        (keypress)=\"keyPressDate($event)\"\n        (dateChange)=\"onChange()\"\n      />\n      <mat-datepicker-toggle matSuffix [for]=\"dp\"></mat-datepicker-toggle>\n      <mat-datepicker\n        #dp\n        color=\"warn\"\n        panelClass=\"dp-panel-my\"\n        [calendarHeaderComponent]=\"ffDatepickerHeaderKeyboard\"\n      >\n      </mat-datepicker>\n    </mat-form-field>\n\n    <!-- TEXTAREA  -->\n    <mat-form-field\n      *ngSwitchCase=\"'textarea'\"\n      class=\"formTextarea\"\n      appearance=\"outline\"\n    >\n      <textarea\n        matInput\n        [placeholder]=\"question.placeholder\"\n        [formControlName]=\"question.key\"\n        [id]=\"question.key\"\n        (change)=\"onChange()\"\n      ></textarea>\n    </mat-form-field>\n\n    <!-- FILE  -->\n    <div *ngSwitchCase=\"'document'\" class=\"formFile\">\n      <label class=\"custom-file-upload\">\n        <input\n          class=\"inputFile\"\n          type=\"file\"\n          [id]=\"question.key\"\n          (change)=\"inputFile($event)\"\n          multiple\n        />\n        <mat-icon class=\"input-icon\" matSuffix>attachment</mat-icon>\n        Attach File\n      </label>\n      <div class=\"file-displayer\">\n        <div class=\"single-file\" *ngFor=\"let file of files; let i = index\">\n          <div class=\"file-icon\" style=\"width: 20px\">\n            <span class=\"icon-document\"> </span>\n          </div>\n          <div class=\"info\">\n            <h4 class=\"name\">\n              {{ file.name }}\n            </h4>\n          </div>\n\n          <div class=\"delete\" (click)=\"deleteFile(i)\">\n            <mat-icon>close</mat-icon>\n          </div>\n        </div>\n      </div>\n    </div>\n    <span\n      *ngIf=\"question.optionalLabel\"\n      class=\"optional-label\"\n      [attr.for]=\"question.key\"\n      >Optional</span\n    >\n  </div>\n  <div\n    *ngIf=\"\n      this.validationMessage &&\n      form.controls[question.key].invalid &&\n      (form.controls[question.key].touched || form.controls[question.key].dirty)\n    \"\n  >\n    <mat-error\n      *ngIf=\"errorMessage; else generalError\"\n      class=\"mat-question-error\"\n    >\n      {{ errorMessage }}\n    </mat-error>\n    <ng-template #generalError>\n      <mat-error class=\"mat-question-error\">\n        {{ question.label }} has an error\n      </mat-error>\n    </ng-template>\n  </div>\n</div>\n","styles":["::ng-deep .cdk-overlay-pane{transform:translateY(2%)!important;border-radius:4px!important}::ng-deep .dp-panel-my,::ng-deep .dp-panel-yy{width:244px!important;height:auto!important;border-radius:4px!important}::ng-deep .dp-panel-my .mat-calendar-body-selected,::ng-deep .dp-panel-yy .mat-calendar-body-selected{color:#c81414!important;background-color:initial!important;font-weight:500;font-size:150%}::ng-deep .dp-panel-keyboard,::ng-deep .dp-panel-text{width:244px!important;height:auto!important;border-radius:4px!important}::ng-deep .dp-panel-keyboard .mat-calendar-body-label:not(:last-of-type),::ng-deep .dp-panel-text .mat-calendar-body-label:not(:last-of-type){visibility:hidden}::ng-deep .dp-panel-keyboard .mat-calendar-body-label:last-of-type,::ng-deep .dp-panel-text .mat-calendar-body-label:last-of-type{display:none}::ng-deep .dp-panel-keyboard .mat-calendar-body-selected,::ng-deep .dp-panel-text .mat-calendar-body-selected{background-color:#c81414!important;color:#fff!important;font-weight:300}::ng-deep .dp-panel-horizontal{display:flex!important;flex-direction:row!important;width:465px!important;height:auto!important}::ng-deep .dp-panel-horizontal .mat-calendar-body-label:not(:last-of-type){visibility:hidden}::ng-deep .dp-panel-horizontal .mat-calendar-body-label:last-of-type{display:none}::ng-deep .dp-panel-horizontal .mat-calendar-content{width:100%!important;margin-top:52px;padding:18px}::ng-deep .dp-panel-horizontal .mat-calendar-body-selected{background-color:#c81414!important;color:#fff!important;font-weight:300}.question-container{display:flex;flex-direction:column;max-width:233px}.question-container ::ng-deep .mat-form-field-appearance-outline .mat-form-field-outline{background-color:#fff}.question-container ::ng-deep .formDatepicker .autocompleteDropdown .mat-form-field-flex,.question-container ::ng-deep .formDropdown .mat-form-field-flex,.question-container ::ng-deep .formInput .mat-form-field-flex{width:233px!important}.question-container ::ng-deep .formDatepicker .mat-form-field-flex{height:40.5px!important;font-family:Lato!important;font-size:16px!important}.question-container ::ng-deep .FormFile .mat-form-field-flex,.question-container ::ng-deep .formTextarea .mat-form-field-flex{width:233px!important}.question-container ::ng-deep .inputFile{display:none;height:36px;width:150px}.question-container ::ng-deep .file-displayer .single-file .file-icon .icon-document{content:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22iso-8859-1%22%3F%3E%0D%3C!-- Generator%3A Adobe Illustrator 18.0.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0)  --%3E%0D%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%0D%3Csvg version%3D%221.1%22 id%3D%22Capa_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%0D%09 viewBox%3D%220 0 60 60%22 style%3D%22enable-background%3Anew 0 0 60 60%3B%22 xml%3Aspace%3D%22preserve%22%3E%0D%3Cg%3E%0D%09%3Cpath d%3D%22M37%2C22H12c-0.552%2C0-1%2C0.448-1%2C1s0.448%2C1%2C1%2C1h25c0.552%2C0%2C1-0.448%2C1-1S37.552%2C22%2C37%2C22z%22%2F%3E%0D%09%3Cpath d%3D%22M12%2C16h10c0.552%2C0%2C1-0.448%2C1-1s-0.448-1-1-1H12c-0.552%2C0-1%2C0.448-1%2C1S11.448%2C16%2C12%2C16z%22%2F%3E%0D%09%3Cpath d%3D%22M38%2C31c0-0.552-0.448-1-1-1H12c-0.552%2C0-1%2C0.448-1%2C1s0.448%2C1%2C1%2C1h25C37.552%2C32%2C38%2C31.552%2C38%2C31z%22%2F%3E%0D%09%3Cpath d%3D%22M30%2C39c0-0.552-0.448-1-1-1H12c-0.552%2C0-1%2C0.448-1%2C1s0.448%2C1%2C1%2C1h17C29.552%2C40%2C30%2C39.552%2C30%2C39z%22%2F%3E%0D%09%3Cpath d%3D%22M12%2C46c-0.552%2C0-1%2C0.448-1%2C1s0.448%2C1%2C1%2C1h14c0.552%2C0%2C1-0.448%2C1-1s-0.448-1-1-1H12z%22%2F%3E%0D%09%3Cpath d%3D%22M3%2C2h29v14h14v17h2V14.586L33.414%2C0H1v60h31v-2H3V2z M34%2C3.414L44.586%2C14H34V3.414z%22%2F%3E%0D%09%3Cpath d%3D%22M35%2C36v24h24V36H35z M57%2C58h-9V45.414l4.293%2C4.293l1.414-1.414L47%2C41.586l-6.707%2C6.707l1.414%2C1.414L46%2C45.414V58h-9V38h20%0D%09%09V58z%22%2F%3E%0D%3C%2Fg%3E%0D%3Cg%3E%0D%3C%2Fg%3E%0D%3Cg%3E%0D%3C%2Fg%3E%0D%3Cg%3E%0D%3C%2Fg%3E%0D%3Cg%3E%0D%3C%2Fg%3E%0D%3Cg%3E%0D%3C%2Fg%3E%0D%3Cg%3E%0D%3C%2Fg%3E%0D%3Cg%3E%0D%3C%2Fg%3E%0D%3Cg%3E%0D%3C%2Fg%3E%0D%3Cg%3E%0D%3C%2Fg%3E%0D%3Cg%3E%0D%3C%2Fg%3E%0D%3Cg%3E%0D%3C%2Fg%3E%0D%3Cg%3E%0D%3C%2Fg%3E%0D%3Cg%3E%0D%3C%2Fg%3E%0D%3Cg%3E%0D%3C%2Fg%3E%0D%3Cg%3E%0D%3C%2Fg%3E%0D%3C%2Fsvg%3E%0D\")}.question-container ::ng-deep .file-displayer{overflow-y:scroll;overflow-x:hidden;width:150%}.question-container ::ng-deep .file-displayer .single-file{height:auto;padding:.5rem;justify-content:space-between;align-items:center;display:flex;flex-grow:1}.question-container ::ng-deep .file-displayer .single-file .delete{display:flex;cursor:pointer;margin:0 -18px -8px 0}.question-container ::ng-deep .file-displayer .single-file .delete .mat-icon{font-size:15px;color:#adadad}.question-container ::ng-deep .file-displayer .single-file .name{font-size:13px;font-family:Lato;color:#353f4a}.question-container ::ng-deep .file-displayer .single-file .info{width:100%;margin-left:13px}.question-container ::ng-deep .file-displayer .single-file .info h4{margin:0;padding-right:10px}.question-container ::ng-deep .custom-file-upload{color:#717172;display:flex;flex-direction:row;align-items:center;height:100%;width:100%;margin-bottom:8px;font-size:16px;cursor:pointer}.question-container ::ng-deep .formFile{width:150px!important;height:36px;border:1px dashed #e3e5e6;border-radius:5px;background-color:#f4f6f7;margin-bottom:40px}.question-container ::ng-deep .input-icon{padding:0 3px 0 20px}.question-container ::ng-deep .file-input-text{font-size:9px;width:233px;display:inline-block}.question-container ::ng-deep .optional-label{display:block;margin-top:-11px}.question-container ::ng-deep .title-label{width:115px;height:17px;margin:16px 118px 6px 0;font-family:Lato;font-size:14px;font-weight:500;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;text-align:left;color:#525152}.question-container ::ng-deep .mat-form-field-appearance-outline .mat-form-field-infix{top:-8px;font-size:16px}.question-container ::ng-deep .mat-form-field-appearance-outline .mat-form-field-suffix{top:-5px!important}.question-container ::ng-deep .mat-form-field-appearance-outline .mat-icon{font-size:23px!important}.question-container ::ng-deep .mat-primary .mat-option.mat-selected:not(.mat-option-disabled){color:#000!important}.question-container ::ng-deep .optionsPanel{border-radius:4px;min-width:calc(100% + 6px)!important;transform:translate(-3px,23px)!important}.question-container ::ng-deep .optionsPanel::-webkit-scrollbar{width:7px}.question-container ::ng-deep .optionsPanel::-webkit-scrollbar-track{box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.question-container ::ng-deep .optionsPanel::-webkit-scrollbar-thumb{background-color:#00aeef;outline:1px solid #708090}.question-container ::ng-deep .mat-option-pseudo-checkbox.mat-pseudo-checkbox-checked{background-color:#4786f5}.question-container ::ng-deep mat-select .mat-select-arrow{border:none}.mat-question-error{margin-top:-9px;margin-bottom:16px;font-size:12px}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/common","name":"CurrencyPipe","line":56,"character":36}]}],"validationMessage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":57,"character":3}}]}],"form":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":58,"character":3}}]}],"question":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":60,"character":3}}]}],"selection":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":84,"character":3}}]}],"ngOnInit":[{"__symbolic":"method"}],"inputFile":[{"__symbolic":"method"}],"deleteFile":[{"__symbolic":"method"}],"onChange":[{"__symbolic":"method"}],"transformAmount":[{"__symbolic":"method"}],"keyPressDecimal":[{"__symbolic":"method"}],"onFocusCost":[{"__symbolic":"method"}],"keyPressDate":[{"__symbolic":"method"}],"setErrorMessage":[{"__symbolic":"method"}],"onAutocompleteOptionSelected":[{"__symbolic":"method"}],"displayFn":[{"__symbolic":"method"}]}},"ɵm":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":5,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"toFormGroup":[{"__symbolic":"method"}]}},"ɵn":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"ff-filter-dropdown","template":"<form class=\"filterDropdown\">\n    <mat-form-field appearance=\"outline\" class=\"formFilterDropdown\">\n        <mat-icon matSuffix>arrow_drop_down</mat-icon>\n        <input matInput #trigger=\"matAutocompleteTrigger\" (focusout)=\"focusOut()\" (blur)=\"handleClose()\" type=\"text\" [formControl]=\"formControl\" [matAutocomplete]=\"auto\">\n        <mat-autocomplete floatPlaceholder=\"never\" panelClass=\"optionsPanel\" #auto=\"matAutocomplete\" [displayWith]=\"display\" (optionSelected)=\"onSelectionChange()\" (opened)=\"onOpened($event)\" (closed)=\"onClosed($event)\">\n            <mat-option *ngFor=\"let option of options\" [value]=\"option\">\n                {{option.text}}\n            </mat-option>\n        </mat-autocomplete>\n    </mat-form-field>\n</form>","styles":["::ng-deep .cdk-overlay-pane{transform:translateY(2%)!important;border-radius:4px!important}::ng-deep .dp-panel-my,::ng-deep .dp-panel-yy{width:244px!important;height:auto!important;border-radius:4px!important}::ng-deep .dp-panel-my .mat-calendar-body-selected,::ng-deep .dp-panel-yy .mat-calendar-body-selected{color:#c81414!important;background-color:initial!important;font-weight:500;font-size:150%}::ng-deep .dp-panel-keyboard,::ng-deep .dp-panel-text{width:244px!important;height:auto!important;border-radius:4px!important}::ng-deep .dp-panel-keyboard .mat-calendar-body-label:not(:last-of-type),::ng-deep .dp-panel-text .mat-calendar-body-label:not(:last-of-type){visibility:hidden}::ng-deep .dp-panel-keyboard .mat-calendar-body-label:last-of-type,::ng-deep .dp-panel-text .mat-calendar-body-label:last-of-type{display:none}::ng-deep .dp-panel-keyboard .mat-calendar-body-selected,::ng-deep .dp-panel-text .mat-calendar-body-selected{background-color:#c81414!important;color:#fff!important;font-weight:300}::ng-deep .dp-panel-horizontal{display:flex!important;flex-direction:row!important;width:465px!important;height:auto!important}::ng-deep .dp-panel-horizontal .mat-calendar-body-label:not(:last-of-type){visibility:hidden}::ng-deep .dp-panel-horizontal .mat-calendar-body-label:last-of-type{display:none}::ng-deep .dp-panel-horizontal .mat-calendar-content{width:100%!important;margin-top:52px;padding:18px}::ng-deep .dp-panel-horizontal .mat-calendar-body-selected{background-color:#c81414!important;color:#fff!important;font-weight:300}form.filterDropdown{width:100%;max-width:265px}form.filterDropdown ::ng-deep mat-form-field.formFilterDropdown{width:100%!important}form.filterDropdown ::ng-deep mat-form-field.formFilterDropdown .mat-form-field-wrapper{margin:.25px 8px}form.filterDropdown ::ng-deep mat-form-field.formFilterDropdown .mat-form-field-wrapper .mat-form-field-flex{height:45px}form.filterDropdown ::ng-deep mat-form-field.formFilterDropdown .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline{background-color:#fff}form.filterDropdown ::ng-deep mat-form-field.formFilterDropdown .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix{top:-.75em;padding:17px 0 0!important}form.filterDropdown ::ng-deep mat-form-field.formFilterDropdown .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-suffix{top:-5px!important;cursor:pointer}form.filterDropdown ::ng-deep mat-form-field.formFilterDropdown .mat-form-field-wrapper mat-icon{cursor:pointer}form.filterDropdown ::ng-deep .optionsPanel{border-radius:4px;min-width:calc(100% + 6px)!important;transform:translate(-3px,23px)!important}form.filterDropdown ::ng-deep .optionsPanel::-webkit-scrollbar{width:7px}form.filterDropdown ::ng-deep .optionsPanel::-webkit-scrollbar-track{box-shadow:inset 0 0 6px rgba(0,0,0,.3)}form.filterDropdown ::ng-deep .optionsPanel::-webkit-scrollbar-thumb{background-color:#00aeef;outline:1px solid #708090}"]}]}],"members":{"trigger":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":13,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/autocomplete","name":"MatAutocompleteTrigger","line":13,"character":13}]}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":5}}]}],"default":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":5}}]}],"elementSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":44,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ScrollService"}]}],"filter":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"display":[{"__symbolic":"method"}],"onSelectionChange":[{"__symbolic":"method"}],"handleClose":[{"__symbolic":"method"}],"validateFormControl":[{"__symbolic":"method"}],"opened":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":106,"character":3}}]}],"closed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":111,"character":3}}]}],"onOpened":[{"__symbolic":"method"}],"onClosed":[{"__symbolic":"method"}],"focusOut":[{"__symbolic":"method"}]}},"ɵo":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"ff-pdfviewer-modal","template":"<div class=\"pdfViewerModal\">\n  <hr />\n  <div class=\"fileCarrousel\">\n    <button (click)=\"prev()\" [class]=\"{ btn: true, visible: currentPDF > 0 }\">\n      <mat-icon>keyboard_arrow_left</mat-icon>\n    </button>\n\n    <div *ngIf=\"sources.length && fileExtension === 'pdf'\" class=\"pdf-container\">\n      <ff-pdfviewer\n      class=\"center\"\n      [pdfUrl]=\"sources[currentPDF].url\"\n    ></ff-pdfviewer>\n    </div>\n\n    <div class=\"image-container\">\n      <img\n      height=\"100%\"\n      class=\"image-display\"\n      *ngIf=\"sources.length && allowedImageExtensions.includes(fileExtension)\"\n      [src]=\"sources[currentPDF].url\"\n    />\n    </div>\n\n    <p *ngIf=\"fileExtension !== 'pdf' && !allowedImageExtensions.includes(fileExtension)\">\n      Content not compatible for display\n    </p>\n\n    <button\n      (click)=\"next()\"\n      [class]=\"{ btn: true, visible: currentPDF < sources.length - 1 }\"\n    >\n      <mat-icon>keyboard_arrow_right</mat-icon>\n    </button>\n  </div>\n</div>\n","styles":["::ng-deep .cdk-overlay-pane{transform:translateY(2%)!important;border-radius:4px!important}::ng-deep .dp-panel-my,::ng-deep .dp-panel-yy{width:244px!important;height:auto!important;border-radius:4px!important}::ng-deep .dp-panel-my .mat-calendar-body-selected,::ng-deep .dp-panel-yy .mat-calendar-body-selected{color:#c81414!important;background-color:initial!important;font-weight:500;font-size:150%}::ng-deep .dp-panel-keyboard,::ng-deep .dp-panel-text{width:244px!important;height:auto!important;border-radius:4px!important}::ng-deep .dp-panel-keyboard .mat-calendar-body-label:not(:last-of-type),::ng-deep .dp-panel-text .mat-calendar-body-label:not(:last-of-type){visibility:hidden}::ng-deep .dp-panel-keyboard .mat-calendar-body-label:last-of-type,::ng-deep .dp-panel-text .mat-calendar-body-label:last-of-type{display:none}::ng-deep .dp-panel-keyboard .mat-calendar-body-selected,::ng-deep .dp-panel-text .mat-calendar-body-selected{background-color:#c81414!important;color:#fff!important;font-weight:300}::ng-deep .dp-panel-horizontal{display:flex!important;flex-direction:row!important;width:465px!important;height:auto!important}::ng-deep .dp-panel-horizontal .mat-calendar-body-label:not(:last-of-type){visibility:hidden}::ng-deep .dp-panel-horizontal .mat-calendar-body-label:last-of-type{display:none}::ng-deep .dp-panel-horizontal .mat-calendar-content{width:100%!important;margin-top:52px;padding:18px}::ng-deep .dp-panel-horizontal .mat-calendar-body-selected{background-color:#c81414!important;color:#fff!important;font-weight:300}div.pdfViewerModal{height:min(600px,80vh)}div.pdfViewerModal hr{border:none;height:1px;color:hsla(0,0%,64.3%,.3);background-color:hsla(0,0%,64.3%,.3)}div.pdfViewerModal .fileCarrousel{display:flex;align-items:center;justify-content:space-between;height:100%}div.pdfViewerModal .fileCarrousel .center{visibility:visible;flex-grow:1;height:100%}div.pdfViewerModal .fileCarrousel .center ff-pdfviewer-modal{height:100%}div.pdfViewerModal .fileCarrousel .btn{background:none;border:none;cursor:pointer}div.pdfViewerModal .fileCarrousel .btn :hover{opacity:.5}div.pdfViewerModal .fileCarrousel .btn.visible{visibility:visible}div.pdfViewerModal .fileCarrousel .btn:not(.visible){visibility:hidden}.image-container{max-width:400px;overflow:scroll;height:100%}.image-display{object-fit:contain}.pdf-container{width:100%;height:100%}"]}]}],"members":{"sources":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"next":[{"__symbolic":"method"}],"prev":[{"__symbolic":"method"}],"setTitle":[{"__symbolic":"method"}],"setFileExtension":[{"__symbolic":"method"}]}},"ɵp":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":2,"character":1},"arguments":[{"selector":"[OnlyNumber]"}]}],"members":{"allowDecimals":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":5,"character":3}}]}],"allowSign":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":6,"character":3}}]}],"decimalSeparator":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":7,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":22,"character":35}]}],"onChange":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":28,"character":3},"arguments":["change",["$event"]]}]}],"onPaste":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":37,"character":3},"arguments":["paste",["$event"]]}]}],"onKeyDown":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":49,"character":3},"arguments":["keydown",["$event"]]}]}],"validateValue":[{"__symbolic":"method"}],"getName":[{"__symbolic":"method"}]}},"ɵq":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":3,"character":1},"arguments":[{"name":"safe"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/platform-browser","name":"DomSanitizer","line":8,"character":33}]}],"transform":[{"__symbolic":"method"}]}},"ɵr":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":2,"character":1},"arguments":[{"name":"docsGoogle"}]}],"members":{"transform":[{"__symbolic":"method"}]}}},"origins":{"ComponentLibraryAngularService":"./lib/component-library-angular.service","ComponentLibraryAngularComponent":"./lib/component-library-angular.component","ComponentLibraryAngularModule":"./lib/component-library-angular.module","CtaButtonComponent":"./lib/components/buttons/cta-button/cta-button.component","GhostButtonComponent":"./lib/components/buttons/ghost-button/ghost-button.component","CheckboxesComponent":"./lib/components/checkbox/checkboxes/checkboxes.component","ToggleComponent":"./lib/components/toggle/toggle.component","RadioButtonComponent":"./lib/components/radio-button/radio-button.component","MaterialModule":"./lib/components/material-module","ChipComponent":"./lib/components/chip/chip.component","SnackbarComponent":"./lib/components/snackbar/snackbar.component","SliderComponent":"./lib/components/slider/slider.component","DropdownComponent":"./lib/components/dropdown/dropdown/dropdown.component","AutocompleteDropdownComponent":"./lib/components/dropdown/autocomplete-dropdown/autocomplete-dropdown.component","SingleInputComponent":"./lib/components/single-input/single-input.component","SearchbarComponent":"./lib/components/searchbar/searchbar.component","AlertNoteComponent":"./lib/components/alert-note/alert-note.component","PeerComponent":"./lib/components/peer/peer.component","BarChartComponent":"./lib/components/charts/bar-chart/bar-chart.component","LineChartComponent":"./lib/components/charts/line-chart/line-chart.component","PieChartComponent":"./lib/components/charts/pie-chart/pie-chart.component","TabsComponent":"./lib/components/tabs/tabs.component","InputComponent":"./lib/components/input/input.component","ProgressBarComponent":"./lib/components/progress-bar/progress-bar.component","AccordionTableComponent":"./lib/components/accordion-table/accordion-table.component","AccordionRowComponent":"./lib/components/accordion-table/accordion-row/accordion-row.component","AccordionRowBodyComponent":"./lib/components/accordion-table/accordion-row-body/accordion-row-body.component","AccordionCellComponent":"./lib/components/accordion-table/accordion-cell/accordion-cell.component","AccordionHeaderComponent":"./lib/components/accordion-table/accordion-header/accordion-header.component","TableComponent":"./lib/components/table/table.component","TableCellComponent":"./lib/components/table/table-cell/table-cell.component","TableRowComponent":"./lib/components/table/table-row/table-row.component","TableHeadComponent":"./lib/components/table/table-head/table-head.component","TableHeaderComponent":"./lib/components/table/table-header/table-header.component","ModalComponent":"./lib/components/modal/modal.component","AddressModalComponent":"./lib/components/modal/address-modal/address-modal.component","AutocompleteCheckboxComponent":"./lib/components/checkbox/autocomplete-checkbox/autocomplete-checkbox.component","MY_FORMATS_TEXT":"./lib/components/datepicker/datepicker-text/datepicker-text.component","DatepickerTextComponent":"./lib/components/datepicker/datepicker-text/datepicker-text.component","FFDatepickerHeaderText":"./lib/components/datepicker/datepicker-text/datepicker-text.component","MY_FORMATS_MY":"./lib/components/datepicker/datepicker-month-year/datepicker-month-year.component","DatepickerMonthYearComponent":"./lib/components/datepicker/datepicker-month-year/datepicker-month-year.component","FFDatepickerHeaderMY":"./lib/components/datepicker/datepicker-month-year/datepicker-month-year.component","MY_FORMATS_KEY":"./lib/components/datepicker/datepicker-keyboard/datepicker-keyboard.component","DatepickerKeyboardComponent":"./lib/components/datepicker/datepicker-keyboard/datepicker-keyboard.component","FFDatepickerHeaderKeyboard":"./lib/components/datepicker/datepicker-keyboard/datepicker-keyboard.component","ImageDisplayModalComponent":"./lib/components/modal/image-display-modal/image-display-modal.component","ThreeDotMenuComponent":"./lib/components/menu/three-dot-menu/three-dot-menu.component","MY_FORMATS_KEY_HOR":"./lib/components/datepicker/datepicker-horizontal/datepicker-horizontal.component","DatepickerHorizontalComponent":"./lib/components/datepicker/datepicker-horizontal/datepicker-horizontal.component","FFDatepickerHeaderHorizontal":"./lib/components/datepicker/datepicker-horizontal/datepicker-horizontal.component","DoubleBarChartComponent":"./lib/components/charts/double-bar-chart/double-bar-chart.component","PieDouChartComponent":"./lib/components/charts/pie-dou-chart/pie-dou-chart.component","MY_FORMATS_YY":"./lib/components/datepicker/datepicker-year/datepicker-year.component","DatepickerYearComponent":"./lib/components/datepicker/datepicker-year/datepicker-year.component","FFDatepickerHeaderYY":"./lib/components/datepicker/datepicker-year/datepicker-year.component","InputTableComponent":"./lib/components/input-table/input-table.component","SingleImageLoaderComponent":"./lib/components/modal/single-image-loader/single-image-loader.component","DynamicFormComponent":"./lib/components/dynamic-form/dynamic-form/dynamic-form.component","CsvMenuComponent":"./lib/components/menu/csv-menu/csv-menu.component","InputGenericTableComponent":"./lib/components/input-generic-table/input-generic-table.component","SpinnerComponent":"./lib/components/spinner/spinner.component","SearchInputComponent":"./lib/components/search-input/search-input.component","PDFViewerComponent":"./lib/components/pdfviewer/pdfviewer.component","TableContainerComponent":"./lib/components/table-container/table-container.component","QuestionBase":"./lib/models/dynamic-form/question-base","DropdownQuestion":"./lib/models/dynamic-form/question-classes/question-checkbox","DatepickerQuestion":"./lib/models/dynamic-form/question-classes/question-datepicker","DocumentQuestion":"./lib/models/dynamic-form/question-classes/question-document","TextareaQuestion":"./lib/models/dynamic-form/question-classes/question-textarea","TextboxQuestion":"./lib/models/dynamic-form/question-classes/question-textbox","AutocompleteDropdownQuestion":"./lib/models/dynamic-form/question-classes/question-autocomplete-dropdown","IAvatarTable":"./lib/models/IAvatarTable","BarSeriesData":"./lib/models/IBarChartData","BarChartData":"./lib/models/IBarChartData","ChartData":"./lib/models/IChartData","IConfigOptions":"./lib/models/IConfigOptions","IDatepickerOption":"./lib/models/IDatepickerOption","Dictionary":"./lib/models/IDictionary","FieldLargeProgressBar":"./lib/models/IFieldLargeProgressBar","FileInput":"./lib/models/IFileInput","FileUpload":"./lib/models/IFileUpload","IFilter":"./lib/models/IFilter","LineChartData":"./lib/models/ILineChartData","IMenuOptions":"./lib/models/IMenuOptions","ModalTypes":"./lib/models/IModalOptions","IModalOptions":"./lib/models/IModalOptions","INavItem":"./lib/models/INavItem","IOption":"./lib/models/IOption","IPeople":"./lib/models/IPeople","IPieChartData":"./lib/models/IPieChartData","TabData":"./lib/models/ITabData","ITableCheckBox":"./lib/models/ITableCheckBox","ITableData":"./lib/models/ITableData","IColumnDetails":"./lib/models/ITableData","IFileData":"./lib/models/IFileData","ITableExportData":"./lib/models/ITableExportData","ITableHeader":"./lib/models/ITableHeader","IModalController":"./lib/services/interfaces/imodal-controller","ModalController":"./lib/services/modal-controller/modal-controller.service","AddressModalController":"./lib/services/address-modal-controller/address-modal-controller.service","CustomLinerChartService":"./lib/services/chart/custom-line-chart.service","PieDataService":"./lib/services/chart/pie-data.service","ImageLoaderModalController":"./lib/services/image-loader-controller/image-loader-modal-controller.service","ImageDisplayModalController":"./lib/services/image-display-modal-controller/image-display-modal-controller.service","SingleImageLoaderController":"./lib/services/single-image-loader-controller/single-image-loader-controller.service","PDFViewerModalControllerService":"./lib/services/pdfviewer-modal-controller/pdfviewer-modal-controller.service","ScrollService":"./lib/services/scroll/scroll.service","CSVService":"./lib/services/csv-menu/csv.service","StringHelpers":"./lib/helpers/string-helpers","Filter":"./lib/helpers/filters.helper","filterData":"./lib/helpers/filters.helper","ɵa":"./lib/components/navigation/sidenav/sidenav.component","ɵb":"./lib/components/modal/image-loader-modal/image-loader-modal.component","ɵc":"./lib/directives/modal/drag-and-drop.directive","ɵd":"./lib/components/modal/fileinput-progress-bar/fileinput-progress-bar.component","ɵe":"./lib/components/checkbox-table/checkbox-table.component","ɵf":"./lib/components/table-expand-collapse/table-expand-collapse.component","ɵg":"./lib/components/employee-table/employee-table.component","ɵh":"./lib/components/text-buttons/text-buttons.component","ɵi":"./lib/components/charts/donut-chart/donut-chart.component","ɵj":"./lib/components/avatar-table/avatar-table.component","ɵk":"./lib/components/dynamic-form/dynamic-form-question/dynamic-form-question.component","ɵl":"./lib/components/dynamic-form/dynamic-form-question/dynamic-form-question.component","ɵm":"./lib/services/dynamic-form/question-control.service","ɵn":"./lib/components/dropdown/filter-dropdown/filter-dropdown.component","ɵo":"./lib/components/modal/pdfviewer-modal/pdfviewer-modal.component","ɵp":"./lib/directives/modal/only-numbers.directive","ɵq":"./lib/pipes/safe-pipe/safe.pipe","ɵr":"./lib/pipes/docsGoogle-pipe/docs-google.pipe"},"importAs":"@ffcarlosmora/component-library-angular"}