@resolveio/client-lib-core 1.1.33 → 1.1.35

package/esm2020/lib/widgets/dialog/dialog.select-datetime.content.mjs

@@ -60,8 +60,8 @@ export class DialogSelectDateTimeContent {
         this._activeModal.close(new Date(this.form.value.date.year, parseInt(this.form.value.date.month) - 1, this.form.value.date.day, this.form.value.time.hour, this.form.value.time.minute, this.form.value.time.second, 0));
     }
 }
-DialogSelectDateTimeContent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: DialogSelectDateTimeContent, deps: [{ token: i1.NgbActiveModal }, { token: i2.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
-DialogSelectDateTimeContent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.9", type: DialogSelectDateTimeContent, selector: "ng-component", inputs: { title: "title", date: "date", showTime: "showTime" }, viewQueries: [{ propertyName: "close", first: true, predicate: ["close"], descendants: true }, { propertyName: "allElements", first: true, predicate: ["allElements"], descendants: true }], ngImport: i0, template: `
+DialogSelectDateTimeContent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DialogSelectDateTimeContent, deps: [{ token: i1.NgbActiveModal }, { token: i2.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
+DialogSelectDateTimeContent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: DialogSelectDateTimeContent, selector: "ng-component", inputs: { title: "title", date: "date", showTime: "showTime" }, viewQueries: [{ propertyName: "close", first: true, predicate: ["close"], descendants: true }, { propertyName: "allElements", first: true, predicate: ["allElements"], descendants: true }], ngImport: i0, template: `
 	  	<style>
 		  	table {
 				width: 100%;
@@ -112,8 +112,8 @@ DialogSelectDateTimeContent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.
 				</div>
 			</form>
 		</div>
-	`, isInline: true, styles: ["\n\t\t  \ttable {\n\t\t\t\twidth: 100%;\n\t\t\t\ttable-layout: fixed;\n\t\t\t}\n\n\t\t\ttr {\n\t\t\t\twidth: 100%;\n\t\t\t}\n\n\t\t\ttd {\n\t\t\t\twidth: 100%;\n\t\t\t\ttext-align: center;\n\t\t\t}\n\t\t"], dependencies: [{ kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1.NgbInputDatepicker, selector: "input[ngbDatepicker]", inputs: ["autoClose", "datepickerClass", "dayTemplate", "dayTemplateData", "displayMonths", "firstDayOfWeek", "footerTemplate", "markDisabled", "minDate", "maxDate", "navigation", "outsideDays", "placement", "restoreFocus", "showWeekNumbers", "startDate", "container", "positionTarget", "weekdays", "disabled"], outputs: ["dateSelect", "navigate", "closed"], exportAs: ["ngbDatepicker"] }, { kind: "component", type: i1.NgbTimepicker, selector: "ngb-timepicker", inputs: ["meridian", "spinners", "seconds", "hourStep", "minuteStep", "secondStep", "readonlyInputs", "size"] }, { kind: "component", type: i3.FormButtonComponent, selector: "form-button", inputs: ["form", "disabled", "type"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: DialogSelectDateTimeContent, decorators: [{
+	`, isInline: true, styles: ["\n\t\t  \ttable {\n\t\t\t\twidth: 100%;\n\t\t\t\ttable-layout: fixed;\n\t\t\t}\n\n\t\t\ttr {\n\t\t\t\twidth: 100%;\n\t\t\t}\n\n\t\t\ttd {\n\t\t\t\twidth: 100%;\n\t\t\t\ttext-align: center;\n\t\t\t}\n\t\t"], dependencies: [{ kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1.NgbInputDatepicker, selector: "input[ngbDatepicker]", inputs: ["autoClose", "datepickerClass", "dayTemplate", "dayTemplateData", "displayMonths", "firstDayOfWeek", "footerTemplate", "markDisabled", "minDate", "maxDate", "navigation", "outsideDays", "placement", "popperOptions", "restoreFocus", "showWeekNumbers", "startDate", "container", "positionTarget", "weekdays", "disabled"], outputs: ["dateSelect", "navigate", "closed"], exportAs: ["ngbDatepicker"] }, { kind: "component", type: i1.NgbTimepicker, selector: "ngb-timepicker", inputs: ["meridian", "spinners", "seconds", "hourStep", "minuteStep", "secondStep", "readonlyInputs", "size"], exportAs: ["ngbTimepicker"] }, { kind: "component", type: i3.FormButtonComponent, selector: "form-button", inputs: ["form", "disabled", "type"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DialogSelectDateTimeContent, decorators: [{
             type: Component,
             args: [{
                     template: `

package/esm2020/lib/widgets/dialog/dialog.select-with-buttons-url.content.mjs

@@ -83,8 +83,8 @@ export class DialogSelectWithButtonsURLContent {
         this._activeModal.close();
     }
 }
-DialogSelectWithButtonsURLContent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: DialogSelectWithButtonsURLContent, deps: [{ token: i1.NgbActiveModal }, { token: i2.AccountManagerService }], target: i0.ɵɵFactoryTarget.Component });
-DialogSelectWithButtonsURLContent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.9", type: DialogSelectWithButtonsURLContent, selector: "ng-component", inputs: { url: "url" }, viewQueries: [{ propertyName: "close", first: true, predicate: ["close"], descendants: true }, { propertyName: "allElements", first: true, predicate: ["allElements"], descendants: true }], ngImport: i0, template: `
+DialogSelectWithButtonsURLContent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DialogSelectWithButtonsURLContent, deps: [{ token: i1.NgbActiveModal }, { token: i2.AccountManagerService }], target: i0.ɵɵFactoryTarget.Component });
+DialogSelectWithButtonsURLContent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: DialogSelectWithButtonsURLContent, selector: "ng-component", inputs: { url: "url" }, viewQueries: [{ propertyName: "close", first: true, predicate: ["close"], descendants: true }, { propertyName: "allElements", first: true, predicate: ["allElements"], descendants: true }], ngImport: i0, template: `
 		<style>
 			collapse-table tr:hover {
 				background-color: lightblue;
@@ -115,7 +115,7 @@ DialogSelectWithButtonsURLContent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion
 			</div>
 		</div>
 	`, isInline: true, styles: ["\n\t\t\tcollapse-table tr:hover {\n\t\t\t\tbackground-color: lightblue;\n\t\t\t\tcursor: pointer;\n\t\t\t}\n\n\t\t\t.selected {\n\t\t\t\tbackground-color: lightblue;\n\t\t\t}\n\n\t\t\tcollapse-table {\n\t\t\t\twidth: 100%;\n\t\t\t}\n\t\t"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: DialogSelectWithButtonsURLContent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DialogSelectWithButtonsURLContent, decorators: [{
             type: Component,
             args: [{
                     template: `

package/esm2020/lib/widgets/dialog/dialog.service.mjs

@@ -89,9 +89,9 @@ export class DialogService {
         return modalRef.result;
     }
 }
-DialogService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: DialogService, deps: [{ token: i1.NgbModal }], target: i0.ɵɵFactoryTarget.Injectable });
-DialogService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: DialogService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: DialogService, decorators: [{
+DialogService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DialogService, deps: [{ token: i1.NgbModal }], target: i0.ɵɵFactoryTarget.Injectable });
+DialogService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DialogService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DialogService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i1.NgbModal }]; } });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlhbG9nLnNlcnZpY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlL3NyYy9saWIvd2lkZ2V0cy9kaWFsb2cvZGlhbG9nLnNlcnZpY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMzQyxPQUFPLEVBQUUsUUFBUSxFQUFtQixNQUFNLDRCQUE0QixDQUFDO0FBQ3ZFLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQzlELE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQzVELE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQzVELE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQ2hFLE9BQU8sRUFBRSwyQkFBMkIsRUFBRSxNQUFNLGtDQUFrQyxDQUFDO0FBRS9FLE9BQU8sRUFBRSw2QkFBNkIsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBQ3BGLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQzVELE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQ2xFLE9BQU8sRUFBRSxpQ0FBaUMsRUFBRSxNQUFNLDBDQUEwQyxDQUFDO0FBQzdGLE9BQU8sRUFBRSw0QkFBNEIsRUFBRSxNQUFNLG9DQUFvQyxDQUFDO0FBRWxGLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLCtCQUErQixDQUFDOzs7QUFHekUsTUFBTSxPQUFPLGFBQWE7SUFFekIsWUFBb0IsWUFBc0I7UUFBdEIsaUJBQVksR0FBWixZQUFZLENBQVU7SUFBSSxDQUFDO0lBRS9DLFVBQVUsQ0FBQyxPQUFPLEVBQUUsVUFBMkIsRUFBQyxJQUFJLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRSxRQUFRLEVBQUM7UUFDOUUsT0FBTyxJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxPQUFPLEVBQUUsT0FBTyxDQUFDLENBQUM7SUFDakQsQ0FBQztJQUVELE1BQU0sQ0FBQyxHQUFXO1FBQ2pCLE1BQU0sUUFBUSxHQUFHLElBQUksQ0FBQyxVQUFVLENBQUMsbUJBQW1CLENBQUMsQ0FBQztRQUN0RCxRQUFRLENBQUMsaUJBQWlCLENBQUMsS0FBSyxHQUFHLFFBQVEsQ0FBQztRQUM1QyxRQUFRLENBQUMsaUJBQWlCLENBQUMsSUFBSSxHQUFHLEdBQUcsQ0FBQztJQUN2QyxDQUFDO0lBRUQsS0FBSyxDQUFDLEtBQWEsRUFBRSxXQUFvQztRQUN4RCxNQUFNLFFBQVEsR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLGtCQUFrQixDQUFDLENBQUM7UUFDckQsUUFBUSxDQUFDLGlCQUFpQixDQUFDLEtBQUssR0FBRyxLQUFLLENBQUM7UUFDekMsUUFBUSxDQUFDLGlCQUFpQixDQUFDLFdBQVcsR0FBRyxXQUFXLENBQUM7UUFDckQsT0FBTyxRQUFRLENBQUMsTUFBTSxDQUFDO0lBQ3hCLENBQUM7SUFFRCxLQUFLLENBQUMsR0FBVztRQUNoQixNQUFNLFFBQVEsR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLGtCQUFrQixDQUFDLENBQUM7UUFDckQsUUFBUSxDQUFDLGlCQUFpQixDQUFDLEtBQUssR0FBRyxPQUFPLENBQUM7UUFDM0MsUUFBUSxDQUFDLGlCQUFpQixDQUFDLElBQUksR0FBRyxHQUFHLENBQUM7SUFDdkMsQ0FBQztJQUVELE9BQU8sQ0FBQyxHQUFXLEVBQUUsSUFBYTtRQUNqQyxNQUFNLFFBQVEsR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLG9CQUFvQixDQUFDLENBQUM7UUFDdkQsUUFBUSxDQUFDLGlCQUFpQixDQUFDLEtBQUssR0FBRyxTQUFTLENBQUM7UUFDN0MsUUFBUSxDQUFDLGlCQUFpQixDQUFDLElBQUksR0FBRyxHQUFHLENBQUM7UUFDdEMsUUFBUSxDQUFDLGlCQUFpQixDQUFDLElBQUksR0FBRyxJQUFJLENBQUM7UUFDdkMsT0FBTyxRQUFRLENBQUMsTUFBTSxDQUFDO0lBQ3hCLENBQUM7SUFFRCxjQUFjLENBQUMsSUFBVSxFQUFFLFFBQVEsR0FBRyxJQUFJO1FBQ3pDLE1BQU0sUUFBUSxHQUFHLElBQUksQ0FBQyxVQUFVLENBQUMsMkJBQTJCLENBQUMsQ0FBQztRQUM5RCxRQUFRLENBQUMsaUJBQWlCLENBQUMsS0FBSyxHQUFHLGFBQWEsR0FBRyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsV0FBVyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQztRQUNqRixRQUFRLENBQUMsaUJBQWlCLENBQUMsSUFBSSxHQUFHLElBQUksQ0FBQztRQUN2QyxRQUFRLENBQUMsaUJBQWlCLENBQUMsUUFBUSxHQUFHLFFBQVEsQ0FBQztRQUMvQyxPQUFPLFFBQVEsQ0FBQyxNQUFNLENBQUM7SUFDeEIsQ0FBQztJQUVELGVBQWUsQ0FBQyxJQUFTLEVBQUUsZ0JBQWdCLEdBQUcsSUFBSTtRQUNqRCxNQUFNLFFBQVEsR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLDZCQUE2QixFQUFFLEVBQUMsSUFBSSxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsUUFBUSxFQUFDLENBQUMsQ0FBQztRQUNsRyxRQUFRLENBQUMsaUJBQWlCLENBQUMsS0FBSyxHQUFHLG9CQUFvQixDQUFDO1FBQ3hELFFBQVEsQ0FBQyxpQkFBaUIsQ0FBQyxJQUFJLEdBQUcsSUFBSSxDQUFDO1FBQ3ZDLFFBQVEsQ0FBQyxpQkFBaUIsQ0FBQyxnQkFBZ0IsR0FBRyxnQkFBZ0IsQ0FBQztRQUMvRCxPQUFPLFFBQVEsQ0FBQyxNQUFNLENBQUM7SUFDeEIsQ0FBQztJQUVELEtBQUssQ0FBQyxTQUFrQixFQUFFLGFBQWEsR0FBRyxJQUFJO1FBQzdDLE1BQU0sUUFBUSxHQUFHLElBQUksQ0FBQyxVQUFVLENBQUMsa0JBQWtCLENBQUMsQ0FBQztRQUNyRCxRQUFRLENBQUMsaUJBQWlCLENBQUMsU0FBUyxHQUFHLFNBQVMsQ0FBQztRQUNqRCxRQUFRLENBQUMsaUJBQWlCLENBQUMsYUFBYSxHQUFHLGFBQWEsQ0FBQztRQUN6RCxPQUFPLFFBQVEsQ0FBQyxNQUFNLENBQUM7SUFDeEIsQ0FBQztJQUVELFFBQVE7UUFDUCxNQUFNLFFBQVEsR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLHFCQUFxQixDQUFDLENBQUM7UUFDeEQsT0FBTyxRQUFRLENBQUMsTUFBTSxDQUFDO0lBQ3hCLENBQUM7SUFFRCxvQkFBb0IsQ0FBQyxHQUFXO1FBQy9CLE1BQU0sUUFBUSxHQUFHLElBQUksQ0FBQyxVQUFVLENBQUMsaUNBQWlDLENBQUMsQ0FBQztRQUNwRSxRQUFRLENBQUMsaUJBQWlCLENBQUMsR0FBRyxHQUFHLEdBQUcsQ0FBQztRQUNyQyxPQUFPLFFBQVEsQ0FBQyxNQUFNLENBQUM7SUFDeEIsQ0FBQztJQUVELG1CQUFtQixDQUFDLEtBQWEsRUFBRSxPQUE2QyxFQUFFLFFBQVEsR0FBRyxLQUFLLEVBQUUsU0FBUyxHQUFHLEtBQUs7UUFDcEgsTUFBTSxRQUFRLEdBQUcsSUFBSSxDQUFDLFVBQVUsQ0FBQyw0QkFBNEIsQ0FBQyxDQUFDO1FBQy9ELFFBQVEsQ0FBQyxpQkFBaUIsQ0FBQyxLQUFLLEdBQUcsS0FBSyxDQUFDO1FBQ3pDLFFBQVEsQ0FBQyxpQkFBaUIsQ0FBQyxPQUFPLEdBQUcsT0FBTyxDQUFDO1FBQzdDLFFBQVEsQ0FBQyxpQkFBaUIsQ0FBQyxRQUFRLEdBQUcsUUFBUSxDQUFDO1FBQy9DLFFBQVEsQ0FBQyxpQkFBaUIsQ0FBQyxTQUFTLEdBQUcsU0FBUyxDQUFDO1FBQ2pELE9BQU8sUUFBUSxDQUFDLE1BQU0sQ0FBQztJQUN4QixDQUFDO0lBRUQsV0FBVyxDQUFDLEtBQWEsRUFBRSxLQUFZLEVBQUUsUUFBUSxHQUFHLEtBQUssRUFBRSxlQUFlLEdBQUcsRUFBRTtRQUM5RSxNQUFNLFFBQVEsR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLHdCQUF3QixDQUFDLENBQUM7UUFDM0QsUUFBUSxDQUFDLGlCQUFpQixDQUFDLEtBQUssR0FBRyxLQUFLLENBQUM7UUFDekMsUUFBUSxDQUFDLGlCQUFpQixDQUFDLEtBQUssR0FBRyxLQUFLLENBQUM7UUFDekMsUUFBUSxDQUFDLGlCQUFpQixDQUFDLFFBQVEsR0FBRyxRQUFRLENBQUM7UUFDL0MsUUFBUSxDQUFDLGlCQUFpQixDQUFDLGVBQWUsR0FBRyxlQUFlLENBQUM7UUFDN0QsT0FBTyxRQUFRLENBQUMsTUFBTSxDQUFDO0lBQ3hCLENBQUM7OzBHQXJGVyxhQUFhOzhHQUFiLGFBQWE7MkZBQWIsYUFBYTtrQkFEekIsVUFBVSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEluamVjdGFibGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE5nYk1vZGFsLCBOZ2JNb2RhbE9wdGlvbnMgfSBmcm9tICdAbmctYm9vdHN0cmFwL25nLWJvb3RzdHJhcCc7XG5pbXBvcnQgeyBEaWFsb2dOb3RpZnlDb250ZW50IH0gZnJvbSAnLi9kaWFsb2cubm90aWZ5LmNvbnRlbnQnO1xuaW1wb3J0IHsgRGlhbG9nSW5wdXRDb250ZW50IH0gZnJvbSAnLi9kaWFsb2cuaW5wdXQuY29udGVudCc7XG5pbXBvcnQgeyBEaWFsb2dFcnJvckNvbnRlbnQgfSBmcm9tICcuL2RpYWxvZy5lcnJvci5jb250ZW50JztcbmltcG9ydCB7IERpYWxvZ0NvbmZpcm1Db250ZW50IH0gZnJvbSAnLi9kaWFsb2cuY29uZmlybS5jb250ZW50JztcbmltcG9ydCB7IERpYWxvZ1NlbGVjdERhdGVUaW1lQ29udGVudCB9IGZyb20gJy4vZGlhbG9nLnNlbGVjdC1kYXRldGltZS5jb250ZW50JztcbmltcG9ydCB7IERpYWxvZ0lucHV0RmllbGRNb2RlbCwgRGlhbG9nU2VsZWN0V2l0aEJ1dHRvbnNPcHRpb25Nb2RlbCB9IGZyb20gJy4uLy4uL21vZGVscy9kaWFsb2cubW9kZWwnO1xuaW1wb3J0IHsgRGlhbG9nU2VsZWN0RGF0YUxhYmVsc0NvbnRlbnQgfSBmcm9tICcuL2RpYWxvZy5zZWxlY3QtZGF0YS1sYWJlbHMuY29udGVudCc7XG5pbXBvcnQgeyBEaWFsb2dMb2dpbkNvbnRlbnQgfSBmcm9tICcuL2RpYWxvZy5sb2dpbi5jb250ZW50JztcbmltcG9ydCB7IERpYWxvZ1JlZ2lzdGVyQ29udGVudCB9IGZyb20gJy4vZGlhbG9nLnJlZ2lzdGVyLmNvbnRlbnQnO1xuaW1wb3J0IHsgRGlhbG9nU2VsZWN0V2l0aEJ1dHRvbnNVUkxDb250ZW50IH0gZnJvbSAnLi9kaWFsb2cuc2VsZWN0LXdpdGgtYnV0dG9ucy11cmwuY29udGVudCc7XG5pbXBvcnQgeyBEaWFsb2dTZWxlY3RBcnJheU9ianNDb250ZW50IH0gZnJvbSAnLi9kaWFsb2cuc2VsZWN0LWFycmF5LW9ianMuY29udGVudCc7XG5pbXBvcnQgeyBVc2VyTW9kZWwgfSBmcm9tICcuLi8uLi9tb2RlbHMvdXNlci5tb2RlbCc7XG5pbXBvcnQgeyBEaWFsb2dTZWxlY3RBcnJheUNvbnRlbnQgfSBmcm9tICcuL2RpYWxvZy5zZWxlY3QtYXJyYXkuY29udGVudCc7XG5cbkBJbmplY3RhYmxlKClcbmV4cG9ydCBjbGFzcyBEaWFsb2dTZXJ2aWNlIHtcblxuXHRjb25zdHJ1Y3Rvcihwcml2YXRlIG1vZGFsU2VydmljZTogTmdiTW9kYWwpIHsgfVxuXG5cdG9wZW5EaWFsb2coY29udGVudCwgb3B0aW9uczogTmdiTW9kYWxPcHRpb25zID0ge3NpemU6ICdsZycsIGJhY2tkcm9wOiAnc3RhdGljJ30pIHtcblx0XHRyZXR1cm4gdGhpcy5tb2RhbFNlcnZpY2Uub3Blbihjb250ZW50LCBvcHRpb25zKTtcblx0fVxuXG5cdG5vdGlmeShtc2c6IHN0cmluZykge1xuXHRcdGNvbnN0IG1vZGFsUmVmID0gdGhpcy5vcGVuRGlhbG9nKERpYWxvZ05vdGlmeUNvbnRlbnQpO1xuXHRcdG1vZGFsUmVmLmNvbXBvbmVudEluc3RhbmNlLnRpdGxlID0gJ05vdGlmeSc7XG5cdFx0bW9kYWxSZWYuY29tcG9uZW50SW5zdGFuY2UuYm9keSA9IG1zZztcblx0fVxuXG5cdGlucHV0KHRpdGxlOiBzdHJpbmcsIGlucHV0RmllbGRzOiBEaWFsb2dJbnB1dEZpZWxkTW9kZWxbXSkge1xuXHRcdGNvbnN0IG1vZGFsUmVmID0gdGhpcy5vcGVuRGlhbG9nKERpYWxvZ0lucHV0Q29udGVudCk7XG5cdFx0bW9kYWxSZWYuY29tcG9uZW50SW5zdGFuY2UudGl0bGUgPSB0aXRsZTtcblx0XHRtb2RhbFJlZi5jb21wb25lbnRJbnN0YW5jZS5pbnB1dEZpZWxkcyA9IGlucHV0RmllbGRzO1xuXHRcdHJldHVybiBtb2RhbFJlZi5yZXN1bHQ7XG5cdH1cblxuXHRlcnJvcihtc2c6IHN0cmluZykge1xuXHRcdGNvbnN0IG1vZGFsUmVmID0gdGhpcy5vcGVuRGlhbG9nKERpYWxvZ0Vycm9yQ29udGVudCk7XG5cdFx0bW9kYWxSZWYuY29tcG9uZW50SW5zdGFuY2UudGl0bGUgPSAnRXJyb3InO1xuXHRcdG1vZGFsUmVmLmNvbXBvbmVudEluc3RhbmNlLmJvZHkgPSBtc2c7XG5cdH1cblxuXHRjb25maXJtKG1zZzogc3RyaW5nLCBodG1sPzogc3RyaW5nKSB7XG5cdFx0Y29uc3QgbW9kYWxSZWYgPSB0aGlzLm9wZW5EaWFsb2coRGlhbG9nQ29uZmlybUNvbnRlbnQpO1xuXHRcdG1vZGFsUmVmLmNvbXBvbmVudEluc3RhbmNlLnRpdGxlID0gJ0NvbmZpcm0nO1xuXHRcdG1vZGFsUmVmLmNvbXBvbmVudEluc3RhbmNlLmJvZHkgPSBtc2c7XG5cdFx0bW9kYWxSZWYuY29tcG9uZW50SW5zdGFuY2UuaHRtbCA9IGh0bWw7XG5cdFx0cmV0dXJuIG1vZGFsUmVmLnJlc3VsdDtcblx0fVxuXG5cdHNlbGVjdERhdGVUaW1lKGRhdGU6IERhdGUsIHNob3dUaW1lID0gdHJ1ZSkge1xuXHRcdGNvbnN0IG1vZGFsUmVmID0gdGhpcy5vcGVuRGlhbG9nKERpYWxvZ1NlbGVjdERhdGVUaW1lQ29udGVudCk7XG5cdFx0bW9kYWxSZWYuY29tcG9uZW50SW5zdGFuY2UudGl0bGUgPSAnU2VsZWN0IERhdGUnICsgKHNob3dUaW1lID8gJyBhbmQgVGltZScgOiAnJyk7XG5cdFx0bW9kYWxSZWYuY29tcG9uZW50SW5zdGFuY2UuZGF0ZSA9IGRhdGU7XG5cdFx0bW9kYWxSZWYuY29tcG9uZW50SW5zdGFuY2Uuc2hvd1RpbWUgPSBzaG93VGltZTtcblx0XHRyZXR1cm4gbW9kYWxSZWYucmVzdWx0O1xuXHR9XG5cdFxuXHRzZWxlY3REYXRhTGFiZWwoZGF0YTogYW55LCBzaG93QXJyYXlTdWJEYXRhID0gdHJ1ZSkge1xuXHRcdGNvbnN0IG1vZGFsUmVmID0gdGhpcy5vcGVuRGlhbG9nKERpYWxvZ1NlbGVjdERhdGFMYWJlbHNDb250ZW50LCB7c2l6ZTogJ3NtJywgYmFja2Ryb3A6ICdzdGF0aWMnfSk7XG5cdFx0bW9kYWxSZWYuY29tcG9uZW50SW5zdGFuY2UudGl0bGUgPSAnU2VsZWN0IERhdGEgTGFiZWxzJztcblx0XHRtb2RhbFJlZi5jb21wb25lbnRJbnN0YW5jZS5kYXRhID0gZGF0YTtcblx0XHRtb2RhbFJlZi5jb21wb25lbnRJbnN0YW5jZS5zaG93QXJyYXlTdWJEYXRhID0gc2hvd0FycmF5U3ViRGF0YTtcblx0XHRyZXR1cm4gbW9kYWxSZWYucmVzdWx0O1xuXHR9XG5cblx0bG9naW4obXNBbGxvd2VkOiBib29sZWFuLCBzaG93TG9naW5UZXh0ID0gdHJ1ZSkge1xuXHRcdGNvbnN0IG1vZGFsUmVmID0gdGhpcy5vcGVuRGlhbG9nKERpYWxvZ0xvZ2luQ29udGVudCk7XG5cdFx0bW9kYWxSZWYuY29tcG9uZW50SW5zdGFuY2UubXNBbGxvd2VkID0gbXNBbGxvd2VkO1xuXHRcdG1vZGFsUmVmLmNvbXBvbmVudEluc3RhbmNlLnNob3dMb2dpblRleHQgPSBzaG93TG9naW5UZXh0O1xuXHRcdHJldHVybiBtb2RhbFJlZi5yZXN1bHQ7XG5cdH1cblxuXHRyZWdpc3RlcigpIHtcblx0XHRjb25zdCBtb2RhbFJlZiA9IHRoaXMub3BlbkRpYWxvZyhEaWFsb2dSZWdpc3RlckNvbnRlbnQpO1xuXHRcdHJldHVybiBtb2RhbFJlZi5yZXN1bHQ7XG5cdH1cblxuXHRzZWxlY3RXaXRoQnV0dG9uc1VSTCh1cmw6IHN0cmluZykge1xuXHRcdGNvbnN0IG1vZGFsUmVmID0gdGhpcy5vcGVuRGlhbG9nKERpYWxvZ1NlbGVjdFdpdGhCdXR0b25zVVJMQ29udGVudCk7XG5cdFx0bW9kYWxSZWYuY29tcG9uZW50SW5zdGFuY2UudXJsID0gdXJsO1xuXHRcdHJldHVybiBtb2RhbFJlZi5yZXN1bHQ7XG5cdH1cblxuXHRzZWxlY3RXaXRoQXJyYXlPYmpzKHRpdGxlOiBzdHJpbmcsIG9iamVjdHM6IERpYWxvZ1NlbGVjdFdpdGhCdXR0b25zT3B0aW9uTW9kZWxbXSwgbXVsdGlwbGUgPSBmYWxzZSwgYWxsb3dOb25lID0gZmFsc2UpIHtcblx0XHRjb25zdCBtb2RhbFJlZiA9IHRoaXMub3BlbkRpYWxvZyhEaWFsb2dTZWxlY3RBcnJheU9ianNDb250ZW50KTtcblx0XHRtb2RhbFJlZi5jb21wb25lbnRJbnN0YW5jZS50aXRsZSA9IHRpdGxlO1xuXHRcdG1vZGFsUmVmLmNvbXBvbmVudEluc3RhbmNlLm9iamVjdHMgPSBvYmplY3RzO1xuXHRcdG1vZGFsUmVmLmNvbXBvbmVudEluc3RhbmNlLm11bHRpcGxlID0gbXVsdGlwbGU7XG5cdFx0bW9kYWxSZWYuY29tcG9uZW50SW5zdGFuY2UuYWxsb3dOb25lID0gYWxsb3dOb25lO1xuXHRcdHJldHVybiBtb2RhbFJlZi5yZXN1bHQ7XG5cdH1cblxuXHRzZWxlY3RBcnJheSh0aXRsZTogc3RyaW5nLCBhcnJheTogYW55W10sIG11bHRpcGxlID0gZmFsc2UsIHNlbGVjdGVkSW5kZXhlcyA9IFtdKSB7XG5cdFx0Y29uc3QgbW9kYWxSZWYgPSB0aGlzLm9wZW5EaWFsb2coRGlhbG9nU2VsZWN0QXJyYXlDb250ZW50KTtcblx0XHRtb2RhbFJlZi5jb21wb25lbnRJbnN0YW5jZS50aXRsZSA9IHRpdGxlO1xuXHRcdG1vZGFsUmVmLmNvbXBvbmVudEluc3RhbmNlLmFycmF5ID0gYXJyYXk7XG5cdFx0bW9kYWxSZWYuY29tcG9uZW50SW5zdGFuY2UubXVsdGlwbGUgPSBtdWx0aXBsZTtcblx0XHRtb2RhbFJlZi5jb21wb25lbnRJbnN0YW5jZS5zZWxlY3RlZEluZGV4ZXMgPSBzZWxlY3RlZEluZGV4ZXM7XG5cdFx0cmV0dXJuIG1vZGFsUmVmLnJlc3VsdDtcblx0fVxufSJdfQ==

package/esm2020/lib/widgets/file/file-upload.component.mjs

@@ -398,9 +398,9 @@ export class FileUploadComponent extends BaseComponent {
         }, cancelled => { });
     }
 }
-FileUploadComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: FileUploadComponent, deps: [{ token: i1.ResizeService }, { token: i2.ProviderService }, { token: i3.DialogService }, { token: i4.HttpClient }], target: i0.ɵɵFactoryTarget.Component });
-FileUploadComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.9", type: FileUploadComponent, selector: "file-upload", inputs: { files: "files", allowDelete: "allowDelete", allowReplace: "allowReplace", showFileUpload: "showFileUpload", fileType: "fileType" }, outputs: { filesChanged: "filesChanged", fileAdded: "fileAdded", fileRemoved: "fileRemoved" }, viewQueries: [{ propertyName: "download_link", first: true, predicate: ["download_link"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<style>\n \n    html, body { height: 100%; }\n\n    collapse-table tr:hover {\n        background-color: lightblue;\n        cursor: pointer;\n    }\n\n    collapse-table {\n        width: 100%;\n    }\n        \n    /* Label container: */\n    .file {\n        display: inline-block;\n        padding: 0 0 0 0.5em;\n        cursor: pointer;\n        position: relative;\n        border: .075rem solid #ddd;\n        border-radius: .25rem;\n    }\n    \n    /* The pseudo input field: */\n    .file::before {\n        content: \"\";\n        display: block;\n        position: absolute;\n        left: 0;\n        right: 0;\n        top: 0;\n        bottom: 0;\n        z-index: -1;\n        \n        /* Bootstrap appearance: */\n        background-color: #fff;\n        border: .075rem solid #ddd;\n        border-radius: .25rem;\n        -webkit-box-shadow: inset 0 .2rem .4rem rgba(0,0,0,.05);\n        box-shadow: inset 0 .2rem .4rem rgba(0,0,0,.05);\n    }\n    \n    /* The pseudo button: */\n    .file::after {\n        content: \"Browse\";\n        display: inline-block;\n        \n        /* Bootstrap appearance: */\n        background-color: #eee;\n        border: .075rem solid #ddd;\n        border-radius: 0 .25rem .25rem 0;\n        padding: .5rem 1rem;\n        line-height: 1.5;\n        color: #555;\n    }\n    \n    .file input[type=file] {\n        cursor: pointer;\n        border: 0 none;\n        width: 12em;\n    }\n    \n    /* -webkit hide the button: */\n    .file input[type=file]::-webkit-file-upload-button {\n        border: 0;\n        padding: 0;\n        margin: 0 ;\n        width: 0;\n        background: transparent;\n    }      \n    \n    /* IE10+ hide the button: */\n    .file input[type=file]::-ms-browse {\n        padding: 0;\n        margin: -1px;\n        width: 0;\n        border: 0;\n        background: transparent;\n    }\n    \n    .file input[type=file]::-ms-value {\n        background: #fff;\n        border: 0;\n    }\n\n    card {\n        width: 100%;\n    }\n</style>\n\n<a style=\"display: none\" #download_link></a>\n<input hidden type=\"file\" #fileInputReplace (change)=\"onFileSelectReplace($event)\" />\n \n<div class=\"card\">\n    <div class=\"card-header\">\n        <strong class=\"pull-left\">Files</strong>\n    </div>\n    <div class=\"card-block\">\n        <div class=\"row\">\n            <div class=\"col-lg-6\">\n                <div class=\"row\" *ngIf=\"showFileUpload\">\n                    <div class=\"col-lg-6\">\n                        <div class=\"container\">\n                            <div style=\"margin: 10px 0px; font-weight: bold;\">Upload File</div>\n                            <label class=\"file\">\n                                <input type=\"file\" #fileInput (change)=\"onFileSelect($event)\" />\n                            </label>\n                            <br>\n                            <ngx-file-drop dropZoneLabel=\"Drop files here\" style=\"width: 223px; height: 112px; border: 1px black dashed; border-radius: 5px; justify-content: center;\" class=\"vertical-align\" (onFileDrop)=\"dragFileAccepted($event)\"></ngx-file-drop>\n                        </div>\n                    </div>\n                    <div class=\"col-lg-6\">\n                        <div *ngIf=\"isUploading\">\n                            <b>{{progressMsg || 'N/A'}}</b>\n                        </div>\n                    </div>\n                </div>\n                <div class=\"row\" style=\"margin-top: 10px;\">\n                    <div class=\"col-lg-12\" *ngIf=\"windowSize > 980\">\n                        <div style=\"text-align: center;\" *ngIf=\"pdfSrc\">\n                            <ngx-doc-viewer [url]=\"pdfSrc\" style=\"display: block;\"></ngx-doc-viewer>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div class=\"col-lg-6\">\n                <div *ngIf=\"files && files.length\">\n                    <b>Uploaded Files</b>\n                    <div [style.max-height]=\"windowSize > 900 ? '300px' : ''\" [style.overflow-y]=\"windowSize > 900 ? 'auto' : ''\">\n                        <collapse-table collapseSize=\"900\">\n                            <thead>\n                                <tr>\n                                    <th>File Name</th>\n                                    <th>Size</th>\n                                    <th>Type</th>\n                                    <th>Actions</th>\n                                </tr>\n                            </thead>    \n                            <tbody>\n                                <tr *ngFor=\"let file of files; let i = index\">\n                                    <td data-label=\"File Name\" (click)=\"setPDFViewerSrc(file)\">{{file.name}}</td>\n                                    <td data-label=\"Size\" (click)=\"setPDFViewerSrc(file)\">{{ file.size/1024/1024 | number:'.2' }} MB</td>\n                                    <td data-label=\"Type\" (click)=\"setPDFViewerSrc(file)\">{{file.type}}</td>\n                                    <td data-label=\"Actions\">\n                                        <responsive-button-group collapseSize=\"900\">\n                                            <button type=\"button\" class=\"btn btn-success\" (click)=\"open(file)\">Open</button>\n                                            <button type=\"button\" class=\"btn btn-primary\" (click)=\"download(file)\">Download</button>\n                                            <button [hidden]=\"!allowDelete || (file.type !== 'misc' && !userIsInRole('super-admin'))\" type=\"button\" class=\"btn btn-danger\" (click)=\"deleteWithEmit(i)\">Delete</button>\n                                            <button [hidden]=\"!allowDelete || (file.type !== 'misc' && !userIsInRole('super-admin'))\" type=\"button\" class=\"btn btn-danger\" (click)=\"fileInputReplace.click(); replaceFileIndex = i;\">Replace</button>\n                                            <button type=\"button\" class=\"btn btn-warning\" (click)=\"email(file)\">Email</button>\n                                        </responsive-button-group>\n                                    </td>\n                                </tr>\n                            </tbody>\n                        </collapse-table>\n                    </div>\n                </div>\n                <div *ngIf=\"!files || !files.length\">\n                    <b>No Uploaded Files</b>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>", styles: ["\n \n    html, body { height: 100%; }\n\n    collapse-table tr:hover {\n        background-color: lightblue;\n        cursor: pointer;\n    }\n\n    collapse-table {\n        width: 100%;\n    }\n        \n    /* Label container: */\n    .file {\n        display: inline-block;\n        padding: 0 0 0 0.5em;\n        cursor: pointer;\n        position: relative;\n        border: .075rem solid #ddd;\n        border-radius: .25rem;\n    }\n    \n    /* The pseudo input field: */\n    .file::before {\n        content: \"\";\n        display: block;\n        position: absolute;\n        left: 0;\n        right: 0;\n        top: 0;\n        bottom: 0;\n        z-index: -1;\n        \n        /* Bootstrap appearance: */\n        background-color: #fff;\n        border: .075rem solid #ddd;\n        border-radius: .25rem;\n        -webkit-box-shadow: inset 0 .2rem .4rem rgba(0,0,0,.05);\n        box-shadow: inset 0 .2rem .4rem rgba(0,0,0,.05);\n    }\n    \n    /* The pseudo button: */\n    .file::after {\n        content: \"Browse\";\n        display: inline-block;\n        \n        /* Bootstrap appearance: */\n        background-color: #eee;\n        border: .075rem solid #ddd;\n        border-radius: 0 .25rem .25rem 0;\n        padding: .5rem 1rem;\n        line-height: 1.5;\n        color: #555;\n    }\n    \n    .file input[type=file] {\n        cursor: pointer;\n        border: 0 none;\n        width: 12em;\n    }\n    \n    /* -webkit hide the button: */\n    .file input[type=file]::-webkit-file-upload-button {\n        border: 0;\n        padding: 0;\n        margin: 0 ;\n        width: 0;\n        background: transparent;\n    }      \n    \n    /* IE10+ hide the button: */\n    .file input[type=file]::-ms-browse {\n        padding: 0;\n        margin: -1px;\n        width: 0;\n        border: 0;\n        background: transparent;\n    }\n    \n    .file input[type=file]::-ms-value {\n        background: #fff;\n        border: 0;\n    }\n\n    card {\n        width: 100%;\n    }\n"], dependencies: [{ kind: "directive", type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6.CollapseTableComponent, selector: "collapse-table", inputs: ["collapseSize", "tableFixed", "headerFixed", "secondaryColor", "tertiaryColor"] }, { kind: "component", type: i7.ResponsiveButtonGroupComponent, selector: "responsive-button-group", inputs: ["collapseSize"] }, { kind: "component", type: i8.NgxFileDropComponent, selector: "ngx-file-drop", inputs: ["accept", "directory", "multiple", "dropZoneLabel", "dropZoneClassName", "useDragEnter", "contentClassName", "showBrowseBtn", "browseBtnClassName", "browseBtnLabel", "disabled"], outputs: ["onFileDrop", "onFileOver", "onFileLeave"] }, { kind: "component", type: i9.NgxDocViewerComponent, selector: "ngx-doc-viewer", inputs: ["url", "queryParams", "viewerUrl", "googleCheckInterval", "googleMaxChecks", "disableContent", "googleCheckContentLoaded", "viewer", "overrideLocalhost"], outputs: ["loaded"] }, { kind: "pipe", type: i5.DecimalPipe, name: "number" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: FileUploadComponent, decorators: [{
+FileUploadComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FileUploadComponent, deps: [{ token: i1.ResizeService }, { token: i2.ProviderService }, { token: i3.DialogService }, { token: i4.HttpClient }], target: i0.ɵɵFactoryTarget.Component });
+FileUploadComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: FileUploadComponent, selector: "file-upload", inputs: { files: "files", allowDelete: "allowDelete", allowReplace: "allowReplace", showFileUpload: "showFileUpload", fileType: "fileType" }, outputs: { filesChanged: "filesChanged", fileAdded: "fileAdded", fileRemoved: "fileRemoved" }, viewQueries: [{ propertyName: "download_link", first: true, predicate: ["download_link"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<style>\n \n    html, body { height: 100%; }\n\n    collapse-table tr:hover {\n        background-color: lightblue;\n        cursor: pointer;\n    }\n\n    collapse-table {\n        width: 100%;\n    }\n        \n    /* Label container: */\n    .file {\n        display: inline-block;\n        padding: 0 0 0 0.5em;\n        cursor: pointer;\n        position: relative;\n        border: .075rem solid #ddd;\n        border-radius: .25rem;\n    }\n    \n    /* The pseudo input field: */\n    .file::before {\n        content: \"\";\n        display: block;\n        position: absolute;\n        left: 0;\n        right: 0;\n        top: 0;\n        bottom: 0;\n        z-index: -1;\n        \n        /* Bootstrap appearance: */\n        background-color: #fff;\n        border: .075rem solid #ddd;\n        border-radius: .25rem;\n        -webkit-box-shadow: inset 0 .2rem .4rem rgba(0,0,0,.05);\n        box-shadow: inset 0 .2rem .4rem rgba(0,0,0,.05);\n    }\n    \n    /* The pseudo button: */\n    .file::after {\n        content: \"Browse\";\n        display: inline-block;\n        \n        /* Bootstrap appearance: */\n        background-color: #eee;\n        border: .075rem solid #ddd;\n        border-radius: 0 .25rem .25rem 0;\n        padding: .5rem 1rem;\n        line-height: 1.5;\n        color: #555;\n    }\n    \n    .file input[type=file] {\n        cursor: pointer;\n        border: 0 none;\n        width: 12em;\n    }\n    \n    /* -webkit hide the button: */\n    .file input[type=file]::-webkit-file-upload-button {\n        border: 0;\n        padding: 0;\n        margin: 0 ;\n        width: 0;\n        background: transparent;\n    }      \n    \n    /* IE10+ hide the button: */\n    .file input[type=file]::-ms-browse {\n        padding: 0;\n        margin: -1px;\n        width: 0;\n        border: 0;\n        background: transparent;\n    }\n    \n    .file input[type=file]::-ms-value {\n        background: #fff;\n        border: 0;\n    }\n\n    card {\n        width: 100%;\n    }\n</style>\n\n<a style=\"display: none\" #download_link></a>\n<input hidden type=\"file\" #fileInputReplace (change)=\"onFileSelectReplace($event)\" />\n \n<div class=\"card\">\n    <div class=\"card-header\">\n        <strong class=\"pull-left\">Files</strong>\n    </div>\n    <div class=\"card-block\">\n        <div class=\"row\">\n            <div class=\"col-lg-6\">\n                <div class=\"row\" *ngIf=\"showFileUpload\">\n                    <div class=\"col-lg-6\">\n                        <div class=\"container\">\n                            <div style=\"margin: 10px 0px; font-weight: bold;\">Upload File</div>\n                            <label class=\"file\">\n                                <input type=\"file\" #fileInput (change)=\"onFileSelect($event)\" />\n                            </label>\n                            <br>\n                            <ngx-file-drop dropZoneLabel=\"Drop files here\" style=\"width: 223px; height: 112px; border: 1px black dashed; border-radius: 5px; justify-content: center;\" class=\"vertical-align\" (onFileDrop)=\"dragFileAccepted($event)\"></ngx-file-drop>\n                        </div>\n                    </div>\n                    <div class=\"col-lg-6\">\n                        <div *ngIf=\"isUploading\">\n                            <b>{{progressMsg || 'N/A'}}</b>\n                        </div>\n                    </div>\n                </div>\n                <div class=\"row\" style=\"margin-top: 10px;\">\n                    <div class=\"col-lg-12\" *ngIf=\"windowSize > 980\">\n                        <div style=\"text-align: center;\" *ngIf=\"pdfSrc\">\n                            <ngx-doc-viewer [url]=\"pdfSrc\" style=\"display: block;\"></ngx-doc-viewer>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div class=\"col-lg-6\">\n                <div *ngIf=\"files && files.length\">\n                    <b>Uploaded Files</b>\n                    <div [style.max-height]=\"windowSize > 900 ? '300px' : ''\" [style.overflow-y]=\"windowSize > 900 ? 'auto' : ''\">\n                        <collapse-table collapseSize=\"900\">\n                            <thead>\n                                <tr>\n                                    <th>File Name</th>\n                                    <th>Size</th>\n                                    <th>Type</th>\n                                    <th>Actions</th>\n                                </tr>\n                            </thead>    \n                            <tbody>\n                                <tr *ngFor=\"let file of files; let i = index\">\n                                    <td data-label=\"File Name\" (click)=\"setPDFViewerSrc(file)\">{{file.name}}</td>\n                                    <td data-label=\"Size\" (click)=\"setPDFViewerSrc(file)\">{{ file.size/1024/1024 | number:'.2' }} MB</td>\n                                    <td data-label=\"Type\" (click)=\"setPDFViewerSrc(file)\">{{file.type}}</td>\n                                    <td data-label=\"Actions\">\n                                        <responsive-button-group collapseSize=\"900\">\n                                            <button type=\"button\" class=\"btn btn-success\" (click)=\"open(file)\">Open</button>\n                                            <button type=\"button\" class=\"btn btn-primary\" (click)=\"download(file)\">Download</button>\n                                            <button [hidden]=\"!allowDelete || (file.type !== 'misc' && !userIsInRole('super-admin'))\" type=\"button\" class=\"btn btn-danger\" (click)=\"deleteWithEmit(i)\">Delete</button>\n                                            <button [hidden]=\"!allowDelete || (file.type !== 'misc' && !userIsInRole('super-admin'))\" type=\"button\" class=\"btn btn-danger\" (click)=\"fileInputReplace.click(); replaceFileIndex = i;\">Replace</button>\n                                            <button type=\"button\" class=\"btn btn-warning\" (click)=\"email(file)\">Email</button>\n                                        </responsive-button-group>\n                                    </td>\n                                </tr>\n                            </tbody>\n                        </collapse-table>\n                    </div>\n                </div>\n                <div *ngIf=\"!files || !files.length\">\n                    <b>No Uploaded Files</b>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>", styles: ["\n \n    html, body { height: 100%; }\n\n    collapse-table tr:hover {\n        background-color: lightblue;\n        cursor: pointer;\n    }\n\n    collapse-table {\n        width: 100%;\n    }\n        \n    /* Label container: */\n    .file {\n        display: inline-block;\n        padding: 0 0 0 0.5em;\n        cursor: pointer;\n        position: relative;\n        border: .075rem solid #ddd;\n        border-radius: .25rem;\n    }\n    \n    /* The pseudo input field: */\n    .file::before {\n        content: \"\";\n        display: block;\n        position: absolute;\n        left: 0;\n        right: 0;\n        top: 0;\n        bottom: 0;\n        z-index: -1;\n        \n        /* Bootstrap appearance: */\n        background-color: #fff;\n        border: .075rem solid #ddd;\n        border-radius: .25rem;\n        -webkit-box-shadow: inset 0 .2rem .4rem rgba(0,0,0,.05);\n        box-shadow: inset 0 .2rem .4rem rgba(0,0,0,.05);\n    }\n    \n    /* The pseudo button: */\n    .file::after {\n        content: \"Browse\";\n        display: inline-block;\n        \n        /* Bootstrap appearance: */\n        background-color: #eee;\n        border: .075rem solid #ddd;\n        border-radius: 0 .25rem .25rem 0;\n        padding: .5rem 1rem;\n        line-height: 1.5;\n        color: #555;\n    }\n    \n    .file input[type=file] {\n        cursor: pointer;\n        border: 0 none;\n        width: 12em;\n    }\n    \n    /* -webkit hide the button: */\n    .file input[type=file]::-webkit-file-upload-button {\n        border: 0;\n        padding: 0;\n        margin: 0 ;\n        width: 0;\n        background: transparent;\n    }      \n    \n    /* IE10+ hide the button: */\n    .file input[type=file]::-ms-browse {\n        padding: 0;\n        margin: -1px;\n        width: 0;\n        border: 0;\n        background: transparent;\n    }\n    \n    .file input[type=file]::-ms-value {\n        background: #fff;\n        border: 0;\n    }\n\n    card {\n        width: 100%;\n    }\n"], dependencies: [{ kind: "directive", type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6.CollapseTableComponent, selector: "collapse-table", inputs: ["collapseSize", "tableFixed", "headerFixed", "secondaryColor", "tertiaryColor"] }, { kind: "component", type: i7.ResponsiveButtonGroupComponent, selector: "responsive-button-group", inputs: ["collapseSize"] }, { kind: "component", type: i8.NgxFileDropComponent, selector: "ngx-file-drop", inputs: ["accept", "directory", "multiple", "dropZoneLabel", "dropZoneClassName", "useDragEnter", "contentClassName", "showBrowseBtn", "browseBtnClassName", "browseBtnLabel", "disabled"], outputs: ["onFileDrop", "onFileOver", "onFileLeave"] }, { kind: "component", type: i9.NgxDocViewerComponent, selector: "ngx-doc-viewer", inputs: ["url", "queryParams", "viewerUrl", "googleCheckInterval", "googleMaxChecks", "disableContent", "googleCheckContentLoaded", "viewer", "overrideLocalhost"], outputs: ["loaded"] }, { kind: "pipe", type: i5.DecimalPipe, name: "number" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FileUploadComponent, decorators: [{
             type: Component,
             args: [{ selector: 'file-upload', template: "<style>\n \n    html, body { height: 100%; }\n\n    collapse-table tr:hover {\n        background-color: lightblue;\n        cursor: pointer;\n    }\n\n    collapse-table {\n        width: 100%;\n    }\n        \n    /* Label container: */\n    .file {\n        display: inline-block;\n        padding: 0 0 0 0.5em;\n        cursor: pointer;\n        position: relative;\n        border: .075rem solid #ddd;\n        border-radius: .25rem;\n    }\n    \n    /* The pseudo input field: */\n    .file::before {\n        content: \"\";\n        display: block;\n        position: absolute;\n        left: 0;\n        right: 0;\n        top: 0;\n        bottom: 0;\n        z-index: -1;\n        \n        /* Bootstrap appearance: */\n        background-color: #fff;\n        border: .075rem solid #ddd;\n        border-radius: .25rem;\n        -webkit-box-shadow: inset 0 .2rem .4rem rgba(0,0,0,.05);\n        box-shadow: inset 0 .2rem .4rem rgba(0,0,0,.05);\n    }\n    \n    /* The pseudo button: */\n    .file::after {\n        content: \"Browse\";\n        display: inline-block;\n        \n        /* Bootstrap appearance: */\n        background-color: #eee;\n        border: .075rem solid #ddd;\n        border-radius: 0 .25rem .25rem 0;\n        padding: .5rem 1rem;\n        line-height: 1.5;\n        color: #555;\n    }\n    \n    .file input[type=file] {\n        cursor: pointer;\n        border: 0 none;\n        width: 12em;\n    }\n    \n    /* -webkit hide the button: */\n    .file input[type=file]::-webkit-file-upload-button {\n        border: 0;\n        padding: 0;\n        margin: 0 ;\n        width: 0;\n        background: transparent;\n    }      \n    \n    /* IE10+ hide the button: */\n    .file input[type=file]::-ms-browse {\n        padding: 0;\n        margin: -1px;\n        width: 0;\n        border: 0;\n        background: transparent;\n    }\n    \n    .file input[type=file]::-ms-value {\n        background: #fff;\n        border: 0;\n    }\n\n    card {\n        width: 100%;\n    }\n</style>\n\n<a style=\"display: none\" #download_link></a>\n<input hidden type=\"file\" #fileInputReplace (change)=\"onFileSelectReplace($event)\" />\n \n<div class=\"card\">\n    <div class=\"card-header\">\n        <strong class=\"pull-left\">Files</strong>\n    </div>\n    <div class=\"card-block\">\n        <div class=\"row\">\n            <div class=\"col-lg-6\">\n                <div class=\"row\" *ngIf=\"showFileUpload\">\n                    <div class=\"col-lg-6\">\n                        <div class=\"container\">\n                            <div style=\"margin: 10px 0px; font-weight: bold;\">Upload File</div>\n                            <label class=\"file\">\n                                <input type=\"file\" #fileInput (change)=\"onFileSelect($event)\" />\n                            </label>\n                            <br>\n                            <ngx-file-drop dropZoneLabel=\"Drop files here\" style=\"width: 223px; height: 112px; border: 1px black dashed; border-radius: 5px; justify-content: center;\" class=\"vertical-align\" (onFileDrop)=\"dragFileAccepted($event)\"></ngx-file-drop>\n                        </div>\n                    </div>\n                    <div class=\"col-lg-6\">\n                        <div *ngIf=\"isUploading\">\n                            <b>{{progressMsg || 'N/A'}}</b>\n                        </div>\n                    </div>\n                </div>\n                <div class=\"row\" style=\"margin-top: 10px;\">\n                    <div class=\"col-lg-12\" *ngIf=\"windowSize > 980\">\n                        <div style=\"text-align: center;\" *ngIf=\"pdfSrc\">\n                            <ngx-doc-viewer [url]=\"pdfSrc\" style=\"display: block;\"></ngx-doc-viewer>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div class=\"col-lg-6\">\n                <div *ngIf=\"files && files.length\">\n                    <b>Uploaded Files</b>\n                    <div [style.max-height]=\"windowSize > 900 ? '300px' : ''\" [style.overflow-y]=\"windowSize > 900 ? 'auto' : ''\">\n                        <collapse-table collapseSize=\"900\">\n                            <thead>\n                                <tr>\n                                    <th>File Name</th>\n                                    <th>Size</th>\n                                    <th>Type</th>\n                                    <th>Actions</th>\n                                </tr>\n                            </thead>    \n                            <tbody>\n                                <tr *ngFor=\"let file of files; let i = index\">\n                                    <td data-label=\"File Name\" (click)=\"setPDFViewerSrc(file)\">{{file.name}}</td>\n                                    <td data-label=\"Size\" (click)=\"setPDFViewerSrc(file)\">{{ file.size/1024/1024 | number:'.2' }} MB</td>\n                                    <td data-label=\"Type\" (click)=\"setPDFViewerSrc(file)\">{{file.type}}</td>\n                                    <td data-label=\"Actions\">\n                                        <responsive-button-group collapseSize=\"900\">\n                                            <button type=\"button\" class=\"btn btn-success\" (click)=\"open(file)\">Open</button>\n                                            <button type=\"button\" class=\"btn btn-primary\" (click)=\"download(file)\">Download</button>\n                                            <button [hidden]=\"!allowDelete || (file.type !== 'misc' && !userIsInRole('super-admin'))\" type=\"button\" class=\"btn btn-danger\" (click)=\"deleteWithEmit(i)\">Delete</button>\n                                            <button [hidden]=\"!allowDelete || (file.type !== 'misc' && !userIsInRole('super-admin'))\" type=\"button\" class=\"btn btn-danger\" (click)=\"fileInputReplace.click(); replaceFileIndex = i;\">Replace</button>\n                                            <button type=\"button\" class=\"btn btn-warning\" (click)=\"email(file)\">Email</button>\n                                        </responsive-button-group>\n                                    </td>\n                                </tr>\n                            </tbody>\n                        </collapse-table>\n                    </div>\n                </div>\n                <div *ngIf=\"!files || !files.length\">\n                    <b>No Uploaded Files</b>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>" }]
         }], ctorParameters: function () { return [{ type: i1.ResizeService }, { type: i2.ProviderService }, { type: i3.DialogService }, { type: i4.HttpClient }]; }, propDecorators: { files: [{

package/esm2020/lib/widgets/file/file-upload.module.mjs

@@ -10,22 +10,22 @@ import { NgxDocViewerModule } from 'ngx-doc-viewer';
 import * as i0 from "@angular/core";
 export class FileModule {
 }
-FileModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: FileModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-FileModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.9", ngImport: i0, type: FileModule, declarations: [FileUploadComponent], imports: [CommonModule,
+FileModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FileModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+FileModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: FileModule, declarations: [FileUploadComponent], imports: [CommonModule,
         FormsModule,
         CollapseTableModule,
         NgbModule,
         ResponsiveButtonGroupModule,
         NgxFileDropModule,
         NgxDocViewerModule], exports: [FileUploadComponent] });
-FileModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: FileModule, imports: [CommonModule,
+FileModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FileModule, imports: [CommonModule,
         FormsModule,
         CollapseTableModule,
         NgbModule,
         ResponsiveButtonGroupModule,
         NgxFileDropModule,
         NgxDocViewerModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: FileModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FileModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/esm2020/lib/widgets/form-button/form-button.component.mjs

@@ -48,8 +48,8 @@ export class FormButtonComponent extends BaseComponent {
         return false;
     }
 }
-FormButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: FormButtonComponent, deps: [{ token: i1.ProviderService }], target: i0.ɵɵFactoryTarget.Component });
-FormButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.9", type: FormButtonComponent, selector: "form-button", inputs: { form: "form", disabled: "disabled", type: "type" }, providers: [ProviderService], viewQueries: [{ propertyName: "formButton", first: true, predicate: ["formButton"], descendants: true }], usesInheritance: true, ngImport: i0, template: `
+FormButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FormButtonComponent, deps: [{ token: i1.ProviderService }], target: i0.ɵɵFactoryTarget.Component });
+FormButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: FormButtonComponent, selector: "form-button", inputs: { form: "form", disabled: "disabled", type: "type" }, providers: [ProviderService], viewQueries: [{ propertyName: "formButton", first: true, predicate: ["formButton"], descendants: true }], usesInheritance: true, ngImport: i0, template: `
 		<div style="position: relative; text-align: left; width: 100%">
 			<ng-template #tipContent>
 				<span style="font-weight: bold">Errors:<br></span>
@@ -61,8 +61,8 @@ FormButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", ve
 				<button [type]="type" [ngClass]="['btn', form && form.valid ? 'btn-success' : 'btn-danger']" [disabled]="!form || !form.valid || disabled" style="width: 200px" [autofocus]="true" #formButton>Submit</button>
 			</div>
 		</div>
-	`, isInline: true, dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "triggers", "container", "disableTooltip", "tooltipClass", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: FormButtonComponent, decorators: [{
+	`, isInline: true, dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FormButtonComponent, decorators: [{
             type: Component,
             args: [{
                     providers: [ProviderService],

package/esm2020/lib/widgets/form-button/form-button.module.mjs

@@ -5,12 +5,12 @@ import { FormButtonComponent } from './form-button.component';
 import * as i0 from "@angular/core";
 export class FormButtonModule {
 }
-FormButtonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: FormButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-FormButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.9", ngImport: i0, type: FormButtonModule, declarations: [FormButtonComponent], imports: [CommonModule,
+FormButtonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FormButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+FormButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: FormButtonModule, declarations: [FormButtonComponent], imports: [CommonModule,
         NgbTooltipModule], exports: [FormButtonComponent] });
-FormButtonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: FormButtonModule, imports: [CommonModule,
+FormButtonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FormButtonModule, imports: [CommonModule,
         NgbTooltipModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: FormButtonModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FormButtonModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/esm2020/lib/widgets/navbar-main/navbar-main.component.mjs

@@ -189,9 +189,9 @@ export class NavbarMainComponent extends BaseComponent {
         return window.innerWidth;
     }
 }
-NavbarMainComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: NavbarMainComponent, deps: [{ token: i1.ProviderService }, { token: i2.AuthService }, { token: i3.DialogService }, { token: i4.CoreService }], target: i0.ɵɵFactoryTarget.Component });
-NavbarMainComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.9", type: NavbarMainComponent, selector: "navbar-main", inputs: { logo: "logo", navTabs: "navTabs", fontSize: "fontSize", publicProgram: "publicProgram" }, providers: [ProviderService], viewQueries: [{ propertyName: "scrollable", first: true, predicate: ["scrollable"], descendants: true, static: true }, { propertyName: "dropdowns", predicate: ["dropdowns"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<style>\n\t:root {\n        --font-size: 12;\n    }\n\n\t:host /deep/ * {\n\t\tfont-size: var(--font-size);\n\t}\n\n    @media (max-width: 1200px) {\n        .navbarMain a {\n            font-size: 18px !important;\n        }\n    }\n    @media (min-width: 1200px) {\n        .scrollable-x {\n            max-width: 60vw;\n            overflow-x: auto;\n            overflow-y: visible;\n            align-items: center;\n        }\n\n        ::-webkit-scrollbar {\n           display: none;\n        }\n\n        .verticalAlign {\n            display: flex;\n            align-items: center;\n        }\n\n        .dropdown {\n            position: static;\n        }\n    }\n\n    .navbar li {\n        cursor: pointer;\n        text-align: center;\n    }\n\n    .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {\n        color: gray;\n    }\n</style>\n\n<div class=\"row\">\n    <nav class=\"navbar navbar-expand-xl navbar-dark bg-dark navbarMain\" style=\"width: 100%\">\n        <a class=\"navbar-brand\" href=\"#\">\n            <img [src]=\"logo\" style=\"width: auto; height: 36px;\" *ngIf=\"!isDemo\">\n        </a>\n        <button class=\"navbar-toggler\" type=\"button\" data-toggle=\"collapse\" data-target=\"#navbarMainNav\" aria-controls=\"navbarMainNav\" aria-expanded=\"false\" aria-label=\"Toggle navigation\">\n            <span class=\"navbar-toggler-icon\"></span>\n        </button>\n        <div class=\"navbar-collapse collapse\" id=\"navbarMainNav\">\n            <ul class=\"navbar-nav\">\n                <li class=\"nav-item\" data-toggle=\"collapse\" data-target=\"#navbarMainNav\" *ngIf=\"!standardProgram\" [style.border-right]=\"getWindowWidth() > 1200 ? '1px solid white' : ''\">\n                    <a class=\"nav-link\" routerLink=\"home\" [class.disabled]=\"tourStarted ? true : null\" routerLinkActive=\"active\">Home</a>\n                </li>\n            </ul>\n            <div *ngIf=\"hasScrolled()\" (mouseover)=\"startScrollRight()\" (mouseout)=\"stopScrollRight()\" (click)=\"scrollRightOnce()\">\n                <i class=\"fa fa-arrow-left\" style=\"color: white; font-size: 20px\"></i>\n            </div>\n            <ul [ngClass]=\"['navbar-nav', 'scrollable-x']\" #scrollable detect-scroll (onScroll)=\"calculateDropdownsLeft()\">\n                <ng-container *ngFor=\"let tab of navTabs; let i = index;\">\n                    <ng-container *ngIf=\"tab.type === 'link'\">\n                        <li class=\"nav-item\" *ngIf=\"(publicProgram || user) && isInRole(tab.links[0].role)\" data-toggle=\"collapse\" [tourAnchor]=\"tab.tourAnchor\" data-target=\"#navbarMainNav\">\n                            <a class=\"nav-link\" [class.disabled]=\"tourStarted ? true : null\" [routerLink]=\"tab.links[0].routerLink\" routerLinkActive=\"active\">{{tab.links[0].label}}</a>\n                        </li>\n                    </ng-container>\n                    <ng-container *ngIf=\"tab.type === 'dropdown'\">\n                        <li #dropdowns class=\"nav-item dropdown\" *ngIf=\"(publicProgram || user) && isInOneRole(tab.roles)\">\n                            <a class=\"nav-link dropdown-toggle\" [class.disabled]=\"tourStarted ? true : null\" id=\"navbarDropdownAsset\" role=\"button\" [tourAnchor]=\"tab.tourAnchor\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\">\n                                {{tab.label}}\n                            </a>\n                            <div class=\"dropdown-menu bg-dark\" aria-labelledby=\"navbarDropdownAsset\" data-toggle=\"collapse\" data-target=\"#navbarMainNav\" [style.left.px]=\"tab.left || 0\">\n                                <ng-container *ngFor=\"let link of tab.links\">\n                                    <a class=\"dropdown-item nav-link\" *ngIf=\"(publicProgram || user) && isInRole(link.role)\" [routerLink]=\"link.routerLink\">{{link.label}}</a>\n                                </ng-container>\n                            </div>\n                        </li>\n                    </ng-container>\n                </ng-container>\n            </ul>\n            <div *ngIf=\"hasMoreScroll()\" (mouseover)=\"startScrollLeft()\" (mouseout)=\"stopScrollLeft()\" (click)=\"scrollLeftOnce()\">\n                <i class=\"fa fa-arrow-right\" style=\"color: white; font-size: 20px\"></i>\n            </div>\n            <hr />\n            <ul [ngClass]=\"['navbar-nav', getWindowWidth() > 1200 ? 'float-lg-right' : '']\">\n                <!-- <li class=\"nav-item\" *ngIf=\"user\" data-toggle=\"collapse\" data-target=\"#navbarMainNav\" [style.border-left]=\"getWindowWidth() > 1200 ? '1px solid white' : ''\" style=\"height: 30px;\">\n                    <a class=\"nav-link\" [class.disabled]=\"tourStarted ? true : null\" (click)=\"print()\" style=\"cursor: pointer;\"><i style=\"font-size:20px; color: white;\" class=\"fa fa-print\" aria-hidden=\"true\"></i></a>\n                </li> -->\n                <li class=\"nav-item\" *ngIf=\"user && client\" data-toggle=\"collapse\" data-target=\"#navbarMainNav\" style=\"height: 30px;\" tourAnchor=\"supportSection\">\n                    <a class=\"nav-link\" [class.disabled]=\"tourStarted ? true : null\" routerLink=\"support-ticket\" routerLinkActive=\"active\">Support</a>\n                </li>\n                <li class=\"nav-item\" *ngIf=\"user && isInRole('super-admin')\" data-toggle=\"collapse\" data-target=\"#navbarMainNav\">\n                    <a class=\"nav-link\" routerLink=\"logs\" routerLinkActive=\"active\">Logs</a>\n                </li>\n                <li class=\"nav-item\" *ngIf=\"user && isInRole('super-admin')\" data-toggle=\"collapse\" data-target=\"#navbarMainNav\">\n                    <a class=\"nav-link\" routerLink=\"super-admin\" routerLinkActive=\"active\">Super Admin</a>\n                </li>\n            </ul>\n            <hr />\n            <ul [ngClass]=\"['navbar-nav', getWindowWidth() > 1200 ? 'float-lg-right' : '']\" *ngIf=\"!publicProgram\">\n                <li class=\"nav-item\" *ngIf=\"!user\" data-toggle=\"collapse\" data-target=\"#navbarMainNav\">\n                    <a class=\"nav-link\" (click)=\"login()\" style=\"cursor: pointer;\" routerLinkActive=\"active\">Login</a>\n                </li>\n                <li class=\"nav-item\" *ngIf=\"user\" tourAnchor=\"userSettings\">\n                    <a class=\"nav-link\" [class.disabled]=\"tourStarted ? true : null\" routerLink=\"user-settings\">Hello {{user.fullname}}!</a>\n                </li>\n                <li class=\"nav-item\" *ngIf=\"user\" style=\"cursor: pointer\" (click)=\"logout()\" data-toggle=\"collapse\" data-target=\"#navbarMainNav\">\n                    <a class=\"nav-link\" [class.disabled]=\"tourStarted ? true : null\">Logout</a>\n                <li>\n            </ul>\n        </div>\n    </nav>\n</div>", styles: ["\n\t:root {\n        --font-size: 12;\n    }\n\n\t:host /deep/ * {\n\t\tfont-size: var(--font-size);\n\t}\n\n    @media (max-width: 1200px) {\n        .navbarMain a {\n            font-size: 18px !important;\n        }\n    }\n    @media (min-width: 1200px) {\n        .scrollable-x {\n            max-width: 60vw;\n            overflow-x: auto;\n            overflow-y: visible;\n            align-items: center;\n        }\n\n        ::-webkit-scrollbar {\n           display: none;\n        }\n\n        .verticalAlign {\n            display: flex;\n            align-items: center;\n        }\n\n        .dropdown {\n            position: static;\n        }\n    }\n\n    .navbar li {\n        cursor: pointer;\n        text-align: center;\n    }\n\n    .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {\n        color: gray;\n    }\n"], dependencies: [{ kind: "directive", type: i5.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i5.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "directive", type: i6.NgbNavbar, selector: ".navbar" }, { kind: "directive", type: i7.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i7.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i8.ScrollDirective, selector: "[detect-scroll]", inputs: ["bottomOffset", "topOffset"], outputs: ["onScroll"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: NavbarMainComponent, decorators: [{
+NavbarMainComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NavbarMainComponent, deps: [{ token: i1.ProviderService }, { token: i2.AuthService }, { token: i3.DialogService }, { token: i4.CoreService }], target: i0.ɵɵFactoryTarget.Component });
+NavbarMainComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: NavbarMainComponent, selector: "navbar-main", inputs: { logo: "logo", navTabs: "navTabs", fontSize: "fontSize", publicProgram: "publicProgram" }, providers: [ProviderService], viewQueries: [{ propertyName: "scrollable", first: true, predicate: ["scrollable"], descendants: true, static: true }, { propertyName: "dropdowns", predicate: ["dropdowns"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<style>\n\t:root {\n        --font-size: 12;\n    }\n\n\t:host /deep/ * {\n\t\tfont-size: var(--font-size);\n\t}\n\n    @media (max-width: 1200px) {\n        .navbarMain a {\n            font-size: 18px !important;\n        }\n    }\n    @media (min-width: 1200px) {\n        .scrollable-x {\n            max-width: 60vw;\n            overflow-x: auto;\n            overflow-y: visible;\n            align-items: center;\n        }\n\n        ::-webkit-scrollbar {\n           display: none;\n        }\n\n        .verticalAlign {\n            display: flex;\n            align-items: center;\n        }\n\n        .dropdown {\n            position: static;\n        }\n    }\n\n    .navbar li {\n        cursor: pointer;\n        text-align: center;\n    }\n\n    .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {\n        color: gray;\n    }\n</style>\n\n<div class=\"row\">\n    <nav class=\"navbar navbar-expand-xl navbar-dark bg-dark navbarMain\" style=\"width: 100%\">\n        <a class=\"navbar-brand\" href=\"#\">\n            <img [src]=\"logo\" style=\"width: auto; height: 36px;\" *ngIf=\"!isDemo\">\n        </a>\n        <button class=\"navbar-toggler\" type=\"button\" data-toggle=\"collapse\" data-target=\"#navbarMainNav\" aria-controls=\"navbarMainNav\" aria-expanded=\"false\" aria-label=\"Toggle navigation\">\n            <span class=\"navbar-toggler-icon\"></span>\n        </button>\n        <div class=\"navbar-collapse collapse\" id=\"navbarMainNav\">\n            <ul class=\"navbar-nav\">\n                <li class=\"nav-item\" data-toggle=\"collapse\" data-target=\"#navbarMainNav\" *ngIf=\"!standardProgram\" [style.border-right]=\"getWindowWidth() > 1200 ? '1px solid white' : ''\">\n                    <a class=\"nav-link\" routerLink=\"home\" [class.disabled]=\"tourStarted ? true : null\" routerLinkActive=\"active\">Home</a>\n                </li>\n            </ul>\n            <div *ngIf=\"hasScrolled()\" (mouseover)=\"startScrollRight()\" (mouseout)=\"stopScrollRight()\" (click)=\"scrollRightOnce()\">\n                <i class=\"fa fa-arrow-left\" style=\"color: white; font-size: 20px\"></i>\n            </div>\n            <ul [ngClass]=\"['navbar-nav', 'scrollable-x']\" #scrollable detect-scroll (onScroll)=\"calculateDropdownsLeft()\">\n                <ng-container *ngFor=\"let tab of navTabs; let i = index;\">\n                    <ng-container *ngIf=\"tab.type === 'link'\">\n                        <li class=\"nav-item\" *ngIf=\"(publicProgram || user) && isInRole(tab.links[0].role)\" data-toggle=\"collapse\" [tourAnchor]=\"tab.tourAnchor\" data-target=\"#navbarMainNav\">\n                            <a class=\"nav-link\" [class.disabled]=\"tourStarted ? true : null\" [routerLink]=\"tab.links[0].routerLink\" routerLinkActive=\"active\">{{tab.links[0].label}}</a>\n                        </li>\n                    </ng-container>\n                    <ng-container *ngIf=\"tab.type === 'dropdown'\">\n                        <li #dropdowns class=\"nav-item dropdown\" *ngIf=\"(publicProgram || user) && isInOneRole(tab.roles)\">\n                            <a class=\"nav-link dropdown-toggle\" [class.disabled]=\"tourStarted ? true : null\" id=\"navbarDropdownAsset\" role=\"button\" [tourAnchor]=\"tab.tourAnchor\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\">\n                                {{tab.label}}\n                            </a>\n                            <div class=\"dropdown-menu bg-dark\" aria-labelledby=\"navbarDropdownAsset\" data-toggle=\"collapse\" data-target=\"#navbarMainNav\" [style.left.px]=\"tab.left || 0\">\n                                <ng-container *ngFor=\"let link of tab.links\">\n                                    <a class=\"dropdown-item nav-link\" *ngIf=\"(publicProgram || user) && isInRole(link.role)\" [routerLink]=\"link.routerLink\">{{link.label}}</a>\n                                </ng-container>\n                            </div>\n                        </li>\n                    </ng-container>\n                </ng-container>\n            </ul>\n            <div *ngIf=\"hasMoreScroll()\" (mouseover)=\"startScrollLeft()\" (mouseout)=\"stopScrollLeft()\" (click)=\"scrollLeftOnce()\">\n                <i class=\"fa fa-arrow-right\" style=\"color: white; font-size: 20px\"></i>\n            </div>\n            <hr />\n            <ul [ngClass]=\"['navbar-nav', getWindowWidth() > 1200 ? 'float-lg-right' : '']\">\n                <!-- <li class=\"nav-item\" *ngIf=\"user\" data-toggle=\"collapse\" data-target=\"#navbarMainNav\" [style.border-left]=\"getWindowWidth() > 1200 ? '1px solid white' : ''\" style=\"height: 30px;\">\n                    <a class=\"nav-link\" [class.disabled]=\"tourStarted ? true : null\" (click)=\"print()\" style=\"cursor: pointer;\"><i style=\"font-size:20px; color: white;\" class=\"fa fa-print\" aria-hidden=\"true\"></i></a>\n                </li> -->\n                <li class=\"nav-item\" *ngIf=\"user && client\" data-toggle=\"collapse\" data-target=\"#navbarMainNav\" style=\"height: 30px;\" tourAnchor=\"supportSection\">\n                    <a class=\"nav-link\" [class.disabled]=\"tourStarted ? true : null\" routerLink=\"support-ticket\" routerLinkActive=\"active\">Support</a>\n                </li>\n                <li class=\"nav-item\" *ngIf=\"user && isInRole('super-admin')\" data-toggle=\"collapse\" data-target=\"#navbarMainNav\">\n                    <a class=\"nav-link\" routerLink=\"logs\" routerLinkActive=\"active\">Logs</a>\n                </li>\n                <li class=\"nav-item\" *ngIf=\"user && isInRole('super-admin')\" data-toggle=\"collapse\" data-target=\"#navbarMainNav\">\n                    <a class=\"nav-link\" routerLink=\"super-admin\" routerLinkActive=\"active\">Super Admin</a>\n                </li>\n            </ul>\n            <hr />\n            <ul [ngClass]=\"['navbar-nav', getWindowWidth() > 1200 ? 'float-lg-right' : '']\" *ngIf=\"!publicProgram\">\n                <li class=\"nav-item\" *ngIf=\"!user\" data-toggle=\"collapse\" data-target=\"#navbarMainNav\">\n                    <a class=\"nav-link\" (click)=\"login()\" style=\"cursor: pointer;\" routerLinkActive=\"active\">Login</a>\n                </li>\n                <li class=\"nav-item\" *ngIf=\"user\" tourAnchor=\"userSettings\">\n                    <a class=\"nav-link\" [class.disabled]=\"tourStarted ? true : null\" routerLink=\"user-settings\">Hello {{user.fullname}}!</a>\n                </li>\n                <li class=\"nav-item\" *ngIf=\"user\" style=\"cursor: pointer\" (click)=\"logout()\" data-toggle=\"collapse\" data-target=\"#navbarMainNav\">\n                    <a class=\"nav-link\" [class.disabled]=\"tourStarted ? true : null\">Logout</a>\n                <li>\n            </ul>\n        </div>\n    </nav>\n</div>", styles: ["\n\t:root {\n        --font-size: 12;\n    }\n\n\t:host /deep/ * {\n\t\tfont-size: var(--font-size);\n\t}\n\n    @media (max-width: 1200px) {\n        .navbarMain a {\n            font-size: 18px !important;\n        }\n    }\n    @media (min-width: 1200px) {\n        .scrollable-x {\n            max-width: 60vw;\n            overflow-x: auto;\n            overflow-y: visible;\n            align-items: center;\n        }\n\n        ::-webkit-scrollbar {\n           display: none;\n        }\n\n        .verticalAlign {\n            display: flex;\n            align-items: center;\n        }\n\n        .dropdown {\n            position: static;\n        }\n    }\n\n    .navbar li {\n        cursor: pointer;\n        text-align: center;\n    }\n\n    .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {\n        color: gray;\n    }\n"], dependencies: [{ kind: "directive", type: i5.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i5.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "directive", type: i6.NgbNavbar, selector: ".navbar" }, { kind: "directive", type: i7.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i7.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i8.ScrollDirective, selector: "[detect-scroll]", inputs: ["bottomOffset", "topOffset"], outputs: ["onScroll"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NavbarMainComponent, decorators: [{
             type: Component,
             args: [{ selector: 'navbar-main', providers: [ProviderService], template: "<style>\n\t:root {\n        --font-size: 12;\n    }\n\n\t:host /deep/ * {\n\t\tfont-size: var(--font-size);\n\t}\n\n    @media (max-width: 1200px) {\n        .navbarMain a {\n            font-size: 18px !important;\n        }\n    }\n    @media (min-width: 1200px) {\n        .scrollable-x {\n            max-width: 60vw;\n            overflow-x: auto;\n            overflow-y: visible;\n            align-items: center;\n        }\n\n        ::-webkit-scrollbar {\n           display: none;\n        }\n\n        .verticalAlign {\n            display: flex;\n            align-items: center;\n        }\n\n        .dropdown {\n            position: static;\n        }\n    }\n\n    .navbar li {\n        cursor: pointer;\n        text-align: center;\n    }\n\n    .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {\n        color: gray;\n    }\n</style>\n\n<div class=\"row\">\n    <nav class=\"navbar navbar-expand-xl navbar-dark bg-dark navbarMain\" style=\"width: 100%\">\n        <a class=\"navbar-brand\" href=\"#\">\n            <img [src]=\"logo\" style=\"width: auto; height: 36px;\" *ngIf=\"!isDemo\">\n        </a>\n        <button class=\"navbar-toggler\" type=\"button\" data-toggle=\"collapse\" data-target=\"#navbarMainNav\" aria-controls=\"navbarMainNav\" aria-expanded=\"false\" aria-label=\"Toggle navigation\">\n            <span class=\"navbar-toggler-icon\"></span>\n        </button>\n        <div class=\"navbar-collapse collapse\" id=\"navbarMainNav\">\n            <ul class=\"navbar-nav\">\n                <li class=\"nav-item\" data-toggle=\"collapse\" data-target=\"#navbarMainNav\" *ngIf=\"!standardProgram\" [style.border-right]=\"getWindowWidth() > 1200 ? '1px solid white' : ''\">\n                    <a class=\"nav-link\" routerLink=\"home\" [class.disabled]=\"tourStarted ? true : null\" routerLinkActive=\"active\">Home</a>\n                </li>\n            </ul>\n            <div *ngIf=\"hasScrolled()\" (mouseover)=\"startScrollRight()\" (mouseout)=\"stopScrollRight()\" (click)=\"scrollRightOnce()\">\n                <i class=\"fa fa-arrow-left\" style=\"color: white; font-size: 20px\"></i>\n            </div>\n            <ul [ngClass]=\"['navbar-nav', 'scrollable-x']\" #scrollable detect-scroll (onScroll)=\"calculateDropdownsLeft()\">\n                <ng-container *ngFor=\"let tab of navTabs; let i = index;\">\n                    <ng-container *ngIf=\"tab.type === 'link'\">\n                        <li class=\"nav-item\" *ngIf=\"(publicProgram || user) && isInRole(tab.links[0].role)\" data-toggle=\"collapse\" [tourAnchor]=\"tab.tourAnchor\" data-target=\"#navbarMainNav\">\n                            <a class=\"nav-link\" [class.disabled]=\"tourStarted ? true : null\" [routerLink]=\"tab.links[0].routerLink\" routerLinkActive=\"active\">{{tab.links[0].label}}</a>\n                        </li>\n                    </ng-container>\n                    <ng-container *ngIf=\"tab.type === 'dropdown'\">\n                        <li #dropdowns class=\"nav-item dropdown\" *ngIf=\"(publicProgram || user) && isInOneRole(tab.roles)\">\n                            <a class=\"nav-link dropdown-toggle\" [class.disabled]=\"tourStarted ? true : null\" id=\"navbarDropdownAsset\" role=\"button\" [tourAnchor]=\"tab.tourAnchor\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\">\n                                {{tab.label}}\n                            </a>\n                            <div class=\"dropdown-menu bg-dark\" aria-labelledby=\"navbarDropdownAsset\" data-toggle=\"collapse\" data-target=\"#navbarMainNav\" [style.left.px]=\"tab.left || 0\">\n                                <ng-container *ngFor=\"let link of tab.links\">\n                                    <a class=\"dropdown-item nav-link\" *ngIf=\"(publicProgram || user) && isInRole(link.role)\" [routerLink]=\"link.routerLink\">{{link.label}}</a>\n                                </ng-container>\n                            </div>\n                        </li>\n                    </ng-container>\n                </ng-container>\n            </ul>\n            <div *ngIf=\"hasMoreScroll()\" (mouseover)=\"startScrollLeft()\" (mouseout)=\"stopScrollLeft()\" (click)=\"scrollLeftOnce()\">\n                <i class=\"fa fa-arrow-right\" style=\"color: white; font-size: 20px\"></i>\n            </div>\n            <hr />\n            <ul [ngClass]=\"['navbar-nav', getWindowWidth() > 1200 ? 'float-lg-right' : '']\">\n                <!-- <li class=\"nav-item\" *ngIf=\"user\" data-toggle=\"collapse\" data-target=\"#navbarMainNav\" [style.border-left]=\"getWindowWidth() > 1200 ? '1px solid white' : ''\" style=\"height: 30px;\">\n                    <a class=\"nav-link\" [class.disabled]=\"tourStarted ? true : null\" (click)=\"print()\" style=\"cursor: pointer;\"><i style=\"font-size:20px; color: white;\" class=\"fa fa-print\" aria-hidden=\"true\"></i></a>\n                </li> -->\n                <li class=\"nav-item\" *ngIf=\"user && client\" data-toggle=\"collapse\" data-target=\"#navbarMainNav\" style=\"height: 30px;\" tourAnchor=\"supportSection\">\n                    <a class=\"nav-link\" [class.disabled]=\"tourStarted ? true : null\" routerLink=\"support-ticket\" routerLinkActive=\"active\">Support</a>\n                </li>\n                <li class=\"nav-item\" *ngIf=\"user && isInRole('super-admin')\" data-toggle=\"collapse\" data-target=\"#navbarMainNav\">\n                    <a class=\"nav-link\" routerLink=\"logs\" routerLinkActive=\"active\">Logs</a>\n                </li>\n                <li class=\"nav-item\" *ngIf=\"user && isInRole('super-admin')\" data-toggle=\"collapse\" data-target=\"#navbarMainNav\">\n                    <a class=\"nav-link\" routerLink=\"super-admin\" routerLinkActive=\"active\">Super Admin</a>\n                </li>\n            </ul>\n            <hr />\n            <ul [ngClass]=\"['navbar-nav', getWindowWidth() > 1200 ? 'float-lg-right' : '']\" *ngIf=\"!publicProgram\">\n                <li class=\"nav-item\" *ngIf=\"!user\" data-toggle=\"collapse\" data-target=\"#navbarMainNav\">\n                    <a class=\"nav-link\" (click)=\"login()\" style=\"cursor: pointer;\" routerLinkActive=\"active\">Login</a>\n                </li>\n                <li class=\"nav-item\" *ngIf=\"user\" tourAnchor=\"userSettings\">\n                    <a class=\"nav-link\" [class.disabled]=\"tourStarted ? true : null\" routerLink=\"user-settings\">Hello {{user.fullname}}!</a>\n                </li>\n                <li class=\"nav-item\" *ngIf=\"user\" style=\"cursor: pointer\" (click)=\"logout()\" data-toggle=\"collapse\" data-target=\"#navbarMainNav\">\n                    <a class=\"nav-link\" [class.disabled]=\"tourStarted ? true : null\">Logout</a>\n                <li>\n            </ul>\n        </div>\n    </nav>\n</div>" }]
         }], ctorParameters: function () { return [{ type: i1.ProviderService }, { type: i2.AuthService }, { type: i3.DialogService }, { type: i4.CoreService }]; }, propDecorators: { dropdowns: [{

package/esm2020/lib/widgets/navbar-module/navbar-module.component.mjs

@@ -125,9 +125,9 @@ export class NavbarModuleComponent extends BaseComponent {
         }
     }
 }
-NavbarModuleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: NavbarModuleComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.ProviderService }], target: i0.ɵɵFactoryTarget.Component });
-NavbarModuleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.9", type: NavbarModuleComponent, selector: "navbar-module", inputs: { sideNavHeight: "sideNavHeight", sideNavWidth: "sideNavWidth" }, providers: [ProviderService], usesInheritance: true, ngImport: i0, template: "<style>\n    .navbarModule li {\n        cursor: pointer;\n    }\n    .navbarModule li.active {\n        border-left: 3px solid #d19b3d;\n    }\n    .navbarModule nav {\n        width: 100%;\n    }\n\n    @media (min-width: 1200px) {\n        .navbarModule {\n            height: 95vh;\n            margin-left: -10px;\n        }\n\n        hr {\n            border-top: white 1px solid;\n        }\n    }\n\n    @media (max-width: 1200px) {\n        hr {\n            display: none;\n        }\n\n        .navbarModule a {\n            font-size: 18px !important;\n        }\n    }\n\n    \n</style> \n\n<div style=\"margin-left: -15px; margin-right: -15px;\">\n    <nav class=\"navbar navbar-expand-xl navbar-dark bg-dark flex-xl-column navbarModule\" [style.height]=\"sideNavHeight ? sideNavHeight + 'px' : ''\" [style.width]=\"sideNavWidth ? sideNavWidth : ''\">\n        <div href=\"#\" style=\"color: white; font-size: 16px;\">\n            {{ menuData.title }}\n        </div>\n        <button class=\"navbar-toggler\" type=\"button\" aria-controls=\"#navbarModuleNav\" data-target=\"#navbarModuleNav\" data-toggle=\"collapse\" aria-expanded=\"false\" aria-label=\"Toggle navigation\">\n            <span class=\"navbar-toggler-icon\"></span>\n        </button>\n        <div class=\"navbar-collapse collapse\" id=\"navbarModuleNav\" style=\"align-items:baseline; width: 100%; overflow-y: auto; overflow-x: hidden;\">\n            <ul class=\"navbar-nav\" style=\"display: block; float: left; width: 100%;\">\n                <div *ngFor=\"let tab of (menuData.tabs | filterNotEqual : 'params' : '0'); let i = index\">\n                    <div *ngIf=\"tab.params !== null && menuData.tabs[i - 1] && menuData.tabs[i - 1].params === null\">\n                        <hr>\n                        <div href=\"#\" style=\"color: white; font-size: 16px;\">\n                            Selected {{ menuData.module }}\n                        </div>\n                        <hr>\n                        <div style=\"color:white; margin-left: 5px; text-decoration: underline; font-size: 14px\">{{menuData.description_name}}:</div>\n                        <div style=\"color:white; margin-left: 8px;  font-size: 12px\">{{menuData.description}}</div>\n                        <br />\n                    </div>\n                    <li [ngClass]=\"['nav-item', tabClass(tab)]\"data-toggle=\"collapse\" data-target=\"#navbarModuleNav\" [tourAnchor]=\"tab.tourAnchor\">\n                        <a class=\"nav-link\" [class.disabled]=\"tourStarted ? true : null\" [routerLink]=\"[tab.params ? tab.link + '/' + tab.params : tab.link]\" routerLinkActive=\"active\">{{ tab.label }}</a>\n                    </li>\n                </div>\n            </ul>\n        </div>\n    </nav>\n</div>\n", styles: ["\n    .navbarModule li {\n        cursor: pointer;\n    }\n    .navbarModule li.active {\n        border-left: 3px solid #d19b3d;\n    }\n    .navbarModule nav {\n        width: 100%;\n    }\n\n    @media (min-width: 1200px) {\n        .navbarModule {\n            height: 95vh;\n            margin-left: -10px;\n        }\n\n        hr {\n            border-top: white 1px solid;\n        }\n    }\n\n    @media (max-width: 1200px) {\n        hr {\n            display: none;\n        }\n\n        .navbarModule a {\n            font-size: 18px !important;\n        }\n    }\n\n    \n"], dependencies: [{ kind: "directive", type: i2.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i2.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "directive", type: i3.NgbNavbar, selector: ".navbar" }, { kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i5.FilterNotEqualPipe, name: "filterNotEqual" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: NavbarModuleComponent, decorators: [{
+NavbarModuleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NavbarModuleComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.ProviderService }], target: i0.ɵɵFactoryTarget.Component });
+NavbarModuleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: NavbarModuleComponent, selector: "navbar-module", inputs: { sideNavHeight: "sideNavHeight", sideNavWidth: "sideNavWidth" }, providers: [ProviderService], usesInheritance: true, ngImport: i0, template: "<style>\n    .navbarModule li {\n        cursor: pointer;\n    }\n    .navbarModule li.active {\n        border-left: 3px solid #d19b3d;\n    }\n    .navbarModule nav {\n        width: 100%;\n    }\n\n    @media (min-width: 1200px) {\n        .navbarModule {\n            height: 95vh;\n            margin-left: -10px;\n        }\n\n        hr {\n            border-top: white 1px solid;\n        }\n    }\n\n    @media (max-width: 1200px) {\n        hr {\n            display: none;\n        }\n\n        .navbarModule a {\n            font-size: 18px !important;\n        }\n    }\n\n    \n</style> \n\n<div style=\"margin-left: -15px; margin-right: -15px;\">\n    <nav class=\"navbar navbar-expand-xl navbar-dark bg-dark flex-xl-column navbarModule\" [style.height]=\"sideNavHeight ? sideNavHeight + 'px' : ''\" [style.width]=\"sideNavWidth ? sideNavWidth : ''\">\n        <div href=\"#\" style=\"color: white; font-size: 16px;\">\n            {{ menuData.title }}\n        </div>\n        <button class=\"navbar-toggler\" type=\"button\" aria-controls=\"#navbarModuleNav\" data-target=\"#navbarModuleNav\" data-toggle=\"collapse\" aria-expanded=\"false\" aria-label=\"Toggle navigation\">\n            <span class=\"navbar-toggler-icon\"></span>\n        </button>\n        <div class=\"navbar-collapse collapse\" id=\"navbarModuleNav\" style=\"align-items:baseline; width: 100%; overflow-y: auto; overflow-x: hidden;\">\n            <ul class=\"navbar-nav\" style=\"display: block; float: left; width: 100%;\">\n                <div *ngFor=\"let tab of (menuData.tabs | filterNotEqual : 'params' : '0'); let i = index\">\n                    <div *ngIf=\"tab.params !== null && menuData.tabs[i - 1] && menuData.tabs[i - 1].params === null\">\n                        <hr>\n                        <div href=\"#\" style=\"color: white; font-size: 16px;\">\n                            Selected {{ menuData.module }}\n                        </div>\n                        <hr>\n                        <div style=\"color:white; margin-left: 5px; text-decoration: underline; font-size: 14px\">{{menuData.description_name}}:</div>\n                        <div style=\"color:white; margin-left: 8px;  font-size: 12px\">{{menuData.description}}</div>\n                        <br />\n                    </div>\n                    <li [ngClass]=\"['nav-item', tabClass(tab)]\"data-toggle=\"collapse\" data-target=\"#navbarModuleNav\" [tourAnchor]=\"tab.tourAnchor\">\n                        <a class=\"nav-link\" [class.disabled]=\"tourStarted ? true : null\" [routerLink]=\"[tab.params ? tab.link + '/' + tab.params : tab.link]\" routerLinkActive=\"active\">{{ tab.label }}</a>\n                    </li>\n                </div>\n            </ul>\n        </div>\n    </nav>\n</div>\n", styles: ["\n    .navbarModule li {\n        cursor: pointer;\n    }\n    .navbarModule li.active {\n        border-left: 3px solid #d19b3d;\n    }\n    .navbarModule nav {\n        width: 100%;\n    }\n\n    @media (min-width: 1200px) {\n        .navbarModule {\n            height: 95vh;\n            margin-left: -10px;\n        }\n\n        hr {\n            border-top: white 1px solid;\n        }\n    }\n\n    @media (max-width: 1200px) {\n        hr {\n            display: none;\n        }\n\n        .navbarModule a {\n            font-size: 18px !important;\n        }\n    }\n\n    \n"], dependencies: [{ kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i2.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "directive", type: i3.NgbNavbar, selector: ".navbar" }, { kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i5.FilterNotEqualPipe, name: "filterNotEqual" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NavbarModuleComponent, decorators: [{
             type: Component,
             args: [{ providers: [ProviderService], selector: 'navbar-module', template: "<style>\n    .navbarModule li {\n        cursor: pointer;\n    }\n    .navbarModule li.active {\n        border-left: 3px solid #d19b3d;\n    }\n    .navbarModule nav {\n        width: 100%;\n    }\n\n    @media (min-width: 1200px) {\n        .navbarModule {\n            height: 95vh;\n            margin-left: -10px;\n        }\n\n        hr {\n            border-top: white 1px solid;\n        }\n    }\n\n    @media (max-width: 1200px) {\n        hr {\n            display: none;\n        }\n\n        .navbarModule a {\n            font-size: 18px !important;\n        }\n    }\n\n    \n</style> \n\n<div style=\"margin-left: -15px; margin-right: -15px;\">\n    <nav class=\"navbar navbar-expand-xl navbar-dark bg-dark flex-xl-column navbarModule\" [style.height]=\"sideNavHeight ? sideNavHeight + 'px' : ''\" [style.width]=\"sideNavWidth ? sideNavWidth : ''\">\n        <div href=\"#\" style=\"color: white; font-size: 16px;\">\n            {{ menuData.title }}\n        </div>\n        <button class=\"navbar-toggler\" type=\"button\" aria-controls=\"#navbarModuleNav\" data-target=\"#navbarModuleNav\" data-toggle=\"collapse\" aria-expanded=\"false\" aria-label=\"Toggle navigation\">\n            <span class=\"navbar-toggler-icon\"></span>\n        </button>\n        <div class=\"navbar-collapse collapse\" id=\"navbarModuleNav\" style=\"align-items:baseline; width: 100%; overflow-y: auto; overflow-x: hidden;\">\n            <ul class=\"navbar-nav\" style=\"display: block; float: left; width: 100%;\">\n                <div *ngFor=\"let tab of (menuData.tabs | filterNotEqual : 'params' : '0'); let i = index\">\n                    <div *ngIf=\"tab.params !== null && menuData.tabs[i - 1] && menuData.tabs[i - 1].params === null\">\n                        <hr>\n                        <div href=\"#\" style=\"color: white; font-size: 16px;\">\n                            Selected {{ menuData.module }}\n                        </div>\n                        <hr>\n                        <div style=\"color:white; margin-left: 5px; text-decoration: underline; font-size: 14px\">{{menuData.description_name}}:</div>\n                        <div style=\"color:white; margin-left: 8px;  font-size: 12px\">{{menuData.description}}</div>\n                        <br />\n                    </div>\n                    <li [ngClass]=\"['nav-item', tabClass(tab)]\"data-toggle=\"collapse\" data-target=\"#navbarModuleNav\" [tourAnchor]=\"tab.tourAnchor\">\n                        <a class=\"nav-link\" [class.disabled]=\"tourStarted ? true : null\" [routerLink]=\"[tab.params ? tab.link + '/' + tab.params : tab.link]\" routerLinkActive=\"active\">{{ tab.label }}</a>\n                    </li>\n                </div>\n            </ul>\n        </div>\n    </nav>\n</div>\n" }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i1.ProviderService }]; }, propDecorators: { sideNavHeight: [{

package/esm2020/lib/widgets/responsive-button-group/responsive-button-group.component.mjs

@@ -27,9 +27,9 @@ export class ResponsiveButtonGroupComponent extends BaseComponent {
         this.windowSizeSubscription.unsubscribe();
     }
 }
-ResponsiveButtonGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: ResponsiveButtonGroupComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.ResizeService }, { token: i2.ProviderService }], target: i0.ɵɵFactoryTarget.Component });
-ResponsiveButtonGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.9", type: ResponsiveButtonGroupComponent, selector: "responsive-button-group", inputs: { collapseSize: "collapseSize" }, providers: [ProviderService], usesInheritance: true, ngImport: i0, template: "<style>\n\t@media screen and (min-width: 900px) {\n\t\t:host /deep/ .xsBtnGroup {\n\t\t\tdisplay: none !important;\n\t\t}\n\n\t\t:host /deep/ .lgBtnGroup {\n\t\t\tdisplay: inline-flex !important;\n\t\t}\n\n\t\t:host /deep/ .lgBtnGroup button {\n\t\t\tmargin-left: 5px !important;\n\t\t}\n\n\t\t:host /deep/ .lgBtnGroup a {\n\t\t\tmargin-left: 5px !important;\n\t\t}\n\t}\n\n\t@media screen and (max-width: 900px) {\n\n\t\t:host /deep/ .xsBtnGroup {\n\t\t\tdisplay: inherit !important;\n\t\t}\n\n\t\t:host /deep/ .xsBtnGroup button {\n\t\t\tmargin-top: 5px !important;\n\t\t\twidth: 100% !important;\n\t\t}\n\n\t\t:host /deep/ .xsBtnGroup a {\n\t\t\tmargin-top: 5px !important;\n\t\t}\n\n\t\t:host /deep/ .lgBtnGroup {\n\t\t\tdisplay: none !important;\n\t\t}\n\t}\n</style>\n\n<div [ngClass]=\"windowSize <= collapseSize ? ['btn-group-vertical', 'xsBtnGroup'] : ['btn-group', 'lgBtnGroup']\">\n\t<ng-content></ng-content>\n</div>\n", styles: ["\n\t@media screen and (min-width: 900px) {\n\t\t:host /deep/ .xsBtnGroup {\n\t\t\tdisplay: none !important;\n\t\t}\n\n\t\t:host /deep/ .lgBtnGroup {\n\t\t\tdisplay: inline-flex !important;\n\t\t}\n\n\t\t:host /deep/ .lgBtnGroup button {\n\t\t\tmargin-left: 5px !important;\n\t\t}\n\n\t\t:host /deep/ .lgBtnGroup a {\n\t\t\tmargin-left: 5px !important;\n\t\t}\n\t}\n\n\t@media screen and (max-width: 900px) {\n\n\t\t:host /deep/ .xsBtnGroup {\n\t\t\tdisplay: inherit !important;\n\t\t}\n\n\t\t:host /deep/ .xsBtnGroup button {\n\t\t\tmargin-top: 5px !important;\n\t\t\twidth: 100% !important;\n\t\t}\n\n\t\t:host /deep/ .xsBtnGroup a {\n\t\t\tmargin-top: 5px !important;\n\t\t}\n\n\t\t:host /deep/ .lgBtnGroup {\n\t\t\tdisplay: none !important;\n\t\t}\n\t}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: ResponsiveButtonGroupComponent, decorators: [{
+ResponsiveButtonGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ResponsiveButtonGroupComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.ResizeService }, { token: i2.ProviderService }], target: i0.ɵɵFactoryTarget.Component });
+ResponsiveButtonGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: ResponsiveButtonGroupComponent, selector: "responsive-button-group", inputs: { collapseSize: "collapseSize" }, providers: [ProviderService], usesInheritance: true, ngImport: i0, template: "<style>\n\t@media screen and (min-width: 900px) {\n\t\t:host /deep/ .xsBtnGroup {\n\t\t\tdisplay: none !important;\n\t\t}\n\n\t\t:host /deep/ .lgBtnGroup {\n\t\t\tdisplay: inline-flex !important;\n\t\t}\n\n\t\t:host /deep/ .lgBtnGroup button {\n\t\t\tmargin-left: 5px !important;\n\t\t}\n\n\t\t:host /deep/ .lgBtnGroup a {\n\t\t\tmargin-left: 5px !important;\n\t\t}\n\t}\n\n\t@media screen and (max-width: 900px) {\n\n\t\t:host /deep/ .xsBtnGroup {\n\t\t\tdisplay: inherit !important;\n\t\t}\n\n\t\t:host /deep/ .xsBtnGroup button {\n\t\t\tmargin-top: 5px !important;\n\t\t\twidth: 100% !important;\n\t\t}\n\n\t\t:host /deep/ .xsBtnGroup a {\n\t\t\tmargin-top: 5px !important;\n\t\t}\n\n\t\t:host /deep/ .lgBtnGroup {\n\t\t\tdisplay: none !important;\n\t\t}\n\t}\n</style>\n\n<div [ngClass]=\"windowSize <= collapseSize ? ['btn-group-vertical', 'xsBtnGroup'] : ['btn-group', 'lgBtnGroup']\">\n\t<ng-content></ng-content>\n</div>\n", styles: ["\n\t@media screen and (min-width: 900px) {\n\t\t:host /deep/ .xsBtnGroup {\n\t\t\tdisplay: none !important;\n\t\t}\n\n\t\t:host /deep/ .lgBtnGroup {\n\t\t\tdisplay: inline-flex !important;\n\t\t}\n\n\t\t:host /deep/ .lgBtnGroup button {\n\t\t\tmargin-left: 5px !important;\n\t\t}\n\n\t\t:host /deep/ .lgBtnGroup a {\n\t\t\tmargin-left: 5px !important;\n\t\t}\n\t}\n\n\t@media screen and (max-width: 900px) {\n\n\t\t:host /deep/ .xsBtnGroup {\n\t\t\tdisplay: inherit !important;\n\t\t}\n\n\t\t:host /deep/ .xsBtnGroup button {\n\t\t\tmargin-top: 5px !important;\n\t\t\twidth: 100% !important;\n\t\t}\n\n\t\t:host /deep/ .xsBtnGroup a {\n\t\t\tmargin-top: 5px !important;\n\t\t}\n\n\t\t:host /deep/ .lgBtnGroup {\n\t\t\tdisplay: none !important;\n\t\t}\n\t}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ResponsiveButtonGroupComponent, decorators: [{
             type: Component,
             args: [{ providers: [ProviderService], selector: 'responsive-button-group', template: "<style>\n\t@media screen and (min-width: 900px) {\n\t\t:host /deep/ .xsBtnGroup {\n\t\t\tdisplay: none !important;\n\t\t}\n\n\t\t:host /deep/ .lgBtnGroup {\n\t\t\tdisplay: inline-flex !important;\n\t\t}\n\n\t\t:host /deep/ .lgBtnGroup button {\n\t\t\tmargin-left: 5px !important;\n\t\t}\n\n\t\t:host /deep/ .lgBtnGroup a {\n\t\t\tmargin-left: 5px !important;\n\t\t}\n\t}\n\n\t@media screen and (max-width: 900px) {\n\n\t\t:host /deep/ .xsBtnGroup {\n\t\t\tdisplay: inherit !important;\n\t\t}\n\n\t\t:host /deep/ .xsBtnGroup button {\n\t\t\tmargin-top: 5px !important;\n\t\t\twidth: 100% !important;\n\t\t}\n\n\t\t:host /deep/ .xsBtnGroup a {\n\t\t\tmargin-top: 5px !important;\n\t\t}\n\n\t\t:host /deep/ .lgBtnGroup {\n\t\t\tdisplay: none !important;\n\t\t}\n\t}\n</style>\n\n<div [ngClass]=\"windowSize <= collapseSize ? ['btn-group-vertical', 'xsBtnGroup'] : ['btn-group', 'lgBtnGroup']\">\n\t<ng-content></ng-content>\n</div>\n" }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i1.ResizeService }, { type: i2.ProviderService }]; }, propDecorators: { collapseSize: [{

package/esm2020/lib/widgets/responsive-button-group/responsive-button-group.module.mjs

@@ -4,10 +4,10 @@ import { ResponsiveButtonGroupComponent } from './responsive-button-group.compon
 import * as i0 from "@angular/core";
 export class ResponsiveButtonGroupModule {
 }
-ResponsiveButtonGroupModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: ResponsiveButtonGroupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-ResponsiveButtonGroupModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.9", ngImport: i0, type: ResponsiveButtonGroupModule, declarations: [ResponsiveButtonGroupComponent], imports: [CommonModule], exports: [ResponsiveButtonGroupComponent] });
-ResponsiveButtonGroupModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: ResponsiveButtonGroupModule, imports: [CommonModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: ResponsiveButtonGroupModule, decorators: [{
+ResponsiveButtonGroupModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ResponsiveButtonGroupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ResponsiveButtonGroupModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: ResponsiveButtonGroupModule, declarations: [ResponsiveButtonGroupComponent], imports: [CommonModule], exports: [ResponsiveButtonGroupComponent] });
+ResponsiveButtonGroupModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ResponsiveButtonGroupModule, imports: [CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ResponsiveButtonGroupModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/esm2020/lib/widgets/scheduler/scheduler.component.mjs

@@ -160,9 +160,9 @@ export class SchedulerComponent extends BaseComponent {
         this.size_cell.width += 10;
     }
 }
-SchedulerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: SchedulerComponent, deps: [{ token: i1.ProviderService }], target: i0.ɵɵFactoryTarget.Component });
-SchedulerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.9", type: SchedulerComponent, selector: "scheduler", host: { listeners: { "mouseup": "onMouseup()", "mousedown": "onMousedown($event)", "mousemove": "onMousemove($event)", "mouseleave": "onMouseLeave($event)" } }, providers: [ProviderService], viewQueries: [{ propertyName: "svgChart", first: true, predicate: ["svgChart"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<style>\n\t.bar {\n\t\tfill: red; /* changes the background */\n\t\theight: 21px;\n\t\ttransition: fill .3s ease;\n\t\tcursor: pointer;\n\t\tfont-family: Helvetica, sans-serif;\n\t}\n\n\t.bar text {\n\t\tcolor: black;\n\t}\n\n\t.bar:hover,\n\t.bar:focus {\n\t\tfill: black;\n\t}\n\n\t.bar:hover text,\n\t.bar:focus text {\n\t\tfill: red;\n\t}\n\n\t.year {\n\t\tstroke:black;\n\t\tfill: white;\n\t}\n\n\t.month {\n\t\tstroke:black;\n\t\tfill: white;\n\t}\n\n\t.day {\n\t\tstroke:black;\n\t\tfill: white;\n\t}\n\n\t.smallText {\n\t\tfont-size: 4px;\n\t}\n</style>\n\n<div class=\"scheduler\">\n\n\t<button class=\"btn btn-warning\" type=\"button\" (mouseenter)=\"overBackwards()\" (mouseleave)=\"leftBackwards()\">Go Backwards</button>\n\t<button class=\"btn btn-success\" type=\"button\" (mouseenter)=\"overForward()\" (mouseleave)=\"leftForward()\">Go Forward</button>\n\n\t<button style=\"margin-left: 20px;\" class=\"btn btn-warning\" type=\"button\" (click)=\"zoomOut()\">Zoom Out</button>\n\t<button class=\"btn btn-success\" type=\"button\" (click)=\"zoomIn()\">Zoom In</button>\n\n\t<svg class=\"chart\" width=\"100%\" height=\"100%\" aria-labelledby=\"title desc\" role=\"img\" #svgChart>\n\t\t<title id=\"title\">Scheduler</title>\n\t\t<desc id=\"desc\">Scheduler</desc>\n\n\t\t<g class=\"year\">\n\t\t\t<ng-container *ngFor=\"let year of buildYears()\">\n\t\t\t\t<rect [attr.width]=\"(year.index_end - year.index_start) * size_cell.width\" [attr.height]=\"size_cell.height\" [attr.x]=\"year.index_start * size_cell.width\"></rect>\n\t\t\t\t<svg [attr.width]=\"(year.index_end - year.index_start) * size_cell.width\" [attr.height]=\"size_cell.height\" [attr.x]=\"year.index_start * size_cell.width\">\n\t\t\t\t\t<text x=\"50%\" y=\"50%\" alignment-baseline=\"middle\" text-anchor=\"middle\">{{year.year}}</text>\n\t\t\t\t</svg>\n\t\t\t</ng-container>\n\t\t</g>\n\t\t<g class=\"month\">\n\t\t\t<ng-container *ngFor=\"let month of buildMonths()\">\n\t\t\t\t<rect [attr.width]=\"(month.index_end - month.index_start) * size_cell.width\" [attr.height]=\"size_cell.height\" [attr.x]=\"month.index_start * size_cell.width\" [attr.y]=\"size_cell.height\"></rect>\n\t\t\t\t<svg [attr.width]=\"(month.index_end - month.index_start) * size_cell.width\" [attr.height]=\"size_cell.height\" [attr.x]=\"month.index_start * size_cell.width\" [attr.y]=\"size_cell.height\">\n\t\t\t\t\t<text x=\"50%\" y=\"50%\" alignment-baseline=\"middle\" text-anchor=\"middle\">{{month.month}}</text>\n\t\t\t\t</svg>\n\t\t\t</ng-container>\n\t\t</g>\n\t\t<g class=\"day\">\n\t\t\t<ng-container *ngFor=\"let day of buildDays()\">\n\t\t\t\t<rect [attr.width]=\"size_cell.width\" [attr.height]=\"size_cell.height\" [attr.x]=\"day.index * size_cell.width\" [attr.y]=\"size_cell.height * 2\"></rect>\n\t\t\t\t<svg [attr.width]=\"size_cell.width\" [attr.height]=\"size_cell.height\" [attr.x]=\"day.index * size_cell.width\" [attr.y]=\"size_cell.height * 2\">\n\t\t\t\t\t<text x=\"50%\" y=\"50%\" alignment-baseline=\"middle\" text-anchor=\"middle\" [style.font-size.px]=\"[size_cell.width > 10 ? 12 : 6]\">{{day.day}}</text>\n\t\t\t\t</svg>\n\t\t\t</ng-container>\n\t\t</g>\n\n\n\t\t<!-- <g class=\"bar\">\n\t\t\t<rect width=\"40\" height=\"19\"></rect>\n\t\t\t<text x=\"45\" y=\"9.5\" dy=\".35em\">4 apples</text>\n\t\t</g>\n\t\t<g class=\"bar\">\n\t\t\t<rect width=\"80\" height=\"19\" y=\"20\"></rect>\n\t\t\t<text x=\"85\" y=\"28\" dy=\".35em\">8 bananas</text>\n\t\t</g>\n\t\t<g class=\"bar\">\n\t\t\t<rect width=\"150\" height=\"19\" y=\"40\"></rect>\n\t\t\t<text x=\"150\" y=\"48\" dy=\".35em\">15 kiwis</text>\n\t\t</g>\n\t\t<g class=\"bar\">\n\t\t\t<rect width=\"160\" height=\"19\" y=\"60\"></rect>\n\t\t\t<text x=\"161\" y=\"68\" dy=\".35em\">16 oranges</text>\n\t\t</g>\n\t\t<g class=\"bar\">\n\t\t\t<rect width=\"230\" height=\"19\" y=\"80\"></rect>\n\t\t\t<text x=\"235\" y=\"88\" dy=\".35em\">23 lemons</text>\n\t\t</g> -->\n\t</svg>\n</div>\n", styles: ["\n\t.bar {\n\t\tfill: red; /* changes the background */\n\t\theight: 21px;\n\t\ttransition: fill .3s ease;\n\t\tcursor: pointer;\n\t\tfont-family: Helvetica, sans-serif;\n\t}\n\n\t.bar text {\n\t\tcolor: black;\n\t}\n\n\t.bar:hover,\n\t.bar:focus {\n\t\tfill: black;\n\t}\n\n\t.bar:hover text,\n\t.bar:focus text {\n\t\tfill: red;\n\t}\n\n\t.year {\n\t\tstroke:black;\n\t\tfill: white;\n\t}\n\n\t.month {\n\t\tstroke:black;\n\t\tfill: white;\n\t}\n\n\t.day {\n\t\tstroke:black;\n\t\tfill: white;\n\t}\n\n\t.smallText {\n\t\tfont-size: 4px;\n\t}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: SchedulerComponent, decorators: [{
+SchedulerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SchedulerComponent, deps: [{ token: i1.ProviderService }], target: i0.ɵɵFactoryTarget.Component });
+SchedulerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: SchedulerComponent, selector: "scheduler", host: { listeners: { "mouseup": "onMouseup()", "mousedown": "onMousedown($event)", "mousemove": "onMousemove($event)", "mouseleave": "onMouseLeave($event)" } }, providers: [ProviderService], viewQueries: [{ propertyName: "svgChart", first: true, predicate: ["svgChart"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<style>\n\t.bar {\n\t\tfill: red; /* changes the background */\n\t\theight: 21px;\n\t\ttransition: fill .3s ease;\n\t\tcursor: pointer;\n\t\tfont-family: Helvetica, sans-serif;\n\t}\n\n\t.bar text {\n\t\tcolor: black;\n\t}\n\n\t.bar:hover,\n\t.bar:focus {\n\t\tfill: black;\n\t}\n\n\t.bar:hover text,\n\t.bar:focus text {\n\t\tfill: red;\n\t}\n\n\t.year {\n\t\tstroke:black;\n\t\tfill: white;\n\t}\n\n\t.month {\n\t\tstroke:black;\n\t\tfill: white;\n\t}\n\n\t.day {\n\t\tstroke:black;\n\t\tfill: white;\n\t}\n\n\t.smallText {\n\t\tfont-size: 4px;\n\t}\n</style>\n\n<div class=\"scheduler\">\n\n\t<button class=\"btn btn-warning\" type=\"button\" (mouseenter)=\"overBackwards()\" (mouseleave)=\"leftBackwards()\">Go Backwards</button>\n\t<button class=\"btn btn-success\" type=\"button\" (mouseenter)=\"overForward()\" (mouseleave)=\"leftForward()\">Go Forward</button>\n\n\t<button style=\"margin-left: 20px;\" class=\"btn btn-warning\" type=\"button\" (click)=\"zoomOut()\">Zoom Out</button>\n\t<button class=\"btn btn-success\" type=\"button\" (click)=\"zoomIn()\">Zoom In</button>\n\n\t<svg class=\"chart\" width=\"100%\" height=\"100%\" aria-labelledby=\"title desc\" role=\"img\" #svgChart>\n\t\t<title id=\"title\">Scheduler</title>\n\t\t<desc id=\"desc\">Scheduler</desc>\n\n\t\t<g class=\"year\">\n\t\t\t<ng-container *ngFor=\"let year of buildYears()\">\n\t\t\t\t<rect [attr.width]=\"(year.index_end - year.index_start) * size_cell.width\" [attr.height]=\"size_cell.height\" [attr.x]=\"year.index_start * size_cell.width\"></rect>\n\t\t\t\t<svg [attr.width]=\"(year.index_end - year.index_start) * size_cell.width\" [attr.height]=\"size_cell.height\" [attr.x]=\"year.index_start * size_cell.width\">\n\t\t\t\t\t<text x=\"50%\" y=\"50%\" alignment-baseline=\"middle\" text-anchor=\"middle\">{{year.year}}</text>\n\t\t\t\t</svg>\n\t\t\t</ng-container>\n\t\t</g>\n\t\t<g class=\"month\">\n\t\t\t<ng-container *ngFor=\"let month of buildMonths()\">\n\t\t\t\t<rect [attr.width]=\"(month.index_end - month.index_start) * size_cell.width\" [attr.height]=\"size_cell.height\" [attr.x]=\"month.index_start * size_cell.width\" [attr.y]=\"size_cell.height\"></rect>\n\t\t\t\t<svg [attr.width]=\"(month.index_end - month.index_start) * size_cell.width\" [attr.height]=\"size_cell.height\" [attr.x]=\"month.index_start * size_cell.width\" [attr.y]=\"size_cell.height\">\n\t\t\t\t\t<text x=\"50%\" y=\"50%\" alignment-baseline=\"middle\" text-anchor=\"middle\">{{month.month}}</text>\n\t\t\t\t</svg>\n\t\t\t</ng-container>\n\t\t</g>\n\t\t<g class=\"day\">\n\t\t\t<ng-container *ngFor=\"let day of buildDays()\">\n\t\t\t\t<rect [attr.width]=\"size_cell.width\" [attr.height]=\"size_cell.height\" [attr.x]=\"day.index * size_cell.width\" [attr.y]=\"size_cell.height * 2\"></rect>\n\t\t\t\t<svg [attr.width]=\"size_cell.width\" [attr.height]=\"size_cell.height\" [attr.x]=\"day.index * size_cell.width\" [attr.y]=\"size_cell.height * 2\">\n\t\t\t\t\t<text x=\"50%\" y=\"50%\" alignment-baseline=\"middle\" text-anchor=\"middle\" [style.font-size.px]=\"[size_cell.width > 10 ? 12 : 6]\">{{day.day}}</text>\n\t\t\t\t</svg>\n\t\t\t</ng-container>\n\t\t</g>\n\n\n\t\t<!-- <g class=\"bar\">\n\t\t\t<rect width=\"40\" height=\"19\"></rect>\n\t\t\t<text x=\"45\" y=\"9.5\" dy=\".35em\">4 apples</text>\n\t\t</g>\n\t\t<g class=\"bar\">\n\t\t\t<rect width=\"80\" height=\"19\" y=\"20\"></rect>\n\t\t\t<text x=\"85\" y=\"28\" dy=\".35em\">8 bananas</text>\n\t\t</g>\n\t\t<g class=\"bar\">\n\t\t\t<rect width=\"150\" height=\"19\" y=\"40\"></rect>\n\t\t\t<text x=\"150\" y=\"48\" dy=\".35em\">15 kiwis</text>\n\t\t</g>\n\t\t<g class=\"bar\">\n\t\t\t<rect width=\"160\" height=\"19\" y=\"60\"></rect>\n\t\t\t<text x=\"161\" y=\"68\" dy=\".35em\">16 oranges</text>\n\t\t</g>\n\t\t<g class=\"bar\">\n\t\t\t<rect width=\"230\" height=\"19\" y=\"80\"></rect>\n\t\t\t<text x=\"235\" y=\"88\" dy=\".35em\">23 lemons</text>\n\t\t</g> -->\n\t</svg>\n</div>\n", styles: ["\n\t.bar {\n\t\tfill: red; /* changes the background */\n\t\theight: 21px;\n\t\ttransition: fill .3s ease;\n\t\tcursor: pointer;\n\t\tfont-family: Helvetica, sans-serif;\n\t}\n\n\t.bar text {\n\t\tcolor: black;\n\t}\n\n\t.bar:hover,\n\t.bar:focus {\n\t\tfill: black;\n\t}\n\n\t.bar:hover text,\n\t.bar:focus text {\n\t\tfill: red;\n\t}\n\n\t.year {\n\t\tstroke:black;\n\t\tfill: white;\n\t}\n\n\t.month {\n\t\tstroke:black;\n\t\tfill: white;\n\t}\n\n\t.day {\n\t\tstroke:black;\n\t\tfill: white;\n\t}\n\n\t.smallText {\n\t\tfont-size: 4px;\n\t}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SchedulerComponent, decorators: [{
             type: Component,
             args: [{ providers: [ProviderService], selector: 'scheduler', template: "<style>\n\t.bar {\n\t\tfill: red; /* changes the background */\n\t\theight: 21px;\n\t\ttransition: fill .3s ease;\n\t\tcursor: pointer;\n\t\tfont-family: Helvetica, sans-serif;\n\t}\n\n\t.bar text {\n\t\tcolor: black;\n\t}\n\n\t.bar:hover,\n\t.bar:focus {\n\t\tfill: black;\n\t}\n\n\t.bar:hover text,\n\t.bar:focus text {\n\t\tfill: red;\n\t}\n\n\t.year {\n\t\tstroke:black;\n\t\tfill: white;\n\t}\n\n\t.month {\n\t\tstroke:black;\n\t\tfill: white;\n\t}\n\n\t.day {\n\t\tstroke:black;\n\t\tfill: white;\n\t}\n\n\t.smallText {\n\t\tfont-size: 4px;\n\t}\n</style>\n\n<div class=\"scheduler\">\n\n\t<button class=\"btn btn-warning\" type=\"button\" (mouseenter)=\"overBackwards()\" (mouseleave)=\"leftBackwards()\">Go Backwards</button>\n\t<button class=\"btn btn-success\" type=\"button\" (mouseenter)=\"overForward()\" (mouseleave)=\"leftForward()\">Go Forward</button>\n\n\t<button style=\"margin-left: 20px;\" class=\"btn btn-warning\" type=\"button\" (click)=\"zoomOut()\">Zoom Out</button>\n\t<button class=\"btn btn-success\" type=\"button\" (click)=\"zoomIn()\">Zoom In</button>\n\n\t<svg class=\"chart\" width=\"100%\" height=\"100%\" aria-labelledby=\"title desc\" role=\"img\" #svgChart>\n\t\t<title id=\"title\">Scheduler</title>\n\t\t<desc id=\"desc\">Scheduler</desc>\n\n\t\t<g class=\"year\">\n\t\t\t<ng-container *ngFor=\"let year of buildYears()\">\n\t\t\t\t<rect [attr.width]=\"(year.index_end - year.index_start) * size_cell.width\" [attr.height]=\"size_cell.height\" [attr.x]=\"year.index_start * size_cell.width\"></rect>\n\t\t\t\t<svg [attr.width]=\"(year.index_end - year.index_start) * size_cell.width\" [attr.height]=\"size_cell.height\" [attr.x]=\"year.index_start * size_cell.width\">\n\t\t\t\t\t<text x=\"50%\" y=\"50%\" alignment-baseline=\"middle\" text-anchor=\"middle\">{{year.year}}</text>\n\t\t\t\t</svg>\n\t\t\t</ng-container>\n\t\t</g>\n\t\t<g class=\"month\">\n\t\t\t<ng-container *ngFor=\"let month of buildMonths()\">\n\t\t\t\t<rect [attr.width]=\"(month.index_end - month.index_start) * size_cell.width\" [attr.height]=\"size_cell.height\" [attr.x]=\"month.index_start * size_cell.width\" [attr.y]=\"size_cell.height\"></rect>\n\t\t\t\t<svg [attr.width]=\"(month.index_end - month.index_start) * size_cell.width\" [attr.height]=\"size_cell.height\" [attr.x]=\"month.index_start * size_cell.width\" [attr.y]=\"size_cell.height\">\n\t\t\t\t\t<text x=\"50%\" y=\"50%\" alignment-baseline=\"middle\" text-anchor=\"middle\">{{month.month}}</text>\n\t\t\t\t</svg>\n\t\t\t</ng-container>\n\t\t</g>\n\t\t<g class=\"day\">\n\t\t\t<ng-container *ngFor=\"let day of buildDays()\">\n\t\t\t\t<rect [attr.width]=\"size_cell.width\" [attr.height]=\"size_cell.height\" [attr.x]=\"day.index * size_cell.width\" [attr.y]=\"size_cell.height * 2\"></rect>\n\t\t\t\t<svg [attr.width]=\"size_cell.width\" [attr.height]=\"size_cell.height\" [attr.x]=\"day.index * size_cell.width\" [attr.y]=\"size_cell.height * 2\">\n\t\t\t\t\t<text x=\"50%\" y=\"50%\" alignment-baseline=\"middle\" text-anchor=\"middle\" [style.font-size.px]=\"[size_cell.width > 10 ? 12 : 6]\">{{day.day}}</text>\n\t\t\t\t</svg>\n\t\t\t</ng-container>\n\t\t</g>\n\n\n\t\t<!-- <g class=\"bar\">\n\t\t\t<rect width=\"40\" height=\"19\"></rect>\n\t\t\t<text x=\"45\" y=\"9.5\" dy=\".35em\">4 apples</text>\n\t\t</g>\n\t\t<g class=\"bar\">\n\t\t\t<rect width=\"80\" height=\"19\" y=\"20\"></rect>\n\t\t\t<text x=\"85\" y=\"28\" dy=\".35em\">8 bananas</text>\n\t\t</g>\n\t\t<g class=\"bar\">\n\t\t\t<rect width=\"150\" height=\"19\" y=\"40\"></rect>\n\t\t\t<text x=\"150\" y=\"48\" dy=\".35em\">15 kiwis</text>\n\t\t</g>\n\t\t<g class=\"bar\">\n\t\t\t<rect width=\"160\" height=\"19\" y=\"60\"></rect>\n\t\t\t<text x=\"161\" y=\"68\" dy=\".35em\">16 oranges</text>\n\t\t</g>\n\t\t<g class=\"bar\">\n\t\t\t<rect width=\"230\" height=\"19\" y=\"80\"></rect>\n\t\t\t<text x=\"235\" y=\"88\" dy=\".35em\">23 lemons</text>\n\t\t</g> -->\n\t</svg>\n</div>\n" }]
         }], ctorParameters: function () { return [{ type: i1.ProviderService }]; }, propDecorators: { svgChart: [{

package/esm2020/lib/widgets/scheduler/scheduler.module.mjs

@@ -7,16 +7,16 @@ import { SchedulerComponent } from './scheduler.component';
 import * as i0 from "@angular/core";
 export class SchedulerModule {
 }
-SchedulerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: SchedulerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SchedulerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.9", ngImport: i0, type: SchedulerModule, declarations: [SchedulerComponent], imports: [NgbModule,
+SchedulerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SchedulerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SchedulerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: SchedulerModule, declarations: [SchedulerComponent], imports: [NgbModule,
         FormsModule,
         CommonModule,
         RouterModule], exports: [SchedulerComponent] });
-SchedulerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: SchedulerModule, imports: [NgbModule,
+SchedulerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SchedulerModule, imports: [NgbModule,
         FormsModule,
         CommonModule,
         RouterModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: SchedulerModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SchedulerModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/esm2020/lib/widgets/sort-table/sort-table-header.component.mjs

@@ -47,9 +47,9 @@ export class SortTableHeaderComponent {
         this._sort.sort(this);
     }
 }
-SortTableHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: SortTableHeaderComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.SortTableDirective, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-SortTableHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.9", type: SortTableHeaderComponent, selector: "[sort-table-header]", inputs: { disabled: "disabled", id: ["sort-table-header", "id"], arrowPosition: "arrowPosition", start: "start" }, ngImport: i0, template: "<div (click)=\"onClick($event)\">\n    <ng-content></ng-content>\n    <i *ngIf=\"_isSorted() && _getSortDirection() === -1\" class=\"fa fa-arrow-down\" style=\"margin-left: 10px; font-size: 14px\"></i>\n    <i *ngIf=\"_isSorted() && _getSortDirection() === 1\" class=\"fa fa-arrow-up\" style=\"margin-left: 10px; font-size: 14px\"></i>\n</div>", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: SortTableHeaderComponent, decorators: [{
+SortTableHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SortTableHeaderComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.SortTableDirective, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+SortTableHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: SortTableHeaderComponent, selector: "[sort-table-header]", inputs: { disabled: "disabled", id: ["sort-table-header", "id"], arrowPosition: "arrowPosition", start: "start" }, ngImport: i0, template: "<div (click)=\"onClick($event)\">\n    <ng-content></ng-content>\n    <i *ngIf=\"_isSorted() && _getSortDirection() === -1\" class=\"fa fa-arrow-down\" style=\"margin-left: 10px; font-size: 14px\"></i>\n    <i *ngIf=\"_isSorted() && _getSortDirection() === 1\" class=\"fa fa-arrow-up\" style=\"margin-left: 10px; font-size: 14px\"></i>\n</div>", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SortTableHeaderComponent, decorators: [{
             type: Component,
             args: [{ selector: '[sort-table-header]', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, inputs: ['disabled'], template: "<div (click)=\"onClick($event)\">\n    <ng-content></ng-content>\n    <i *ngIf=\"_isSorted() && _getSortDirection() === -1\" class=\"fa fa-arrow-down\" style=\"margin-left: 10px; font-size: 14px\"></i>\n    <i *ngIf=\"_isSorted() && _getSortDirection() === 1\" class=\"fa fa-arrow-up\" style=\"margin-left: 10px; font-size: 14px\"></i>\n</div>" }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i1.SortTableDirective, decorators: [{

package/esm2020/lib/widgets/sort-table/sort-table-ngfor.component.mjs

@@ -29,9 +29,9 @@ export class SortTableNgForComponent {
         this.sortSub$.unsubscribe();
     }
 }
-SortTableNgForComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: SortTableNgForComponent, deps: [{ token: i1.SortTableDirective, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-SortTableNgForComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.9", type: SortTableNgForComponent, selector: "[sort-table-ngfor]", inputs: { data: ["sort-table-ngfor", "data"] }, outputs: { dataChanged: "dataChanged" }, usesOnChanges: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: SortTableNgForComponent, decorators: [{
+SortTableNgForComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SortTableNgForComponent, deps: [{ token: i1.SortTableDirective, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+SortTableNgForComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: SortTableNgForComponent, selector: "[sort-table-ngfor]", inputs: { data: ["sort-table-ngfor", "data"] }, outputs: { dataChanged: "dataChanged" }, usesOnChanges: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SortTableNgForComponent, decorators: [{
             type: Component,
             args: [{
                     selector: '[sort-table-ngfor]',

package/esm2020/lib/widgets/sort-table/sort-table.directive.mjs

@@ -143,9 +143,9 @@ export class SortTableDirective {
         this._stateChanges.complete();
     }
 }
-SortTableDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: SortTableDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-SortTableDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.9", type: SortTableDirective, selector: "[sortable]", inputs: { active: ["sortActive", "active"], start: ["sortStart", "start"], disabled: ["sortDisabled", "disabled"], tableFixed: "tableFixed", headerFixed: "headerFixed", secondaryColor: "secondaryColor", tertiaryColor: "tertiaryColor" }, outputs: { sortChange: "sortChange" }, usesOnChanges: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: SortTableDirective, decorators: [{
+SortTableDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SortTableDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+SortTableDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: SortTableDirective, selector: "[sortable]", inputs: { active: ["sortActive", "active"], start: ["sortStart", "start"], disabled: ["sortDisabled", "disabled"], tableFixed: "tableFixed", headerFixed: "headerFixed", secondaryColor: "secondaryColor", tertiaryColor: "tertiaryColor" }, outputs: { sortChange: "sortChange" }, usesOnChanges: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SortTableDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[sortable]'