slick-components 17.0.37 → 17.0.39
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.
|
@@ -23,7 +23,7 @@ class SlickInitParams {
|
|
|
23
23
|
}
|
|
24
24
|
}
|
|
25
25
|
class SlickInitService {
|
|
26
|
-
static { this.version = "17.0.
|
|
26
|
+
static { this.version = "17.0.39"; }
|
|
27
27
|
constructor() { }
|
|
28
28
|
static init(initParams) {
|
|
29
29
|
console.info(`Slick Components Version ${SlickInitService.version}`);
|
|
@@ -1754,10 +1754,18 @@ class SlickDialogComponent {
|
|
|
1754
1754
|
this.noPadding = (this.noPadding.toString().toLowerCase() === 'true') ? true : false;
|
|
1755
1755
|
if (changes.top)
|
|
1756
1756
|
this.top = parseInt(this.top.toString());
|
|
1757
|
-
if (
|
|
1758
|
-
this.
|
|
1759
|
-
|
|
1757
|
+
if (this.dynamicHeight && this.dynamicHeight.trim().length > 0) {
|
|
1758
|
+
this.height = this.calculateDimension(this.dynamicHeight, true);
|
|
1759
|
+
}
|
|
1760
|
+
else if (changes.height) {
|
|
1760
1761
|
this.height = parseInt(this.height.toString());
|
|
1762
|
+
}
|
|
1763
|
+
if (this.dynamicWidth && this.dynamicWidth.trim().length > 0) {
|
|
1764
|
+
this.width = this.calculateDimension(this.dynamicWidth, false);
|
|
1765
|
+
}
|
|
1766
|
+
else if (changes.width) {
|
|
1767
|
+
this.width = parseInt(this.width.toString());
|
|
1768
|
+
}
|
|
1761
1769
|
if (changes.maxHeight)
|
|
1762
1770
|
this.maxHeight = parseInt(this.maxHeight.toString());
|
|
1763
1771
|
if (changes.showOverlay)
|
|
@@ -1937,14 +1945,44 @@ class SlickDialogComponent {
|
|
|
1937
1945
|
if (this.isMaximized)
|
|
1938
1946
|
forFullSize = true;
|
|
1939
1947
|
await SlickSleepService.sleep(50);
|
|
1948
|
+
if (this.dynamicHeight && this.dynamicHeight.trim().length > 0) {
|
|
1949
|
+
this.height = this.calculateDimension(this.dynamicHeight, true);
|
|
1950
|
+
}
|
|
1951
|
+
if (this.dynamicWidth && this.dynamicWidth.trim().length > 0) {
|
|
1952
|
+
this.width = this.calculateDimension(this.dynamicWidth, false);
|
|
1953
|
+
}
|
|
1940
1954
|
let headerHeight = (this.headerRef) ? this.headerRef.nativeElement.clientHeight : 0;
|
|
1941
1955
|
let footerHeight = (this.footerRef) ? this.footerRef.nativeElement.clientHeight : 0;
|
|
1942
1956
|
this.hasFooter = footerHeight > 0;
|
|
1943
1957
|
this.maxHeight = !forFullSize ? window.innerHeight - this.top - 20 : window.innerHeight;
|
|
1944
1958
|
this.isBodyVisible = true;
|
|
1945
1959
|
}
|
|
1960
|
+
calculateDimension(value, isHeight) {
|
|
1961
|
+
if (!value)
|
|
1962
|
+
return 0;
|
|
1963
|
+
const val = value.trim().toLowerCase();
|
|
1964
|
+
if (val.endsWith('vh')) {
|
|
1965
|
+
const num = parseFloat(val.slice(0, -2));
|
|
1966
|
+
return window.innerHeight * (num / 100);
|
|
1967
|
+
}
|
|
1968
|
+
else if (val.endsWith('vw')) {
|
|
1969
|
+
const num = parseFloat(val.slice(0, -2));
|
|
1970
|
+
return window.innerWidth * (num / 100);
|
|
1971
|
+
}
|
|
1972
|
+
else if (val.endsWith('%')) {
|
|
1973
|
+
const num = parseFloat(val.slice(0, -1));
|
|
1974
|
+
return (isHeight ? window.innerHeight : window.innerWidth) * (num / 100);
|
|
1975
|
+
}
|
|
1976
|
+
else if (val.endsWith('px')) {
|
|
1977
|
+
return parseFloat(val.slice(0, -2));
|
|
1978
|
+
}
|
|
1979
|
+
else {
|
|
1980
|
+
const num = parseFloat(val);
|
|
1981
|
+
return isNaN(num) ? 0 : num;
|
|
1982
|
+
}
|
|
1983
|
+
}
|
|
1946
1984
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: SlickDialogComponent, deps: [{ token: SlickDialogService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1947
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.1", type: SlickDialogComponent, selector: "slick-dialog", inputs: { draggable: "draggable", resizable: "resizable", minimizable: "minimizable", header: "header", showHeader: "showHeader", noPadding: "noPadding", top: "top", width: "width", height: "height", maxHeight: "maxHeight", cssClass: "cssClass", key: "key", showOverlay: "showOverlay", disableScrollbar: "disableScrollbar" }, outputs: { onClose: "onClose" }, providers: [SlickDialogService], viewQueries: [{ propertyName: "containerRef", first: true, predicate: ["containerRef"], descendants: true }, { propertyName: "dialogRef", first: true, predicate: ["dialogRef"], descendants: true }, { propertyName: "headerRef", first: true, predicate: ["headerRef"], descendants: true }, { propertyName: "footerRef", first: true, predicate: ["footerRef"], descendants: true }, { propertyName: "dialogWrapper", first: true, predicate: ["dialogWrapper"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div #containerRef class=\"slick-dialog-container modal\" *ngIf=\"showDialog_internal === true\" [hidden]=\"!isDialogVisible\" [style.zIndex]=\"zIndex\" #bounds>\r\n <div #dialogWrapper class=\"position-absolute slick-dialog-z-index d-inline-block\" [ngClass]=\"{'isMinimized' : isMinimized }\" (endOffset)=\"onMoveEnd($event)\" [position]=\"position\" [ngDraggable]=\"draggable && !isMinimized\" [bounds]=\"bounds\" [handle]=\"draggingHandle\" [inBounds]=\"inBounds\" [style.top.px]=\"top\">\r\n <div #dialogRef (rzStop)=\"onResizeStop($event)\" [ngResizable]=\"resizable && !isMinimized\" class=\"slick-dialog modal-content d-flex flex-column drag-block-handle {{cssClass}}\" [style.height]=\"height === 0 ? '100%' : height + 'px'\" [style.width.px]=\"width\" [style.max-height.px]=\"maxHeight\">\r\n <div [class.slick-dialog-draggingHangle]=\"draggable && !isMinimized\" #draggingHandle>\r\n <div #headerRef class=\"slick-dialog_header modal-header py-0\" *ngIf=\"showHeader === true\">\r\n <div class=\"header-left\">{{header}}</div>\r\n <div class=\"header-right\" *ngIf=\"minimizable && !isMinimized\" (mousedown)=\"onDialogMinimize($event)\" style=\"width: 28px;\"><i class=\"far fa-window-minimize\"></i></div>\r\n <div class=\"header-right\" *ngIf=\"minimizable && !isMinimized\" (mousedown)=\"toggleFullSize($event)\" style=\"width: 28px;\"><i *ngIf=\"!isMaximized\" class=\"far fa-window-maximize\"></i><i *ngIf=\"isMaximized\" class=\"far fa-window-restore\"></i></div>\r\n <div class=\"header-right\" *ngIf=\"minimizable && isMinimized\" (mousedown)=\"onDialogMaximize($event)\" style=\"width: 28px;\"><i class=\"far fa-window-restore\"></i></div>\r\n <div class=\"header-right\" *ngIf=\"!isMinimized\" (mousedown)=\"onDialogClose($event)\" style=\"width: 28px;\"><i class=\"far fa-times\"></i></div>\r\n </div>\r\n </div>\r\n <div *ngIf=\"!isMinimized\" [style.visibility]=\"(isBodyVisible === true) ? 'visible' : 'hidden'\" style=\"overflow-y: auto\" class=\"slick-dialog_body modal-body flex-fill\" [ngClass]=\"{'disable_scrollbar' : disableScrollbar === true, 'p-0': noPadding === true }\"><ng-content></ng-content></div>\r\n <div #footerRef [ngClass]=\"{'slick-dialog_footer modal-footer': hasFooter === true }\" *ngIf=\"!isMinimized\"><ng-content select=\"slick-dialog-footer\"></ng-content></div>\r\n </div>\r\n </div>\r\n\r\n</div>", styles: [".ng-resizable{position:relative}.ng-resizable-handle{position:absolute;font-size:.1px;display:block;-ms-touch-action:none;touch-action:none}.ng-resizable-handle.ng-resizable-e{cursor:e-resize;width:7px;right:-5px;height:100%;top:0}.ng-resizable-handle.ng-resizable-w{cursor:w-resize;width:7px;left:-5px;height:100%;top:0}.ng-resizable-handle.ng-resizable-s{cursor:s-resize;height:7px;bottom:-5px;width:100%;left:0}.ng-resizable-handle.ng-resizable-n{cursor:n-resize;height:7px;top:-5px;width:100%;left:0}.ng-resizable-handle.ng-resizable-se{cursor:se-resize;width:8px;height:8px;right:4px;bottom:4px}.ng-resizable-handle.ng-resizable-sw{cursor:sw-resize;width:12px;height:12px;left:1px;bottom:1px}.ng-resizable-handle.ng-resizable-ne{cursor:ne-resize;width:12px;height:12px;right:1px;top:1px}.ng-resizable-handle.ng-resizable-nw{cursor:nw-resize;width:12px;height:12px;left:1px;top:1px}.ng-resizable-diagonal{box-sizing:border-box;width:0;height:0;border-bottom:8px solid #aaa;border-left:8px solid transparent}.slick-dialog-z-index.isMinimized{-webkit-transition-property:all;-webkit-transition-duration:.3s;-webkit-transition-timing-function:linear;transition-property:all;transition-duration:.3s;transition-timing-function:linear}.isMinimized .header-left{display:inline-block;width:calc(100% - 40px);padding-left:15px;vertical-align:top;font-weight:700;text-overflow:ellipsis;overflow:hidden;width:200px;white-space:nowrap}.disable_scrollbar{overflow:hidden!important;overflow-x:hidden;overflow-y:hidden;padding:10px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.AngularDraggableDirective, selector: "[ngDraggable]", inputs: ["handle", "bounds", "outOfBounds", "gridSize", "zIndexMoving", "zIndex", "inBounds", "trackPosition", "scale", "preventDefaultEvent", "position", "lockAxis", "ngDraggable"], outputs: ["started", "stopped", "edge", "movingOffset", "endOffset"], exportAs: ["ngDraggable"] }, { kind: "directive", type: i3.AngularResizableDirective, selector: "[ngResizable]", inputs: ["ngResizable", "rzHandles", "rzHandleDoms", "rzAspectRatio", "rzContainment", "rzGrid", "rzMinWidth", "rzMinHeight", "rzMaxWidth", "rzMaxHeight", "rzScale", "preventDefaultEvent"], outputs: ["rzStart", "rzResizing", "rzStop"], exportAs: ["ngResizable"] }] }); }
|
|
1985
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.1", type: SlickDialogComponent, selector: "slick-dialog", inputs: { draggable: "draggable", resizable: "resizable", minimizable: "minimizable", header: "header", showHeader: "showHeader", noPadding: "noPadding", top: "top", width: "width", height: "height", dynamicHeight: "dynamicHeight", dynamicWidth: "dynamicWidth", maxHeight: "maxHeight", cssClass: "cssClass", key: "key", showOverlay: "showOverlay", disableScrollbar: "disableScrollbar" }, outputs: { onClose: "onClose" }, providers: [SlickDialogService], viewQueries: [{ propertyName: "containerRef", first: true, predicate: ["containerRef"], descendants: true }, { propertyName: "dialogRef", first: true, predicate: ["dialogRef"], descendants: true }, { propertyName: "headerRef", first: true, predicate: ["headerRef"], descendants: true }, { propertyName: "footerRef", first: true, predicate: ["footerRef"], descendants: true }, { propertyName: "dialogWrapper", first: true, predicate: ["dialogWrapper"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div #containerRef class=\"slick-dialog-container modal\" *ngIf=\"showDialog_internal === true\" [hidden]=\"!isDialogVisible\" [style.zIndex]=\"zIndex\" #bounds>\r\n <div #dialogWrapper class=\"position-absolute slick-dialog-z-index d-inline-block\" [ngClass]=\"{'isMinimized' : isMinimized }\" (endOffset)=\"onMoveEnd($event)\" [position]=\"position\" [ngDraggable]=\"draggable && !isMinimized\" [bounds]=\"bounds\" [handle]=\"draggingHandle\" [inBounds]=\"inBounds\" [style.top.px]=\"top\">\r\n <div #dialogRef (rzStop)=\"onResizeStop($event)\" [ngResizable]=\"resizable && !isMinimized\" class=\"slick-dialog modal-content d-flex flex-column drag-block-handle {{cssClass}}\" [style.height]=\"height === 0 ? '100%' : height + 'px'\" [style.width.px]=\"width\" [style.max-height.px]=\"maxHeight\">\r\n <div [class.slick-dialog-draggingHangle]=\"draggable && !isMinimized\" #draggingHandle>\r\n <div #headerRef class=\"slick-dialog_header modal-header py-0\" *ngIf=\"showHeader === true\">\r\n <div class=\"header-left\">{{header}}</div>\r\n <div class=\"header-right\" *ngIf=\"minimizable && !isMinimized\" (mousedown)=\"onDialogMinimize($event)\" style=\"width: 28px;\"><i class=\"far fa-window-minimize\"></i></div>\r\n <div class=\"header-right\" *ngIf=\"minimizable && !isMinimized\" (mousedown)=\"toggleFullSize($event)\" style=\"width: 28px;\"><i *ngIf=\"!isMaximized\" class=\"far fa-window-maximize\"></i><i *ngIf=\"isMaximized\" class=\"far fa-window-restore\"></i></div>\r\n <div class=\"header-right\" *ngIf=\"minimizable && isMinimized\" (mousedown)=\"onDialogMaximize($event)\" style=\"width: 28px;\"><i class=\"far fa-window-restore\"></i></div>\r\n <div class=\"header-right\" *ngIf=\"!isMinimized\" (mousedown)=\"onDialogClose($event)\" style=\"width: 28px;\"><i class=\"far fa-times\"></i></div>\r\n </div>\r\n </div>\r\n <div *ngIf=\"!isMinimized\" [style.visibility]=\"(isBodyVisible === true) ? 'visible' : 'hidden'\" style=\"overflow-y: auto\" class=\"slick-dialog_body modal-body flex-fill\" [ngClass]=\"{'disable_scrollbar' : disableScrollbar === true, 'p-0': noPadding === true }\"><ng-content></ng-content></div>\r\n <div #footerRef [ngClass]=\"{'slick-dialog_footer modal-footer': hasFooter === true }\" *ngIf=\"!isMinimized\"><ng-content select=\"slick-dialog-footer\"></ng-content></div>\r\n </div>\r\n </div>\r\n\r\n</div>", styles: [".ng-resizable{position:relative}.ng-resizable-handle{position:absolute;font-size:.1px;display:block;-ms-touch-action:none;touch-action:none}.ng-resizable-handle.ng-resizable-e{cursor:e-resize;width:7px;right:-5px;height:100%;top:0}.ng-resizable-handle.ng-resizable-w{cursor:w-resize;width:7px;left:-5px;height:100%;top:0}.ng-resizable-handle.ng-resizable-s{cursor:s-resize;height:7px;bottom:-5px;width:100%;left:0}.ng-resizable-handle.ng-resizable-n{cursor:n-resize;height:7px;top:-5px;width:100%;left:0}.ng-resizable-handle.ng-resizable-se{cursor:se-resize;width:8px;height:8px;right:4px;bottom:4px}.ng-resizable-handle.ng-resizable-sw{cursor:sw-resize;width:12px;height:12px;left:1px;bottom:1px}.ng-resizable-handle.ng-resizable-ne{cursor:ne-resize;width:12px;height:12px;right:1px;top:1px}.ng-resizable-handle.ng-resizable-nw{cursor:nw-resize;width:12px;height:12px;left:1px;top:1px}.ng-resizable-diagonal{box-sizing:border-box;width:0;height:0;border-bottom:8px solid #aaa;border-left:8px solid transparent}.slick-dialog-z-index.isMinimized{-webkit-transition-property:all;-webkit-transition-duration:.3s;-webkit-transition-timing-function:linear;transition-property:all;transition-duration:.3s;transition-timing-function:linear}.isMinimized .header-left{display:inline-block;width:calc(100% - 40px);padding-left:15px;vertical-align:top;font-weight:700;text-overflow:ellipsis;overflow:hidden;width:200px;white-space:nowrap}.disable_scrollbar{overflow:hidden!important;overflow-x:hidden;overflow-y:hidden;padding:10px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.AngularDraggableDirective, selector: "[ngDraggable]", inputs: ["handle", "bounds", "outOfBounds", "gridSize", "zIndexMoving", "zIndex", "inBounds", "trackPosition", "scale", "preventDefaultEvent", "position", "lockAxis", "ngDraggable"], outputs: ["started", "stopped", "edge", "movingOffset", "endOffset"], exportAs: ["ngDraggable"] }, { kind: "directive", type: i3.AngularResizableDirective, selector: "[ngResizable]", inputs: ["ngResizable", "rzHandles", "rzHandleDoms", "rzAspectRatio", "rzContainment", "rzGrid", "rzMinWidth", "rzMinHeight", "rzMaxWidth", "rzMaxHeight", "rzScale", "preventDefaultEvent"], outputs: ["rzStart", "rzResizing", "rzStop"], exportAs: ["ngResizable"] }] }); }
|
|
1948
1986
|
}
|
|
1949
1987
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: SlickDialogComponent, decorators: [{
|
|
1950
1988
|
type: Component,
|
|
@@ -1967,6 +2005,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImpor
|
|
|
1967
2005
|
type: Input
|
|
1968
2006
|
}], height: [{
|
|
1969
2007
|
type: Input
|
|
2008
|
+
}], dynamicHeight: [{
|
|
2009
|
+
type: Input
|
|
2010
|
+
}], dynamicWidth: [{
|
|
2011
|
+
type: Input
|
|
1970
2012
|
}], maxHeight: [{
|
|
1971
2013
|
type: Input
|
|
1972
2014
|
}], cssClass: [{
|
|
@@ -2037,7 +2079,7 @@ class SlickConfirmDialogComponent {
|
|
|
2037
2079
|
this.dialogResolve(SlickConfirmDialogResults.Cancel);
|
|
2038
2080
|
}
|
|
2039
2081
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: SlickConfirmDialogComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2040
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.1", type: SlickConfirmDialogComponent, selector: "slick-confirm-dialog", inputs: { width: "width", okButtonText: "okButtonText", cancelButtonText: "cancelButtonText", showOkButton: "showOkButton", showCancelButton: "showCancelButton" }, viewQueries: [{ propertyName: "dialogRef", first: true, predicate: ["dialogRef"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<slick-dialog *ngIf=\"isVisible === true\" #dialogRef [top]='200' [width]='width' [showHeader]='false' [resizable]=\"false\" [draggable]=\"false\" [minimizable]=\"false\" onClose='onClose()'>\r\n\t<div class=\"form-group text-center\">\r\n\t\t<h4 style='margin-top: 10px; margin-bottom: 20px'><ng-content></ng-content></h4>\r\n\t</div>\r\n\r\n\t<div class=\"text-center\" style='margin-top: 10px;'>\r\n\t\t<button *ngIf=\"showOkButton === true\" type=\"button\" style='width: 80px' class=\"btn btn-outline-primary\" (click)=\"onOk()\">{{okButtonText}}</button> \r\n\t\t<button *ngIf=\"showCancelButton === true\" type=\"button\" style='width: 80px' class=\"btn btn-outline-danger\" (click)=\"onCancel()\">Cancel</button>\r\n\t</div>\r\n</slick-dialog>\r\n", dependencies: [{ kind: "component", type: SlickDialogComponent, selector: "slick-dialog", inputs: ["draggable", "resizable", "minimizable", "header", "showHeader", "noPadding", "top", "width", "height", "maxHeight", "cssClass", "key", "showOverlay", "disableScrollbar"], outputs: ["onClose"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
|
|
2082
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.1", type: SlickConfirmDialogComponent, selector: "slick-confirm-dialog", inputs: { width: "width", okButtonText: "okButtonText", cancelButtonText: "cancelButtonText", showOkButton: "showOkButton", showCancelButton: "showCancelButton" }, viewQueries: [{ propertyName: "dialogRef", first: true, predicate: ["dialogRef"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<slick-dialog *ngIf=\"isVisible === true\" #dialogRef [top]='200' [width]='width' [showHeader]='false' [resizable]=\"false\" [draggable]=\"false\" [minimizable]=\"false\" onClose='onClose()'>\r\n\t<div class=\"form-group text-center\">\r\n\t\t<h4 style='margin-top: 10px; margin-bottom: 20px'><ng-content></ng-content></h4>\r\n\t</div>\r\n\r\n\t<div class=\"text-center\" style='margin-top: 10px;'>\r\n\t\t<button *ngIf=\"showOkButton === true\" type=\"button\" style='width: 80px' class=\"btn btn-outline-primary\" (click)=\"onOk()\">{{okButtonText}}</button> \r\n\t\t<button *ngIf=\"showCancelButton === true\" type=\"button\" style='width: 80px' class=\"btn btn-outline-danger\" (click)=\"onCancel()\">Cancel</button>\r\n\t</div>\r\n</slick-dialog>\r\n", dependencies: [{ kind: "component", type: SlickDialogComponent, selector: "slick-dialog", inputs: ["draggable", "resizable", "minimizable", "header", "showHeader", "noPadding", "top", "width", "height", "dynamicHeight", "dynamicWidth", "maxHeight", "cssClass", "key", "showOverlay", "disableScrollbar"], outputs: ["onClose"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
|
|
2041
2083
|
}
|
|
2042
2084
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: SlickConfirmDialogComponent, decorators: [{
|
|
2043
2085
|
type: Component,
|
|
@@ -4524,20 +4566,31 @@ class SlickEmailerComponent {
|
|
|
4524
4566
|
tinymce.init({
|
|
4525
4567
|
selector: `#emailer_tinymce_${this.tinyMCEUuid}`,
|
|
4526
4568
|
branding: false,
|
|
4569
|
+
theme: 'silver',
|
|
4527
4570
|
menubar: 'edit insert format tools',
|
|
4528
|
-
plugins: 'link image
|
|
4529
|
-
toolbar:
|
|
4571
|
+
plugins: 'link image code lists table autoresize',
|
|
4572
|
+
toolbar: `
|
|
4573
|
+
fontselect fontsizeselect styleselect |
|
|
4574
|
+
bold italic underline |
|
|
4575
|
+
alignleft aligncenter alignright alignjustify |
|
|
4576
|
+
indent outdent | bullist numlist |
|
|
4577
|
+
link image | table | code
|
|
4578
|
+
`,
|
|
4530
4579
|
fontsize_formats: "8px 10px 12px 14px 18px 24px 36px",
|
|
4531
|
-
height: this.bodyHeight,
|
|
4532
4580
|
convert_urls: false,
|
|
4581
|
+
toolbar_mode: 'sliding',
|
|
4582
|
+
max_height: 500,
|
|
4583
|
+
license_key: 'gpl',
|
|
4584
|
+
resize: true,
|
|
4585
|
+
promotion: false,
|
|
4533
4586
|
setup: (ed) => {
|
|
4534
|
-
ed.on('init', (
|
|
4535
|
-
ed.setContent(
|
|
4587
|
+
ed.on('init', () => {
|
|
4588
|
+
ed.setContent(this.emailerModel.body || '');
|
|
4536
4589
|
this.tinyMCEInitialized = true;
|
|
4537
4590
|
this.slickFunctionLockService.release("SLICK_EMAILER_INIT_TINY_MCE");
|
|
4538
4591
|
resolve();
|
|
4539
4592
|
});
|
|
4540
|
-
ed.on('change', (
|
|
4593
|
+
ed.on('change', () => {
|
|
4541
4594
|
this.emailerModel.body = this.getBody();
|
|
4542
4595
|
});
|
|
4543
4596
|
}
|
|
@@ -4664,14 +4717,21 @@ class SlickEmailerDialogComponent {
|
|
|
4664
4717
|
if (this.cancelEmailClickEmitter)
|
|
4665
4718
|
this.cancelEmailClickEmitter.emit();
|
|
4666
4719
|
}
|
|
4720
|
+
get calculatedWidth() {
|
|
4721
|
+
return this.dynamicWidth ? null : 800;
|
|
4722
|
+
}
|
|
4667
4723
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: SlickEmailerDialogComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4668
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.1", type: SlickEmailerDialogComponent, selector: "slick-emailer-dialog", inputs: { toEmailAddressList: "toEmailAddressList", bodyHeight: "bodyHeight" }, outputs: { toAddressSearchEmitter: "toAddressSearch", sendEmailClickEmitter: "sendEmailClick", cancelEmailClickEmitter: "cancelEmailClick" }, providers: [
|
|
4724
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.1", type: SlickEmailerDialogComponent, selector: "slick-emailer-dialog", inputs: { toEmailAddressList: "toEmailAddressList", bodyHeight: "bodyHeight", dynamicHeight: "dynamicHeight", dynamicWidth: "dynamicWidth" }, outputs: { toAddressSearchEmitter: "toAddressSearch", sendEmailClickEmitter: "sendEmailClick", cancelEmailClickEmitter: "cancelEmailClick" }, providers: [
|
|
4669
4725
|
{
|
|
4670
4726
|
provide: NG_VALUE_ACCESSOR,
|
|
4671
4727
|
useExisting: forwardRef((() => SlickEmailerDialogComponent)),
|
|
4672
4728
|
multi: true,
|
|
4673
4729
|
}
|
|
4674
|
-
], viewQueries: [{ propertyName: "emailerDialogRef", first: true, predicate: ["emailerDialogRef"], descendants: true }, { propertyName: "emailerRef", first: true, predicate: ["emailerRef"], descendants: true }], ngImport: i0, template: `<slick-dialog *ngIf='isVisible' header='Send Email'
|
|
4730
|
+
], viewQueries: [{ propertyName: "emailerDialogRef", first: true, predicate: ["emailerDialogRef"], descendants: true }, { propertyName: "emailerRef", first: true, predicate: ["emailerRef"], descendants: true }], ngImport: i0, template: `<slick-dialog *ngIf='isVisible' header='Send Email'
|
|
4731
|
+
[width]="calculatedWidth"
|
|
4732
|
+
[dynamicHeight]="dynamicHeight"
|
|
4733
|
+
[dynamicWidth]="dynamicWidth"
|
|
4734
|
+
(onClose)='onCancelEmail()' #emailerDialogRef>
|
|
4675
4735
|
<slick-emailer #emailerRef [(ngModel)]='dialogEmailerModel'
|
|
4676
4736
|
[bodyHeight]='bodyHeight'
|
|
4677
4737
|
[showButtons]='false'
|
|
@@ -4687,13 +4747,17 @@ class SlickEmailerDialogComponent {
|
|
|
4687
4747
|
</div>
|
|
4688
4748
|
</div>
|
|
4689
4749
|
</slick-dialog-footer>
|
|
4690
|
-
</slick-dialog>`, isInline: true, dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: SlickDialogComponent, selector: "slick-dialog", inputs: ["draggable", "resizable", "minimizable", "header", "showHeader", "noPadding", "top", "width", "height", "maxHeight", "cssClass", "key", "showOverlay", "disableScrollbar"], outputs: ["onClose"] }, { kind: "component", type: SlickDialogFooterComponent, selector: "slick-dialog-footer" }, { kind: "component", type: SlickButtonSpinnerComponent, selector: "[slick-button-spinner]", inputs: ["slick-button-spinner"] }, { kind: "component", type: SlickEmailerComponent, selector: "slick-emailer", inputs: ["toEmailAddressList", "showButtons", "bodyHeight"], outputs: ["toAddressSearch", "sendEmailClick", "cancelEmailClick"] }] }); }
|
|
4750
|
+
</slick-dialog>`, isInline: true, dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: SlickDialogComponent, selector: "slick-dialog", inputs: ["draggable", "resizable", "minimizable", "header", "showHeader", "noPadding", "top", "width", "height", "dynamicHeight", "dynamicWidth", "maxHeight", "cssClass", "key", "showOverlay", "disableScrollbar"], outputs: ["onClose"] }, { kind: "component", type: SlickDialogFooterComponent, selector: "slick-dialog-footer" }, { kind: "component", type: SlickButtonSpinnerComponent, selector: "[slick-button-spinner]", inputs: ["slick-button-spinner"] }, { kind: "component", type: SlickEmailerComponent, selector: "slick-emailer", inputs: ["toEmailAddressList", "showButtons", "bodyHeight"], outputs: ["toAddressSearch", "sendEmailClick", "cancelEmailClick"] }] }); }
|
|
4691
4751
|
}
|
|
4692
4752
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: SlickEmailerDialogComponent, decorators: [{
|
|
4693
4753
|
type: Component,
|
|
4694
4754
|
args: [{
|
|
4695
4755
|
selector: 'slick-emailer-dialog',
|
|
4696
|
-
template: `<slick-dialog *ngIf='isVisible' header='Send Email'
|
|
4756
|
+
template: `<slick-dialog *ngIf='isVisible' header='Send Email'
|
|
4757
|
+
[width]="calculatedWidth"
|
|
4758
|
+
[dynamicHeight]="dynamicHeight"
|
|
4759
|
+
[dynamicWidth]="dynamicWidth"
|
|
4760
|
+
(onClose)='onCancelEmail()' #emailerDialogRef>
|
|
4697
4761
|
<slick-emailer #emailerRef [(ngModel)]='dialogEmailerModel'
|
|
4698
4762
|
[bodyHeight]='bodyHeight'
|
|
4699
4763
|
[showButtons]='false'
|
|
@@ -4724,6 +4788,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImpor
|
|
|
4724
4788
|
}], bodyHeight: [{
|
|
4725
4789
|
type: Input,
|
|
4726
4790
|
args: ["bodyHeight"]
|
|
4791
|
+
}], dynamicHeight: [{
|
|
4792
|
+
type: Input
|
|
4793
|
+
}], dynamicWidth: [{
|
|
4794
|
+
type: Input
|
|
4727
4795
|
}], toAddressSearchEmitter: [{
|
|
4728
4796
|
type: Output,
|
|
4729
4797
|
args: ["toAddressSearch"]
|
|
@@ -4838,7 +4906,7 @@ class SlickEmailViewerDialogComponent {
|
|
|
4838
4906
|
</div>
|
|
4839
4907
|
</div>
|
|
4840
4908
|
</slick-dialog-footer>
|
|
4841
|
-
</slick-dialog>`, isInline: true, dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: SlickDialogComponent, selector: "slick-dialog", inputs: ["draggable", "resizable", "minimizable", "header", "showHeader", "noPadding", "top", "width", "height", "maxHeight", "cssClass", "key", "showOverlay", "disableScrollbar"], outputs: ["onClose"] }, { kind: "component", type: SlickDialogFooterComponent, selector: "slick-dialog-footer" }, { kind: "component", type: SlickEmailViewerComponent, selector: "slick-email-viewer" }] }); }
|
|
4909
|
+
</slick-dialog>`, isInline: true, dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: SlickDialogComponent, selector: "slick-dialog", inputs: ["draggable", "resizable", "minimizable", "header", "showHeader", "noPadding", "top", "width", "height", "dynamicHeight", "dynamicWidth", "maxHeight", "cssClass", "key", "showOverlay", "disableScrollbar"], outputs: ["onClose"] }, { kind: "component", type: SlickDialogFooterComponent, selector: "slick-dialog-footer" }, { kind: "component", type: SlickEmailViewerComponent, selector: "slick-email-viewer" }] }); }
|
|
4842
4910
|
}
|
|
4843
4911
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: SlickEmailViewerDialogComponent, decorators: [{
|
|
4844
4912
|
type: Component,
|
|
@@ -5042,7 +5110,7 @@ class SlickGoogleMapDialogComponent {
|
|
|
5042
5110
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: SlickGoogleMapDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5043
5111
|
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.1", type: SlickGoogleMapDialogComponent, selector: "slick-google-map-dialog", inputs: { options: "options", overlays: "overlays" }, viewQueries: [{ propertyName: "googleMapDialogRef", first: true, predicate: ["googleMapDialogRef"], descendants: true }], ngImport: i0, template: `<slick-dialog *ngIf='isVisible' header='Map' [width]='600' #googleMapDialogRef>
|
|
5044
5112
|
<slick-google-map *ngIf='showMap' [options]="options" [overlays]="overlays" [width]="'580px'" [height]="'500px'"></slick-google-map>
|
|
5045
|
-
</slick-dialog>`, isInline: true, dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: SlickDialogComponent, selector: "slick-dialog", inputs: ["draggable", "resizable", "minimizable", "header", "showHeader", "noPadding", "top", "width", "height", "maxHeight", "cssClass", "key", "showOverlay", "disableScrollbar"], outputs: ["onClose"] }, { kind: "component", type: SlickGoogleMapComponent, selector: "slick-google-map", inputs: ["options", "overlays", "width", "height"] }] }); }
|
|
5113
|
+
</slick-dialog>`, isInline: true, dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: SlickDialogComponent, selector: "slick-dialog", inputs: ["draggable", "resizable", "minimizable", "header", "showHeader", "noPadding", "top", "width", "height", "dynamicHeight", "dynamicWidth", "maxHeight", "cssClass", "key", "showOverlay", "disableScrollbar"], outputs: ["onClose"] }, { kind: "component", type: SlickGoogleMapComponent, selector: "slick-google-map", inputs: ["options", "overlays", "width", "height"] }] }); }
|
|
5046
5114
|
}
|
|
5047
5115
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: SlickGoogleMapDialogComponent, decorators: [{
|
|
5048
5116
|
type: Component,
|
|
@@ -6426,7 +6494,7 @@ class SlickGridComponent {
|
|
|
6426
6494
|
}
|
|
6427
6495
|
}
|
|
6428
6496
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: SlickGridComponent, deps: [{ token: SlickGridService }, { token: SlickFunctionLockService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6429
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.1", type: SlickGridComponent, selector: "slick-grid", inputs: { gridOptions: "gridOptions", bordered: "bordered", striped: "striped", hover: "hover", showingAllRecords: "showingAllRecords", data: "data" }, outputs: { onRowSelected: "onRowSelected", onRowDoubleClick: "onRowDoubleClick", onRowContextMenu: "onRowContextMenu", onFavoritesModified: "onFavoritesModified" }, host: { listeners: { "window:resize": "onResize($event,$event.target)" }, properties: { "class": "this.flexColumn" } }, providers: [SlickGridService], queries: [{ propertyName: "slickGridColumnTemplates", predicate: SlickGridColumnTemplateDirective }], viewQueries: [{ propertyName: "slickGridRef", first: true, predicate: ["slickGrid"], descendants: true, static: true }, { propertyName: "tableContainerRef", first: true, predicate: ["tableContainer"], descendants: true }, { propertyName: "tableRef", first: true, predicate: ["tableRef"], descendants: true }, { propertyName: "tableHeaderRowRef", first: true, predicate: ["tableHeaderRow"], descendants: true }, { propertyName: "tableHeaderSearchRowRef", first: true, predicate: ["tableHeaderSearchRow"], descendants: true }, { propertyName: "testRowRef", first: true, predicate: ["testRow"], descendants: true }, { propertyName: "tableBodyRowsRef", first: true, predicate: ["tableBodyRows"], descendants: true }, { propertyName: "columnSelectDialogRef", first: true, predicate: ["columnSelectDialogRef"], descendants: true }, { propertyName: "addNewFavoriteDialogRef", first: true, predicate: ["addNewFavoriteDialogRef"], descendants: true }, { propertyName: "renameFavoriteDialogRef", first: true, predicate: ["renameFavoriteDialogRef"], descendants: true }, { propertyName: "deleteFavoriteDialogRef", first: true, predicate: ["deleteFavoriteDialogRef"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div id=\"slick-grid_{{uuid}}\" class=\"slick-grid d-flex flex-column flex-fill\" style=\"position: absolute; left: 0; top: 0; right: 0; bottom: 0;\" #slickGrid>\r\n\t<div #tableContainer class=\"d-flex flex-fill\" style=\"overflow: auto\">\r\n\r\n\t\t<div>\r\n\t\t\t<table #tableRef class=\"table table-sm\" [class.table-bordered]=\"bordered\" [class.table-borderless]=\"!bordered\" [class.table-striped]=\"striped\" [class.table-hover]=\"hover\" [style.opacity]=\"gridOpacity\" style=\"margin: 0; padding: 0;\" (keydown)=\"tableKeydown($event)\" tabindex=\"0\">\r\n\t\t\t\t<thead>\r\n\t\t\t\t\t<tr #tableHeaderRow (mousemove)=\"onColResizeMousemove($event)\" [ngClass]=\"{ 'resizing': isResizing === true }\">\r\n\t\t\t\t\t\t<td *ngFor=\"let column of visibleColumns; let idx = index\" [style.width]=\"column.width\" [style.maxWidth]=\"column.width\" [style.height]=\"column.titleHeight\">\r\n\t\t\t\t\t\t\t<div [ngClass]=\"{ 'slick-grid_title-vertical' : column.titleOrientation === 1, 'slick-grid_title-align-left': column.titleAlignment === 0, 'slick-grid_title-align-center': column.titleAlignment === 1, 'slick-grid_title-align-right': column.titleAlignment === 2 }\">\r\n\t\t\t\t\t\t\t\t<div *ngIf=\"idx > 0 && idx < visibleColumns.length\" class=\"resize_column_left\" [class.table-bordered]=\"bordered\" (mousedown)=\"onColResizeMousedown($event, idx - 1)\" (dblclick)=\"onColResizeDoubleclick($event, idx - 1)\"></div>\r\n\t\t\t\t\t\t\t\t<span class=\"sortIcon\" *ngIf=\"column.sortable === true && column.sortDirection > 0\"><i class=\"far\" [ngClass]=\"{'fa-caret-up': column.sortDirection === 1, 'fa-caret-down': column.sortDirection === 2}\"></i> </span>\r\n\t\t\t\t\t\t\t\t<a href=\"javascript:void(0)\" *ngIf=\"column.sortable === true\" (click)=\"sortBy(column)\" draggable=\"false\" title=\"{{column.title}}\">{{column.title}}</a>\r\n\t\t\t\t\t\t\t\t<div *ngIf=\"column.sortable === false\" title=\"{{column.title}}\">{{column.title}}</div>\r\n\t\t\t\t\t\t\t\t<div class=\"resize_column_right\" (mousedown)=\"onColResizeMousedown($event, idx)\" (dblclick)=\"onColResizeDoubleclick($event, idx)\"></div>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</td>\r\n\t\t\t\t\t</tr>\r\n\t\t\t\t\t<tr #tableHeaderSearchRow *ngIf=\"showSearchRow === true\">\r\n\t\t\t\t\t\t<td *ngFor=\"let column of visibleColumns\">\r\n\t\t\t\t\t\t\t<div class=\"slick-grid_search-column\">\r\n\t\t\t\t\t\t\t\t<i *ngIf=\"column.isFiltering\" class=\"fas fa-times-circle bg-white text-danger me-1\" (click)=\"resetFilter(column)\"></i>\r\n\t\t\t\t\t\t\t\t<i *ngIf=\"column.isFiltering && column.isLocked\" class=\"far fa-lock me-1\" (click)=\"toggleLock(column)\"></i>\r\n\t\t\t\t\t\t\t\t<i *ngIf=\"column.isFiltering && !column.isLocked\" class=\"far fa-lock-open me-1\" (click)=\"toggleLock(column)\"></i>\r\n\t\t\t\t\t\t\t\t<div *ngIf=\"column.filterType === 1\" class=\"slick-grid_text-search\">\r\n\t\t\t\t\t\t\t\t\t<input autocomplete=\"nope\" type=\"text\" class=\"form-control\" [(ngModel)]=\"column.filterText\" name=\"searchText\" placeholder=\"Search...\" (keydown)=\"onSearch(column)\" />\r\n\t\t\t\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t\t\t\t<div *ngIf=\"column.filterType === 2\" class=\"slick-grid_drop-down-search\">\r\n\t\t\t\t\t\t\t\t\t<slick-drop-down [items]=\"column.filterDropdownValues\" [(ngModel)]=\"column.filterDropdownValue\" cssClass=\"slick-grid_filter-drop-down\" listWidth=\"auto\" placeholder=\"Search...\" (onSelect)=\"onSearchSelect($event, column)\"></slick-drop-down>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</td>\r\n\t\t\t\t\t</tr>\r\n\t\t\t\t</thead>\r\n\r\n\t\t\t\t<tbody>\r\n\t\t\t\t\t<tr *ngIf=\"loaded && visibleData.length === 0\"><td [colSpan]=\"visibleColumns.length\">No Data</td></tr>\r\n\t\t\t\t\t<tr *ngFor=\"let rowData of visibleData; let idx = index\" #tableBodyRows (click)=\"onRowClicked(rowData, idx)\" (dblclick)=\"onRowDoubleClicked(rowData, idx)\" (contextmenu)=\"onRowContextMenuClicked($event, rowData, idx)\" [class.table-success]=\"selectedIndex === idx\">\r\n\t\t\t\t\t\t<td *ngFor=\"let column of visibleColumns\">\r\n\t\t\t\t\t\t\t<div *ngIf=\"!column.columnKey\" class=\"slick-grid_column-content\" [style.width]=\"column.width\" [style.maxWidth]=\"column.width\" [innerHTML]=\"getColumnHTML(rowData, column.dataFieldName) | slickGridSanitizeHtml\"></div>\r\n\t\t\t\t\t\t\t<div *ngIf=\"column.columnKey\" class=\"slick-grid_column-content\" [style.width]=\"column.width\" [style.maxWidth]=\"column.width\">\r\n\t\t\t\t\t\t\t\t<ng-container *ngTemplateOutlet=\"templateRefs[column.columnKey], context: { $implicit: rowData }\">\r\n\t\t\t\t\t\t\t\t</ng-container>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</td>\r\n\t\t\t\t\t</tr>\r\n\t\t\t\t</tbody>\r\n\t\t\t</table>\r\n\t\t</div>\r\n\t</div>\r\n\r\n\r\n\t<div class=\"slick-grid-footer mt-2 d-flex\">\r\n\t\t<div>\r\n\t\t <button type=\"button\" (click)=\"openColumnSelectDialog()\" class=\"btn btn-outline-primary\" style=\"border-radius: 100%; height: 2.2rem; width: 2.2rem; padding: 0;\"><i class=\"fal fa-columns\"></i></button>\r\n\t\t</div>\r\n\t\t<div *ngIf=\"favorites?.length > 1\">\r\n\t\t <button #favoriteSelectRef type=\"button\" class=\"btn btn-outline-primary ms-1\"><i class=\"far fa-star\"></i> {{this.selectedFavorite}}</button>\r\n\t\t <slick-popover [element]=\"favoriteSelectRef\" position=\"top\" showArrow=\"false\" [topOffsetPx]=\"0\" [leftOffsetPx]=\"0\" [showByClick]=\"true\">\r\n\t\t\t<table class=\"table-borderless table-sm table-hover\" style=\"min-width: 250px; cursor: default\">\r\n\t\t\t <tbody>\r\n\t\t\t\t<tr *ngFor=\"let favorite of favorites\" (click)=\"setFavorite(favorite.text)\">\r\n\t\t\t\t <td><i *ngIf=\"favorite.text === selectedFavorite\" class=\"far fa-star me-1\"></i>{{favorite.text}}</td>\r\n\t\t\t\t</tr>\r\n\t\t\t </tbody>\r\n\t\t\t</table>\r\n\t\t </slick-popover>\r\n\t\t</div>\r\n\t\t<div *ngIf=\"showingAllRecords == false\">\r\n\t\t <slick-paging [(pageNumber)]=\"currentPage\" [totalRecords]=\"totalRecords\" [recordsPerPage]=\"recordsPerPage\" (onPageChange)=\"onPageChange($event)\"></slick-paging>\r\n\t\t</div>\r\n\t\t<div class=\"ms-auto\">\r\n\t\t <button #recordsPerPageRef type=\"button\" class=\"btn btn-outline-primary\">{{recordsPerPageValue}} <i style=\"font-size: 12px;\" class=\"far fa-chevron-down\"></i></button>\r\n\t\t <slick-popover [element]=\"recordsPerPageRef\" position=\"top\" showArrow=\"false\" [topOffsetPx]=\"0\" [leftOffsetPx]=\"0\" [showByClick]=\"true\">\r\n\t\t\t<table class=\"table-borderless table-sm table-hover\" style=\"min-width: 150px;\">\r\n\t\t\t <tbody>\r\n\t\t\t\t<tr (click)=\"onRecordsPerPageSelected('Auto')\"><td>Auto</td></tr>\r\n\t\t\t\t<tr (click)=\"onRecordsPerPageSelected('25')\"><td>25</td></tr>\r\n\t\t\t\t<tr (click)=\"onRecordsPerPageSelected('50')\"><td>50</td></tr>\r\n\t\t\t\t<tr (click)=\"onRecordsPerPageSelected('100')\"><td>100</td></tr>\r\n\t\t\t </tbody>\r\n\t\t\t</table>\r\n\t\t </slick-popover>\r\n\t\t</div>\r\n\t </div>\r\n\t \r\n</div>\r\n\r\n<slick-dialog #columnSelectDialogRef header=\"Select Columns\">\r\n\t<div style=\"text-align: center; width: 475px;\" class=\"mx-5\">\r\n\t\t<div class=\"d-flex\">\r\n\t\t\t<div class=\"flex-fill\">\r\n\t\t\t\t<slick-drop-down [items]=\"favorites\"\r\n\t\t\t\t\t\t\t\t [ngModel]=\"selectedFavorite\"\r\n\t\t\t\t\t\t\t\t (onSelect)=\"loadFavorite($event)\"></slick-drop-down>\r\n\t\t\t</div>\r\n\t\t\t<div>\r\n\t\t\t\t<button class=\"btn btn-outline-primary ms-1\" (click)=\"addNewFavorite()\"><i class=\"far fa-plus\"></i></button>\r\n\t\t\t\t<button *ngIf=\"selectedFavorite !== 'Default'\" class=\"btn btn-outline-primary ms-1\" (click)=\"renameFavorite()\"><i class=\"far fa-pencil\"></i></button>\r\n\t\t\t\t<button *ngIf=\"selectedFavorite !== 'Default'\" class=\"btn btn-outline-danger ms-1\" (click)=\"deleteFavorite()\"><i class=\"far fa-trash\"></i></button>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t\t<div class=\"d-flex flex-column mt-1\" slick-drop-list (onSlickDropListReorder)=\"onColumnReorder($event)\">\r\n\t\t\t<div *ngFor=\"let column of columnSelectDialogColumns\" class=\"d-flex\" slick-drop-list-item>\r\n\t\t\t\t<div style=\"width: 20px\"><input type=\"checkbox\" style=\"position: relative; top: 2px;\" [(ngModel)]=\"column.visible\" /></div>\r\n\t\t\t\t<div class=\"py-0 flex-fill\" style=\"text-align: left; cursor: ns-resize\" slick-drop-list-grab>{{column.title}}</div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n\t<slick-dialog-footer>\r\n\t\t<div style=\"margin-top: 10px;\" class=\"col-12 text-center mb-2 mt-1\">\r\n\t\t\t<button type=\"button\" (click)=\"onSaveColumns()\" class=\"btn btn-outline-primary me-1\"><i class=\"far fa-save\"></i> Save</button> \r\n\t\t\t<button type=\"button\" class=\"btn btn-outline-danger\" (click)=\"onCancelColumns()\">Cancel</button>\r\n\t\t</div>\r\n\t</slick-dialog-footer>\r\n</slick-dialog>\r\n\r\n\r\n<slick-confirm-dialog #addNewFavoriteDialogRef width=\"300\">\r\n\t<label>Enter new favorite name</label>\r\n\t<input type=\"text\" class=\"form-control mx-3\" style=\"width: 250px\" [(ngModel)]=\"newFavoriteText\" />\r\n</slick-confirm-dialog>\r\n\r\n<slick-confirm-dialog #renameFavoriteDialogRef width=\"300\">\r\n\t<label>Rename favorite</label>\r\n\t<input type=\"text\" class=\"form-control mx-3\" style=\"width: 250px\" [(ngModel)]=\"renameFavoriteText\" />\r\n</slick-confirm-dialog>\r\n\r\n<slick-confirm-dialog #deleteFavoriteDialogRef width=\"300\">\r\n\t<label>Are you sure you want to delete this favorite?</label>\r\n</slick-confirm-dialog>", 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: SlickConfirmDialogComponent, selector: "slick-confirm-dialog", inputs: ["width", "okButtonText", "cancelButtonText", "showOkButton", "showCancelButton"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: SlickPopoverComponent, selector: "slick-popover", inputs: ["element", "position", "hoverDelay", "outDelay", "alignment", "topOffsetPx", "leftOffsetPx", "whiteBackground", "showByClick", "showArrow", "disableAutoClose", "disableAutoCloseClass"] }, { kind: "component", type: SlickDialogComponent, selector: "slick-dialog", inputs: ["draggable", "resizable", "minimizable", "header", "showHeader", "noPadding", "top", "width", "height", "maxHeight", "cssClass", "key", "showOverlay", "disableScrollbar"], outputs: ["onClose"] }, { kind: "component", type: SlickDialogFooterComponent, selector: "slick-dialog-footer" }, { kind: "component", type: SlickDropDownComponent, selector: "slick-drop-down", inputs: ["placeholder", "items", "idFieldName", "textFieldName", "compact", "disabled", "allowEmpty", "getUrl", "width", "listWidth", "height", "showLoadingMessage", "showDebug", "tabindex", "validationIndicator", "validationIndicatorType", "attachTo", "searchType", "icon", "isMobile", "cssClass"], outputs: ["onExpand", "onSelect", "onChange"] }, { kind: "directive", type: SlickDropListDirective, selector: "[slick-drop-list]", outputs: ["onSlickDropListReorder", "onSlickDropListEnter", "onSlickDropListLeave"] }, { kind: "directive", type: SlickDropListItemDirective, selector: "[slick-drop-list-item]" }, { kind: "directive", type: SlickDropListGrabDirective, selector: "[slick-drop-list-grab]" }, { kind: "component", type: SlickPagingComponent, selector: "slick-paging", inputs: ["pageNumber", "totalRecords", "recordsPerPage"], outputs: ["pageNumberChange", "onPageChange"] }, { kind: "pipe", type: SlickGridSanitizeHtmlPipe, name: "slickGridSanitizeHtml" }] }); }
|
|
6497
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.1", type: SlickGridComponent, selector: "slick-grid", inputs: { gridOptions: "gridOptions", bordered: "bordered", striped: "striped", hover: "hover", showingAllRecords: "showingAllRecords", data: "data" }, outputs: { onRowSelected: "onRowSelected", onRowDoubleClick: "onRowDoubleClick", onRowContextMenu: "onRowContextMenu", onFavoritesModified: "onFavoritesModified" }, host: { listeners: { "window:resize": "onResize($event,$event.target)" }, properties: { "class": "this.flexColumn" } }, providers: [SlickGridService], queries: [{ propertyName: "slickGridColumnTemplates", predicate: SlickGridColumnTemplateDirective }], viewQueries: [{ propertyName: "slickGridRef", first: true, predicate: ["slickGrid"], descendants: true, static: true }, { propertyName: "tableContainerRef", first: true, predicate: ["tableContainer"], descendants: true }, { propertyName: "tableRef", first: true, predicate: ["tableRef"], descendants: true }, { propertyName: "tableHeaderRowRef", first: true, predicate: ["tableHeaderRow"], descendants: true }, { propertyName: "tableHeaderSearchRowRef", first: true, predicate: ["tableHeaderSearchRow"], descendants: true }, { propertyName: "testRowRef", first: true, predicate: ["testRow"], descendants: true }, { propertyName: "tableBodyRowsRef", first: true, predicate: ["tableBodyRows"], descendants: true }, { propertyName: "columnSelectDialogRef", first: true, predicate: ["columnSelectDialogRef"], descendants: true }, { propertyName: "addNewFavoriteDialogRef", first: true, predicate: ["addNewFavoriteDialogRef"], descendants: true }, { propertyName: "renameFavoriteDialogRef", first: true, predicate: ["renameFavoriteDialogRef"], descendants: true }, { propertyName: "deleteFavoriteDialogRef", first: true, predicate: ["deleteFavoriteDialogRef"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div id=\"slick-grid_{{uuid}}\" class=\"slick-grid d-flex flex-column flex-fill\" style=\"position: absolute; left: 0; top: 0; right: 0; bottom: 0;\" #slickGrid>\r\n\t<div #tableContainer class=\"d-flex flex-fill\" style=\"overflow: auto\">\r\n\r\n\t\t<div>\r\n\t\t\t<table #tableRef class=\"table table-sm\" [class.table-bordered]=\"bordered\" [class.table-borderless]=\"!bordered\" [class.table-striped]=\"striped\" [class.table-hover]=\"hover\" [style.opacity]=\"gridOpacity\" style=\"margin: 0; padding: 0;\" (keydown)=\"tableKeydown($event)\" tabindex=\"0\">\r\n\t\t\t\t<thead>\r\n\t\t\t\t\t<tr #tableHeaderRow (mousemove)=\"onColResizeMousemove($event)\" [ngClass]=\"{ 'resizing': isResizing === true }\">\r\n\t\t\t\t\t\t<td *ngFor=\"let column of visibleColumns; let idx = index\" [style.width]=\"column.width\" [style.maxWidth]=\"column.width\" [style.height]=\"column.titleHeight\">\r\n\t\t\t\t\t\t\t<div [ngClass]=\"{ 'slick-grid_title-vertical' : column.titleOrientation === 1, 'slick-grid_title-align-left': column.titleAlignment === 0, 'slick-grid_title-align-center': column.titleAlignment === 1, 'slick-grid_title-align-right': column.titleAlignment === 2 }\">\r\n\t\t\t\t\t\t\t\t<div *ngIf=\"idx > 0 && idx < visibleColumns.length\" class=\"resize_column_left\" [class.table-bordered]=\"bordered\" (mousedown)=\"onColResizeMousedown($event, idx - 1)\" (dblclick)=\"onColResizeDoubleclick($event, idx - 1)\"></div>\r\n\t\t\t\t\t\t\t\t<span class=\"sortIcon\" *ngIf=\"column.sortable === true && column.sortDirection > 0\"><i class=\"far\" [ngClass]=\"{'fa-caret-up': column.sortDirection === 1, 'fa-caret-down': column.sortDirection === 2}\"></i> </span>\r\n\t\t\t\t\t\t\t\t<a href=\"javascript:void(0)\" *ngIf=\"column.sortable === true\" (click)=\"sortBy(column)\" draggable=\"false\" title=\"{{column.title}}\">{{column.title}}</a>\r\n\t\t\t\t\t\t\t\t<div *ngIf=\"column.sortable === false\" title=\"{{column.title}}\">{{column.title}}</div>\r\n\t\t\t\t\t\t\t\t<div class=\"resize_column_right\" (mousedown)=\"onColResizeMousedown($event, idx)\" (dblclick)=\"onColResizeDoubleclick($event, idx)\"></div>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</td>\r\n\t\t\t\t\t</tr>\r\n\t\t\t\t\t<tr #tableHeaderSearchRow *ngIf=\"showSearchRow === true\">\r\n\t\t\t\t\t\t<td *ngFor=\"let column of visibleColumns\">\r\n\t\t\t\t\t\t\t<div class=\"slick-grid_search-column\">\r\n\t\t\t\t\t\t\t\t<i *ngIf=\"column.isFiltering\" class=\"fas fa-times-circle bg-white text-danger me-1\" (click)=\"resetFilter(column)\"></i>\r\n\t\t\t\t\t\t\t\t<i *ngIf=\"column.isFiltering && column.isLocked\" class=\"far fa-lock me-1\" (click)=\"toggleLock(column)\"></i>\r\n\t\t\t\t\t\t\t\t<i *ngIf=\"column.isFiltering && !column.isLocked\" class=\"far fa-lock-open me-1\" (click)=\"toggleLock(column)\"></i>\r\n\t\t\t\t\t\t\t\t<div *ngIf=\"column.filterType === 1\" class=\"slick-grid_text-search\">\r\n\t\t\t\t\t\t\t\t\t<input autocomplete=\"nope\" type=\"text\" class=\"form-control\" [(ngModel)]=\"column.filterText\" name=\"searchText\" placeholder=\"Search...\" (keydown)=\"onSearch(column)\" />\r\n\t\t\t\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t\t\t\t<div *ngIf=\"column.filterType === 2\" class=\"slick-grid_drop-down-search\">\r\n\t\t\t\t\t\t\t\t\t<slick-drop-down [items]=\"column.filterDropdownValues\" [(ngModel)]=\"column.filterDropdownValue\" cssClass=\"slick-grid_filter-drop-down\" listWidth=\"auto\" placeholder=\"Search...\" (onSelect)=\"onSearchSelect($event, column)\"></slick-drop-down>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</td>\r\n\t\t\t\t\t</tr>\r\n\t\t\t\t</thead>\r\n\r\n\t\t\t\t<tbody>\r\n\t\t\t\t\t<tr *ngIf=\"loaded && visibleData.length === 0\"><td [colSpan]=\"visibleColumns.length\">No Data</td></tr>\r\n\t\t\t\t\t<tr *ngFor=\"let rowData of visibleData; let idx = index\" #tableBodyRows (click)=\"onRowClicked(rowData, idx)\" (dblclick)=\"onRowDoubleClicked(rowData, idx)\" (contextmenu)=\"onRowContextMenuClicked($event, rowData, idx)\" [class.table-success]=\"selectedIndex === idx\">\r\n\t\t\t\t\t\t<td *ngFor=\"let column of visibleColumns\">\r\n\t\t\t\t\t\t\t<div *ngIf=\"!column.columnKey\" class=\"slick-grid_column-content\" [style.width]=\"column.width\" [style.maxWidth]=\"column.width\" [innerHTML]=\"getColumnHTML(rowData, column.dataFieldName) | slickGridSanitizeHtml\"></div>\r\n\t\t\t\t\t\t\t<div *ngIf=\"column.columnKey\" class=\"slick-grid_column-content\" [style.width]=\"column.width\" [style.maxWidth]=\"column.width\">\r\n\t\t\t\t\t\t\t\t<ng-container *ngTemplateOutlet=\"templateRefs[column.columnKey], context: { $implicit: rowData }\">\r\n\t\t\t\t\t\t\t\t</ng-container>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</td>\r\n\t\t\t\t\t</tr>\r\n\t\t\t\t</tbody>\r\n\t\t\t</table>\r\n\t\t</div>\r\n\t</div>\r\n\r\n\r\n\t<div class=\"slick-grid-footer mt-2 d-flex\">\r\n\t\t<div>\r\n\t\t <button type=\"button\" (click)=\"openColumnSelectDialog()\" class=\"btn btn-outline-primary\" style=\"border-radius: 100%; height: 2.2rem; width: 2.2rem; padding: 0;\"><i class=\"fal fa-columns\"></i></button>\r\n\t\t</div>\r\n\t\t<div *ngIf=\"favorites?.length > 1\">\r\n\t\t <button #favoriteSelectRef type=\"button\" class=\"btn btn-outline-primary ms-1\"><i class=\"far fa-star\"></i> {{this.selectedFavorite}}</button>\r\n\t\t <slick-popover [element]=\"favoriteSelectRef\" position=\"top\" showArrow=\"false\" [topOffsetPx]=\"0\" [leftOffsetPx]=\"0\" [showByClick]=\"true\">\r\n\t\t\t<table class=\"table-borderless table-sm table-hover\" style=\"min-width: 250px; cursor: default\">\r\n\t\t\t <tbody>\r\n\t\t\t\t<tr *ngFor=\"let favorite of favorites\" (click)=\"setFavorite(favorite.text)\">\r\n\t\t\t\t <td><i *ngIf=\"favorite.text === selectedFavorite\" class=\"far fa-star me-1\"></i>{{favorite.text}}</td>\r\n\t\t\t\t</tr>\r\n\t\t\t </tbody>\r\n\t\t\t</table>\r\n\t\t </slick-popover>\r\n\t\t</div>\r\n\t\t<div *ngIf=\"showingAllRecords == false\">\r\n\t\t <slick-paging [(pageNumber)]=\"currentPage\" [totalRecords]=\"totalRecords\" [recordsPerPage]=\"recordsPerPage\" (onPageChange)=\"onPageChange($event)\"></slick-paging>\r\n\t\t</div>\r\n\t\t<div class=\"ms-auto\">\r\n\t\t <button #recordsPerPageRef type=\"button\" class=\"btn btn-outline-primary\">{{recordsPerPageValue}} <i style=\"font-size: 12px;\" class=\"far fa-chevron-down\"></i></button>\r\n\t\t <slick-popover [element]=\"recordsPerPageRef\" position=\"top\" showArrow=\"false\" [topOffsetPx]=\"0\" [leftOffsetPx]=\"0\" [showByClick]=\"true\">\r\n\t\t\t<table class=\"table-borderless table-sm table-hover\" style=\"min-width: 150px;\">\r\n\t\t\t <tbody>\r\n\t\t\t\t<tr (click)=\"onRecordsPerPageSelected('Auto')\"><td>Auto</td></tr>\r\n\t\t\t\t<tr (click)=\"onRecordsPerPageSelected('25')\"><td>25</td></tr>\r\n\t\t\t\t<tr (click)=\"onRecordsPerPageSelected('50')\"><td>50</td></tr>\r\n\t\t\t\t<tr (click)=\"onRecordsPerPageSelected('100')\"><td>100</td></tr>\r\n\t\t\t </tbody>\r\n\t\t\t</table>\r\n\t\t </slick-popover>\r\n\t\t</div>\r\n\t </div>\r\n\t \r\n</div>\r\n\r\n<slick-dialog #columnSelectDialogRef header=\"Select Columns\">\r\n\t<div style=\"text-align: center; width: 475px;\" class=\"mx-5\">\r\n\t\t<div class=\"d-flex\">\r\n\t\t\t<div class=\"flex-fill\">\r\n\t\t\t\t<slick-drop-down [items]=\"favorites\"\r\n\t\t\t\t\t\t\t\t [ngModel]=\"selectedFavorite\"\r\n\t\t\t\t\t\t\t\t (onSelect)=\"loadFavorite($event)\"></slick-drop-down>\r\n\t\t\t</div>\r\n\t\t\t<div>\r\n\t\t\t\t<button class=\"btn btn-outline-primary ms-1\" (click)=\"addNewFavorite()\"><i class=\"far fa-plus\"></i></button>\r\n\t\t\t\t<button *ngIf=\"selectedFavorite !== 'Default'\" class=\"btn btn-outline-primary ms-1\" (click)=\"renameFavorite()\"><i class=\"far fa-pencil\"></i></button>\r\n\t\t\t\t<button *ngIf=\"selectedFavorite !== 'Default'\" class=\"btn btn-outline-danger ms-1\" (click)=\"deleteFavorite()\"><i class=\"far fa-trash\"></i></button>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t\t<div class=\"d-flex flex-column mt-1\" slick-drop-list (onSlickDropListReorder)=\"onColumnReorder($event)\">\r\n\t\t\t<div *ngFor=\"let column of columnSelectDialogColumns\" class=\"d-flex\" slick-drop-list-item>\r\n\t\t\t\t<div style=\"width: 20px\"><input type=\"checkbox\" style=\"position: relative; top: 2px;\" [(ngModel)]=\"column.visible\" /></div>\r\n\t\t\t\t<div class=\"py-0 flex-fill\" style=\"text-align: left; cursor: ns-resize\" slick-drop-list-grab>{{column.title}}</div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n\t<slick-dialog-footer>\r\n\t\t<div style=\"margin-top: 10px;\" class=\"col-12 text-center mb-2 mt-1\">\r\n\t\t\t<button type=\"button\" (click)=\"onSaveColumns()\" class=\"btn btn-outline-primary me-1\"><i class=\"far fa-save\"></i> Save</button> \r\n\t\t\t<button type=\"button\" class=\"btn btn-outline-danger\" (click)=\"onCancelColumns()\">Cancel</button>\r\n\t\t</div>\r\n\t</slick-dialog-footer>\r\n</slick-dialog>\r\n\r\n\r\n<slick-confirm-dialog #addNewFavoriteDialogRef width=\"300\">\r\n\t<label>Enter new favorite name</label>\r\n\t<input type=\"text\" class=\"form-control mx-3\" style=\"width: 250px\" [(ngModel)]=\"newFavoriteText\" />\r\n</slick-confirm-dialog>\r\n\r\n<slick-confirm-dialog #renameFavoriteDialogRef width=\"300\">\r\n\t<label>Rename favorite</label>\r\n\t<input type=\"text\" class=\"form-control mx-3\" style=\"width: 250px\" [(ngModel)]=\"renameFavoriteText\" />\r\n</slick-confirm-dialog>\r\n\r\n<slick-confirm-dialog #deleteFavoriteDialogRef width=\"300\">\r\n\t<label>Are you sure you want to delete this favorite?</label>\r\n</slick-confirm-dialog>", 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: SlickConfirmDialogComponent, selector: "slick-confirm-dialog", inputs: ["width", "okButtonText", "cancelButtonText", "showOkButton", "showCancelButton"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: SlickPopoverComponent, selector: "slick-popover", inputs: ["element", "position", "hoverDelay", "outDelay", "alignment", "topOffsetPx", "leftOffsetPx", "whiteBackground", "showByClick", "showArrow", "disableAutoClose", "disableAutoCloseClass"] }, { kind: "component", type: SlickDialogComponent, selector: "slick-dialog", inputs: ["draggable", "resizable", "minimizable", "header", "showHeader", "noPadding", "top", "width", "height", "dynamicHeight", "dynamicWidth", "maxHeight", "cssClass", "key", "showOverlay", "disableScrollbar"], outputs: ["onClose"] }, { kind: "component", type: SlickDialogFooterComponent, selector: "slick-dialog-footer" }, { kind: "component", type: SlickDropDownComponent, selector: "slick-drop-down", inputs: ["placeholder", "items", "idFieldName", "textFieldName", "compact", "disabled", "allowEmpty", "getUrl", "width", "listWidth", "height", "showLoadingMessage", "showDebug", "tabindex", "validationIndicator", "validationIndicatorType", "attachTo", "searchType", "icon", "isMobile", "cssClass"], outputs: ["onExpand", "onSelect", "onChange"] }, { kind: "directive", type: SlickDropListDirective, selector: "[slick-drop-list]", outputs: ["onSlickDropListReorder", "onSlickDropListEnter", "onSlickDropListLeave"] }, { kind: "directive", type: SlickDropListItemDirective, selector: "[slick-drop-list-item]" }, { kind: "directive", type: SlickDropListGrabDirective, selector: "[slick-drop-list-grab]" }, { kind: "component", type: SlickPagingComponent, selector: "slick-paging", inputs: ["pageNumber", "totalRecords", "recordsPerPage"], outputs: ["pageNumberChange", "onPageChange"] }, { kind: "pipe", type: SlickGridSanitizeHtmlPipe, name: "slickGridSanitizeHtml" }] }); }
|
|
6430
6498
|
}
|
|
6431
6499
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: SlickGridComponent, decorators: [{
|
|
6432
6500
|
type: Component,
|