ngx-techlify-core 18.94.0 → 18.95.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/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 +25 -17
- package/fesm2022/ngx-techlify-core.mjs.map +1 -1
- package/lib/base-model/techlify-list/techlify-list.component.d.ts +5 -0
- package/package.json +1 -1
- package/styles/html-elements.scss +0 -5
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { Component, Inject, Injectable, EventEmitter, inject, Directive, Optional, Input, Output, ElementRef, ViewChild, InjectionToken, Self, NgModule, input, output, Pipe, signal, SkipSelf, ViewEncapsulation, forwardRef, numberAttribute, computed, booleanAttribute, effect, ContentChild } from '@angular/core';
|
|
2
|
+
import { Component, Inject, Injectable, EventEmitter, inject, Directive, Optional, Input, Output, ElementRef, HostAttributeToken, ViewChild, InjectionToken, Self, NgModule, input, output, Pipe, signal, SkipSelf, ViewEncapsulation, forwardRef, numberAttribute, computed, booleanAttribute, effect, ContentChild } from '@angular/core';
|
|
3
3
|
import * as i1 from '@angular/material/dialog';
|
|
4
4
|
import { MAT_DIALOG_DATA, MatDialogModule } from '@angular/material/dialog';
|
|
5
5
|
import * as i6 from '@angular/material/button';
|
|
@@ -814,12 +814,19 @@ class TechlifyListComponent {
|
|
|
814
814
|
this.titleService = inject(Title, { optional: true });
|
|
815
815
|
this.environmentService = inject(EnvironmentService, { optional: true });
|
|
816
816
|
this.hostElement = inject(ElementRef, { optional: true });
|
|
817
|
+
/**
|
|
818
|
+
* Set isSetPageTitle="false" on a listing embedded in a page that sets its own title, so the
|
|
819
|
+
* listing leaves the browser tab title alone.
|
|
820
|
+
*/
|
|
821
|
+
this.isSetPageTitle = inject(new HostAttributeToken('isSetPageTitle'), { optional: true }) !== 'false';
|
|
817
822
|
//Request helper service to inherited and overriden if needed
|
|
818
823
|
this.requestHelperService = inject(RequestHelperService, { optional: true });
|
|
819
|
-
|
|
820
|
-
|
|
821
|
-
|
|
822
|
-
|
|
824
|
+
if (this.isSetPageTitle) {
|
|
825
|
+
const resolvedTitle = this.pageTitle && this.pageTitle.trim().length > 0
|
|
826
|
+
? this.pageTitle
|
|
827
|
+
: this.environmentService?.get().appTitle;
|
|
828
|
+
this.titleService?.setTitle(resolvedTitle);
|
|
829
|
+
}
|
|
823
830
|
}
|
|
824
831
|
/**
|
|
825
832
|
* Function that listens for any changes in the filter form group
|
|
@@ -3117,6 +3124,7 @@ class TechlifyIconComponent {
|
|
|
3117
3124
|
table: 'fas fa-table',
|
|
3118
3125
|
multi_calendar: 'fas fa-calendar-alt',
|
|
3119
3126
|
link: 'fas fa-link',
|
|
3127
|
+
link_external: 'fas fa-arrow-up fa-rotate-by rotate-45-deg',
|
|
3120
3128
|
reset: 'fas fa-redo',
|
|
3121
3129
|
phone: 'fas fa-phone',
|
|
3122
3130
|
location: 'fas fa-map-marker-alt',
|
|
@@ -3147,11 +3155,11 @@ class TechlifyIconComponent {
|
|
|
3147
3155
|
return this.customIconList.includes(name);
|
|
3148
3156
|
}
|
|
3149
3157
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TechlifyIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3150
|
-
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: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: CustomIconComponent, selector: "app-custom-icon", inputs: ["name"] }] }); }
|
|
3158
|
+
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: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: CustomIconComponent, selector: "app-custom-icon", inputs: ["name"] }] }); }
|
|
3151
3159
|
}
|
|
3152
3160
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TechlifyIconComponent, decorators: [{
|
|
3153
3161
|
type: Component,
|
|
3154
|
-
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"] }]
|
|
3162
|
+
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"] }]
|
|
3155
3163
|
}], propDecorators: { name: [{
|
|
3156
3164
|
type: Input
|
|
3157
3165
|
}], size: [{
|
|
@@ -4058,7 +4066,7 @@ let TimelineFilterComponent = class TimelineFilterComponent {
|
|
|
4058
4066
|
provide: MatFormFieldControl,
|
|
4059
4067
|
useExisting: TimelineFilterComponent
|
|
4060
4068
|
}
|
|
4061
|
-
], 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: i3.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: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i8$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i8$1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i8$1.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i8$1.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "component", type: i11$1.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: i4$2.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: i11.MatDateRangeInput, selector: "mat-date-range-input", inputs: ["rangePicker", "required", "dateFilter", "min", "max", "disabled", "separator", "comparisonStart", "comparisonEnd"], exportAs: ["matDateRangeInput"] }, { kind: "directive", type: i11.MatStartDate, selector: "input[matStartDate]", outputs: ["dateChange", "dateInput"] }, { kind: "directive", type: i11.MatEndDate, selector: "input[matEndDate]", outputs: ["dateChange", "dateInput"] }, { kind: "component", type: i11.MatDateRangePicker, selector: "mat-date-range-picker", exportAs: ["matDateRangePicker"] }, { kind: "component", type: TechlifyIconComponent, selector: "app-techlify-icon", inputs: ["name", "size"] }] }); }
|
|
4069
|
+
], 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: i3.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: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i8$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i8$1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i8$1.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i8$1.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "component", type: i11$1.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: i4$2.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: i11.MatDateRangeInput, selector: "mat-date-range-input", inputs: ["rangePicker", "required", "dateFilter", "min", "max", "disabled", "separator", "comparisonStart", "comparisonEnd"], exportAs: ["matDateRangeInput"] }, { kind: "directive", type: i11.MatStartDate, selector: "input[matStartDate]", outputs: ["dateChange", "dateInput"] }, { kind: "directive", type: i11.MatEndDate, selector: "input[matEndDate]", outputs: ["dateChange", "dateInput"] }, { kind: "component", type: i11.MatDateRangePicker, selector: "mat-date-range-picker", exportAs: ["matDateRangePicker"] }, { kind: "component", type: TechlifyIconComponent, selector: "app-techlify-icon", inputs: ["name", "size"] }] }); }
|
|
4062
4070
|
};
|
|
4063
4071
|
TimelineFilterComponent = TimelineFilterComponent_1 = __decorate([
|
|
4064
4072
|
UntilDestroy()
|
|
@@ -4071,7 +4079,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
|
|
|
4071
4079
|
provide: MatFormFieldControl,
|
|
4072
4080
|
useExisting: TimelineFilterComponent
|
|
4073
4081
|
}
|
|
4074
|
-
], 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}.
|
|
4082
|
+
], 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"] }]
|
|
4075
4083
|
}], ctorParameters: () => [{ type: i3.UntypedFormBuilder }, { type: i3.NgControl, decorators: [{
|
|
4076
4084
|
type: Optional
|
|
4077
4085
|
}, {
|
|
@@ -4526,11 +4534,11 @@ class ExportExcelButtonComponent {
|
|
|
4526
4534
|
});
|
|
4527
4535
|
}
|
|
4528
4536
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ExportExcelButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4529
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: ExportExcelButtonComponent, selector: "app-export-excel-button", inputs: { isCSV: "isCSV", iconName: "iconName", fileName: "fileName", data: "data", tableId: "tableId", isParseNumeric: "isParseNumeric" }, outputs: { isExportingToExcel: "isExportingToExcel" }, ngImport: i0, template: "<app-techlify-icon class=\"clickable d-print-none\" *ngIf=\"!isWorking\" [name]=\"iconName\" (click)=\"exportToExcel()\"\n matTooltip=\"Excel Export\">\n</app-techlify-icon>", 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}.
|
|
4537
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: ExportExcelButtonComponent, selector: "app-export-excel-button", inputs: { isCSV: "isCSV", iconName: "iconName", fileName: "fileName", data: "data", tableId: "tableId", isParseNumeric: "isParseNumeric" }, outputs: { isExportingToExcel: "isExportingToExcel" }, ngImport: i0, template: "<app-techlify-icon class=\"clickable d-print-none\" *ngIf=\"!isWorking\" [name]=\"iconName\" (click)=\"exportToExcel()\"\n matTooltip=\"Excel Export\">\n</app-techlify-icon>", 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}:host{display:flex;align-content:center}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i15.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: TechlifyIconComponent, selector: "app-techlify-icon", inputs: ["name", "size"] }] }); }
|
|
4530
4538
|
}
|
|
4531
4539
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ExportExcelButtonComponent, decorators: [{
|
|
4532
4540
|
type: Component,
|
|
4533
|
-
args: [{ selector: 'app-export-excel-button', template: "<app-techlify-icon class=\"clickable d-print-none\" *ngIf=\"!isWorking\" [name]=\"iconName\" (click)=\"exportToExcel()\"\n matTooltip=\"Excel Export\">\n</app-techlify-icon>", 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}.
|
|
4541
|
+
args: [{ selector: 'app-export-excel-button', template: "<app-techlify-icon class=\"clickable d-print-none\" *ngIf=\"!isWorking\" [name]=\"iconName\" (click)=\"exportToExcel()\"\n matTooltip=\"Excel Export\">\n</app-techlify-icon>", 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}:host{display:flex;align-content:center}\n"] }]
|
|
4534
4542
|
}], ctorParameters: () => [], propDecorators: { isCSV: [{
|
|
4535
4543
|
type: Input
|
|
4536
4544
|
}], iconName: [{
|
|
@@ -7871,11 +7879,11 @@ class AuditLogForModelComponent {
|
|
|
7871
7879
|
});
|
|
7872
7880
|
}
|
|
7873
7881
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AuditLogForModelComponent, deps: [{ token: i1.MatDialog }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7874
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: AuditLogForModelComponent, selector: "app-audit-log-for-model", inputs: { isIconView: "isIconView", modelType: "modelType", modelId: "modelId", logView: "logView" }, ngImport: i0, template: "<ng-container *ngIf=\"isIconView\">\n <app-techlify-icon *ngIf=\"logView==='recent'\" name=\"history\" matTooltip=\"Recent Audit Log\"\n (click)=\"$event.stopPropagation();getLogView()\" class=\"clickable\"></app-techlify-icon>\n <app-techlify-icon *ngIf=\"logView==='all'\" name=\"history\" matTooltip=\"All Audit Logs\"\n (click)=\"$event.stopPropagation();getLogsView()\" class=\"clickable\"></app-techlify-icon>\n</ng-container>\n\n\n<ng-container *ngIf=\"!isIconView\">\n <button type=\"button\" *ngIf=\"logView==='recent'\" mat-icon-button matTooltip=\"Recent Audit Log\"\n (click)=\"$event.stopPropagation();getLogView()\">\n <mat-icon>history</mat-icon>\n </button>\n\n <button type=\"button\" *ngIf=\"logView==='all'\" mat-icon-button matTooltip=\"All Audit Logs\"\n (click)=\"$event.stopPropagation();getLogsView()\">\n <mat-icon>history</mat-icon>\n </button>\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}.
|
|
7882
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: AuditLogForModelComponent, selector: "app-audit-log-for-model", inputs: { isIconView: "isIconView", modelType: "modelType", modelId: "modelId", logView: "logView" }, ngImport: i0, template: "<ng-container *ngIf=\"isIconView\">\n <app-techlify-icon *ngIf=\"logView==='recent'\" name=\"history\" matTooltip=\"Recent Audit Log\"\n (click)=\"$event.stopPropagation();getLogView()\" class=\"clickable\"></app-techlify-icon>\n <app-techlify-icon *ngIf=\"logView==='all'\" name=\"history\" matTooltip=\"All Audit Logs\"\n (click)=\"$event.stopPropagation();getLogsView()\" class=\"clickable\"></app-techlify-icon>\n</ng-container>\n\n\n<ng-container *ngIf=\"!isIconView\">\n <button type=\"button\" *ngIf=\"logView==='recent'\" mat-icon-button matTooltip=\"Recent Audit Log\"\n (click)=\"$event.stopPropagation();getLogView()\">\n <mat-icon>history</mat-icon>\n </button>\n\n <button type=\"button\" *ngIf=\"logView==='all'\" mat-icon-button matTooltip=\"All Audit Logs\"\n (click)=\"$event.stopPropagation();getLogsView()\">\n <mat-icon>history</mat-icon>\n </button>\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}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: "directive", type: i15.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: TechlifyIconComponent, selector: "app-techlify-icon", inputs: ["name", "size"] }] }); }
|
|
7875
7883
|
}
|
|
7876
7884
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AuditLogForModelComponent, decorators: [{
|
|
7877
7885
|
type: Component,
|
|
7878
|
-
args: [{ selector: 'app-audit-log-for-model', template: "<ng-container *ngIf=\"isIconView\">\n <app-techlify-icon *ngIf=\"logView==='recent'\" name=\"history\" matTooltip=\"Recent Audit Log\"\n (click)=\"$event.stopPropagation();getLogView()\" class=\"clickable\"></app-techlify-icon>\n <app-techlify-icon *ngIf=\"logView==='all'\" name=\"history\" matTooltip=\"All Audit Logs\"\n (click)=\"$event.stopPropagation();getLogsView()\" class=\"clickable\"></app-techlify-icon>\n</ng-container>\n\n\n<ng-container *ngIf=\"!isIconView\">\n <button type=\"button\" *ngIf=\"logView==='recent'\" mat-icon-button matTooltip=\"Recent Audit Log\"\n (click)=\"$event.stopPropagation();getLogView()\">\n <mat-icon>history</mat-icon>\n </button>\n\n <button type=\"button\" *ngIf=\"logView==='all'\" mat-icon-button matTooltip=\"All Audit Logs\"\n (click)=\"$event.stopPropagation();getLogsView()\">\n <mat-icon>history</mat-icon>\n </button>\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}.
|
|
7886
|
+
args: [{ selector: 'app-audit-log-for-model', template: "<ng-container *ngIf=\"isIconView\">\n <app-techlify-icon *ngIf=\"logView==='recent'\" name=\"history\" matTooltip=\"Recent Audit Log\"\n (click)=\"$event.stopPropagation();getLogView()\" class=\"clickable\"></app-techlify-icon>\n <app-techlify-icon *ngIf=\"logView==='all'\" name=\"history\" matTooltip=\"All Audit Logs\"\n (click)=\"$event.stopPropagation();getLogsView()\" class=\"clickable\"></app-techlify-icon>\n</ng-container>\n\n\n<ng-container *ngIf=\"!isIconView\">\n <button type=\"button\" *ngIf=\"logView==='recent'\" mat-icon-button matTooltip=\"Recent Audit Log\"\n (click)=\"$event.stopPropagation();getLogView()\">\n <mat-icon>history</mat-icon>\n </button>\n\n <button type=\"button\" *ngIf=\"logView==='all'\" mat-icon-button matTooltip=\"All Audit Logs\"\n (click)=\"$event.stopPropagation();getLogsView()\">\n <mat-icon>history</mat-icon>\n </button>\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}\n"] }]
|
|
7879
7887
|
}], ctorParameters: () => [{ type: i1.MatDialog }], propDecorators: { isIconView: [{
|
|
7880
7888
|
type: Input
|
|
7881
7889
|
}], modelType: [{
|
|
@@ -15386,11 +15394,11 @@ class TimelineActivityButtonComponent {
|
|
|
15386
15394
|
});
|
|
15387
15395
|
}
|
|
15388
15396
|
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 }); }
|
|
15389
|
-
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}.
|
|
15397
|
+
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: i15.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: TechlifyIconComponent, selector: "app-techlify-icon", inputs: ["name", "size"] }, { kind: "component", type: TimelineActivityListComponent, selector: "app-timeline-activity-list", inputs: ["changeableType", "changeableId", "timelineableType", "timelineableId", "timelineableDisplayField", "scrollContainer", "title"] }] }); }
|
|
15390
15398
|
}
|
|
15391
15399
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TimelineActivityButtonComponent, decorators: [{
|
|
15392
15400
|
type: Component,
|
|
15393
|
-
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}.
|
|
15401
|
+
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"] }]
|
|
15394
15402
|
}], ctorParameters: () => [{ type: i1.MatDialog }], propDecorators: { changeableType: [{
|
|
15395
15403
|
type: Input
|
|
15396
15404
|
}], changeableId: [{
|
|
@@ -16082,7 +16090,7 @@ class TechlifyTaggerTagListComponent extends TechlifyListComponent {
|
|
|
16082
16090
|
this.listenFilterChanges();
|
|
16083
16091
|
}
|
|
16084
16092
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TechlifyTaggerTagListComponent, deps: [{ token: TagService }, { token: i3.UntypedFormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
16085
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: TechlifyTaggerTagListComponent, isStandalone: true, selector: "app-techlify-tagger-tag-list", usesInheritance: true, ngImport: i0, template: "<div class=\"m-2 d-flex flex-column\">\n <mat-card appearance=\"outlined\" class=\"d-flex gap-2 justify-content-start align-items-center\">\n <div class=\"d-flex justify-content-start align-items-center\">\n <h5 class=\"m-0\">Tags</h5>\n <app-techlify-tagger-tag-form (success)=\"modelCreated($event)\" *ngxPermissionsOnly=\"['tag.create']\"\n class=\"ms-2\"></app-techlify-tagger-tag-form>\n </div>\n <span class=\"flex-fill\"></span>\n <div>\n <form [formGroup]=\"filterForm\" class=\"d-flex gap-2\">\n <mat-form-field appearance=\"outline\" class=\"fl-md\">\n <mat-label>Search Tags</mat-label>\n <input type=\"text\" matInput formControlName=\"search\" placeholder=\"Search records\" name=\"search\"\n autocomplete=\"off\" />\n <button *ngIf=\"filterForm.get('search').value\" matSuffix mat-icon-button\n (click)=\"filterForm.get('search').setValue('')\">\n <mat-icon>close</mat-icon>\n </button>\n </mat-form-field>\n <mat-form-field class='fl-sm'>\n <mat-label>Category</mat-label>\n <app-searchable-selector formControlName=\"category_ids\" apiUrl=\"api/techlify-tagger-categories\"\n [multiple]=\"true\">\n </app-searchable-selector>\n <button *ngIf=\"filterForm.get('category_ids').value\" matSuffix mat-icon-button\n (click)=\"filterForm.get('category_ids').setValue('')\">\n <mat-icon>close</mat-icon>\n </button>\n </mat-form-field>\n </form>\n </div>\n </mat-card>\n <mat-card appearance=\"outlined\" class=\"mt-2 p-0\">\n <table mat-table matSort [dataSource]=\"models\" class=\"w-100\" infiniteScroll [infiniteScrollDistance]=\"2\"\n [infiniteScrollThrottle]=\"50\" (scrolled)=\"onScroll()\" (matSortChange)=\"sortColumn($event)\">\n\n\n <!-- Index Column -->\n <ng-container matColumnDef=\"index\">\n <th mat-header-cell *matHeaderCellDef> # </th>\n <td mat-cell *matCellDef=\"let element; let i = index\"> {{ i+1}} </td>\n </ng-container>\n\n <!-- Title Column -->\n <ng-container matColumnDef=\"title\">\n <th mat-header-cell *matHeaderCellDef mat-sort-header disableClear> Title </th>\n <td mat-cell *matCellDef=\"let element\"> {{element.title}}\n <div *ngIf=\"element?.description\" class=\"text-secondary\">\n <small>{{element?.description}}</small>\n </div>\n </td>\n </ng-container>\n\n <!-- Category Column -->\n <ng-container matColumnDef=\"category\">\n <th mat-header-cell *matHeaderCellDef> Category </th>\n <td mat-cell *matCellDef=\"let element\"> {{element.category?.title}}\n <div *ngIf=\"element?.category?.description\" class=\"text-secondary\">\n <small>{{element?.category?.description}}</small>\n </div>\n </td>\n </ng-container>\n\n <ng-container matColumnDef=\"tagged_count\">\n <th mat-header-cell *matHeaderCellDef> Tagged </th>\n <td mat-cell *matCellDef=\"let element\">\n <span *ngIf=\"element?.tagged_count\">{{element.tagged_count}}\n records\n </span>\n </td>\n </ng-container>\n\n <!-- Creator Column -->\n <ng-container matColumnDef=\"creator\">\n <th mat-header-cell *matHeaderCellDef> Creator </th>\n <td mat-cell *matCellDef=\"let element\">\n <div>{{element.creator?.name}} </div>\n <div><small class=\"text-muted\">on {{element.created_at | date: 'mediumDate'}} </small></div>\n </td>\n </ng-container>\n\n <!-- Actions Column -->\n <ng-container matColumnDef=\"actions\">\n <th mat-header-cell *matHeaderCellDef> Actions </th>\n <td mat-cell *matCellDef=\"let element; let i = dataIndex\" class=\"text-secondary\">\n <app-audit-log-for-model modelType=\"TechlifyTaggerTag\" [modelId]=\"element?.id\" logView=\"all\"\n [isIconView]=\"true\">\n </app-audit-log-for-model>\n\n <app-techlify-tagger-tag-form (success)=\"modelsUpdatedById($event)\" [tagInfo]=\"element\"\n *ngxPermissionsOnly=\"['tag.update']\" class=\"ms-1\"></app-techlify-tagger-tag-form>\n\n <ng-container *ngIf=\"!element?.tagged_count\">\n <app-techlify-delete-button *ngxPermissionsOnly=\"['tag.delete']\" class='text-secondary ms-1'\n [model]=\"element\" [service]=\"tagService\"\n message=\"Deleting this tag cannot be undone. Are you sure you want to continue?\"\n (deleted)=\"modelsDeletedById(element)\">\n </app-techlify-delete-button>\n </ng-container>\n </td>\n </ng-container>\n <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\n <tr mat-row *matRowDef=\"let row; columns: displayedColumns;\"></tr>\n </table>\n </mat-card>\n <mat-progress-bar mode=\"indeterminate\" *ngIf=\"this.isWorking\"></mat-progress-bar>\n</div>", styles: [""], dependencies: [{ kind: "ngmodule", type: SharedModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.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: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i7$1.InfiniteScrollDirective, selector: "[infiniteScroll], [infinite-scroll], [data-infinite-scroll]", inputs: ["infiniteScrollDistance", "infiniteScrollUpDistance", "infiniteScrollThrottle", "infiniteScrollDisabled", "infiniteScrollContainer", "scrollWindow", "immediateCheck", "horizontal", "alwaysCallback", "fromRoot"], outputs: ["scrolled", "scrolledUp"] }, { kind: "component", type: i6.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i8$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i8$1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i8$1.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i10.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "directive", type: i12.MatSort, selector: "[matSort]", inputs: ["matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear", "matSortDisabled"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { kind: "component", type: i12.MatSortHeader, selector: "[mat-sort-header]", inputs: ["mat-sort-header", "arrowPosition", "start", "disabled", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { kind: "component", type: i13.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i13.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i13.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i13.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i13.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i13.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i13.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i13.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i13.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i13.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "component", type: i4$1.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "component", type: i5$3.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "directive", type: i5$2.NgxPermissionsDirective, selector: "[ngxPermissionsOnly],[ngxPermissionsExcept]", inputs: ["ngxPermissionsOnly", "ngxPermissionsOnlyThen", "ngxPermissionsOnlyElse", "ngxPermissionsExcept", "ngxPermissionsExceptElse", "ngxPermissionsExceptThen", "ngxPermissionsThen", "ngxPermissionsElse", "ngxPermissionsOnlyAuthorisedStrategy", "ngxPermissionsOnlyUnauthorisedStrategy", "ngxPermissionsExceptUnauthorisedStrategy", "ngxPermissionsExceptAuthorisedStrategy", "ngxPermissionsUnauthorisedStrategy", "ngxPermissionsAuthorisedStrategy"], outputs: ["permissionsAuthorized", "permissionsUnauthorized"] }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: SearchableSelectorComponent, selector: "app-searchable-selector", inputs: ["valueField", "titleField", "subtitleField", "apiUrl", "multiple", "selectedValue", "enableSearch", "add", "addConfig", "edit", "editConfig", "sort", "sortBy", "searchField", "itemComponent", "items", "apiDataProperty", "cache", "perPage", "inDataSearch", "panelWidth", "focusSearchOnOpen", "isEmitInitialEvent", "required", "disabled", "value"], outputs: ["selectedValueChange", "selectionChange", "itemsChange", "isItemsEmpty"] }, { kind: "component", type: TechlifyDeleteButtonComponent, selector: "app-techlify-delete-button", inputs: ["data", "model", "message", "service"], outputs: ["deleted", "loading"] }, { kind: "pipe", type: i2.DatePipe, name: "date" }, { kind: "component", type: TechlifyTaggerTagFormComponent, selector: "app-techlify-tagger-tag-form", inputs: ["tagInfo"] }, { kind: "ngmodule", type: AuditLogForModelModule }, { kind: "component", type: AuditLogForModelComponent, selector: "app-audit-log-for-model", inputs: ["isIconView", "modelType", "modelId", "logView"] }, { kind: "ngmodule", type: RouterModule }] }); }
|
|
16093
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: TechlifyTaggerTagListComponent, isStandalone: true, selector: "app-techlify-tagger-tag-list", usesInheritance: true, ngImport: i0, template: "<div class=\"d-flex flex-column gap-2\">\n <mat-card>\n <mat-card-content class=\"d-flex flex-row justify-content-between align-items-center\">\n <div class=\"d-flex flex-row align-items-center gap-2\">\n <h5 class=\"mb-0\">Tags</h5>\n <app-techlify-tagger-tag-form (success)=\"modelCreated($event)\"\n *ngxPermissionsOnly=\"['tag.create']\"></app-techlify-tagger-tag-form>\n </div>\n <div class=\"d-flex flex-row gap-2\" [formGroup]=\"filterForm\">\n <mat-form-field class=\"fl-md\">\n <mat-label>Search Tags</mat-label>\n <input type=\"text\" matInput formControlName=\"search\" placeholder=\"Search records\" name=\"search\"\n autocomplete=\"off\" />\n <button *ngIf=\"filterForm.get('search').value\" matSuffix mat-icon-button\n (click)=\"filterForm.get('search').setValue('')\">\n <mat-icon>close</mat-icon>\n </button>\n </mat-form-field>\n <mat-form-field class='fl-sm'>\n <mat-label>Category</mat-label>\n <app-searchable-selector formControlName=\"category_ids\" apiUrl=\"api/techlify-tagger-categories\"\n [multiple]=\"true\">\n </app-searchable-selector>\n <button *ngIf=\"filterForm.get('category_ids').value\" matSuffix mat-icon-button\n (click)=\"filterForm.get('category_ids').setValue('')\">\n <mat-icon>close</mat-icon>\n </button>\n </mat-form-field>\n </div>\n </mat-card-content>\n </mat-card>\n\n <mat-card>\n <mat-card-content>\n <table mat-table matSort [dataSource]=\"models\" class=\"w-100\" infiniteScroll [infiniteScrollDistance]=\"2\"\n [infiniteScrollThrottle]=\"50\" (scrolled)=\"onScroll()\" (matSortChange)=\"sortColumn($event)\">\n\n\n <!-- Index Column -->\n <ng-container matColumnDef=\"index\">\n <th mat-header-cell *matHeaderCellDef> # </th>\n <td mat-cell *matCellDef=\"let element; let i = index\"> {{ i+1}} </td>\n </ng-container>\n\n <!-- Title Column -->\n <ng-container matColumnDef=\"title\">\n <th mat-header-cell *matHeaderCellDef mat-sort-header disableClear> Title </th>\n <td mat-cell *matCellDef=\"let element\"> {{element.title}}\n <div *ngIf=\"element?.description\" class=\"text-secondary\">\n <small>{{element?.description}}</small>\n </div>\n </td>\n </ng-container>\n\n <!-- Category Column -->\n <ng-container matColumnDef=\"category\">\n <th mat-header-cell *matHeaderCellDef> Category </th>\n <td mat-cell *matCellDef=\"let element\"> {{element.category?.title}}\n <div *ngIf=\"element?.category?.description\" class=\"text-secondary\">\n <small>{{element?.category?.description}}</small>\n </div>\n </td>\n </ng-container>\n\n <ng-container matColumnDef=\"tagged_count\">\n <th mat-header-cell *matHeaderCellDef> Tagged </th>\n <td mat-cell *matCellDef=\"let element\">\n <span *ngIf=\"element?.tagged_count\">{{element.tagged_count}}\n records\n </span>\n </td>\n </ng-container>\n\n <!-- Creator Column -->\n <ng-container matColumnDef=\"creator\">\n <th mat-header-cell *matHeaderCellDef> Creator </th>\n <td mat-cell *matCellDef=\"let element\">\n <div>{{element.creator?.name}} </div>\n <div><small class=\"text-muted\">on {{element.created_at | date: 'mediumDate'}} </small></div>\n </td>\n </ng-container>\n\n <!-- Actions Column -->\n <ng-container matColumnDef=\"actions\">\n <th mat-header-cell *matHeaderCellDef> Actions </th>\n <td mat-cell *matCellDef=\"let element; let i = dataIndex\" class=\"text-secondary\">\n <app-audit-log-for-model modelType=\"TechlifyTaggerTag\" [modelId]=\"element?.id\" logView=\"all\"\n [isIconView]=\"true\">\n </app-audit-log-for-model>\n\n <app-techlify-tagger-tag-form (success)=\"modelsUpdatedById($event)\" [tagInfo]=\"element\"\n *ngxPermissionsOnly=\"['tag.update']\" class=\"ms-1\"></app-techlify-tagger-tag-form>\n\n <ng-container *ngIf=\"!element?.tagged_count\">\n <app-techlify-delete-button *ngxPermissionsOnly=\"['tag.delete']\" class='text-secondary ms-1'\n [model]=\"element\" [service]=\"tagService\"\n message=\"Deleting this tag cannot be undone. Are you sure you want to continue?\"\n (deleted)=\"modelsDeletedById(element)\">\n </app-techlify-delete-button>\n </ng-container>\n </td>\n </ng-container>\n <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\n <tr mat-row *matRowDef=\"let row; columns: displayedColumns;\"></tr>\n </table>\n\n <mat-progress-bar mode=\"indeterminate\" *ngIf=\"isWorking\"></mat-progress-bar>\n </mat-card-content>\n </mat-card>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: SharedModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.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: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i7$1.InfiniteScrollDirective, selector: "[infiniteScroll], [infinite-scroll], [data-infinite-scroll]", inputs: ["infiniteScrollDistance", "infiniteScrollUpDistance", "infiniteScrollThrottle", "infiniteScrollDisabled", "infiniteScrollContainer", "scrollWindow", "immediateCheck", "horizontal", "alwaysCallback", "fromRoot"], outputs: ["scrolled", "scrolledUp"] }, { kind: "component", type: i6.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i8$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i8$1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i8$1.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i10.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "directive", type: i12.MatSort, selector: "[matSort]", inputs: ["matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear", "matSortDisabled"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { kind: "component", type: i12.MatSortHeader, selector: "[mat-sort-header]", inputs: ["mat-sort-header", "arrowPosition", "start", "disabled", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { kind: "component", type: i13.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i13.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i13.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i13.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i13.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i13.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i13.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i13.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i13.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i13.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "component", type: i4$1.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i4$1.MatCardContent, selector: "mat-card-content" }, { kind: "component", type: i5$3.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "directive", type: i5$2.NgxPermissionsDirective, selector: "[ngxPermissionsOnly],[ngxPermissionsExcept]", inputs: ["ngxPermissionsOnly", "ngxPermissionsOnlyThen", "ngxPermissionsOnlyElse", "ngxPermissionsExcept", "ngxPermissionsExceptElse", "ngxPermissionsExceptThen", "ngxPermissionsThen", "ngxPermissionsElse", "ngxPermissionsOnlyAuthorisedStrategy", "ngxPermissionsOnlyUnauthorisedStrategy", "ngxPermissionsExceptUnauthorisedStrategy", "ngxPermissionsExceptAuthorisedStrategy", "ngxPermissionsUnauthorisedStrategy", "ngxPermissionsAuthorisedStrategy"], outputs: ["permissionsAuthorized", "permissionsUnauthorized"] }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: SearchableSelectorComponent, selector: "app-searchable-selector", inputs: ["valueField", "titleField", "subtitleField", "apiUrl", "multiple", "selectedValue", "enableSearch", "add", "addConfig", "edit", "editConfig", "sort", "sortBy", "searchField", "itemComponent", "items", "apiDataProperty", "cache", "perPage", "inDataSearch", "panelWidth", "focusSearchOnOpen", "isEmitInitialEvent", "required", "disabled", "value"], outputs: ["selectedValueChange", "selectionChange", "itemsChange", "isItemsEmpty"] }, { kind: "component", type: TechlifyDeleteButtonComponent, selector: "app-techlify-delete-button", inputs: ["data", "model", "message", "service"], outputs: ["deleted", "loading"] }, { kind: "pipe", type: i2.DatePipe, name: "date" }, { kind: "component", type: TechlifyTaggerTagFormComponent, selector: "app-techlify-tagger-tag-form", inputs: ["tagInfo"] }, { kind: "ngmodule", type: AuditLogForModelModule }, { kind: "component", type: AuditLogForModelComponent, selector: "app-audit-log-for-model", inputs: ["isIconView", "modelType", "modelId", "logView"] }, { kind: "ngmodule", type: RouterModule }] }); }
|
|
16086
16094
|
}
|
|
16087
16095
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TechlifyTaggerTagListComponent, decorators: [{
|
|
16088
16096
|
type: Component,
|
|
@@ -16091,7 +16099,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
|
|
|
16091
16099
|
TechlifyTaggerTagFormComponent,
|
|
16092
16100
|
AuditLogForModelModule,
|
|
16093
16101
|
RouterModule
|
|
16094
|
-
], template: "<div class=\"
|
|
16102
|
+
], template: "<div class=\"d-flex flex-column gap-2\">\n <mat-card>\n <mat-card-content class=\"d-flex flex-row justify-content-between align-items-center\">\n <div class=\"d-flex flex-row align-items-center gap-2\">\n <h5 class=\"mb-0\">Tags</h5>\n <app-techlify-tagger-tag-form (success)=\"modelCreated($event)\"\n *ngxPermissionsOnly=\"['tag.create']\"></app-techlify-tagger-tag-form>\n </div>\n <div class=\"d-flex flex-row gap-2\" [formGroup]=\"filterForm\">\n <mat-form-field class=\"fl-md\">\n <mat-label>Search Tags</mat-label>\n <input type=\"text\" matInput formControlName=\"search\" placeholder=\"Search records\" name=\"search\"\n autocomplete=\"off\" />\n <button *ngIf=\"filterForm.get('search').value\" matSuffix mat-icon-button\n (click)=\"filterForm.get('search').setValue('')\">\n <mat-icon>close</mat-icon>\n </button>\n </mat-form-field>\n <mat-form-field class='fl-sm'>\n <mat-label>Category</mat-label>\n <app-searchable-selector formControlName=\"category_ids\" apiUrl=\"api/techlify-tagger-categories\"\n [multiple]=\"true\">\n </app-searchable-selector>\n <button *ngIf=\"filterForm.get('category_ids').value\" matSuffix mat-icon-button\n (click)=\"filterForm.get('category_ids').setValue('')\">\n <mat-icon>close</mat-icon>\n </button>\n </mat-form-field>\n </div>\n </mat-card-content>\n </mat-card>\n\n <mat-card>\n <mat-card-content>\n <table mat-table matSort [dataSource]=\"models\" class=\"w-100\" infiniteScroll [infiniteScrollDistance]=\"2\"\n [infiniteScrollThrottle]=\"50\" (scrolled)=\"onScroll()\" (matSortChange)=\"sortColumn($event)\">\n\n\n <!-- Index Column -->\n <ng-container matColumnDef=\"index\">\n <th mat-header-cell *matHeaderCellDef> # </th>\n <td mat-cell *matCellDef=\"let element; let i = index\"> {{ i+1}} </td>\n </ng-container>\n\n <!-- Title Column -->\n <ng-container matColumnDef=\"title\">\n <th mat-header-cell *matHeaderCellDef mat-sort-header disableClear> Title </th>\n <td mat-cell *matCellDef=\"let element\"> {{element.title}}\n <div *ngIf=\"element?.description\" class=\"text-secondary\">\n <small>{{element?.description}}</small>\n </div>\n </td>\n </ng-container>\n\n <!-- Category Column -->\n <ng-container matColumnDef=\"category\">\n <th mat-header-cell *matHeaderCellDef> Category </th>\n <td mat-cell *matCellDef=\"let element\"> {{element.category?.title}}\n <div *ngIf=\"element?.category?.description\" class=\"text-secondary\">\n <small>{{element?.category?.description}}</small>\n </div>\n </td>\n </ng-container>\n\n <ng-container matColumnDef=\"tagged_count\">\n <th mat-header-cell *matHeaderCellDef> Tagged </th>\n <td mat-cell *matCellDef=\"let element\">\n <span *ngIf=\"element?.tagged_count\">{{element.tagged_count}}\n records\n </span>\n </td>\n </ng-container>\n\n <!-- Creator Column -->\n <ng-container matColumnDef=\"creator\">\n <th mat-header-cell *matHeaderCellDef> Creator </th>\n <td mat-cell *matCellDef=\"let element\">\n <div>{{element.creator?.name}} </div>\n <div><small class=\"text-muted\">on {{element.created_at | date: 'mediumDate'}} </small></div>\n </td>\n </ng-container>\n\n <!-- Actions Column -->\n <ng-container matColumnDef=\"actions\">\n <th mat-header-cell *matHeaderCellDef> Actions </th>\n <td mat-cell *matCellDef=\"let element; let i = dataIndex\" class=\"text-secondary\">\n <app-audit-log-for-model modelType=\"TechlifyTaggerTag\" [modelId]=\"element?.id\" logView=\"all\"\n [isIconView]=\"true\">\n </app-audit-log-for-model>\n\n <app-techlify-tagger-tag-form (success)=\"modelsUpdatedById($event)\" [tagInfo]=\"element\"\n *ngxPermissionsOnly=\"['tag.update']\" class=\"ms-1\"></app-techlify-tagger-tag-form>\n\n <ng-container *ngIf=\"!element?.tagged_count\">\n <app-techlify-delete-button *ngxPermissionsOnly=\"['tag.delete']\" class='text-secondary ms-1'\n [model]=\"element\" [service]=\"tagService\"\n message=\"Deleting this tag cannot be undone. Are you sure you want to continue?\"\n (deleted)=\"modelsDeletedById(element)\">\n </app-techlify-delete-button>\n </ng-container>\n </td>\n </ng-container>\n <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\n <tr mat-row *matRowDef=\"let row; columns: displayedColumns;\"></tr>\n </table>\n\n <mat-progress-bar mode=\"indeterminate\" *ngIf=\"isWorking\"></mat-progress-bar>\n </mat-card-content>\n </mat-card>\n</div>\n" }]
|
|
16095
16103
|
}], ctorParameters: () => [{ type: TagService }, { type: i3.UntypedFormBuilder }] });
|
|
16096
16104
|
|
|
16097
16105
|
class TechlifyAutoCompleteSelectComponent {
|