ng-tailwind 5.2.3 → 5.2.4

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.
@@ -16,4 +16,5 @@ export interface NgtContextMenuOptionInterface {
16
16
  background_color?: string;
17
17
  icon?: string;
18
18
  value: string;
19
+ disabled?: boolean;
19
20
  }
@@ -13,13 +13,13 @@ export class NgtContextMenuComponent {
13
13
  }
14
14
  }
15
15
  NgtContextMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgtContextMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
16
- NgtContextMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: NgtContextMenuComponent, selector: "ngt-context-menu", outputs: { onMenuItemClick: "onMenuItemClick", onTemplateClick: "onTemplateClick" }, ngImport: i0, template: "<div class=\"absolute max-w-7xl -mr-10 -mb-10\" style=\"z-index: 999999 !important; width: max-content !important;\"\r\n [style.left.px]=\"positionX\" [style.top.px]=\"positionY\" (click)=\"$event.stopPropagation()\">\r\n\r\n <ng-container *ngIf=\"hasOptions(); else showTemplate\">\r\n <ul class=\"cursor-pointer rounded-xl bg-white border border-gray-200 shadow-2xl \">\r\n <li *ngFor=\"let item of menuItems; last as isLast; first as isFirst\" class=\"flex\"\r\n class=\"flex items-center w-full px-4 py-2 gap-3 text-sm text-gray-700 hover:text-white\"\r\n [class.rounded-b-xl]=\"isLast\" [class.rounded-t-xl]=\"isFirst\"\r\n [ngClass]=\"item.background_color || 'hover:bg-green-500'\" (click)=\"onMenuItemClick.emit(item)\">\r\n\r\n <ngt-svg *ngIf=\"item.icon\" class=\"text-lg\" [src]=\"item.icon\"></ngt-svg>\r\n\r\n {{ item.caption }}\r\n </li>\r\n </ul>\r\n </ng-container>\r\n\r\n <ng-template #showTemplate>\r\n <div class=\"block rounded-lg bg-white border border-gray-200 w-full h-auto shadow-2xl\"\r\n (click)=\"onTemplateClick.emit()\">\r\n <ng-container [ngTemplateOutlet]=\"menuTemplate\"></ng-container>\r\n </div>\r\n </ng-template>\r\n</div>\r\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.NgtSvgComponent, selector: "ngt-svg", inputs: ["src", "class"] }] });
16
+ NgtContextMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: NgtContextMenuComponent, selector: "ngt-context-menu", outputs: { onMenuItemClick: "onMenuItemClick", onTemplateClick: "onTemplateClick" }, ngImport: i0, template: "<div class=\"absolute max-w-7xl -mr-10 -mb-10\" style=\"z-index: 999999 !important; width: max-content !important;\"\r\n [style.left.px]=\"positionX\" [style.top.px]=\"positionY\" (click)=\"$event.stopPropagation()\">\r\n\r\n <ng-container *ngIf=\"hasOptions(); else showTemplate\">\r\n <ul class=\"cursor-pointer rounded-xl bg-white border border-gray-200 shadow-2xl\">\r\n <li *ngFor=\"let item of menuItems; last as isLast; first as isFirst\"\r\n class=\"flex items-center w-full px-4 py-2 gap-3 text-sm\" [class.text-gray-700]=\"!item.disabled\"\r\n [class.text-gray-400]=\"item.disabled\" [class.cursor-not-allowed]=\"item.disabled\"\r\n [class.rounded-b-xl]=\"isLast\" [class.rounded-t-xl]=\"isFirst\"\r\n [ngClass]=\"item.disabled ? '' : (item.background_color || 'hover:bg-green-500')\"\r\n (click)=\"!item.disabled && onMenuItemClick.emit(item)\">\r\n\r\n <ngt-svg *ngIf=\"item.icon\" class=\"text-lg\" [src]=\"item.icon\"></ngt-svg>\r\n {{ item.caption }}\r\n </li>\r\n </ul>\r\n </ng-container>\r\n\r\n <ng-template #showTemplate>\r\n <div class=\"block rounded-lg bg-white border border-gray-200 w-full h-auto shadow-2xl\"\r\n (click)=\"onTemplateClick.emit()\">\r\n <ng-container [ngTemplateOutlet]=\"menuTemplate\"></ng-container>\r\n </div>\r\n </ng-template>\r\n</div>\r\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.NgtSvgComponent, selector: "ngt-svg", inputs: ["src", "class"] }] });
17
17
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgtContextMenuComponent, decorators: [{
18
18
  type: Component,
19
- args: [{ selector: 'ngt-context-menu', template: "<div class=\"absolute max-w-7xl -mr-10 -mb-10\" style=\"z-index: 999999 !important; width: max-content !important;\"\r\n [style.left.px]=\"positionX\" [style.top.px]=\"positionY\" (click)=\"$event.stopPropagation()\">\r\n\r\n <ng-container *ngIf=\"hasOptions(); else showTemplate\">\r\n <ul class=\"cursor-pointer rounded-xl bg-white border border-gray-200 shadow-2xl \">\r\n <li *ngFor=\"let item of menuItems; last as isLast; first as isFirst\" class=\"flex\"\r\n class=\"flex items-center w-full px-4 py-2 gap-3 text-sm text-gray-700 hover:text-white\"\r\n [class.rounded-b-xl]=\"isLast\" [class.rounded-t-xl]=\"isFirst\"\r\n [ngClass]=\"item.background_color || 'hover:bg-green-500'\" (click)=\"onMenuItemClick.emit(item)\">\r\n\r\n <ngt-svg *ngIf=\"item.icon\" class=\"text-lg\" [src]=\"item.icon\"></ngt-svg>\r\n\r\n {{ item.caption }}\r\n </li>\r\n </ul>\r\n </ng-container>\r\n\r\n <ng-template #showTemplate>\r\n <div class=\"block rounded-lg bg-white border border-gray-200 w-full h-auto shadow-2xl\"\r\n (click)=\"onTemplateClick.emit()\">\r\n <ng-container [ngTemplateOutlet]=\"menuTemplate\"></ng-container>\r\n </div>\r\n </ng-template>\r\n</div>\r\n" }]
19
+ args: [{ selector: 'ngt-context-menu', template: "<div class=\"absolute max-w-7xl -mr-10 -mb-10\" style=\"z-index: 999999 !important; width: max-content !important;\"\r\n [style.left.px]=\"positionX\" [style.top.px]=\"positionY\" (click)=\"$event.stopPropagation()\">\r\n\r\n <ng-container *ngIf=\"hasOptions(); else showTemplate\">\r\n <ul class=\"cursor-pointer rounded-xl bg-white border border-gray-200 shadow-2xl\">\r\n <li *ngFor=\"let item of menuItems; last as isLast; first as isFirst\"\r\n class=\"flex items-center w-full px-4 py-2 gap-3 text-sm\" [class.text-gray-700]=\"!item.disabled\"\r\n [class.text-gray-400]=\"item.disabled\" [class.cursor-not-allowed]=\"item.disabled\"\r\n [class.rounded-b-xl]=\"isLast\" [class.rounded-t-xl]=\"isFirst\"\r\n [ngClass]=\"item.disabled ? '' : (item.background_color || 'hover:bg-green-500')\"\r\n (click)=\"!item.disabled && onMenuItemClick.emit(item)\">\r\n\r\n <ngt-svg *ngIf=\"item.icon\" class=\"text-lg\" [src]=\"item.icon\"></ngt-svg>\r\n {{ item.caption }}\r\n </li>\r\n </ul>\r\n </ng-container>\r\n\r\n <ng-template #showTemplate>\r\n <div class=\"block rounded-lg bg-white border border-gray-200 w-full h-auto shadow-2xl\"\r\n (click)=\"onTemplateClick.emit()\">\r\n <ng-container [ngTemplateOutlet]=\"menuTemplate\"></ng-container>\r\n </div>\r\n </ng-template>\r\n</div>\r\n" }]
20
20
  }], propDecorators: { onMenuItemClick: [{
21
21
  type: Output
22
22
  }], onTemplateClick: [{
23
23
  type: Output
24
24
  }] } });
