ngx-techlify-core 18.94.0 → 19.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2022/lib/audit-log/audit-log-for-model/audit-log-for-model.component.mjs +2 -2
- package/esm2022/lib/base-model/techlify-list/techlify-list.component.mjs +13 -6
- package/esm2022/lib/export-excel/export-excel-button/export-excel-button.component.mjs +2 -2
- package/esm2022/lib/material.module.mjs +2 -5
- package/esm2022/lib/tag/techlify-tagger-tag-list/techlify-tagger-tag-list.component.mjs +3 -3
- package/esm2022/lib/techlify-icon/techlify-icon.component.mjs +4 -3
- package/esm2022/lib/timeline-activity/timeline-activity-button/timeline-activity-button.component.mjs +2 -2
- package/esm2022/lib/timeline-filter/timeline-filter.component.mjs +2 -2
- package/fesm2022/ngx-techlify-core.mjs +26 -21
- package/fesm2022/ngx-techlify-core.mjs.map +1 -1
- package/lib/base-model/techlify-list/techlify-list.component.d.ts +5 -0
- package/lib/material.module.d.ts +6 -6
- package/package.json +3 -3
- package/styles/html-elements.scss +0 -5
|
@@ -33,6 +33,7 @@ export class TechlifyIconComponent {
|
|
|
33
33
|
table: 'fas fa-table',
|
|
34
34
|
multi_calendar: 'fas fa-calendar-alt',
|
|
35
35
|
link: 'fas fa-link',
|
|
36
|
+
link_external: 'fas fa-arrow-up fa-rotate-by rotate-45-deg',
|
|
36
37
|
reset: 'fas fa-redo',
|
|
37
38
|
phone: 'fas fa-phone',
|
|
38
39
|
location: 'fas fa-map-marker-alt',
|
|
@@ -63,14 +64,14 @@ export class TechlifyIconComponent {
|
|
|
63
64
|
return this.customIconList.includes(name);
|
|
64
65
|
}
|
|
65
66
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TechlifyIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
66
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: TechlifyIconComponent, selector: "app-techlify-icon", inputs: { name: "name", size: "size" }, ngImport: i0, template: "<!-- Custom icon -->\n<ng-container *ngIf=\"isCustomIcon(name); else faIcon\">\n <app-custom-icon [name]=\"name\"></app-custom-icon>\n</ng-container>\n\n<!-- Font Awesome -->\n<ng-template #faIcon>\n <i [ngClass]=\"iconClass\"></i>\n</ng-template>", styles: [".scroll-container{height:400px;overflow:auto}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.CustomIconComponent, selector: "app-custom-icon", inputs: ["name"] }] }); }
|
|
67
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: TechlifyIconComponent, selector: "app-techlify-icon", inputs: { name: "name", size: "size" }, ngImport: i0, template: "<!-- Custom icon -->\n<ng-container *ngIf=\"isCustomIcon(name); else faIcon\">\n <app-custom-icon [name]=\"name\"></app-custom-icon>\n</ng-container>\n\n<!-- Font Awesome -->\n<ng-template #faIcon>\n <i [ngClass]=\"iconClass\"></i>\n</ng-template>", styles: [".scroll-container{height:400px;overflow:auto}.rotate-45-deg{--fa-rotate-angle: 45deg}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.CustomIconComponent, selector: "app-custom-icon", inputs: ["name"] }] }); }
|
|
67
68
|
}
|
|
68
69
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TechlifyIconComponent, decorators: [{
|
|
69
70
|
type: Component,
|
|
70
|
-
args: [{ selector: 'app-techlify-icon', template: "<!-- Custom icon -->\n<ng-container *ngIf=\"isCustomIcon(name); else faIcon\">\n <app-custom-icon [name]=\"name\"></app-custom-icon>\n</ng-container>\n\n<!-- Font Awesome -->\n<ng-template #faIcon>\n <i [ngClass]=\"iconClass\"></i>\n</ng-template>", styles: [".scroll-container{height:400px;overflow:auto}\n"] }]
|
|
71
|
+
args: [{ selector: 'app-techlify-icon', template: "<!-- Custom icon -->\n<ng-container *ngIf=\"isCustomIcon(name); else faIcon\">\n <app-custom-icon [name]=\"name\"></app-custom-icon>\n</ng-container>\n\n<!-- Font Awesome -->\n<ng-template #faIcon>\n <i [ngClass]=\"iconClass\"></i>\n</ng-template>", styles: [".scroll-container{height:400px;overflow:auto}.rotate-45-deg{--fa-rotate-angle: 45deg}\n"] }]
|
|
71
72
|
}], propDecorators: { name: [{
|
|
72
73
|
type: Input
|
|
73
74
|
}], size: [{
|
|
74
75
|
type: Input
|
|
75
76
|
}] } });
|
|
76
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
77
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGVjaGxpZnktaWNvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtdGVjaGxpZnktY29yZS9zcmMvbGliL3RlY2hsaWZ5LWljb24vdGVjaGxpZnktaWNvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtdGVjaGxpZnktY29yZS9zcmMvbGliL3RlY2hsaWZ5LWljb24vdGVjaGxpZnktaWNvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7OztBQU9qRCxNQUFNLE9BQU8scUJBQXFCO0lBTGxDO1FBTVcsU0FBSSxHQUFXLEVBQUUsQ0FBQztRQUNsQixTQUFJLEdBQXFDLElBQUksQ0FBQztRQVF2RCxrQkFBa0I7UUFDbEIsbUJBQWMsR0FBYTtZQUN6QixXQUFXO1lBQ1gsV0FBVztZQUNYLEtBQUs7U0FDTixDQUFDO1FBT0YsbUNBQW1DO1FBQzNCLFlBQU8sR0FBMkI7WUFDeEMsR0FBRyxFQUFFLGFBQWE7WUFDbEIsSUFBSSxFQUFFLFlBQVk7WUFDbEIsSUFBSSxFQUFFLFlBQVk7WUFDbEIsTUFBTSxFQUFFLGNBQWM7WUFDdEIsTUFBTSxFQUFFLG9CQUFvQjtZQUM1QixNQUFNLEVBQUUsbUJBQW1CO1lBQzNCLEtBQUssRUFBRSxjQUFjO1lBQ3JCLEdBQUcsRUFBRSxpQkFBaUI7WUFDdEIsT0FBTyxFQUFFLGNBQWM7WUFDdkIsSUFBSSxFQUFFLGFBQWE7WUFDbkIsUUFBUSxFQUFFLHFCQUFxQjtZQUMvQixVQUFVLEVBQUUsb0JBQW9CO1lBQ2hDLEtBQUssRUFBRSxpQkFBaUI7WUFDeEIsT0FBTyxFQUFFLGNBQWM7WUFDdkIsTUFBTSxFQUFFLGNBQWM7WUFDdEIsUUFBUSxFQUFFLGlCQUFpQjtZQUMzQixLQUFLLEVBQUUsY0FBYztZQUNyQixjQUFjLEVBQUUscUJBQXFCO1lBQ3JDLElBQUksRUFBRSxhQUFhO1lBQ25CLGFBQWEsRUFBRSw0Q0FBNEM7WUFDM0QsS0FBSyxFQUFFLGFBQWE7WUFDcEIsS0FBSyxFQUFFLGNBQWM7WUFDckIsUUFBUSxFQUFFLHVCQUF1QjtZQUNqQyxNQUFNLEVBQUUsZUFBZTtZQUN2QixZQUFZLEVBQUUsbUJBQW1CO1lBQ2pDLElBQUksRUFBRSxnQkFBZ0I7WUFDdEIsSUFBSSxFQUFFLFdBQVc7WUFDakIsSUFBSSxFQUFFLG9CQUFvQjtZQUMxQixNQUFNLEVBQUUsZUFBZTtZQUN2QixLQUFLLEVBQUUsY0FBYztTQUN0QixDQUFDO1FBRUYsZ0NBQWdDO1FBQ3hCLFlBQU8sR0FBMkI7WUFDeEMsRUFBRSxFQUFFLE9BQU87WUFDWCxFQUFFLEVBQUUsT0FBTztZQUNYLEVBQUUsRUFBRSxPQUFPO1lBQ1gsRUFBRSxFQUFFLE9BQU87WUFDWCxFQUFFLEVBQUUsT0FBTztTQUNaLENBQUM7S0FDSDtJQTVEQyxJQUFJLFNBQVM7UUFDWCxNQUFNLFNBQVMsR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSx1QkFBdUIsQ0FBQztRQUNyRSxNQUFNLFNBQVMsR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxFQUFFLENBQUM7UUFDaEQsT0FBTyxDQUFDLFNBQVMsRUFBRSxTQUFTLENBQUMsQ0FBQztJQUNoQyxDQUFDO0lBU0QsOEJBQThCO0lBQzlCLFlBQVksQ0FBQyxJQUFZO1FBQ3ZCLE9BQU8sSUFBSSxDQUFDLGNBQWMsQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDNUMsQ0FBQzsrR0FwQlUscUJBQXFCO21HQUFyQixxQkFBcUIsaUdDUGxDLGdRQVFjOzs0RkRERCxxQkFBcUI7a0JBTGpDLFNBQVM7K0JBQ0UsbUJBQW1COzhCQUtwQixJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhcHAtdGVjaGxpZnktaWNvbicsXG4gIHRlbXBsYXRlVXJsOiAnLi90ZWNobGlmeS1pY29uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vdGVjaGxpZnktaWNvbi5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIFRlY2hsaWZ5SWNvbkNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIG5hbWU6IHN0cmluZyA9ICcnO1xuICBASW5wdXQoKSBzaXplOiAneHMnIHwgJ3NtJyB8ICdtZCcgfCAnbGcnIHwgJ3hsJyA9ICdtZCc7XG5cbiAgZ2V0IGljb25DbGFzcygpOiBzdHJpbmdbXSB7XG4gICAgY29uc3QgYmFzZUNsYXNzID0gdGhpcy5pY29uTWFwW3RoaXMubmFtZV0gfHwgJ2ZhIGZhLXF1ZXN0aW9uLWNpcmNsZSc7XG4gICAgY29uc3Qgc2l6ZUNsYXNzID0gdGhpcy5zaXplTWFwW3RoaXMuc2l6ZV0gfHwgJyc7XG4gICAgcmV0dXJuIFtiYXNlQ2xhc3MsIHNpemVDbGFzc107XG4gIH1cblxuICAvL0N1c3RvbSBpY29uIGxpc3RcbiAgY3VzdG9tSWNvbkxpc3Q6IHN0cmluZ1tdID0gW1xuICAgICdiYXRjaC1hZGQnLFxuICAgICd1bmFwcHJvdmUnLFxuICAgICdncmEnXG4gIF07XG5cbiAgLy9NZXRob2QgdG8gY2hlY2sgY3VzdG9tIGljb25zXG4gIGlzQ3VzdG9tSWNvbihuYW1lOiBzdHJpbmcpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy5jdXN0b21JY29uTGlzdC5pbmNsdWRlcyhuYW1lKTtcbiAgfVxuXG4gIC8vIE1hcCBsb2dpY2FsIG5hbWVzIHRvIENTUyBjbGFzc2VzXG4gIHByaXZhdGUgaWNvbk1hcDogUmVjb3JkPHN0cmluZywgc3RyaW5nPiA9IHtcbiAgICBhZGQ6ICdmYXMgZmEtcGx1cycsXG4gICAgdmlldzogJ2ZhcyBmYS1leWUnLFxuICAgIGVkaXQ6ICdmYXMgZmEtcGVuJyxcbiAgICBkZWxldGU6ICdmYXMgZmEtdHJhc2gnLFxuICAgIGltcG9ydDogJ2ZhcyBmYS1maWxlLWltcG9ydCcsXG4gICAgZXhwb3J0OiAnZmFzIGZhLWZpbGUtZXhjZWwnLFxuICAgIHByaW50OiAnZmFzIGZhLXByaW50JyxcbiAgICBwZGY6ICdmYXMgZmEtZmlsZS1wZGYnLFxuICAgIGhpc3Rvcnk6ICdmYXMgZmEtY2xvY2snLFxuICAgIGNvcHk6ICdmYXMgZmEtY29weScsXG4gICAgYWN0aXZhdGU6ICdmYXMgZmEtY2hlY2stY2lyY2xlJyxcbiAgICBkZWFjdGl2YXRlOiAnZmFzIGZhLXN0b3AtY2lyY2xlJyxcbiAgICBlbWFpbDogJ2ZhciBmYS1lbnZlbG9wZScsXG4gICAgYXBwcm92ZTogJ2ZhcyBmYS1jaGVjaycsXG4gICAgcmVqZWN0OiAnZmFzIGZhLXRpbWVzJyxcbiAgICBjYWxlbmRhcjogJ2ZhcyBmYS1jYWxlbmRhcicsXG4gICAgdGFibGU6ICdmYXMgZmEtdGFibGUnLFxuICAgIG11bHRpX2NhbGVuZGFyOiAnZmFzIGZhLWNhbGVuZGFyLWFsdCcsXG4gICAgbGluazogJ2ZhcyBmYS1saW5rJyxcbiAgICBsaW5rX2V4dGVybmFsOiAnZmFzIGZhLWFycm93LXVwIGZhLXJvdGF0ZS1ieSByb3RhdGUtNDUtZGVnJyxcbiAgICByZXNldDogJ2ZhcyBmYS1yZWRvJyxcbiAgICBwaG9uZTogJ2ZhcyBmYS1waG9uZScsXG4gICAgbG9jYXRpb246ICdmYXMgZmEtbWFwLW1hcmtlci1hbHQnLFxuICAgIHVubGluazogJ2ZhcyBmYS11bmxpbmsnLFxuICAgIGRpc2FibGVfdXNlcjogJ2ZhcyBmYS11c2VyLXNsYXNoJyxcbiAgICBzd2FwOiAnZmFzIGZhLXJldHdlZXQnLFxuICAgIGFwcHM6ICdmYXMgZmEtdGgnLFxuICAgIHVzZXI6ICdmYXMgZmEtdXNlci1jaXJjbGUnLFxuICAgIHNlYXJjaDogJ2ZhcyBmYS1zZWFyY2gnLFxuICAgIGNsb3NlOiAnZmFzIGZhLXRpbWVzJ1xuICB9O1xuXG4gIC8vIE1hcCBzaXplIGlucHV0IHRvIENTUyBjbGFzc2VzXG4gIHByaXZhdGUgc2l6ZU1hcDogUmVjb3JkPHN0cmluZywgc3RyaW5nPiA9IHtcbiAgICB4czogJ2ZhLXhzJyxcbiAgICBzbTogJ2ZhLXNtJyxcbiAgICBtZDogJ2ZhLW1kJyxcbiAgICBsZzogJ2ZhLWxnJyxcbiAgICB4bDogJ2ZhLTJ4J1xuICB9O1xufSIsIjwhLS0gIEN1c3RvbSBpY29uIC0tPlxuPG5nLWNvbnRhaW5lciAqbmdJZj1cImlzQ3VzdG9tSWNvbihuYW1lKTsgZWxzZSBmYUljb25cIj5cbiAgICA8YXBwLWN1c3RvbS1pY29uIFtuYW1lXT1cIm5hbWVcIj48L2FwcC1jdXN0b20taWNvbj5cbjwvbmctY29udGFpbmVyPlxuXG48IS0tIEZvbnQgQXdlc29tZSAtLT5cbjxuZy10ZW1wbGF0ZSAjZmFJY29uPlxuICAgIDxpIFtuZ0NsYXNzXT1cImljb25DbGFzc1wiPjwvaT5cbjwvbmctdGVtcGxhdGU+Il19
|
|
@@ -21,11 +21,11 @@ export class TimelineActivityButtonComponent {
|
|
|
21
21
|
});
|
|
22
22
|
}
|
|
23
23
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TimelineActivityButtonComponent, deps: [{ token: i1.MatDialog }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
24
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: TimelineActivityButtonComponent, selector: "app-timeline-activity-button", inputs: { changeableType: "changeableType", changeableId: "changeableId", timelineableType: "timelineableType", timelineableId: "timelineableId", timelineableDisplayField: "timelineableDisplayField", title: "title" }, ngImport: i0, template: "<app-techlify-icon name=\"history\" matTooltip=\"Timeline History\" (click)=\"$event.stopPropagation();openDialog(listView)\"\n class=\"clickable\"></app-techlify-icon>\n\n<ng-template #listView>\n <app-timeline-activity-list [changeableId]=\"changeableId\" [changeableType]=\"changeableType\"\n [timelineableDisplayField]=\"timelineableDisplayField\" [timelineableType]=\"timelineableType\"\n [timelineableId]=\"timelineableId\" [title]=\"title\"></app-timeline-activity-list>\n</ng-template>", styles: [".fl-md{width:200px!important}.fl-md .mat-mdc-form-field{width:100%!important}.fl-sm{width:150px!important}.fl-sm .mat-mdc-form-field{width:100%!important}.wpx-50{width:50px!important}.wpx-100{width:100px!important}.wpx-120{width:120px!important}.wpx-125{width:125px!important}.wpx-150{width:150px!important}.wpx-200{width:200px!important}.wpx-250{width:250px!important}.min-wpx-200{min-width:200px!important}.max-width-px-115{max-width:115px}.w-description{width:300px!important}.side-panel{width:300px!important;min-width:300px!important;flex-shrink:0!important}.h-250px{height:250px!important}.scroll-y{overflow-y:auto}.flex-basis-0{flex-basis:0}.flex-basis-5{flex-basis:5%}.flex-basis-8{flex-basis:8%}.flex-basis-10{flex-basis:10%}.flex-basis-15{flex-basis:15%}.flex-basis-20{flex-basis:20%}.flex-basis-25{flex-basis:25%}.flex-basis-30{flex-basis:30%}.flex-basis-35{flex-basis:35%}.flex-basis-40{flex-basis:40%}.flex-basis-45{flex-basis:45%}.flex-basis-48{flex-basis:48%}.flex-basis-49{flex-basis:49%}.flex-basis-50{flex-basis:50%}.flex-basis-60{flex-basis:60%}.flex-basis-65{flex-basis:65%}.flex-basis-70{flex-basis:70%}.flex-basis-80{flex-basis:80%}.flex-basis-90{flex-basis:90%}.flex-basis-95{flex-basis:95%}.flex-basis-100{flex-basis:100%}.flex-basis-50-minus-1rem{flex-basis:calc(50% - 1rem)}.flex-basis-50-minus-0-2rem{flex-basis:calc(50% - .2rem)}.flex-basis-20-minus-1rem{flex-basis:calc(20% - 1rem)}.flex-basis-15-minus-1rem{flex-basis:calc(15% - 1rem)}.flex-basis-50-minus-4px{flex-basis:calc(50% - 4px)}@media (min-width: 992px){.flex-lg-basis-50{flex-basis:50%}}@media (min-width: 1200px){.flex-xl-basis-30{flex-basis:30%}.flex-xl-basis-30-minus-1rem{flex:0 1 calc(30% - 1rem)}}.column-gap-1{column-gap:.25rem!important}.column-gap-2{column-gap:.5rem!important}.column-gap-3{column-gap:1rem!important}.column-gap-4{column-gap:1.5rem!important}.column-gap-5{column-gap:3rem!important}button,a,input{outline:none!important}::-webkit-scrollbar{width:.5em}::-webkit-scrollbar-track{border-radius:10px}::-webkit-scrollbar-thumb{background:gray;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#4d4c4c}.icon-md{height:24px!important;width:24px!important;font-size:24px!important;margin:0 1px}.icon-sm{height:20px!important;width:20px!important;font-size:20px!important}.icon-xs{height:16px!important;width:16px!important;font-size:16px!important}.mat-icon-xl{height:40px!important;width:40px!important;font-size:40px!important}.mat-icon-20px{font-size:20px!important;height:20px!important;width:20px!important}.mat-small-icon{height:16px!important;width:16px!important;font-size:16px!important}.mat-btn-md{height:25px!important;padding:0 8px!important}.mdc-button__label{letter-spacing:normal!important}.mat-mdc-button .mat-icon{height:24px!important;width:24px!important;font-size:24px!important}.mat-button-toggle-group{height:48px!important;align-items:center}.mat-button-toggle-button{height:48px!important}.mat-button-toggle-label-content{padding:0 8px!important;font-size:14px!important}.mat-mdc-slide-toggle label{margin:0!important}.small-slide-toggle{transform:scale(.8);transform-origin:left center}.fs-8{font-size:8px!important}.fs-12{font-size:12px!important}.fs-13{font-size:13px!important}.fs-16{font-size:16px!important}.fs-18{font-size:18px!important}.clickable:hover{cursor:pointer}.mat-mdc-form-field-hint-wrapper{padding:0 4px!important}.mat-mdc-floating-label{pointer-events:none!important}.nil-subscript-wrapper .mat-mdc-form-field-subscript-wrapper{height:0!important}.create-another .mat-mdc-checkbox label{margin:0!important}.create-another .mdc-checkbox{padding:0!important}.create-another .mdc-checkbox__background{position:relative;top:0;left:0}.mat-mdc-form-field.mat-form-field-disabled .mat-mdc-input-element{color:#555!important;-webkit-text-fill-color:#555555!important}.mat-mdc-form-field.mat-form-field-disabled .mat-mdc-select-value{color:#555!important}.mat-mdc-card{transition:box-shadow .28s cubic-bezier(.4,0,.2,1);padding:16px}.mat-mdc-card-content{padding:0!important}.mat-mdc-dialog-surface{padding:24px}.mat-mdc-dialog-title{padding:0!important}.mat-mdc-dialog-title .mat-mdc-dialog-title:before{height:0!important}.mat-mdc-dialog-title *{position:relative;top:-30px!important}.mat-mdc-dialog-container .mat-mdc-dialog-title+.mat-mdc-dialog-content{padding-top:6px!important}.mdc-data-table__cell,.mdc-data-table__header-cell{padding:0 8px!important}.
|
|
24
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: TimelineActivityButtonComponent, selector: "app-timeline-activity-button", inputs: { changeableType: "changeableType", changeableId: "changeableId", timelineableType: "timelineableType", timelineableId: "timelineableId", timelineableDisplayField: "timelineableDisplayField", title: "title" }, ngImport: i0, template: "<app-techlify-icon name=\"history\" matTooltip=\"Timeline History\" (click)=\"$event.stopPropagation();openDialog(listView)\"\n class=\"clickable\"></app-techlify-icon>\n\n<ng-template #listView>\n <app-timeline-activity-list [changeableId]=\"changeableId\" [changeableType]=\"changeableType\"\n [timelineableDisplayField]=\"timelineableDisplayField\" [timelineableType]=\"timelineableType\"\n [timelineableId]=\"timelineableId\" [title]=\"title\"></app-timeline-activity-list>\n</ng-template>", styles: [".fl-md{width:200px!important}.fl-md .mat-mdc-form-field{width:100%!important}.fl-sm{width:150px!important}.fl-sm .mat-mdc-form-field{width:100%!important}.wpx-50{width:50px!important}.wpx-100{width:100px!important}.wpx-120{width:120px!important}.wpx-125{width:125px!important}.wpx-150{width:150px!important}.wpx-200{width:200px!important}.wpx-250{width:250px!important}.min-wpx-200{min-width:200px!important}.max-width-px-115{max-width:115px}.w-description{width:300px!important}.side-panel{width:300px!important;min-width:300px!important;flex-shrink:0!important}.h-250px{height:250px!important}.scroll-y{overflow-y:auto}.flex-basis-0{flex-basis:0}.flex-basis-5{flex-basis:5%}.flex-basis-8{flex-basis:8%}.flex-basis-10{flex-basis:10%}.flex-basis-15{flex-basis:15%}.flex-basis-20{flex-basis:20%}.flex-basis-25{flex-basis:25%}.flex-basis-30{flex-basis:30%}.flex-basis-35{flex-basis:35%}.flex-basis-40{flex-basis:40%}.flex-basis-45{flex-basis:45%}.flex-basis-48{flex-basis:48%}.flex-basis-49{flex-basis:49%}.flex-basis-50{flex-basis:50%}.flex-basis-60{flex-basis:60%}.flex-basis-65{flex-basis:65%}.flex-basis-70{flex-basis:70%}.flex-basis-80{flex-basis:80%}.flex-basis-90{flex-basis:90%}.flex-basis-95{flex-basis:95%}.flex-basis-100{flex-basis:100%}.flex-basis-50-minus-1rem{flex-basis:calc(50% - 1rem)}.flex-basis-50-minus-0-2rem{flex-basis:calc(50% - .2rem)}.flex-basis-20-minus-1rem{flex-basis:calc(20% - 1rem)}.flex-basis-15-minus-1rem{flex-basis:calc(15% - 1rem)}.flex-basis-50-minus-4px{flex-basis:calc(50% - 4px)}@media (min-width: 992px){.flex-lg-basis-50{flex-basis:50%}}@media (min-width: 1200px){.flex-xl-basis-30{flex-basis:30%}.flex-xl-basis-30-minus-1rem{flex:0 1 calc(30% - 1rem)}}.column-gap-1{column-gap:.25rem!important}.column-gap-2{column-gap:.5rem!important}.column-gap-3{column-gap:1rem!important}.column-gap-4{column-gap:1.5rem!important}.column-gap-5{column-gap:3rem!important}button,a,input{outline:none!important}::-webkit-scrollbar{width:.5em}::-webkit-scrollbar-track{border-radius:10px}::-webkit-scrollbar-thumb{background:gray;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#4d4c4c}.icon-md{height:24px!important;width:24px!important;font-size:24px!important;margin:0 1px}.icon-sm{height:20px!important;width:20px!important;font-size:20px!important}.icon-xs{height:16px!important;width:16px!important;font-size:16px!important}.mat-icon-xl{height:40px!important;width:40px!important;font-size:40px!important}.mat-icon-20px{font-size:20px!important;height:20px!important;width:20px!important}.mat-small-icon{height:16px!important;width:16px!important;font-size:16px!important}.mat-btn-md{height:25px!important;padding:0 8px!important}.mdc-button__label{letter-spacing:normal!important}.mat-mdc-button .mat-icon{height:24px!important;width:24px!important;font-size:24px!important}.mat-button-toggle-group{height:48px!important;align-items:center}.mat-button-toggle-button{height:48px!important}.mat-button-toggle-label-content{padding:0 8px!important;font-size:14px!important}.mat-mdc-slide-toggle label{margin:0!important}.small-slide-toggle{transform:scale(.8);transform-origin:left center}.fs-8{font-size:8px!important}.fs-12{font-size:12px!important}.fs-13{font-size:13px!important}.fs-16{font-size:16px!important}.fs-18{font-size:18px!important}.clickable:hover{cursor:pointer}.mat-mdc-form-field-hint-wrapper{padding:0 4px!important}.mat-mdc-floating-label{pointer-events:none!important}.nil-subscript-wrapper .mat-mdc-form-field-subscript-wrapper{height:0!important}.create-another .mat-mdc-checkbox label{margin:0!important}.create-another .mdc-checkbox{padding:0!important}.create-another .mdc-checkbox__background{position:relative;top:0;left:0}.mat-mdc-form-field.mat-form-field-disabled .mat-mdc-input-element{color:#555!important;-webkit-text-fill-color:#555555!important}.mat-mdc-form-field.mat-form-field-disabled .mat-mdc-select-value{color:#555!important}.mat-mdc-card{transition:box-shadow .28s cubic-bezier(.4,0,.2,1);padding:16px}.mat-mdc-card-content{padding:0!important}.mat-mdc-dialog-surface{padding:24px}.mat-mdc-dialog-title{padding:0!important}.mat-mdc-dialog-title .mat-mdc-dialog-title:before{height:0!important}.mat-mdc-dialog-title *{position:relative;top:-30px!important}.mat-mdc-dialog-container .mat-mdc-dialog-title+.mat-mdc-dialog-content{padding-top:6px!important}.mdc-data-table__cell,.mdc-data-table__header-cell{padding:0 8px!important}.mat-column-actions .mat-mdc-icon-button{width:30px!important;height:30px!important;top:6px!important}.mat-column-actions .mat-mdc-icon-button .mat-icon{bottom:9px!important;right:9px!important}.mat-mdc-progress-bar{border-radius:2px}.chip-mini-grey{background-color:#d9d9d9!important;border-radius:3px;display:inline-block;padding:0 6px;font-size:13px}.chip-mini-outline{background-color:#fff!important;border-radius:3px;display:inline-block;padding:0 6px;outline:1px solid #bbb;font-size:13px}.techlify-badge-grey-outlined{background-color:#f2f3f5!important;font-weight:400!important;font-size:12px!important;color:#000!important}.techlify-badge-white-outlined{font-weight:400!important;font-size:12px!important;border-style:solid!important;border-width:thin!important;color:#000!important;border-color:#000!important}\n"], dependencies: [{ kind: "directive", type: i2.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: i3.TechlifyIconComponent, selector: "app-techlify-icon", inputs: ["name", "size"] }, { kind: "component", type: i4.TimelineActivityListComponent, selector: "app-timeline-activity-list", inputs: ["changeableType", "changeableId", "timelineableType", "timelineableId", "timelineableDisplayField", "scrollContainer", "title"] }] }); }
|
|
25
25
|
}
|
|
26
26
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TimelineActivityButtonComponent, decorators: [{
|
|
27
27
|
type: Component,
|
|
28
|
-
args: [{ selector: 'app-timeline-activity-button', template: "<app-techlify-icon name=\"history\" matTooltip=\"Timeline History\" (click)=\"$event.stopPropagation();openDialog(listView)\"\n class=\"clickable\"></app-techlify-icon>\n\n<ng-template #listView>\n <app-timeline-activity-list [changeableId]=\"changeableId\" [changeableType]=\"changeableType\"\n [timelineableDisplayField]=\"timelineableDisplayField\" [timelineableType]=\"timelineableType\"\n [timelineableId]=\"timelineableId\" [title]=\"title\"></app-timeline-activity-list>\n</ng-template>", styles: [".fl-md{width:200px!important}.fl-md .mat-mdc-form-field{width:100%!important}.fl-sm{width:150px!important}.fl-sm .mat-mdc-form-field{width:100%!important}.wpx-50{width:50px!important}.wpx-100{width:100px!important}.wpx-120{width:120px!important}.wpx-125{width:125px!important}.wpx-150{width:150px!important}.wpx-200{width:200px!important}.wpx-250{width:250px!important}.min-wpx-200{min-width:200px!important}.max-width-px-115{max-width:115px}.w-description{width:300px!important}.side-panel{width:300px!important;min-width:300px!important;flex-shrink:0!important}.h-250px{height:250px!important}.scroll-y{overflow-y:auto}.flex-basis-0{flex-basis:0}.flex-basis-5{flex-basis:5%}.flex-basis-8{flex-basis:8%}.flex-basis-10{flex-basis:10%}.flex-basis-15{flex-basis:15%}.flex-basis-20{flex-basis:20%}.flex-basis-25{flex-basis:25%}.flex-basis-30{flex-basis:30%}.flex-basis-35{flex-basis:35%}.flex-basis-40{flex-basis:40%}.flex-basis-45{flex-basis:45%}.flex-basis-48{flex-basis:48%}.flex-basis-49{flex-basis:49%}.flex-basis-50{flex-basis:50%}.flex-basis-60{flex-basis:60%}.flex-basis-65{flex-basis:65%}.flex-basis-70{flex-basis:70%}.flex-basis-80{flex-basis:80%}.flex-basis-90{flex-basis:90%}.flex-basis-95{flex-basis:95%}.flex-basis-100{flex-basis:100%}.flex-basis-50-minus-1rem{flex-basis:calc(50% - 1rem)}.flex-basis-50-minus-0-2rem{flex-basis:calc(50% - .2rem)}.flex-basis-20-minus-1rem{flex-basis:calc(20% - 1rem)}.flex-basis-15-minus-1rem{flex-basis:calc(15% - 1rem)}.flex-basis-50-minus-4px{flex-basis:calc(50% - 4px)}@media (min-width: 992px){.flex-lg-basis-50{flex-basis:50%}}@media (min-width: 1200px){.flex-xl-basis-30{flex-basis:30%}.flex-xl-basis-30-minus-1rem{flex:0 1 calc(30% - 1rem)}}.column-gap-1{column-gap:.25rem!important}.column-gap-2{column-gap:.5rem!important}.column-gap-3{column-gap:1rem!important}.column-gap-4{column-gap:1.5rem!important}.column-gap-5{column-gap:3rem!important}button,a,input{outline:none!important}::-webkit-scrollbar{width:.5em}::-webkit-scrollbar-track{border-radius:10px}::-webkit-scrollbar-thumb{background:gray;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#4d4c4c}.icon-md{height:24px!important;width:24px!important;font-size:24px!important;margin:0 1px}.icon-sm{height:20px!important;width:20px!important;font-size:20px!important}.icon-xs{height:16px!important;width:16px!important;font-size:16px!important}.mat-icon-xl{height:40px!important;width:40px!important;font-size:40px!important}.mat-icon-20px{font-size:20px!important;height:20px!important;width:20px!important}.mat-small-icon{height:16px!important;width:16px!important;font-size:16px!important}.mat-btn-md{height:25px!important;padding:0 8px!important}.mdc-button__label{letter-spacing:normal!important}.mat-mdc-button .mat-icon{height:24px!important;width:24px!important;font-size:24px!important}.mat-button-toggle-group{height:48px!important;align-items:center}.mat-button-toggle-button{height:48px!important}.mat-button-toggle-label-content{padding:0 8px!important;font-size:14px!important}.mat-mdc-slide-toggle label{margin:0!important}.small-slide-toggle{transform:scale(.8);transform-origin:left center}.fs-8{font-size:8px!important}.fs-12{font-size:12px!important}.fs-13{font-size:13px!important}.fs-16{font-size:16px!important}.fs-18{font-size:18px!important}.clickable:hover{cursor:pointer}.mat-mdc-form-field-hint-wrapper{padding:0 4px!important}.mat-mdc-floating-label{pointer-events:none!important}.nil-subscript-wrapper .mat-mdc-form-field-subscript-wrapper{height:0!important}.create-another .mat-mdc-checkbox label{margin:0!important}.create-another .mdc-checkbox{padding:0!important}.create-another .mdc-checkbox__background{position:relative;top:0;left:0}.mat-mdc-form-field.mat-form-field-disabled .mat-mdc-input-element{color:#555!important;-webkit-text-fill-color:#555555!important}.mat-mdc-form-field.mat-form-field-disabled .mat-mdc-select-value{color:#555!important}.mat-mdc-card{transition:box-shadow .28s cubic-bezier(.4,0,.2,1);padding:16px}.mat-mdc-card-content{padding:0!important}.mat-mdc-dialog-surface{padding:24px}.mat-mdc-dialog-title{padding:0!important}.mat-mdc-dialog-title .mat-mdc-dialog-title:before{height:0!important}.mat-mdc-dialog-title *{position:relative;top:-30px!important}.mat-mdc-dialog-container .mat-mdc-dialog-title+.mat-mdc-dialog-content{padding-top:6px!important}.mdc-data-table__cell,.mdc-data-table__header-cell{padding:0 8px!important}.
|
|
28
|
+
args: [{ selector: 'app-timeline-activity-button', template: "<app-techlify-icon name=\"history\" matTooltip=\"Timeline History\" (click)=\"$event.stopPropagation();openDialog(listView)\"\n class=\"clickable\"></app-techlify-icon>\n\n<ng-template #listView>\n <app-timeline-activity-list [changeableId]=\"changeableId\" [changeableType]=\"changeableType\"\n [timelineableDisplayField]=\"timelineableDisplayField\" [timelineableType]=\"timelineableType\"\n [timelineableId]=\"timelineableId\" [title]=\"title\"></app-timeline-activity-list>\n</ng-template>", styles: [".fl-md{width:200px!important}.fl-md .mat-mdc-form-field{width:100%!important}.fl-sm{width:150px!important}.fl-sm .mat-mdc-form-field{width:100%!important}.wpx-50{width:50px!important}.wpx-100{width:100px!important}.wpx-120{width:120px!important}.wpx-125{width:125px!important}.wpx-150{width:150px!important}.wpx-200{width:200px!important}.wpx-250{width:250px!important}.min-wpx-200{min-width:200px!important}.max-width-px-115{max-width:115px}.w-description{width:300px!important}.side-panel{width:300px!important;min-width:300px!important;flex-shrink:0!important}.h-250px{height:250px!important}.scroll-y{overflow-y:auto}.flex-basis-0{flex-basis:0}.flex-basis-5{flex-basis:5%}.flex-basis-8{flex-basis:8%}.flex-basis-10{flex-basis:10%}.flex-basis-15{flex-basis:15%}.flex-basis-20{flex-basis:20%}.flex-basis-25{flex-basis:25%}.flex-basis-30{flex-basis:30%}.flex-basis-35{flex-basis:35%}.flex-basis-40{flex-basis:40%}.flex-basis-45{flex-basis:45%}.flex-basis-48{flex-basis:48%}.flex-basis-49{flex-basis:49%}.flex-basis-50{flex-basis:50%}.flex-basis-60{flex-basis:60%}.flex-basis-65{flex-basis:65%}.flex-basis-70{flex-basis:70%}.flex-basis-80{flex-basis:80%}.flex-basis-90{flex-basis:90%}.flex-basis-95{flex-basis:95%}.flex-basis-100{flex-basis:100%}.flex-basis-50-minus-1rem{flex-basis:calc(50% - 1rem)}.flex-basis-50-minus-0-2rem{flex-basis:calc(50% - .2rem)}.flex-basis-20-minus-1rem{flex-basis:calc(20% - 1rem)}.flex-basis-15-minus-1rem{flex-basis:calc(15% - 1rem)}.flex-basis-50-minus-4px{flex-basis:calc(50% - 4px)}@media (min-width: 992px){.flex-lg-basis-50{flex-basis:50%}}@media (min-width: 1200px){.flex-xl-basis-30{flex-basis:30%}.flex-xl-basis-30-minus-1rem{flex:0 1 calc(30% - 1rem)}}.column-gap-1{column-gap:.25rem!important}.column-gap-2{column-gap:.5rem!important}.column-gap-3{column-gap:1rem!important}.column-gap-4{column-gap:1.5rem!important}.column-gap-5{column-gap:3rem!important}button,a,input{outline:none!important}::-webkit-scrollbar{width:.5em}::-webkit-scrollbar-track{border-radius:10px}::-webkit-scrollbar-thumb{background:gray;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#4d4c4c}.icon-md{height:24px!important;width:24px!important;font-size:24px!important;margin:0 1px}.icon-sm{height:20px!important;width:20px!important;font-size:20px!important}.icon-xs{height:16px!important;width:16px!important;font-size:16px!important}.mat-icon-xl{height:40px!important;width:40px!important;font-size:40px!important}.mat-icon-20px{font-size:20px!important;height:20px!important;width:20px!important}.mat-small-icon{height:16px!important;width:16px!important;font-size:16px!important}.mat-btn-md{height:25px!important;padding:0 8px!important}.mdc-button__label{letter-spacing:normal!important}.mat-mdc-button .mat-icon{height:24px!important;width:24px!important;font-size:24px!important}.mat-button-toggle-group{height:48px!important;align-items:center}.mat-button-toggle-button{height:48px!important}.mat-button-toggle-label-content{padding:0 8px!important;font-size:14px!important}.mat-mdc-slide-toggle label{margin:0!important}.small-slide-toggle{transform:scale(.8);transform-origin:left center}.fs-8{font-size:8px!important}.fs-12{font-size:12px!important}.fs-13{font-size:13px!important}.fs-16{font-size:16px!important}.fs-18{font-size:18px!important}.clickable:hover{cursor:pointer}.mat-mdc-form-field-hint-wrapper{padding:0 4px!important}.mat-mdc-floating-label{pointer-events:none!important}.nil-subscript-wrapper .mat-mdc-form-field-subscript-wrapper{height:0!important}.create-another .mat-mdc-checkbox label{margin:0!important}.create-another .mdc-checkbox{padding:0!important}.create-another .mdc-checkbox__background{position:relative;top:0;left:0}.mat-mdc-form-field.mat-form-field-disabled .mat-mdc-input-element{color:#555!important;-webkit-text-fill-color:#555555!important}.mat-mdc-form-field.mat-form-field-disabled .mat-mdc-select-value{color:#555!important}.mat-mdc-card{transition:box-shadow .28s cubic-bezier(.4,0,.2,1);padding:16px}.mat-mdc-card-content{padding:0!important}.mat-mdc-dialog-surface{padding:24px}.mat-mdc-dialog-title{padding:0!important}.mat-mdc-dialog-title .mat-mdc-dialog-title:before{height:0!important}.mat-mdc-dialog-title *{position:relative;top:-30px!important}.mat-mdc-dialog-container .mat-mdc-dialog-title+.mat-mdc-dialog-content{padding-top:6px!important}.mdc-data-table__cell,.mdc-data-table__header-cell{padding:0 8px!important}.mat-column-actions .mat-mdc-icon-button{width:30px!important;height:30px!important;top:6px!important}.mat-column-actions .mat-mdc-icon-button .mat-icon{bottom:9px!important;right:9px!important}.mat-mdc-progress-bar{border-radius:2px}.chip-mini-grey{background-color:#d9d9d9!important;border-radius:3px;display:inline-block;padding:0 6px;font-size:13px}.chip-mini-outline{background-color:#fff!important;border-radius:3px;display:inline-block;padding:0 6px;outline:1px solid #bbb;font-size:13px}.techlify-badge-grey-outlined{background-color:#f2f3f5!important;font-weight:400!important;font-size:12px!important;color:#000!important}.techlify-badge-white-outlined{font-weight:400!important;font-size:12px!important;border-style:solid!important;border-width:thin!important;color:#000!important;border-color:#000!important}\n"] }]
|
|
29
29
|
}], ctorParameters: () => [{ type: i1.MatDialog }], propDecorators: { changeableType: [{
|
|
30
30
|
type: Input
|
|
31
31
|
}], changeableId: [{
|
|
@@ -240,7 +240,7 @@ let TimelineFilterComponent = class TimelineFilterComponent {
|
|
|
240
240
|
provide: MatFormFieldControl,
|
|
241
241
|
useExisting: TimelineFilterComponent
|
|
242
242
|
}
|
|
243
|
-
], viewQueries: [{ propertyName: "picker", first: true, predicate: ["picker"], descendants: true }], ngImport: i0, template: "<ng-container [formGroup]=\"selectorForm\">\n <mat-form-field [appearance]=\"appearance\" class=\"fl-sm\">\n <mat-label>{{labelText}}</mat-label>\n <mat-select formControlName=\"select_value\">\n <mat-option *ngFor=\"let timeline of timelines\" [value]=\"timeline.value\">\n {{timeline.viewValue}}\n </mat-option>\n </mat-select>\n <button *ngIf=\"showClearButton && timelineValue.value\" matSuffix mat-icon-button\n (click)=\"timelineValue.setValue('')\">\n <mat-icon>close</mat-icon>\n </button>\n <mat-hint *ngIf=\"isCustomSelected && selectedRangeLabel\" (click)=\"openCalendar()\" class=\"clickable d-flex\">\n <span [innerHTML]=\"selectedRangeLabel\" style=\"font-size: 10px;\"></span>\n <app-techlify-icon name=\"edit\" class=\"clickable\" size=\"xs\" style=\"margin-left:2px\"></app-techlify-icon>\n </mat-hint>\n <mat-hint *ngIf=\"isCustomSelected && !selectedRangeLabel\" (click)=\"openCalendar()\" class=\"clickable d-flex\">\n <span style=\"font-size: 10px;\">Select Range</span>\n <app-techlify-icon name=\"edit\" class=\"clickable\" size=\"xs\" style=\"margin-left:2px\"></app-techlify-icon>\n </mat-hint>\n <mat-date-range-input class=\"offscreen-range-input\" [rangePicker]=\"picker\">\n <input matStartDate formControlName=\"custom_date_from\" placeholder=\"From date\" readonly />\n <input matEndDate formControlName=\"custom_date_to\" placeholder=\"To date\" readonly />\n </mat-date-range-input>\n <mat-date-range-picker #picker></mat-date-range-picker>\n </mat-form-field>\n</ng-container>", styles: [".fl-md{width:200px!important}.fl-md .mat-mdc-form-field{width:100%!important}.fl-sm{width:150px!important}.fl-sm .mat-mdc-form-field{width:100%!important}.wpx-50{width:50px!important}.wpx-100{width:100px!important}.wpx-120{width:120px!important}.wpx-125{width:125px!important}.wpx-150{width:150px!important}.wpx-200{width:200px!important}.wpx-250{width:250px!important}.min-wpx-200{min-width:200px!important}.max-width-px-115{max-width:115px}.w-description{width:300px!important}.side-panel{width:300px!important;min-width:300px!important;flex-shrink:0!important}.h-250px{height:250px!important}.scroll-y{overflow-y:auto}.flex-basis-0{flex-basis:0}.flex-basis-5{flex-basis:5%}.flex-basis-8{flex-basis:8%}.flex-basis-10{flex-basis:10%}.flex-basis-15{flex-basis:15%}.flex-basis-20{flex-basis:20%}.flex-basis-25{flex-basis:25%}.flex-basis-30{flex-basis:30%}.flex-basis-35{flex-basis:35%}.flex-basis-40{flex-basis:40%}.flex-basis-45{flex-basis:45%}.flex-basis-48{flex-basis:48%}.flex-basis-49{flex-basis:49%}.flex-basis-50{flex-basis:50%}.flex-basis-60{flex-basis:60%}.flex-basis-65{flex-basis:65%}.flex-basis-70{flex-basis:70%}.flex-basis-80{flex-basis:80%}.flex-basis-90{flex-basis:90%}.flex-basis-95{flex-basis:95%}.flex-basis-100{flex-basis:100%}.flex-basis-50-minus-1rem{flex-basis:calc(50% - 1rem)}.flex-basis-50-minus-0-2rem{flex-basis:calc(50% - .2rem)}.flex-basis-20-minus-1rem{flex-basis:calc(20% - 1rem)}.flex-basis-15-minus-1rem{flex-basis:calc(15% - 1rem)}.flex-basis-50-minus-4px{flex-basis:calc(50% - 4px)}@media (min-width: 992px){.flex-lg-basis-50{flex-basis:50%}}@media (min-width: 1200px){.flex-xl-basis-30{flex-basis:30%}.flex-xl-basis-30-minus-1rem{flex:0 1 calc(30% - 1rem)}}.column-gap-1{column-gap:.25rem!important}.column-gap-2{column-gap:.5rem!important}.column-gap-3{column-gap:1rem!important}.column-gap-4{column-gap:1.5rem!important}.column-gap-5{column-gap:3rem!important}button,a,input{outline:none!important}::-webkit-scrollbar{width:.5em}::-webkit-scrollbar-track{border-radius:10px}::-webkit-scrollbar-thumb{background:gray;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#4d4c4c}.icon-md{height:24px!important;width:24px!important;font-size:24px!important;margin:0 1px}.icon-sm{height:20px!important;width:20px!important;font-size:20px!important}.icon-xs{height:16px!important;width:16px!important;font-size:16px!important}.mat-icon-xl{height:40px!important;width:40px!important;font-size:40px!important}.mat-icon-20px{font-size:20px!important;height:20px!important;width:20px!important}.mat-small-icon{height:16px!important;width:16px!important;font-size:16px!important}.mat-btn-md{height:25px!important;padding:0 8px!important}.mdc-button__label{letter-spacing:normal!important}.mat-mdc-button .mat-icon{height:24px!important;width:24px!important;font-size:24px!important}.mat-button-toggle-group{height:48px!important;align-items:center}.mat-button-toggle-button{height:48px!important}.mat-button-toggle-label-content{padding:0 8px!important;font-size:14px!important}.mat-mdc-slide-toggle label{margin:0!important}.small-slide-toggle{transform:scale(.8);transform-origin:left center}.fs-8{font-size:8px!important}.fs-12{font-size:12px!important}.fs-13{font-size:13px!important}.fs-16{font-size:16px!important}.fs-18{font-size:18px!important}.clickable:hover{cursor:pointer}.mat-mdc-form-field-hint-wrapper{padding:0 4px!important}.mat-mdc-floating-label{pointer-events:none!important}.nil-subscript-wrapper .mat-mdc-form-field-subscript-wrapper{height:0!important}.create-another .mat-mdc-checkbox label{margin:0!important}.create-another .mdc-checkbox{padding:0!important}.create-another .mdc-checkbox__background{position:relative;top:0;left:0}.mat-mdc-form-field.mat-form-field-disabled .mat-mdc-input-element{color:#555!important;-webkit-text-fill-color:#555555!important}.mat-mdc-form-field.mat-form-field-disabled .mat-mdc-select-value{color:#555!important}.mat-mdc-card{transition:box-shadow .28s cubic-bezier(.4,0,.2,1);padding:16px}.mat-mdc-card-content{padding:0!important}.mat-mdc-dialog-surface{padding:24px}.mat-mdc-dialog-title{padding:0!important}.mat-mdc-dialog-title .mat-mdc-dialog-title:before{height:0!important}.mat-mdc-dialog-title *{position:relative;top:-30px!important}.mat-mdc-dialog-container .mat-mdc-dialog-title+.mat-mdc-dialog-content{padding-top:6px!important}.mdc-data-table__cell,.mdc-data-table__header-cell{padding:0 8px!important}.mdc-data-table__row:last-child .mat-mdc-cell{border-bottom:inset!important}.mat-column-actions .mat-mdc-icon-button{width:30px!important;height:30px!important;top:6px!important}.mat-column-actions .mat-mdc-icon-button .mat-icon{bottom:9px!important;right:9px!important}.mat-mdc-progress-bar{border-radius:2px}.chip-mini-grey{background-color:#d9d9d9!important;border-radius:3px;display:inline-block;padding:0 6px;font-size:13px}.chip-mini-outline{background-color:#fff!important;border-radius:3px;display:inline-block;padding:0 6px;outline:1px solid #bbb;font-size:13px}.techlify-badge-grey-outlined{background-color:#f2f3f5!important;font-weight:400!important;font-size:12px!important;color:#000!important}.techlify-badge-white-outlined{font-weight:400!important;font-size:12px!important;border-style:solid!important;border-width:thin!important;color:#000!important;border-color:#000!important}.offscreen-range-input{position:absolute;opacity:0;pointer-events:none;display:flex!important}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.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: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i3.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "component", type: i4.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i5.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: i6.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i8.MatDateRangeInput, selector: "mat-date-range-input", inputs: ["rangePicker", "required", "dateFilter", "min", "max", "disabled", "separator", "comparisonStart", "comparisonEnd"], exportAs: ["matDateRangeInput"] }, { kind: "directive", type: i8.MatStartDate, selector: "input[matStartDate]", outputs: ["dateChange", "dateInput"] }, { kind: "directive", type: i8.MatEndDate, selector: "input[matEndDate]", outputs: ["dateChange", "dateInput"] }, { kind: "component", type: i8.MatDateRangePicker, selector: "mat-date-range-picker", exportAs: ["matDateRangePicker"] }, { kind: "component", type: i9.TechlifyIconComponent, selector: "app-techlify-icon", inputs: ["name", "size"] }] }); }
|
|
243
|
+
], viewQueries: [{ propertyName: "picker", first: true, predicate: ["picker"], descendants: true }], ngImport: i0, template: "<ng-container [formGroup]=\"selectorForm\">\n <mat-form-field [appearance]=\"appearance\" class=\"fl-sm\">\n <mat-label>{{labelText}}</mat-label>\n <mat-select formControlName=\"select_value\">\n <mat-option *ngFor=\"let timeline of timelines\" [value]=\"timeline.value\">\n {{timeline.viewValue}}\n </mat-option>\n </mat-select>\n <button *ngIf=\"showClearButton && timelineValue.value\" matSuffix mat-icon-button\n (click)=\"timelineValue.setValue('')\">\n <mat-icon>close</mat-icon>\n </button>\n <mat-hint *ngIf=\"isCustomSelected && selectedRangeLabel\" (click)=\"openCalendar()\" class=\"clickable d-flex\">\n <span [innerHTML]=\"selectedRangeLabel\" style=\"font-size: 10px;\"></span>\n <app-techlify-icon name=\"edit\" class=\"clickable\" size=\"xs\" style=\"margin-left:2px\"></app-techlify-icon>\n </mat-hint>\n <mat-hint *ngIf=\"isCustomSelected && !selectedRangeLabel\" (click)=\"openCalendar()\" class=\"clickable d-flex\">\n <span style=\"font-size: 10px;\">Select Range</span>\n <app-techlify-icon name=\"edit\" class=\"clickable\" size=\"xs\" style=\"margin-left:2px\"></app-techlify-icon>\n </mat-hint>\n <mat-date-range-input class=\"offscreen-range-input\" [rangePicker]=\"picker\">\n <input matStartDate formControlName=\"custom_date_from\" placeholder=\"From date\" readonly />\n <input matEndDate formControlName=\"custom_date_to\" placeholder=\"To date\" readonly />\n </mat-date-range-input>\n <mat-date-range-picker #picker></mat-date-range-picker>\n </mat-form-field>\n</ng-container>", styles: [".fl-md{width:200px!important}.fl-md .mat-mdc-form-field{width:100%!important}.fl-sm{width:150px!important}.fl-sm .mat-mdc-form-field{width:100%!important}.wpx-50{width:50px!important}.wpx-100{width:100px!important}.wpx-120{width:120px!important}.wpx-125{width:125px!important}.wpx-150{width:150px!important}.wpx-200{width:200px!important}.wpx-250{width:250px!important}.min-wpx-200{min-width:200px!important}.max-width-px-115{max-width:115px}.w-description{width:300px!important}.side-panel{width:300px!important;min-width:300px!important;flex-shrink:0!important}.h-250px{height:250px!important}.scroll-y{overflow-y:auto}.flex-basis-0{flex-basis:0}.flex-basis-5{flex-basis:5%}.flex-basis-8{flex-basis:8%}.flex-basis-10{flex-basis:10%}.flex-basis-15{flex-basis:15%}.flex-basis-20{flex-basis:20%}.flex-basis-25{flex-basis:25%}.flex-basis-30{flex-basis:30%}.flex-basis-35{flex-basis:35%}.flex-basis-40{flex-basis:40%}.flex-basis-45{flex-basis:45%}.flex-basis-48{flex-basis:48%}.flex-basis-49{flex-basis:49%}.flex-basis-50{flex-basis:50%}.flex-basis-60{flex-basis:60%}.flex-basis-65{flex-basis:65%}.flex-basis-70{flex-basis:70%}.flex-basis-80{flex-basis:80%}.flex-basis-90{flex-basis:90%}.flex-basis-95{flex-basis:95%}.flex-basis-100{flex-basis:100%}.flex-basis-50-minus-1rem{flex-basis:calc(50% - 1rem)}.flex-basis-50-minus-0-2rem{flex-basis:calc(50% - .2rem)}.flex-basis-20-minus-1rem{flex-basis:calc(20% - 1rem)}.flex-basis-15-minus-1rem{flex-basis:calc(15% - 1rem)}.flex-basis-50-minus-4px{flex-basis:calc(50% - 4px)}@media (min-width: 992px){.flex-lg-basis-50{flex-basis:50%}}@media (min-width: 1200px){.flex-xl-basis-30{flex-basis:30%}.flex-xl-basis-30-minus-1rem{flex:0 1 calc(30% - 1rem)}}.column-gap-1{column-gap:.25rem!important}.column-gap-2{column-gap:.5rem!important}.column-gap-3{column-gap:1rem!important}.column-gap-4{column-gap:1.5rem!important}.column-gap-5{column-gap:3rem!important}button,a,input{outline:none!important}::-webkit-scrollbar{width:.5em}::-webkit-scrollbar-track{border-radius:10px}::-webkit-scrollbar-thumb{background:gray;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#4d4c4c}.icon-md{height:24px!important;width:24px!important;font-size:24px!important;margin:0 1px}.icon-sm{height:20px!important;width:20px!important;font-size:20px!important}.icon-xs{height:16px!important;width:16px!important;font-size:16px!important}.mat-icon-xl{height:40px!important;width:40px!important;font-size:40px!important}.mat-icon-20px{font-size:20px!important;height:20px!important;width:20px!important}.mat-small-icon{height:16px!important;width:16px!important;font-size:16px!important}.mat-btn-md{height:25px!important;padding:0 8px!important}.mdc-button__label{letter-spacing:normal!important}.mat-mdc-button .mat-icon{height:24px!important;width:24px!important;font-size:24px!important}.mat-button-toggle-group{height:48px!important;align-items:center}.mat-button-toggle-button{height:48px!important}.mat-button-toggle-label-content{padding:0 8px!important;font-size:14px!important}.mat-mdc-slide-toggle label{margin:0!important}.small-slide-toggle{transform:scale(.8);transform-origin:left center}.fs-8{font-size:8px!important}.fs-12{font-size:12px!important}.fs-13{font-size:13px!important}.fs-16{font-size:16px!important}.fs-18{font-size:18px!important}.clickable:hover{cursor:pointer}.mat-mdc-form-field-hint-wrapper{padding:0 4px!important}.mat-mdc-floating-label{pointer-events:none!important}.nil-subscript-wrapper .mat-mdc-form-field-subscript-wrapper{height:0!important}.create-another .mat-mdc-checkbox label{margin:0!important}.create-another .mdc-checkbox{padding:0!important}.create-another .mdc-checkbox__background{position:relative;top:0;left:0}.mat-mdc-form-field.mat-form-field-disabled .mat-mdc-input-element{color:#555!important;-webkit-text-fill-color:#555555!important}.mat-mdc-form-field.mat-form-field-disabled .mat-mdc-select-value{color:#555!important}.mat-mdc-card{transition:box-shadow .28s cubic-bezier(.4,0,.2,1);padding:16px}.mat-mdc-card-content{padding:0!important}.mat-mdc-dialog-surface{padding:24px}.mat-mdc-dialog-title{padding:0!important}.mat-mdc-dialog-title .mat-mdc-dialog-title:before{height:0!important}.mat-mdc-dialog-title *{position:relative;top:-30px!important}.mat-mdc-dialog-container .mat-mdc-dialog-title+.mat-mdc-dialog-content{padding-top:6px!important}.mdc-data-table__cell,.mdc-data-table__header-cell{padding:0 8px!important}.mat-column-actions .mat-mdc-icon-button{width:30px!important;height:30px!important;top:6px!important}.mat-column-actions .mat-mdc-icon-button .mat-icon{bottom:9px!important;right:9px!important}.mat-mdc-progress-bar{border-radius:2px}.chip-mini-grey{background-color:#d9d9d9!important;border-radius:3px;display:inline-block;padding:0 6px;font-size:13px}.chip-mini-outline{background-color:#fff!important;border-radius:3px;display:inline-block;padding:0 6px;outline:1px solid #bbb;font-size:13px}.techlify-badge-grey-outlined{background-color:#f2f3f5!important;font-weight:400!important;font-size:12px!important;color:#000!important}.techlify-badge-white-outlined{font-weight:400!important;font-size:12px!important;border-style:solid!important;border-width:thin!important;color:#000!important;border-color:#000!important}.offscreen-range-input{position:absolute;opacity:0;pointer-events:none;display:flex!important}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.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: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i3.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "component", type: i4.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i5.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: i6.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i8.MatDateRangeInput, selector: "mat-date-range-input", inputs: ["rangePicker", "required", "dateFilter", "min", "max", "disabled", "separator", "comparisonStart", "comparisonEnd"], exportAs: ["matDateRangeInput"] }, { kind: "directive", type: i8.MatStartDate, selector: "input[matStartDate]", outputs: ["dateChange", "dateInput"] }, { kind: "directive", type: i8.MatEndDate, selector: "input[matEndDate]", outputs: ["dateChange", "dateInput"] }, { kind: "component", type: i8.MatDateRangePicker, selector: "mat-date-range-picker", exportAs: ["matDateRangePicker"] }, { kind: "component", type: i9.TechlifyIconComponent, selector: "app-techlify-icon", inputs: ["name", "size"] }] }); }
|
|
244
244
|
};
|
|
245
245
|
TimelineFilterComponent = TimelineFilterComponent_1 = __decorate([
|
|
246
246
|
UntilDestroy()
|
|
@@ -254,7 +254,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
|
|
|
254
254
|
provide: MatFormFieldControl,
|
|
255
255
|
useExisting: TimelineFilterComponent
|
|
256
256
|
}
|
|
257
|
-
], template: "<ng-container [formGroup]=\"selectorForm\">\n <mat-form-field [appearance]=\"appearance\" class=\"fl-sm\">\n <mat-label>{{labelText}}</mat-label>\n <mat-select formControlName=\"select_value\">\n <mat-option *ngFor=\"let timeline of timelines\" [value]=\"timeline.value\">\n {{timeline.viewValue}}\n </mat-option>\n </mat-select>\n <button *ngIf=\"showClearButton && timelineValue.value\" matSuffix mat-icon-button\n (click)=\"timelineValue.setValue('')\">\n <mat-icon>close</mat-icon>\n </button>\n <mat-hint *ngIf=\"isCustomSelected && selectedRangeLabel\" (click)=\"openCalendar()\" class=\"clickable d-flex\">\n <span [innerHTML]=\"selectedRangeLabel\" style=\"font-size: 10px;\"></span>\n <app-techlify-icon name=\"edit\" class=\"clickable\" size=\"xs\" style=\"margin-left:2px\"></app-techlify-icon>\n </mat-hint>\n <mat-hint *ngIf=\"isCustomSelected && !selectedRangeLabel\" (click)=\"openCalendar()\" class=\"clickable d-flex\">\n <span style=\"font-size: 10px;\">Select Range</span>\n <app-techlify-icon name=\"edit\" class=\"clickable\" size=\"xs\" style=\"margin-left:2px\"></app-techlify-icon>\n </mat-hint>\n <mat-date-range-input class=\"offscreen-range-input\" [rangePicker]=\"picker\">\n <input matStartDate formControlName=\"custom_date_from\" placeholder=\"From date\" readonly />\n <input matEndDate formControlName=\"custom_date_to\" placeholder=\"To date\" readonly />\n </mat-date-range-input>\n <mat-date-range-picker #picker></mat-date-range-picker>\n </mat-form-field>\n</ng-container>", styles: [".fl-md{width:200px!important}.fl-md .mat-mdc-form-field{width:100%!important}.fl-sm{width:150px!important}.fl-sm .mat-mdc-form-field{width:100%!important}.wpx-50{width:50px!important}.wpx-100{width:100px!important}.wpx-120{width:120px!important}.wpx-125{width:125px!important}.wpx-150{width:150px!important}.wpx-200{width:200px!important}.wpx-250{width:250px!important}.min-wpx-200{min-width:200px!important}.max-width-px-115{max-width:115px}.w-description{width:300px!important}.side-panel{width:300px!important;min-width:300px!important;flex-shrink:0!important}.h-250px{height:250px!important}.scroll-y{overflow-y:auto}.flex-basis-0{flex-basis:0}.flex-basis-5{flex-basis:5%}.flex-basis-8{flex-basis:8%}.flex-basis-10{flex-basis:10%}.flex-basis-15{flex-basis:15%}.flex-basis-20{flex-basis:20%}.flex-basis-25{flex-basis:25%}.flex-basis-30{flex-basis:30%}.flex-basis-35{flex-basis:35%}.flex-basis-40{flex-basis:40%}.flex-basis-45{flex-basis:45%}.flex-basis-48{flex-basis:48%}.flex-basis-49{flex-basis:49%}.flex-basis-50{flex-basis:50%}.flex-basis-60{flex-basis:60%}.flex-basis-65{flex-basis:65%}.flex-basis-70{flex-basis:70%}.flex-basis-80{flex-basis:80%}.flex-basis-90{flex-basis:90%}.flex-basis-95{flex-basis:95%}.flex-basis-100{flex-basis:100%}.flex-basis-50-minus-1rem{flex-basis:calc(50% - 1rem)}.flex-basis-50-minus-0-2rem{flex-basis:calc(50% - .2rem)}.flex-basis-20-minus-1rem{flex-basis:calc(20% - 1rem)}.flex-basis-15-minus-1rem{flex-basis:calc(15% - 1rem)}.flex-basis-50-minus-4px{flex-basis:calc(50% - 4px)}@media (min-width: 992px){.flex-lg-basis-50{flex-basis:50%}}@media (min-width: 1200px){.flex-xl-basis-30{flex-basis:30%}.flex-xl-basis-30-minus-1rem{flex:0 1 calc(30% - 1rem)}}.column-gap-1{column-gap:.25rem!important}.column-gap-2{column-gap:.5rem!important}.column-gap-3{column-gap:1rem!important}.column-gap-4{column-gap:1.5rem!important}.column-gap-5{column-gap:3rem!important}button,a,input{outline:none!important}::-webkit-scrollbar{width:.5em}::-webkit-scrollbar-track{border-radius:10px}::-webkit-scrollbar-thumb{background:gray;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#4d4c4c}.icon-md{height:24px!important;width:24px!important;font-size:24px!important;margin:0 1px}.icon-sm{height:20px!important;width:20px!important;font-size:20px!important}.icon-xs{height:16px!important;width:16px!important;font-size:16px!important}.mat-icon-xl{height:40px!important;width:40px!important;font-size:40px!important}.mat-icon-20px{font-size:20px!important;height:20px!important;width:20px!important}.mat-small-icon{height:16px!important;width:16px!important;font-size:16px!important}.mat-btn-md{height:25px!important;padding:0 8px!important}.mdc-button__label{letter-spacing:normal!important}.mat-mdc-button .mat-icon{height:24px!important;width:24px!important;font-size:24px!important}.mat-button-toggle-group{height:48px!important;align-items:center}.mat-button-toggle-button{height:48px!important}.mat-button-toggle-label-content{padding:0 8px!important;font-size:14px!important}.mat-mdc-slide-toggle label{margin:0!important}.small-slide-toggle{transform:scale(.8);transform-origin:left center}.fs-8{font-size:8px!important}.fs-12{font-size:12px!important}.fs-13{font-size:13px!important}.fs-16{font-size:16px!important}.fs-18{font-size:18px!important}.clickable:hover{cursor:pointer}.mat-mdc-form-field-hint-wrapper{padding:0 4px!important}.mat-mdc-floating-label{pointer-events:none!important}.nil-subscript-wrapper .mat-mdc-form-field-subscript-wrapper{height:0!important}.create-another .mat-mdc-checkbox label{margin:0!important}.create-another .mdc-checkbox{padding:0!important}.create-another .mdc-checkbox__background{position:relative;top:0;left:0}.mat-mdc-form-field.mat-form-field-disabled .mat-mdc-input-element{color:#555!important;-webkit-text-fill-color:#555555!important}.mat-mdc-form-field.mat-form-field-disabled .mat-mdc-select-value{color:#555!important}.mat-mdc-card{transition:box-shadow .28s cubic-bezier(.4,0,.2,1);padding:16px}.mat-mdc-card-content{padding:0!important}.mat-mdc-dialog-surface{padding:24px}.mat-mdc-dialog-title{padding:0!important}.mat-mdc-dialog-title .mat-mdc-dialog-title:before{height:0!important}.mat-mdc-dialog-title *{position:relative;top:-30px!important}.mat-mdc-dialog-container .mat-mdc-dialog-title+.mat-mdc-dialog-content{padding-top:6px!important}.mdc-data-table__cell,.mdc-data-table__header-cell{padding:0 8px!important}.
|
|
257
|
+
], template: "<ng-container [formGroup]=\"selectorForm\">\n <mat-form-field [appearance]=\"appearance\" class=\"fl-sm\">\n <mat-label>{{labelText}}</mat-label>\n <mat-select formControlName=\"select_value\">\n <mat-option *ngFor=\"let timeline of timelines\" [value]=\"timeline.value\">\n {{timeline.viewValue}}\n </mat-option>\n </mat-select>\n <button *ngIf=\"showClearButton && timelineValue.value\" matSuffix mat-icon-button\n (click)=\"timelineValue.setValue('')\">\n <mat-icon>close</mat-icon>\n </button>\n <mat-hint *ngIf=\"isCustomSelected && selectedRangeLabel\" (click)=\"openCalendar()\" class=\"clickable d-flex\">\n <span [innerHTML]=\"selectedRangeLabel\" style=\"font-size: 10px;\"></span>\n <app-techlify-icon name=\"edit\" class=\"clickable\" size=\"xs\" style=\"margin-left:2px\"></app-techlify-icon>\n </mat-hint>\n <mat-hint *ngIf=\"isCustomSelected && !selectedRangeLabel\" (click)=\"openCalendar()\" class=\"clickable d-flex\">\n <span style=\"font-size: 10px;\">Select Range</span>\n <app-techlify-icon name=\"edit\" class=\"clickable\" size=\"xs\" style=\"margin-left:2px\"></app-techlify-icon>\n </mat-hint>\n <mat-date-range-input class=\"offscreen-range-input\" [rangePicker]=\"picker\">\n <input matStartDate formControlName=\"custom_date_from\" placeholder=\"From date\" readonly />\n <input matEndDate formControlName=\"custom_date_to\" placeholder=\"To date\" readonly />\n </mat-date-range-input>\n <mat-date-range-picker #picker></mat-date-range-picker>\n </mat-form-field>\n</ng-container>", styles: [".fl-md{width:200px!important}.fl-md .mat-mdc-form-field{width:100%!important}.fl-sm{width:150px!important}.fl-sm .mat-mdc-form-field{width:100%!important}.wpx-50{width:50px!important}.wpx-100{width:100px!important}.wpx-120{width:120px!important}.wpx-125{width:125px!important}.wpx-150{width:150px!important}.wpx-200{width:200px!important}.wpx-250{width:250px!important}.min-wpx-200{min-width:200px!important}.max-width-px-115{max-width:115px}.w-description{width:300px!important}.side-panel{width:300px!important;min-width:300px!important;flex-shrink:0!important}.h-250px{height:250px!important}.scroll-y{overflow-y:auto}.flex-basis-0{flex-basis:0}.flex-basis-5{flex-basis:5%}.flex-basis-8{flex-basis:8%}.flex-basis-10{flex-basis:10%}.flex-basis-15{flex-basis:15%}.flex-basis-20{flex-basis:20%}.flex-basis-25{flex-basis:25%}.flex-basis-30{flex-basis:30%}.flex-basis-35{flex-basis:35%}.flex-basis-40{flex-basis:40%}.flex-basis-45{flex-basis:45%}.flex-basis-48{flex-basis:48%}.flex-basis-49{flex-basis:49%}.flex-basis-50{flex-basis:50%}.flex-basis-60{flex-basis:60%}.flex-basis-65{flex-basis:65%}.flex-basis-70{flex-basis:70%}.flex-basis-80{flex-basis:80%}.flex-basis-90{flex-basis:90%}.flex-basis-95{flex-basis:95%}.flex-basis-100{flex-basis:100%}.flex-basis-50-minus-1rem{flex-basis:calc(50% - 1rem)}.flex-basis-50-minus-0-2rem{flex-basis:calc(50% - .2rem)}.flex-basis-20-minus-1rem{flex-basis:calc(20% - 1rem)}.flex-basis-15-minus-1rem{flex-basis:calc(15% - 1rem)}.flex-basis-50-minus-4px{flex-basis:calc(50% - 4px)}@media (min-width: 992px){.flex-lg-basis-50{flex-basis:50%}}@media (min-width: 1200px){.flex-xl-basis-30{flex-basis:30%}.flex-xl-basis-30-minus-1rem{flex:0 1 calc(30% - 1rem)}}.column-gap-1{column-gap:.25rem!important}.column-gap-2{column-gap:.5rem!important}.column-gap-3{column-gap:1rem!important}.column-gap-4{column-gap:1.5rem!important}.column-gap-5{column-gap:3rem!important}button,a,input{outline:none!important}::-webkit-scrollbar{width:.5em}::-webkit-scrollbar-track{border-radius:10px}::-webkit-scrollbar-thumb{background:gray;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#4d4c4c}.icon-md{height:24px!important;width:24px!important;font-size:24px!important;margin:0 1px}.icon-sm{height:20px!important;width:20px!important;font-size:20px!important}.icon-xs{height:16px!important;width:16px!important;font-size:16px!important}.mat-icon-xl{height:40px!important;width:40px!important;font-size:40px!important}.mat-icon-20px{font-size:20px!important;height:20px!important;width:20px!important}.mat-small-icon{height:16px!important;width:16px!important;font-size:16px!important}.mat-btn-md{height:25px!important;padding:0 8px!important}.mdc-button__label{letter-spacing:normal!important}.mat-mdc-button .mat-icon{height:24px!important;width:24px!important;font-size:24px!important}.mat-button-toggle-group{height:48px!important;align-items:center}.mat-button-toggle-button{height:48px!important}.mat-button-toggle-label-content{padding:0 8px!important;font-size:14px!important}.mat-mdc-slide-toggle label{margin:0!important}.small-slide-toggle{transform:scale(.8);transform-origin:left center}.fs-8{font-size:8px!important}.fs-12{font-size:12px!important}.fs-13{font-size:13px!important}.fs-16{font-size:16px!important}.fs-18{font-size:18px!important}.clickable:hover{cursor:pointer}.mat-mdc-form-field-hint-wrapper{padding:0 4px!important}.mat-mdc-floating-label{pointer-events:none!important}.nil-subscript-wrapper .mat-mdc-form-field-subscript-wrapper{height:0!important}.create-another .mat-mdc-checkbox label{margin:0!important}.create-another .mdc-checkbox{padding:0!important}.create-another .mdc-checkbox__background{position:relative;top:0;left:0}.mat-mdc-form-field.mat-form-field-disabled .mat-mdc-input-element{color:#555!important;-webkit-text-fill-color:#555555!important}.mat-mdc-form-field.mat-form-field-disabled .mat-mdc-select-value{color:#555!important}.mat-mdc-card{transition:box-shadow .28s cubic-bezier(.4,0,.2,1);padding:16px}.mat-mdc-card-content{padding:0!important}.mat-mdc-dialog-surface{padding:24px}.mat-mdc-dialog-title{padding:0!important}.mat-mdc-dialog-title .mat-mdc-dialog-title:before{height:0!important}.mat-mdc-dialog-title *{position:relative;top:-30px!important}.mat-mdc-dialog-container .mat-mdc-dialog-title+.mat-mdc-dialog-content{padding-top:6px!important}.mdc-data-table__cell,.mdc-data-table__header-cell{padding:0 8px!important}.mat-column-actions .mat-mdc-icon-button{width:30px!important;height:30px!important;top:6px!important}.mat-column-actions .mat-mdc-icon-button .mat-icon{bottom:9px!important;right:9px!important}.mat-mdc-progress-bar{border-radius:2px}.chip-mini-grey{background-color:#d9d9d9!important;border-radius:3px;display:inline-block;padding:0 6px;font-size:13px}.chip-mini-outline{background-color:#fff!important;border-radius:3px;display:inline-block;padding:0 6px;outline:1px solid #bbb;font-size:13px}.techlify-badge-grey-outlined{background-color:#f2f3f5!important;font-weight:400!important;font-size:12px!important;color:#000!important}.techlify-badge-white-outlined{font-weight:400!important;font-size:12px!important;border-style:solid!important;border-width:thin!important;color:#000!important;border-color:#000!important}.offscreen-range-input{position:absolute;opacity:0;pointer-events:none;display:flex!important}\n"] }]
|
|
258
258
|
}], ctorParameters: () => [{ type: i1.UntypedFormBuilder }, { type: i1.NgControl, decorators: [{
|
|
259
259
|
type: Optional
|
|
260
260
|
}, {
|