@servicemind.tis/angular-smart-data-table 1.0.14 → 1.0.15
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.
|
@@ -1757,11 +1757,11 @@ class AngularColumnsBtnComponent {
|
|
|
1757
1757
|
target.style.color = `color: var(--angular-primary, var(--mat-sys-primary, #3838a2)) !important;`;
|
|
1758
1758
|
}
|
|
1759
1759
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: AngularColumnsBtnComponent, deps: [{ token: AngularHelperService }, { token: UserCustomizationService }, { token: i1$1.MatDialog }], target: i0.ɵɵFactoryTarget.Component });
|
|
1760
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.7", type: AngularColumnsBtnComponent, isStandalone: false, selector: "angular-columns-btn", inputs: { columnCustomizationUrlConfig: "columnCustomizationUrlConfig", t: "t", componentName: "componentName", defaultColumns: "defaultColumns", columns: "columns", skipTranslation: "skipTranslation", customColumns: "customColumns", selectedTemplate: "selectedTemplate" }, outputs: { selectedTemplateChange: "selectedTemplateChange", displayedColumnsChange: "displayedColumnsChange", fromStartColumnNumberChange: "fromStartColumnNumberChange", fromEndColumnNumberChange: "fromEndColumnNumberChange" }, ngImport: i0, template: "<!-- shared.angularColumnsBtnComponent -->\n<button mat-flat-button class=\"angular-columns-btn\" [matMenuTriggerFor]=\"menu\">\n <mat-icon>view_week</mat-icon>\n <span style=\"display: flex; flex-direction: row;\">\n {{selectedTemplate?.name}}\n <mat-icon style=\"width: 15px; height: 15px; font-size: 20px; line-height: 16px;\">arrow_drop_down</mat-icon>\n </span>\n</button>\n<mat-menu #menu=\"matMenu\" class=\"angular-columns-btn-mat-menu\">\n <button mat-menu-item (click)=\"selectedTemplate?.id != -1 ? onSelectedTemplate(-1) : null\">\n <mat-icon>{{selectedTemplate?.id == -1 ? 'done': ''}}</mat-icon>\n Default\n </button>\n <button mat-menu-item *ngFor=\"let template of templates\" (click)=\"onSelectedTemplate(template?.id)\">\n <mat-icon>{{template?.id == selectedTemplate?.id ? 'done': ''}}</mat-icon>\n <span style=\"padding-right: 4rem;\">{{template.name}}</span>\n <mat-icon style=\"position: absolute; right: 0;\" class=\"delete-button\" (mouseover)=\"onMouseOverOut($event, `var(--angular-delete-icon, var(--angular-danger, #bb333b))`)\" (mouseout)=\"onMouseOverOut($event, '')\" (click)=\"isDeleteTemplate = true\">delete</mat-icon>\n <mat-icon style=\"position: absolute; right: 2rem;\" class=\"edit-button\" (mouseover)=\"onMouseOverOut($event, `var(--angular-edit-icon, var(--angular-primary, var(--mat-sys-primary, #3838a2)))`)\" (mouseout)=\"onMouseOverOut($event, '')\" (click)=\"isEditTemplate = true\">edit</mat-icon>\n </button>\n <mat-divider class=\"angular-mat-divider\" style=\"margin: 0px;\"></mat-divider>\n <button mat-menu-item class=\"angular-create-columns-template-button\" style=\"color: var(--angular-primary, var(--mat-sys-primary, #3838a2));\" (click)=\"createNewTemplateDialog()\"><mat-icon style=\"color: var(--angular-primary, var(--mat-sys-primary, #3838a2));\">add</mat-icon> {{t?.angularColumnsBtnComponent?.createNewView}}</button>\n</mat-menu>", styles: [".angular-columns-btn{text-transform:uppercase!important;background-color:var(--angular-columns-btn-bg, var(--angular-light, #eeeeee))!important;color:var(--angular-columns-btn-color, var(--angular-heading-color, #212121))!important;box-shadow:none!important}.angular-columns-btn .mat-icon{color:inherit}::ng-deep .angular-columns-btn-mat-menu .mat-mdc-menu-content{padding:0!important}::ng-deep .angular-columns-btn-mat-menu .mat-mdc-menu-item{color:var(--angular-text-muted, #757575)!important}::ng-deep .angular-columns-btn-mat-menu .mat-mdc-menu-item .mat-icon{color:var(--angular-text-muted, #757575)!important}::ng-deep .angular-columns-btn-mat-menu .mat-mdc-menu-item .mat-icon.delete-button:hover{color:var(--angular-delete-icon, var(--angular-danger, #bb333b))!important}::ng-deep .angular-columns-btn-mat-menu .mat-mdc-menu-item .mat-icon.edit-button:hover{color:var(--angular-edit-icon, var(--angular-primary, #3838a2))!important}::ng-deep .angular-columns-btn-mat-menu .angular-create-columns-template-button{color:var(--angular-primary, #3838a2)!important}::ng-deep .angular-columns-btn-mat-menu .angular-create-columns-template-button .mat-icon{color:var(--angular-primary, #3838a2)!important;margin-right:5px!important}\n"], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i4$1.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }, { kind: "component", type: i7.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i7.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i7.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "component", type: i8$1.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }] });
|
|
1760
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.7", type: AngularColumnsBtnComponent, isStandalone: false, selector: "angular-columns-btn", inputs: { columnCustomizationUrlConfig: "columnCustomizationUrlConfig", t: "t", componentName: "componentName", defaultColumns: "defaultColumns", columns: "columns", skipTranslation: "skipTranslation", customColumns: "customColumns", selectedTemplate: "selectedTemplate" }, outputs: { selectedTemplateChange: "selectedTemplateChange", displayedColumnsChange: "displayedColumnsChange", fromStartColumnNumberChange: "fromStartColumnNumberChange", fromEndColumnNumberChange: "fromEndColumnNumberChange" }, ngImport: i0, template: "<!-- shared.angularColumnsBtnComponent -->\n<button mat-flat-button class=\"angular-columns-btn\" [matMenuTriggerFor]=\"menu\">\n <mat-icon>view_week</mat-icon>\n <span style=\"display: flex; flex-direction: row;\">\n {{selectedTemplate?.name}}\n <mat-icon style=\"width: 15px; height: 15px; font-size: 20px; line-height: 16px;\">arrow_drop_down</mat-icon>\n </span>\n</button>\n<mat-menu #menu=\"matMenu\" class=\"angular-columns-btn-mat-menu\">\n <button mat-menu-item (click)=\"selectedTemplate?.id != -1 ? onSelectedTemplate(-1) : null\">\n <mat-icon>{{selectedTemplate?.id == -1 ? 'done': ''}}</mat-icon>\n Default\n </button>\n <button mat-menu-item *ngFor=\"let template of templates\" (click)=\"onSelectedTemplate(template?.id)\">\n <mat-icon>{{template?.id == selectedTemplate?.id ? 'done': ''}}</mat-icon>\n <span style=\"padding-right: 4rem;\">{{template.name}}</span>\n <mat-icon style=\"position: absolute; right: 0;\" class=\"delete-button\" (mouseover)=\"onMouseOverOut($event, `var(--angular-delete-icon, var(--angular-danger, #bb333b))`)\" (mouseout)=\"onMouseOverOut($event, '')\" (click)=\"isDeleteTemplate = true\">delete</mat-icon>\n <mat-icon style=\"position: absolute; right: 2rem;\" class=\"edit-button\" (mouseover)=\"onMouseOverOut($event, `var(--angular-edit-icon, var(--angular-primary, var(--mat-sys-primary, #3838a2)))`)\" (mouseout)=\"onMouseOverOut($event, '')\" (click)=\"isEditTemplate = true\">edit</mat-icon>\n </button>\n <mat-divider class=\"angular-mat-divider\" style=\"margin: 0px;\"></mat-divider>\n <button mat-menu-item class=\"angular-create-columns-template-button\" style=\"color: var(--angular-primary, var(--mat-sys-primary, #3838a2));\" (click)=\"createNewTemplateDialog()\"><mat-icon style=\"color: var(--angular-primary, var(--mat-sys-primary, #3838a2));\">add</mat-icon> {{t?.angularColumnsBtnComponent?.createNewView || 'Create New View'}}</button>\n</mat-menu>", styles: [".angular-columns-btn{text-transform:uppercase!important;background-color:var(--angular-columns-btn-bg, var(--angular-light, #eeeeee))!important;color:var(--angular-columns-btn-color, var(--angular-heading-color, #212121))!important;box-shadow:none!important}.angular-columns-btn .mat-icon{color:inherit}::ng-deep .angular-columns-btn-mat-menu .mat-mdc-menu-content{padding:0!important}::ng-deep .angular-columns-btn-mat-menu .mat-mdc-menu-item{color:var(--angular-text-muted, #757575)!important}::ng-deep .angular-columns-btn-mat-menu .mat-mdc-menu-item .mat-icon{color:var(--angular-text-muted, #757575)!important}::ng-deep .angular-columns-btn-mat-menu .mat-mdc-menu-item .mat-icon.delete-button:hover{color:var(--angular-delete-icon, var(--angular-danger, #bb333b))!important}::ng-deep .angular-columns-btn-mat-menu .mat-mdc-menu-item .mat-icon.edit-button:hover{color:var(--angular-edit-icon, var(--angular-primary, #3838a2))!important}::ng-deep .angular-columns-btn-mat-menu .angular-create-columns-template-button{color:var(--angular-primary, #3838a2)!important}::ng-deep .angular-columns-btn-mat-menu .angular-create-columns-template-button .mat-icon{color:var(--angular-primary, #3838a2)!important;margin-right:5px!important}\n"], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i4$1.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }, { kind: "component", type: i7.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i7.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i7.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "component", type: i8$1.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }] });
|
|
1761
1761
|
}
|
|
1762
1762
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: AngularColumnsBtnComponent, decorators: [{
|
|
1763
1763
|
type: Component,
|
|
1764
|
-
args: [{ selector: 'angular-columns-btn', standalone: false, template: "<!-- shared.angularColumnsBtnComponent -->\n<button mat-flat-button class=\"angular-columns-btn\" [matMenuTriggerFor]=\"menu\">\n <mat-icon>view_week</mat-icon>\n <span style=\"display: flex; flex-direction: row;\">\n {{selectedTemplate?.name}}\n <mat-icon style=\"width: 15px; height: 15px; font-size: 20px; line-height: 16px;\">arrow_drop_down</mat-icon>\n </span>\n</button>\n<mat-menu #menu=\"matMenu\" class=\"angular-columns-btn-mat-menu\">\n <button mat-menu-item (click)=\"selectedTemplate?.id != -1 ? onSelectedTemplate(-1) : null\">\n <mat-icon>{{selectedTemplate?.id == -1 ? 'done': ''}}</mat-icon>\n Default\n </button>\n <button mat-menu-item *ngFor=\"let template of templates\" (click)=\"onSelectedTemplate(template?.id)\">\n <mat-icon>{{template?.id == selectedTemplate?.id ? 'done': ''}}</mat-icon>\n <span style=\"padding-right: 4rem;\">{{template.name}}</span>\n <mat-icon style=\"position: absolute; right: 0;\" class=\"delete-button\" (mouseover)=\"onMouseOverOut($event, `var(--angular-delete-icon, var(--angular-danger, #bb333b))`)\" (mouseout)=\"onMouseOverOut($event, '')\" (click)=\"isDeleteTemplate = true\">delete</mat-icon>\n <mat-icon style=\"position: absolute; right: 2rem;\" class=\"edit-button\" (mouseover)=\"onMouseOverOut($event, `var(--angular-edit-icon, var(--angular-primary, var(--mat-sys-primary, #3838a2)))`)\" (mouseout)=\"onMouseOverOut($event, '')\" (click)=\"isEditTemplate = true\">edit</mat-icon>\n </button>\n <mat-divider class=\"angular-mat-divider\" style=\"margin: 0px;\"></mat-divider>\n <button mat-menu-item class=\"angular-create-columns-template-button\" style=\"color: var(--angular-primary, var(--mat-sys-primary, #3838a2));\" (click)=\"createNewTemplateDialog()\"><mat-icon style=\"color: var(--angular-primary, var(--mat-sys-primary, #3838a2));\">add</mat-icon> {{t?.angularColumnsBtnComponent?.createNewView}}</button>\n</mat-menu>", styles: [".angular-columns-btn{text-transform:uppercase!important;background-color:var(--angular-columns-btn-bg, var(--angular-light, #eeeeee))!important;color:var(--angular-columns-btn-color, var(--angular-heading-color, #212121))!important;box-shadow:none!important}.angular-columns-btn .mat-icon{color:inherit}::ng-deep .angular-columns-btn-mat-menu .mat-mdc-menu-content{padding:0!important}::ng-deep .angular-columns-btn-mat-menu .mat-mdc-menu-item{color:var(--angular-text-muted, #757575)!important}::ng-deep .angular-columns-btn-mat-menu .mat-mdc-menu-item .mat-icon{color:var(--angular-text-muted, #757575)!important}::ng-deep .angular-columns-btn-mat-menu .mat-mdc-menu-item .mat-icon.delete-button:hover{color:var(--angular-delete-icon, var(--angular-danger, #bb333b))!important}::ng-deep .angular-columns-btn-mat-menu .mat-mdc-menu-item .mat-icon.edit-button:hover{color:var(--angular-edit-icon, var(--angular-primary, #3838a2))!important}::ng-deep .angular-columns-btn-mat-menu .angular-create-columns-template-button{color:var(--angular-primary, #3838a2)!important}::ng-deep .angular-columns-btn-mat-menu .angular-create-columns-template-button .mat-icon{color:var(--angular-primary, #3838a2)!important;margin-right:5px!important}\n"] }]
|
|
1764
|
+
args: [{ selector: 'angular-columns-btn', standalone: false, template: "<!-- shared.angularColumnsBtnComponent -->\n<button mat-flat-button class=\"angular-columns-btn\" [matMenuTriggerFor]=\"menu\">\n <mat-icon>view_week</mat-icon>\n <span style=\"display: flex; flex-direction: row;\">\n {{selectedTemplate?.name}}\n <mat-icon style=\"width: 15px; height: 15px; font-size: 20px; line-height: 16px;\">arrow_drop_down</mat-icon>\n </span>\n</button>\n<mat-menu #menu=\"matMenu\" class=\"angular-columns-btn-mat-menu\">\n <button mat-menu-item (click)=\"selectedTemplate?.id != -1 ? onSelectedTemplate(-1) : null\">\n <mat-icon>{{selectedTemplate?.id == -1 ? 'done': ''}}</mat-icon>\n Default\n </button>\n <button mat-menu-item *ngFor=\"let template of templates\" (click)=\"onSelectedTemplate(template?.id)\">\n <mat-icon>{{template?.id == selectedTemplate?.id ? 'done': ''}}</mat-icon>\n <span style=\"padding-right: 4rem;\">{{template.name}}</span>\n <mat-icon style=\"position: absolute; right: 0;\" class=\"delete-button\" (mouseover)=\"onMouseOverOut($event, `var(--angular-delete-icon, var(--angular-danger, #bb333b))`)\" (mouseout)=\"onMouseOverOut($event, '')\" (click)=\"isDeleteTemplate = true\">delete</mat-icon>\n <mat-icon style=\"position: absolute; right: 2rem;\" class=\"edit-button\" (mouseover)=\"onMouseOverOut($event, `var(--angular-edit-icon, var(--angular-primary, var(--mat-sys-primary, #3838a2)))`)\" (mouseout)=\"onMouseOverOut($event, '')\" (click)=\"isEditTemplate = true\">edit</mat-icon>\n </button>\n <mat-divider class=\"angular-mat-divider\" style=\"margin: 0px;\"></mat-divider>\n <button mat-menu-item class=\"angular-create-columns-template-button\" style=\"color: var(--angular-primary, var(--mat-sys-primary, #3838a2));\" (click)=\"createNewTemplateDialog()\"><mat-icon style=\"color: var(--angular-primary, var(--mat-sys-primary, #3838a2));\">add</mat-icon> {{t?.angularColumnsBtnComponent?.createNewView || 'Create New View'}}</button>\n</mat-menu>", styles: [".angular-columns-btn{text-transform:uppercase!important;background-color:var(--angular-columns-btn-bg, var(--angular-light, #eeeeee))!important;color:var(--angular-columns-btn-color, var(--angular-heading-color, #212121))!important;box-shadow:none!important}.angular-columns-btn .mat-icon{color:inherit}::ng-deep .angular-columns-btn-mat-menu .mat-mdc-menu-content{padding:0!important}::ng-deep .angular-columns-btn-mat-menu .mat-mdc-menu-item{color:var(--angular-text-muted, #757575)!important}::ng-deep .angular-columns-btn-mat-menu .mat-mdc-menu-item .mat-icon{color:var(--angular-text-muted, #757575)!important}::ng-deep .angular-columns-btn-mat-menu .mat-mdc-menu-item .mat-icon.delete-button:hover{color:var(--angular-delete-icon, var(--angular-danger, #bb333b))!important}::ng-deep .angular-columns-btn-mat-menu .mat-mdc-menu-item .mat-icon.edit-button:hover{color:var(--angular-edit-icon, var(--angular-primary, #3838a2))!important}::ng-deep .angular-columns-btn-mat-menu .angular-create-columns-template-button{color:var(--angular-primary, #3838a2)!important}::ng-deep .angular-columns-btn-mat-menu .angular-create-columns-template-button .mat-icon{color:var(--angular-primary, #3838a2)!important;margin-right:5px!important}\n"] }]
|
|
1765
1765
|
}], ctorParameters: () => [{ type: AngularHelperService }, { type: UserCustomizationService }, { type: i1$1.MatDialog }], propDecorators: { columnCustomizationUrlConfig: [{
|
|
1766
1766
|
type: Input,
|
|
1767
1767
|
args: [{ required: true }]
|