25
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmd0LWNvbnRleHQtbWVudS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZy10YWlsd2luZC9zcmMvY29tcG9uZW50cy9uZ3QtY29udGV4dC1tZW51L25ndC1jb250ZXh0LW1lbnUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmctdGFpbHdpbmQvc3JjL2NvbXBvbmVudHMvbmd0LWNvbnRleHQtbWVudS9uZ3QtY29udGV4dC1tZW51LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLE1BQU0sRUFBZSxNQUFNLGVBQWUsQ0FBQzs7OztBQU83RSxNQUFNLE9BQU8sdUJBQXVCO0lBTHBDO1FBTXFCLG9CQUFlLEdBQWdELElBQUksWUFBWSxFQUFFLENBQUM7UUFDbEYsb0JBQWUsR0FBdUIsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQU1uRSxjQUFTLEdBQW9DLEVBQUUsQ0FBQztLQUsxRDtJQUhVLFVBQVU7UUFDYixPQUFPLENBQUMsSUFBSSxDQUFDLFlBQVksSUFBSSxDQUFDLENBQUMsSUFBSSxDQUFDLFNBQVMsRUFBRSxNQUFNLENBQUM7SUFDMUQsQ0FBQzs7b0hBWlEsdUJBQXVCO3dHQUF2Qix1QkFBdUIsNklDUHBDLGd6Q0F3QkE7MkZEakJhLHVCQUF1QjtrQkFMbkMsU0FBUzsrQkFDSSxrQkFBa0I7OEJBS1gsZUFBZTtzQkFBL0IsTUFBTTtnQkFDVSxlQUFlO3NCQUEvQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIE91dHB1dCwgVGVtcGxhdGVSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gICAgc2VsZWN0b3I6ICduZ3QtY29udGV4dC1tZW51JyxcclxuICAgIHRlbXBsYXRlVXJsOiAnLi9uZ3QtY29udGV4dC1tZW51LmNvbXBvbmVudC5odG1sJ1xyXG59KVxyXG5cclxuZXhwb3J0IGNsYXNzIE5ndENvbnRleHRNZW51Q29tcG9uZW50IHtcclxuICAgIEBPdXRwdXQoKSBwdWJsaWMgb25NZW51SXRlbUNsaWNrOiBFdmVudEVtaXR0ZXI8Tmd0Q29udGV4dE1lbnVPcHRpb25JbnRlcmZhY2U+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG4gICAgQE91dHB1dCgpIHB1YmxpYyBvblRlbXBsYXRlQ2xpY2s6IEV2ZW50RW1pdHRlcjx2b2lkPiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcclxuXHJcbiAgICBwdWJsaWMgcG9zaXRpb25YOiBudW1iZXI7XHJcbiAgICBwdWJsaWMgcG9zaXRpb25ZOiBudW1iZXI7XHJcblxyXG4gICAgcHVibGljIG1lbnVUZW1wbGF0ZTogVGVtcGxhdGVSZWY8YW55PjtcclxuICAgIHB1YmxpYyBtZW51SXRlbXM6IE5ndENvbnRleHRNZW51T3B0aW9uSW50ZXJmYWNlW10gPSBbXTtcclxuXHJcbiAgICBwdWJsaWMgaGFzT3B0aW9ucygpOiBib29sZWFuIHtcclxuICAgICAgICByZXR1cm4gIXRoaXMubWVudVRlbXBsYXRlICYmICEhdGhpcy5tZW51SXRlbXM/Lmxlbmd0aDtcclxuICAgIH1cclxufVxyXG5cclxuZXhwb3J0IGludGVyZmFjZSBOZ3RDb250ZXh0TWVudU9wdGlvbkludGVyZmFjZSB7XHJcbiAgICBjYXB0aW9uOiBzdHJpbmc7XHJcbiAgICBiYWNrZ3JvdW5kX2NvbG9yPzogc3RyaW5nO1xyXG4gICAgaWNvbj86IHN0cmluZztcclxuICAgIHZhbHVlOiBzdHJpbmc7XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cImFic29sdXRlIG1heC13LTd4bCAtbXItMTAgLW1iLTEwXCIgc3R5bGU9XCJ6LWluZGV4OiA5OTk5OTkgIWltcG9ydGFudDsgd2lkdGg6IG1heC1jb250ZW50ICFpbXBvcnRhbnQ7XCJcclxuICAgIFtzdHlsZS5sZWZ0LnB4XT1cInBvc2l0aW9uWFwiIFtzdHlsZS50b3AucHhdPVwicG9zaXRpb25ZXCIgKGNsaWNrKT1cIiRldmVudC5zdG9wUHJvcGFnYXRpb24oKVwiPlxyXG5cclxuICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJoYXNPcHRpb25zKCk7IGVsc2Ugc2hvd1RlbXBsYXRlXCI+XHJcbiAgICAgICAgPHVsIGNsYXNzPVwiY3Vyc29yLXBvaW50ZXIgcm91bmRlZC14bCBiZy13aGl0ZSBib3JkZXIgYm9yZGVyLWdyYXktMjAwIHNoYWRvdy0yeGwgXCI+XHJcbiAgICAgICAgICAgIDxsaSAqbmdGb3I9XCJsZXQgaXRlbSBvZiBtZW51SXRlbXM7IGxhc3QgYXMgaXNMYXN0OyBmaXJzdCBhcyBpc0ZpcnN0XCIgY2xhc3M9XCJmbGV4XCJcclxuICAgICAgICAgICAgICAgIGNsYXNzPVwiZmxleCBpdGVtcy1jZW50ZXIgdy1mdWxsIHB4LTQgcHktMiBnYXAtMyB0ZXh0LXNtIHRleHQtZ3JheS03MDAgaG92ZXI6dGV4dC13aGl0ZVwiXHJcbiAgICAgICAgICAgICAgICBbY2xhc3Mucm91bmRlZC1iLXhsXT1cImlzTGFzdFwiIFtjbGFzcy5yb3VuZGVkLXQteGxdPVwiaXNGaXJzdFwiXHJcbiAgICAgICAgICAgICAgICBbbmdDbGFzc109XCJpdGVtLmJhY2tncm91bmRfY29sb3IgfHwgJ2hvdmVyOmJnLWdyZWVuLTUwMCdcIiAoY2xpY2spPVwib25NZW51SXRlbUNsaWNrLmVtaXQoaXRlbSlcIj5cclxuXHJcbiAgICAgICAgICAgICAgICA8bmd0LXN2ZyAqbmdJZj1cIml0ZW0uaWNvblwiIGNsYXNzPVwidGV4dC1sZ1wiIFtzcmNdPVwiaXRlbS5pY29uXCI+PC9uZ3Qtc3ZnPlxyXG5cclxuICAgICAgICAgICAgICAgIHt7IGl0ZW0uY2FwdGlvbiB9fVxyXG4gICAgICAgICAgICA8L2xpPlxyXG4gICAgICAgIDwvdWw+XHJcbiAgICA8L25nLWNvbnRhaW5lcj5cclxuXHJcbiAgICA8bmctdGVtcGxhdGUgI3Nob3dUZW1wbGF0ZT5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiYmxvY2sgcm91bmRlZC1sZyBiZy13aGl0ZSBib3JkZXIgYm9yZGVyLWdyYXktMjAwIHctZnVsbCBoLWF1dG8gc2hhZG93LTJ4bFwiXHJcbiAgICAgICAgICAgIChjbGljayk9XCJvblRlbXBsYXRlQ2xpY2suZW1pdCgpXCI+XHJcbiAgICAgICAgICAgIDxuZy1jb250YWluZXIgW25nVGVtcGxhdGVPdXRsZXRdPVwibWVudVRlbXBsYXRlXCI+PC9uZy1jb250YWluZXI+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICA8L25nLXRlbXBsYXRlPlxyXG48L2Rpdj5cclxuIl19
25
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmd0LWNvbnRleHQtbWVudS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZy10YWlsd2luZC9zcmMvY29tcG9uZW50cy9uZ3QtY29udGV4dC1tZW51L25ndC1jb250ZXh0LW1lbnUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmctdGFpbHdpbmQvc3JjL2NvbXBvbmVudHMvbmd0LWNvbnRleHQtbWVudS9uZ3QtY29udGV4dC1tZW51LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLE1BQU0sRUFBZSxNQUFNLGVBQWUsQ0FBQzs7OztBQU83RSxNQUFNLE9BQU8sdUJBQXVCO0lBTHBDO1FBTXFCLG9CQUFlLEdBQWdELElBQUksWUFBWSxFQUFFLENBQUM7UUFDbEYsb0JBQWUsR0FBdUIsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQU1uRSxjQUFTLEdBQW9DLEVBQUUsQ0FBQztLQUsxRDtJQUhVLFVBQVU7UUFDYixPQUFPLENBQUMsSUFBSSxDQUFDLFlBQVksSUFBSSxDQUFDLENBQUMsSUFBSSxDQUFDLFNBQVMsRUFBRSxNQUFNLENBQUM7SUFDMUQsQ0FBQzs7b0hBWlEsdUJBQXVCO3dHQUF2Qix1QkFBdUIsNklDUHBDLDA4Q0F5QkE7MkZEbEJhLHVCQUF1QjtrQkFMbkMsU0FBUzsrQkFDSSxrQkFBa0I7OEJBS1gsZUFBZTtzQkFBL0IsTUFBTTtnQkFDVSxlQUFlO3NCQUEvQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIE91dHB1dCwgVGVtcGxhdGVSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gICAgc2VsZWN0b3I6ICduZ3QtY29udGV4dC1tZW51JyxcclxuICAgIHRlbXBsYXRlVXJsOiAnLi9uZ3QtY29udGV4dC1tZW51LmNvbXBvbmVudC5odG1sJ1xyXG59KVxyXG5cclxuZXhwb3J0IGNsYXNzIE5ndENvbnRleHRNZW51Q29tcG9uZW50IHtcclxuICAgIEBPdXRwdXQoKSBwdWJsaWMgb25NZW51SXRlbUNsaWNrOiBFdmVudEVtaXR0ZXI8Tmd0Q29udGV4dE1lbnVPcHRpb25JbnRlcmZhY2U+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG4gICAgQE91dHB1dCgpIHB1YmxpYyBvblRlbXBsYXRlQ2xpY2s6IEV2ZW50RW1pdHRlcjx2b2lkPiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcclxuXHJcbiAgICBwdWJsaWMgcG9zaXRpb25YOiBudW1iZXI7XHJcbiAgICBwdWJsaWMgcG9zaXRpb25ZOiBudW1iZXI7XHJcblxyXG4gICAgcHVibGljIG1lbnVUZW1wbGF0ZTogVGVtcGxhdGVSZWY8YW55PjtcclxuICAgIHB1YmxpYyBtZW51SXRlbXM6IE5ndENvbnRleHRNZW51T3B0aW9uSW50ZXJmYWNlW10gPSBbXTtcclxuXHJcbiAgICBwdWJsaWMgaGFzT3B0aW9ucygpOiBib29sZWFuIHtcclxuICAgICAgICByZXR1cm4gIXRoaXMubWVudVRlbXBsYXRlICYmICEhdGhpcy5tZW51SXRlbXM/Lmxlbmd0aDtcclxuICAgIH1cclxufVxyXG5cclxuZXhwb3J0IGludGVyZmFjZSBOZ3RDb250ZXh0TWVudU9wdGlvbkludGVyZmFjZSB7XHJcbiAgICBjYXB0aW9uOiBzdHJpbmc7XHJcbiAgICBiYWNrZ3JvdW5kX2NvbG9yPzogc3RyaW5nO1xyXG4gICAgaWNvbj86IHN0cmluZztcclxuICAgIHZhbHVlOiBzdHJpbmc7XHJcbiAgICBkaXNhYmxlZD86IGJvb2xlYW47XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cImFic29sdXRlIG1heC13LTd4bCAtbXItMTAgLW1iLTEwXCIgc3R5bGU9XCJ6LWluZGV4OiA5OTk5OTkgIWltcG9ydGFudDsgd2lkdGg6IG1heC1jb250ZW50ICFpbXBvcnRhbnQ7XCJcclxuICAgIFtzdHlsZS5sZWZ0LnB4XT1cInBvc2l0aW9uWFwiIFtzdHlsZS50b3AucHhdPVwicG9zaXRpb25ZXCIgKGNsaWNrKT1cIiRldmVudC5zdG9wUHJvcGFnYXRpb24oKVwiPlxyXG5cclxuICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJoYXNPcHRpb25zKCk7IGVsc2Ugc2hvd1RlbXBsYXRlXCI+XHJcbiAgICAgICAgPHVsIGNsYXNzPVwiY3Vyc29yLXBvaW50ZXIgcm91bmRlZC14bCBiZy13aGl0ZSBib3JkZXIgYm9yZGVyLWdyYXktMjAwIHNoYWRvdy0yeGxcIj5cclxuICAgICAgICAgICAgPGxpICpuZ0Zvcj1cImxldCBpdGVtIG9mIG1lbnVJdGVtczsgbGFzdCBhcyBpc0xhc3Q7IGZpcnN0IGFzIGlzRmlyc3RcIlxyXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJmbGV4IGl0ZW1zLWNlbnRlciB3LWZ1bGwgcHgtNCBweS0yIGdhcC0zIHRleHQtc21cIiBbY2xhc3MudGV4dC1ncmF5LTcwMF09XCIhaXRlbS5kaXNhYmxlZFwiXHJcbiAgICAgICAgICAgICAgICBbY2xhc3MudGV4dC1ncmF5LTQwMF09XCJpdGVtLmRpc2FibGVkXCIgW2NsYXNzLmN1cnNvci1ub3QtYWxsb3dlZF09XCJpdGVtLmRpc2FibGVkXCJcclxuICAgICAgICAgICAgICAgIFtjbGFzcy5yb3VuZGVkLWIteGxdPVwiaXNMYXN0XCIgW2NsYXNzLnJvdW5kZWQtdC14bF09XCJpc0ZpcnN0XCJcclxuICAgICAgICAgICAgICAgIFtuZ0NsYXNzXT1cIml0ZW0uZGlzYWJsZWQgPyAnJyA6IChpdGVtLmJhY2tncm91bmRfY29sb3IgfHwgJ2hvdmVyOmJnLWdyZWVuLTUwMCcpXCJcclxuICAgICAgICAgICAgICAgIChjbGljayk9XCIhaXRlbS5kaXNhYmxlZCAmJiBvbk1lbnVJdGVtQ2xpY2suZW1pdChpdGVtKVwiPlxyXG5cclxuICAgICAgICAgICAgICAgIDxuZ3Qtc3ZnICpuZ0lmPVwiaXRlbS5pY29uXCIgY2xhc3M9XCJ0ZXh0LWxnXCIgW3NyY109XCJpdGVtLmljb25cIj48L25ndC1zdmc+XHJcbiAgICAgICAgICAgICAgICB7eyBpdGVtLmNhcHRpb24gfX1cclxuICAgICAgICAgICAgPC9saT5cclxuICAgICAgICA8L3VsPlxyXG4gICAgPC9uZy1jb250YWluZXI+XHJcblxyXG4gICAgPG5nLXRlbXBsYXRlICNzaG93VGVtcGxhdGU+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImJsb2NrIHJvdW5kZWQtbGcgYmctd2hpdGUgYm9yZGVyIGJvcmRlci1ncmF5LTIwMCB3LWZ1bGwgaC1hdXRvIHNoYWRvdy0yeGxcIlxyXG4gICAgICAgICAgICAoY2xpY2spPVwib25UZW1wbGF0ZUNsaWNrLmVtaXQoKVwiPlxyXG4gICAgICAgICAgICA8bmctY29udGFpbmVyIFtuZ1RlbXBsYXRlT3V0bGV0XT1cIm1lbnVUZW1wbGF0ZVwiPjwvbmctY29udGFpbmVyPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgPC9uZy10ZW1wbGF0ZT5cclxuPC9kaXY+XHJcbiJdfQ==
@@ -8755,10 +8755,10 @@ class NgtContextMenuComponent {
8755
8755
  }
8756
8756
  }
8757
8757
  NgtContextMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgtContextMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
8758
- NgtContextMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: NgtContextMenuComponent, selector: "ngt-context-menu", outputs: { onMenuItemClick: "onMenuItemClick", onTemplateClick: "onTemplateClick" }, ngImport: i0, template: "<div class=\"absolute max-w-7xl -mr-10 -mb-10\" style=\"z-index: 999999 !important; width: max-content !important;\"\r\n [style.left.px]=\"positionX\" [style.top.px]=\"positionY\" (click)=\"$event.stopPropagation()\">\r\n\r\n <ng-container *ngIf=\"hasOptions(); else showTemplate\">\r\n <ul class=\"cursor-pointer rounded-xl bg-white border border-gray-200 shadow-2xl \">\r\n <li *ngFor=\"let item of menuItems; last as isLast; first as isFirst\" class=\"flex\"\r\n class=\"flex items-center w-full px-4 py-2 gap-3 text-sm text-gray-700 hover:text-white\"\r\n [class.rounded-b-xl]=\"isLast\" [class.rounded-t-xl]=\"isFirst\"\r\n [ngClass]=\"item.background_color || 'hover:bg-green-500'\" (click)=\"onMenuItemClick.emit(item)\">\r\n\r\n <ngt-svg *ngIf=\"item.icon\" class=\"text-lg\" [src]=\"item.icon\"></ngt-svg>\r\n\r\n {{ item.caption }}\r\n </li>\r\n </ul>\r\n </ng-container>\r\n\r\n <ng-template #showTemplate>\r\n <div class=\"block rounded-lg bg-white border border-gray-200 w-full h-auto shadow-2xl\"\r\n (click)=\"onTemplateClick.emit()\">\r\n <ng-container [ngTemplateOutlet]=\"menuTemplate\"></ng-container>\r\n </div>\r\n </ng-template>\r\n</div>\r\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: NgtSvgComponent, selector: "ngt-svg", inputs: ["src", "class"] }] });
8758
+ NgtContextMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: NgtContextMenuComponent, selector: "ngt-context-menu", outputs: { onMenuItemClick: "onMenuItemClick", onTemplateClick: "onTemplateClick" }, ngImport: i0, template: "<div class=\"absolute max-w-7xl -mr-10 -mb-10\" style=\"z-index: 999999 !important; width: max-content !important;\"\r\n [style.left.px]=\"positionX\" [style.top.px]=\"positionY\" (click)=\"$event.stopPropagation()\">\r\n\r\n <ng-container *ngIf=\"hasOptions(); else showTemplate\">\r\n <ul class=\"cursor-pointer rounded-xl bg-white border border-gray-200 shadow-2xl\">\r\n <li *ngFor=\"let item of menuItems; last as isLast; first as isFirst\"\r\n class=\"flex items-center w-full px-4 py-2 gap-3 text-sm\" [class.text-gray-700]=\"!item.disabled\"\r\n [class.text-gray-400]=\"item.disabled\" [class.cursor-not-allowed]=\"item.disabled\"\r\n [class.rounded-b-xl]=\"isLast\" [class.rounded-t-xl]=\"isFirst\"\r\n [ngClass]=\"item.disabled ? '' : (item.background_color || 'hover:bg-green-500')\"\r\n (click)=\"!item.disabled && onMenuItemClick.emit(item)\">\r\n\r\n <ngt-svg *ngIf=\"item.icon\" class=\"text-lg\" [src]=\"item.icon\"></ngt-svg>\r\n {{ item.caption }}\r\n </li>\r\n </ul>\r\n </ng-container>\r\n\r\n <ng-template #showTemplate>\r\n <div class=\"block rounded-lg bg-white border border-gray-200 w-full h-auto shadow-2xl\"\r\n (click)=\"onTemplateClick.emit()\">\r\n <ng-container [ngTemplateOutlet]=\"menuTemplate\"></ng-container>\r\n </div>\r\n </ng-template>\r\n</div>\r\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: NgtSvgComponent, selector: "ngt-svg", inputs: ["src", "class"] }] });
8759
8759
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgtContextMenuComponent, decorators: [{
8760
8760
  type: Component,
8761
- args: [{ selector: 'ngt-context-menu', template: "<div class=\"absolute max-w-7xl -mr-10 -mb-10\" style=\"z-index: 999999 !important; width: max-content !important;\"\r\n [style.left.px]=\"positionX\" [style.top.px]=\"positionY\" (click)=\"$event.stopPropagation()\">\r\n\r\n <ng-container *ngIf=\"hasOptions(); else showTemplate\">\r\n <ul class=\"cursor-pointer rounded-xl bg-white border border-gray-200 shadow-2xl \">\r\n <li *ngFor=\"let item of menuItems; last as isLast; first as isFirst\" class=\"flex\"\r\n class=\"flex items-center w-full px-4 py-2 gap-3 text-sm text-gray-700 hover:text-white\"\r\n [class.rounded-b-xl]=\"isLast\" [class.rounded-t-xl]=\"isFirst\"\r\n [ngClass]=\"item.background_color || 'hover:bg-green-500'\" (click)=\"onMenuItemClick.emit(item)\">\r\n\r\n <ngt-svg *ngIf=\"item.icon\" class=\"text-lg\" [src]=\"item.icon\"></ngt-svg>\r\n\r\n {{ item.caption }}\r\n </li>\r\n </ul>\r\n </ng-container>\r\n\r\n <ng-template #showTemplate>\r\n <div class=\"block rounded-lg bg-white border border-gray-200 w-full h-auto shadow-2xl\"\r\n (click)=\"onTemplateClick.emit()\">\r\n <ng-container [ngTemplateOutlet]=\"menuTemplate\"></ng-container>\r\n </div>\r\n </ng-template>\r\n</div>\r\n" }]
8761
+ args: [{ selector: 'ngt-context-menu', template: "<div class=\"absolute max-w-7xl -mr-10 -mb-10\" style=\"z-index: 999999 !important; width: max-content !important;\"\r\n [style.left.px]=\"positionX\" [style.top.px]=\"positionY\" (click)=\"$event.stopPropagation()\">\r\n\r\n <ng-container *ngIf=\"hasOptions(); else showTemplate\">\r\n <ul class=\"cursor-pointer rounded-xl bg-white border border-gray-200 shadow-2xl\">\r\n <li *ngFor=\"let item of menuItems; last as isLast; first as isFirst\"\r\n class=\"flex items-center w-full px-4 py-2 gap-3 text-sm\" [class.text-gray-700]=\"!item.disabled\"\r\n [class.text-gray-400]=\"item.disabled\" [class.cursor-not-allowed]=\"item.disabled\"\r\n [class.rounded-b-xl]=\"isLast\" [class.rounded-t-xl]=\"isFirst\"\r\n [ngClass]=\"item.disabled ? '' : (item.background_color || 'hover:bg-green-500')\"\r\n (click)=\"!item.disabled && onMenuItemClick.emit(item)\">\r\n\r\n <ngt-svg *ngIf=\"item.icon\" class=\"text-lg\" [src]=\"item.icon\"></ngt-svg>\r\n {{ item.caption }}\r\n </li>\r\n </ul>\r\n </ng-container>\r\n\r\n <ng-template #showTemplate>\r\n <div class=\"block rounded-lg bg-white border border-gray-200 w-full h-auto shadow-2xl\"\r\n (click)=\"onTemplateClick.emit()\">\r\n <ng-container [ngTemplateOutlet]=\"menuTemplate\"></ng-container>\r\n </div>\r\n </ng-template>\r\n</div>\r\n" }]
8762
8762
  }], propDecorators: { onMenuItemClick: [{
8763
8763
  type: Output
8764
8764
  }], onTemplateClick: [{