@memberjunction/ng-explorer-core 0.9.79 → 0.9.96

package/dist/lib/single-dashboard/Components/add-item/add-item.component.js

@@ -1,212 +1,210 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-import { Component, EventEmitter, Input, Output } from '@angular/core';
-import { Metadata, RunView } from '@memberjunction/core';
-import { ViewInfo } from '@memberjunction/core-entities';
-import { ResourceData } from '../../../generic/base-resource-component';
-import { SharedService } from '../../../../shared/shared.service';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "@angular/forms";
-import * as i3 from "@progress/kendo-angular-dialog";
-import * as i4 from "@progress/kendo-angular-buttons";
-import * as i5 from "@progress/kendo-angular-indicators";
-import * as i6 from "@progress/kendo-angular-label";
-import * as i7 from "@progress/kendo-angular-dropdowns";
-function AddItemComponent_ng_container_7_kendo_label_4_Template(rf, ctx) { if (rf & 1) {
-    const _r5 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "kendo-label", 14);
-    i0.ɵɵelement(1, "br");
-    i0.ɵɵelementStart(2, "kendo-dropdownlist", 11);
-    i0.ɵɵlistener("valueChange", function AddItemComponent_ng_container_7_kendo_label_4_Template_kendo_dropdownlist_valueChange_2_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r4 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r4.onViewChange($event)); })("ngModelChange", function AddItemComponent_ng_container_7_kendo_label_4_Template_kendo_dropdownlist_ngModelChange_2_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r6 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r6.selectedView = $event); });
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("data", ctx_r2.Views)("textField", "Name")("valueField", "ID")("ngModel", ctx_r2.selectedView);
-} }
-function AddItemComponent_ng_container_7_kendo_loader_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "kendo-loader", 15);
-} }
-function AddItemComponent_ng_container_7_Template(rf, ctx) { if (rf & 1) {
-    const _r8 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementContainerStart(0);
-    i0.ɵɵelementStart(1, "kendo-label", 10);
-    i0.ɵɵelement(2, "br");
-    i0.ɵɵelementStart(3, "kendo-dropdownlist", 11);
-    i0.ɵɵlistener("valueChange", function AddItemComponent_ng_container_7_Template_kendo_dropdownlist_valueChange_3_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r7 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r7.onEntityChange($event)); })("ngModelChange", function AddItemComponent_ng_container_7_Template_kendo_dropdownlist_ngModelChange_3_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r9 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r9.selectedEntity = $event); });
-    i0.ɵɵelementEnd()();
-    i0.ɵɵtemplate(4, AddItemComponent_ng_container_7_kendo_label_4_Template, 3, 4, "kendo-label", 12);
-    i0.ɵɵtemplate(5, AddItemComponent_ng_container_7_kendo_loader_5_Template, 1, 0, "kendo-loader", 13);
-    i0.ɵɵelementContainerEnd();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(3);
-    i0.ɵɵproperty("data", ctx_r0.Entities)("textField", "Name")("valueField", "ID")("ngModel", ctx_r0.selectedEntity);
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", ctx_r0.selectedEntity && ctx_r0.Views.length);
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", ctx_r0.selectedEntity && !ctx_r0.Views.length);
-} }
-function AddItemComponent_ng_container_8_kendo_label_1_Template(rf, ctx) { if (rf & 1) {
-    const _r13 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "kendo-label", 17);
-    i0.ɵɵelement(1, "br");
-    i0.ɵɵelementStart(2, "kendo-dropdownlist", 11);
-    i0.ɵɵlistener("valueChange", function AddItemComponent_ng_container_8_kendo_label_1_Template_kendo_dropdownlist_valueChange_2_listener($event) { i0.ɵɵrestoreView(_r13); const ctx_r12 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r12.onViewChange($event)); })("ngModelChange", function AddItemComponent_ng_container_8_kendo_label_1_Template_kendo_dropdownlist_ngModelChange_2_listener($event) { i0.ɵɵrestoreView(_r13); const ctx_r14 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r14.selectedReport = $event); });
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const ctx_r10 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("data", ctx_r10.Reports)("textField", "Name")("valueField", "ID")("ngModel", ctx_r10.selectedReport);
-} }
-function AddItemComponent_ng_container_8_kendo_loader_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "kendo-loader", 15);
-} }
-function AddItemComponent_ng_container_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainerStart(0);
-    i0.ɵɵtemplate(1, AddItemComponent_ng_container_8_kendo_label_1_Template, 3, 4, "kendo-label", 16);
-    i0.ɵɵtemplate(2, AddItemComponent_ng_container_8_kendo_loader_2_Template, 1, 0, "kendo-loader", 13);
-    i0.ɵɵelementContainerEnd();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", ctx_r1.Reports.length);
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", !ctx_r1.Reports.length);
-} }
-export class AddItemComponent {
-    get ResourceTypes() {
-        return SharedService.Instance.ResourceTypes.filter((rt) => rt.Name !== 'Dashboards' && rt.Name !== 'Records');
-    }
-    constructor() {
-        this.onClose = new EventEmitter();
-        this.showloader = false;
-        this.resourceType = null;
-        this.selectedEntity = null;
-        this.selectedView = null;
-        this.selectedReport = null;
-        this.Entities = [];
-        this.Views = [];
-        this.Reports = [];
-        this.md = new Metadata();
-    }
-    ngOnInit() {
-        this.resourceType = this.selectedResource || SharedService.Instance.ViewResourceType;
-        this.onResourceTypeChange(this.resourceType);
-        this.Entities = this.md.Entities;
-    }
-    onResourceTypeChange(event) {
-        return __awaiter(this, void 0, void 0, function* () {
-            this.resourceType = event;
-            this.selectedEntity = null;
-            if (this.resourceType.Name === 'Reports') {
-                this.getReports();
-            }
-        });
-    }
-    getViews() {
-        return __awaiter(this, void 0, void 0, function* () {
-            if (!this.selectedEntity)
-                return;
-            this.showloader = true;
-            this.Views = yield ViewInfo.GetViewsForUser(this.selectedEntity.ID);
-            this.showloader = false;
-        });
-    }
-    getReports() {
-        return __awaiter(this, void 0, void 0, function* () {
-            if (!this.resourceType)
-                return;
-            this.showloader = true;
-            this.selectedReport = null;
-            const rv = new RunView();
-            const reports = yield rv.RunView({ EntityName: this.resourceType.Entity, ExtraFilter: 'UserID=' + this.md.CurrentUser.ID });
-            if (reports.Success) {
-                this.Reports = reports.Results;
-            }
-            this.showloader = false;
-        });
-    }
-    onEntityChange(event) {
-        this.selectedEntity = event;
-        this.selectedView = null;
-        this.selectedReport = null;
-        this.getViews();
-    }
-    onViewChange(event) {
-        this.selectedEntity = event.ID;
-    }
-    addItem() {
-        var _a, _b, _c, _d;
-        if (!this.selectedReport && !this.selectedView)
-            return;
-        const name = ((_a = this.selectedReport) === null || _a === void 0 ? void 0 : _a.Name) || ((_b = this.selectedView) === null || _b === void 0 ? void 0 : _b.Name);
-        const id = ((_c = this.selectedReport) === null || _c === void 0 ? void 0 : _c.ID) || ((_d = this.selectedView) === null || _d === void 0 ? void 0 : _d.ID);
-        const dashboardItem = {
-            title: name ? name : 'New Item - ' + id,
-            col: 1,
-            rowSpan: 3,
-            colSpan: 2,
-            ResourceData: new ResourceData({
-                Name: '',
-                ResourceTypeID: this.resourceType.ID,
-                ResourceRecordID: id,
-                Configuration: {}
-            }),
-        };
-        this.onClose.emit(dashboardItem);
-    }
-    closeDialog() {
-        this.onClose.emit();
-    }
-}
-AddItemComponent.ɵfac = function AddItemComponent_Factory(t) { return new (t || AddItemComponent)(); };
-AddItemComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AddItemComponent, selectors: [["app-add-item-dialog"]], inputs: { selectedResource: "selectedResource" }, outputs: { onClose: "onClose" }, decls: 14, vars: 12, consts: [[1, "k-overlay"], ["title", "Add Item to Dashboard", 1, "modal-body-wrap", 3, "width", "minHeight", "minWidth", "resizable", "close"], [1, "k-d-flex", "k-flex-col", "resource-wrap"], ["text", "Resource Type"], [3, "data", "textField", "valueField", "subtitle", "ngModel", "valueChange", "ngModelChange"], [1, "user-view-wrap", 3, "ngSwitch"], [4, "ngSwitchCase"], [1, "k-actions", "k-actions-end", "popup-actions"], ["kendoButton", "", "icon", "save", "themeColor", "primary", 3, "click"], ["kendoButton", "", 3, "click"], ["text", "Entity"], [3, "data", "textField", "valueField", "ngModel", "valueChange", "ngModelChange"], ["text", "Views", 4, "ngIf"], ["type", "converging-spinner", 4, "ngIf"], ["text", "Views"], ["type", "converging-spinner"], ["text", "Reports", 4, "ngIf"], ["text", "Reports"]], template: function AddItemComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵelement(0, "div", 0);
-        i0.ɵɵelementStart(1, "kendo-window", 1);
-        i0.ɵɵlistener("close", function AddItemComponent_Template_kendo_window_close_1_listener() { return ctx.closeDialog(); });
-        i0.ɵɵelementStart(2, "div", 2)(3, "kendo-label", 3);
-        i0.ɵɵelement(4, "br");
-        i0.ɵɵelementStart(5, "kendo-dropdownlist", 4);
-        i0.ɵɵlistener("valueChange", function AddItemComponent_Template_kendo_dropdownlist_valueChange_5_listener($event) { return ctx.onResourceTypeChange($event); })("ngModelChange", function AddItemComponent_Template_kendo_dropdownlist_ngModelChange_5_listener($event) { return ctx.resourceType = $event; });
-        i0.ɵɵelementEnd()();
-        i0.ɵɵelementStart(6, "div", 5);
-        i0.ɵɵtemplate(7, AddItemComponent_ng_container_7_Template, 6, 6, "ng-container", 6);
-        i0.ɵɵtemplate(8, AddItemComponent_ng_container_8_Template, 3, 2, "ng-container", 6);
-        i0.ɵɵelementEnd()();
-        i0.ɵɵelementStart(9, "div", 7)(10, "button", 8);
-        i0.ɵɵlistener("click", function AddItemComponent_Template_button_click_10_listener() { return ctx.addItem(); });
-        i0.ɵɵtext(11, " Add ");
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(12, "button", 9);
-        i0.ɵɵlistener("click", function AddItemComponent_Template_button_click_12_listener() { return ctx.closeDialog(); });
-        i0.ɵɵtext(13, "Cancel");
-        i0.ɵɵelementEnd()()();
-    } if (rf & 2) {
-        i0.ɵɵadvance(1);
-        i0.ɵɵproperty("width", 500)("minHeight", 300)("minWidth", 400)("resizable", true);
-        i0.ɵɵadvance(4);
-        i0.ɵɵproperty("data", ctx.ResourceTypes)("textField", "DisplayName")("valueField", "ID")("subtitle", "sdfsdf")("ngModel", ctx.resourceType);
-        i0.ɵɵadvance(1);
-        i0.ɵɵproperty("ngSwitch", ctx.resourceType.Entity);
-        i0.ɵɵadvance(1);
-        i0.ɵɵproperty("ngSwitchCase", "User Views");
-        i0.ɵɵadvance(1);
-        i0.ɵɵproperty("ngSwitchCase", "Reports");
-    } }, dependencies: [i1.NgIf, i1.NgSwitch, i1.NgSwitchCase, i2.NgControlStatus, i2.NgModel, i3.WindowComponent, i4.Button, i5.LoaderComponent, i6.LabelComponent, i7.DropDownListComponent], styles: [".popup-actions[_ngcontent-%COMP%] {\r\n    width: 100%;\r\n    padding: 10px;\r\n    border-top: 1px solid rgba(0, 0, 0, 0.08);\r\n  }\r\n    .modal-body-wrap .k-window-content {\r\n    display: flex;\r\n    flex-direction: column;\r\n    height: 100%;\r\n    flex: 1;\r\n    padding: 0;\r\n  }\r\n  .resource-wrap[_ngcontent-%COMP%] {\r\n    flex: 1;\r\n    padding: 24px;\r\n    margin: 16px;\r\n    border-radius: 4px;\r\n    border: 1px solid rgba(0, 0, 0, 0.08);\r\n    box-sizing: border-box;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 20px;\r\n  }\r\n  .user-view-wrap[_ngcontent-%COMP%] {\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 20px;\r\n  }\r\n    .resource-wrap .k-label {\r\n    color: #424242;\r\n    font-size: 14px;\r\n    font-style: normal;\r\n    font-weight: 400;\r\n    line-height: 20px;\r\n  }\r\n    .resource-wrap .k-dropdownlist {\r\n    border-radius: 4px;\r\n    border: 1px solid rgba(0, 0, 0, 0.08);\r\n    background: transparent;\r\n    line-height: 32px;\r\n    margin: 0;\r\n  }"] });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AddItemComponent, [{
-        type: Component,
-        args: [{ selector: 'app-add-item-dialog', template: "<div class=\"k-overlay\"></div>\r\n<kendo-window class=\"modal-body-wrap\" [width]=\"500\" [minHeight]=\"300\" [minWidth]=\"400\" [resizable]=\"true\" (close)=\"closeDialog()\"\r\n    title=\"Add Item to Dashboard\">\r\n    <div class=\"k-d-flex k-flex-col resource-wrap\">\r\n        <kendo-label text=\"Resource Type\">\r\n            <br />\r\n            <kendo-dropdownlist [data]=\"ResourceTypes\" [textField]=\"'DisplayName'\" [valueField]=\"'ID'\"  [subtitle]=\"'sdfsdf'\"\r\n                (valueChange)=\"onResourceTypeChange($event)\" [(ngModel)]=\"resourceType\">\r\n            </kendo-dropdownlist>\r\n        </kendo-label>\r\n        <div [ngSwitch]=\"resourceType.Entity \" class=\"user-view-wrap\">\r\n            <ng-container *ngSwitchCase=\"'User Views'\">\r\n                <kendo-label text=\"Entity\">\r\n                    <br />\r\n                    <kendo-dropdownlist [data]=\"Entities\" [textField]=\"'Name'\" [valueField]=\"'ID'\"\r\n                        (valueChange)=\"onEntityChange($event)\" [(ngModel)]=\"selectedEntity\">\r\n                    </kendo-dropdownlist>\r\n                </kendo-label>\r\n                <kendo-label text=\"Views\" *ngIf=\"selectedEntity && Views.length\">\r\n                    <br />\r\n                    <kendo-dropdownlist [data]=\"Views\" [textField]=\"'Name'\" [valueField]=\"'ID'\"\r\n                        (valueChange)=\"onViewChange($event)\" [(ngModel)]=\"selectedView\">\r\n                    </kendo-dropdownlist>\r\n                </kendo-label>\r\n                <kendo-loader *ngIf=\"selectedEntity && !Views.length\" type=\"converging-spinner\"></kendo-loader>\r\n            </ng-container>\r\n            <ng-container *ngSwitchCase=\"'Reports'\">\r\n                <kendo-label text=\"Reports\" *ngIf=\"Reports.length\">\r\n                    <br />\r\n                    <kendo-dropdownlist [data]=\"Reports\" [textField]=\"'Name'\" [valueField]=\"'ID'\"\r\n                        (valueChange)=\"onViewChange($event)\" [(ngModel)]=\"selectedReport\">\r\n                    </kendo-dropdownlist>\r\n                </kendo-label>\r\n                <kendo-loader *ngIf=\"!Reports.length\" type=\"converging-spinner\"></kendo-loader>\r\n            </ng-container>\r\n        </div>\r\n    </div>\r\n    <div class=\"k-actions k-actions-end popup-actions\">\r\n        <button kendoButton icon=\"save\" themeColor=\"primary\" (click)=\"addItem()\">\r\n            Add\r\n        </button>\r\n        <button kendoButton (click)=\"closeDialog()\">Cancel</button>\r\n    </div>\r\n</kendo-window>", styles: [".popup-actions {\r\n    width: 100%;\r\n    padding: 10px;\r\n    border-top: 1px solid rgba(0, 0, 0, 0.08);\r\n  }\r\n  ::ng-deep .modal-body-wrap .k-window-content {\r\n    display: flex;\r\n    flex-direction: column;\r\n    height: 100%;\r\n    flex: 1;\r\n    padding: 0;\r\n  }\r\n  .resource-wrap {\r\n    flex: 1;\r\n    padding: 24px;\r\n    margin: 16px;\r\n    border-radius: 4px;\r\n    border: 1px solid rgba(0, 0, 0, 0.08);\r\n    box-sizing: border-box;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 20px;\r\n  }\r\n  .user-view-wrap {\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 20px;\r\n  }\r\n  ::ng-deep .resource-wrap .k-label {\r\n    color: #424242;\r\n    font-size: 14px;\r\n    font-style: normal;\r\n    font-weight: 400;\r\n    line-height: 20px;\r\n  }\r\n  ::ng-deep .resource-wrap .k-dropdownlist {\r\n    border-radius: 4px;\r\n    border: 1px solid rgba(0, 0, 0, 0.08);\r\n    background: transparent;\r\n    line-height: 32px;\r\n    margin: 0;\r\n  }\r\n  "] }]
-    }], function () { return []; }, { onClose: [{
-            type: Output
-        }], selectedResource: [{
-            type: Input
-        }] }); })();
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { Metadata, RunView } from '@memberjunction/core';
+import { ViewInfo } from '@memberjunction/core-entities';
+import { ResourceData } from '../../../generic/base-resource-component';
+import { SharedService } from '../../../../shared/shared.service';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/forms";
+import * as i3 from "@progress/kendo-angular-dialog";
+import * as i4 from "@progress/kendo-angular-buttons";
+import * as i5 from "@progress/kendo-angular-indicators";
+import * as i6 from "@progress/kendo-angular-label";
+import * as i7 from "@progress/kendo-angular-dropdowns";
+function AddItemComponent_ng_container_7_kendo_label_4_Template(rf, ctx) { if (rf & 1) {
+    const _r5 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "kendo-label", 14);
+    i0.ɵɵelement(1, "br");
+    i0.ɵɵelementStart(2, "kendo-dropdownlist", 11);
+    i0.ɵɵlistener("valueChange", function AddItemComponent_ng_container_7_kendo_label_4_Template_kendo_dropdownlist_valueChange_2_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r4 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r4.onViewChange($event)); })("ngModelChange", function AddItemComponent_ng_container_7_kendo_label_4_Template_kendo_dropdownlist_ngModelChange_2_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r6 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r6.selectedView = $event); });
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("data", ctx_r2.Views)("textField", "Name")("valueField", "ID")("ngModel", ctx_r2.selectedView);
+} }
+function AddItemComponent_ng_container_7_kendo_loader_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "kendo-loader", 15);
+} }
+function AddItemComponent_ng_container_7_Template(rf, ctx) { if (rf & 1) {
+    const _r8 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementContainerStart(0);
+    i0.ɵɵelementStart(1, "kendo-label", 10);
+    i0.ɵɵelement(2, "br");
+    i0.ɵɵelementStart(3, "kendo-dropdownlist", 11);
+    i0.ɵɵlistener("valueChange", function AddItemComponent_ng_container_7_Template_kendo_dropdownlist_valueChange_3_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r7 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r7.onEntityChange($event)); })("ngModelChange", function AddItemComponent_ng_container_7_Template_kendo_dropdownlist_ngModelChange_3_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r9 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r9.selectedEntity = $event); });
+    i0.ɵɵelementEnd()();
+    i0.ɵɵtemplate(4, AddItemComponent_ng_container_7_kendo_label_4_Template, 3, 4, "kendo-label", 12)(5, AddItemComponent_ng_container_7_kendo_loader_5_Template, 1, 0, "kendo-loader", 13);
+    i0.ɵɵelementContainerEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("data", ctx_r0.Entities)("textField", "Name")("valueField", "ID")("ngModel", ctx_r0.selectedEntity);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r0.selectedEntity && ctx_r0.Views.length);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r0.selectedEntity && !ctx_r0.Views.length);
+} }
+function AddItemComponent_ng_container_8_kendo_label_1_Template(rf, ctx) { if (rf & 1) {
+    const _r13 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "kendo-label", 17);
+    i0.ɵɵelement(1, "br");
+    i0.ɵɵelementStart(2, "kendo-dropdownlist", 11);
+    i0.ɵɵlistener("valueChange", function AddItemComponent_ng_container_8_kendo_label_1_Template_kendo_dropdownlist_valueChange_2_listener($event) { i0.ɵɵrestoreView(_r13); const ctx_r12 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r12.onViewChange($event)); })("ngModelChange", function AddItemComponent_ng_container_8_kendo_label_1_Template_kendo_dropdownlist_ngModelChange_2_listener($event) { i0.ɵɵrestoreView(_r13); const ctx_r14 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r14.selectedReport = $event); });
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r10 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("data", ctx_r10.Reports)("textField", "Name")("valueField", "ID")("ngModel", ctx_r10.selectedReport);
+} }
+function AddItemComponent_ng_container_8_kendo_loader_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "kendo-loader", 15);
+} }
+function AddItemComponent_ng_container_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainerStart(0);
+    i0.ɵɵtemplate(1, AddItemComponent_ng_container_8_kendo_label_1_Template, 3, 4, "kendo-label", 16)(2, AddItemComponent_ng_container_8_kendo_loader_2_Template, 1, 0, "kendo-loader", 13);
+    i0.ɵɵelementContainerEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r1.Reports.length);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", !ctx_r1.Reports.length);
+} }
+export class AddItemComponent {
+    get ResourceTypes() {
+        return SharedService.Instance.ResourceTypes.filter((rt) => rt.Name !== 'Dashboards' && rt.Name !== 'Records');
+    }
+    constructor() {
+        this.onClose = new EventEmitter();
+        this.showloader = false;
+        this.resourceType = null;
+        this.selectedEntity = null;
+        this.selectedView = null;
+        this.selectedReport = null;
+        this.Entities = [];
+        this.Views = [];
+        this.Reports = [];
+        this.md = new Metadata();
+    }
+    ngOnInit() {
+        this.resourceType = this.selectedResource || SharedService.Instance.ViewResourceType;
+        this.onResourceTypeChange(this.resourceType);
+        this.Entities = this.md.Entities;
+    }
+    onResourceTypeChange(event) {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.resourceType = event;
+            this.selectedEntity = null;
+            if (this.resourceType.Name === 'Reports') {
+                this.getReports();
+            }
+        });
+    }
+    getViews() {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (!this.selectedEntity)
+                return;
+            this.showloader = true;
+            this.Views = yield ViewInfo.GetViewsForUser(this.selectedEntity.ID);
+            this.showloader = false;
+        });
+    }
+    getReports() {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (!this.resourceType)
+                return;
+            this.showloader = true;
+            this.selectedReport = null;
+            const rv = new RunView();
+            const reports = yield rv.RunView({ EntityName: this.resourceType.Entity, ExtraFilter: 'UserID=' + this.md.CurrentUser.ID });
+            if (reports.Success) {
+                this.Reports = reports.Results;
+            }
+            this.showloader = false;
+        });
+    }
+    onEntityChange(event) {
+        this.selectedEntity = event;
+        this.selectedView = null;
+        this.selectedReport = null;
+        this.getViews();
+    }
+    onViewChange(event) {
+        this.selectedEntity = event.ID;
+    }
+    addItem() {
+        var _a, _b, _c, _d;
+        if (!this.selectedReport && !this.selectedView)
+            return;
+        const name = ((_a = this.selectedReport) === null || _a === void 0 ? void 0 : _a.Name) || ((_b = this.selectedView) === null || _b === void 0 ? void 0 : _b.Name);
+        const id = ((_c = this.selectedReport) === null || _c === void 0 ? void 0 : _c.ID) || ((_d = this.selectedView) === null || _d === void 0 ? void 0 : _d.ID);
+        const dashboardItem = {
+            title: name ? name : 'New Item - ' + id,
+            col: 1,
+            rowSpan: 3,
+            colSpan: 2,
+            ResourceData: new ResourceData({
+                Name: '',
+                ResourceTypeID: this.resourceType.ID,
+                ResourceRecordID: id,
+                Configuration: {}
+            }),
+        };
+        this.onClose.emit(dashboardItem);
+    }
+    closeDialog() {
+        this.onClose.emit();
+    }
+}
+AddItemComponent.ɵfac = function AddItemComponent_Factory(t) { return new (t || AddItemComponent)(); };
+AddItemComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AddItemComponent, selectors: [["app-add-item-dialog"]], inputs: { selectedResource: "selectedResource" }, outputs: { onClose: "onClose" }, decls: 14, vars: 12, consts: [[1, "k-overlay"], ["title", "Add Item to Dashboard", 1, "modal-body-wrap", 3, "width", "minHeight", "minWidth", "resizable", "close"], [1, "k-d-flex", "k-flex-col", "resource-wrap"], ["text", "Resource Type"], [3, "data", "textField", "valueField", "subtitle", "ngModel", "valueChange", "ngModelChange"], [1, "user-view-wrap", 3, "ngSwitch"], [4, "ngSwitchCase"], [1, "k-actions", "k-actions-end", "popup-actions"], ["kendoButton", "", "icon", "save", "themeColor", "primary", 3, "click"], ["kendoButton", "", 3, "click"], ["text", "Entity"], [3, "data", "textField", "valueField", "ngModel", "valueChange", "ngModelChange"], ["text", "Views", 4, "ngIf"], ["type", "converging-spinner", 4, "ngIf"], ["text", "Views"], ["type", "converging-spinner"], ["text", "Reports", 4, "ngIf"], ["text", "Reports"]], template: function AddItemComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵelement(0, "div", 0);
+        i0.ɵɵelementStart(1, "kendo-window", 1);
+        i0.ɵɵlistener("close", function AddItemComponent_Template_kendo_window_close_1_listener() { return ctx.closeDialog(); });
+        i0.ɵɵelementStart(2, "div", 2)(3, "kendo-label", 3);
+        i0.ɵɵelement(4, "br");
+        i0.ɵɵelementStart(5, "kendo-dropdownlist", 4);
+        i0.ɵɵlistener("valueChange", function AddItemComponent_Template_kendo_dropdownlist_valueChange_5_listener($event) { return ctx.onResourceTypeChange($event); })("ngModelChange", function AddItemComponent_Template_kendo_dropdownlist_ngModelChange_5_listener($event) { return ctx.resourceType = $event; });
+        i0.ɵɵelementEnd()();
+        i0.ɵɵelementStart(6, "div", 5);
+        i0.ɵɵtemplate(7, AddItemComponent_ng_container_7_Template, 6, 6, "ng-container", 6)(8, AddItemComponent_ng_container_8_Template, 3, 2, "ng-container", 6);
+        i0.ɵɵelementEnd()();
+        i0.ɵɵelementStart(9, "div", 7)(10, "button", 8);
+        i0.ɵɵlistener("click", function AddItemComponent_Template_button_click_10_listener() { return ctx.addItem(); });
+        i0.ɵɵtext(11, " Add ");
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementStart(12, "button", 9);
+        i0.ɵɵlistener("click", function AddItemComponent_Template_button_click_12_listener() { return ctx.closeDialog(); });
+        i0.ɵɵtext(13, "Cancel");
+        i0.ɵɵelementEnd()()();
+    } if (rf & 2) {
+        i0.ɵɵadvance();
+        i0.ɵɵproperty("width", 500)("minHeight", 300)("minWidth", 400)("resizable", true);
+        i0.ɵɵadvance(4);
+        i0.ɵɵproperty("data", ctx.ResourceTypes)("textField", "DisplayName")("valueField", "ID")("subtitle", "sdfsdf")("ngModel", ctx.resourceType);
+        i0.ɵɵadvance();
+        i0.ɵɵproperty("ngSwitch", ctx.resourceType.Entity);
+        i0.ɵɵadvance();
+        i0.ɵɵproperty("ngSwitchCase", "User Views");
+        i0.ɵɵadvance();
+        i0.ɵɵproperty("ngSwitchCase", "Reports");
+    } }, dependencies: [i1.NgIf, i1.NgSwitch, i1.NgSwitchCase, i2.NgControlStatus, i2.NgModel, i3.WindowComponent, i4.ButtonComponent, i5.LoaderComponent, i6.LabelComponent, i7.DropDownListComponent], styles: [".popup-actions[_ngcontent-%COMP%] {\r\n    width: 100%;\r\n    padding: 10px;\r\n    border-top: 1px solid rgba(0, 0, 0, 0.08);\r\n  }\r\n    .modal-body-wrap .k-window-content {\r\n    display: flex;\r\n    flex-direction: column;\r\n    height: 100%;\r\n    flex: 1;\r\n    padding: 0;\r\n  }\r\n  .resource-wrap[_ngcontent-%COMP%] {\r\n    flex: 1;\r\n    padding: 24px;\r\n    margin: 16px;\r\n    border-radius: 4px;\r\n    border: 1px solid rgba(0, 0, 0, 0.08);\r\n    box-sizing: border-box;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 20px;\r\n  }\r\n  .user-view-wrap[_ngcontent-%COMP%] {\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 20px;\r\n  }\r\n    .resource-wrap .k-label {\r\n    color: #424242;\r\n    font-size: 14px;\r\n    font-style: normal;\r\n    font-weight: 400;\r\n    line-height: 20px;\r\n  }\r\n    .resource-wrap .k-dropdownlist {\r\n    border-radius: 4px;\r\n    border: 1px solid rgba(0, 0, 0, 0.08);\r\n    background: transparent;\r\n    line-height: 32px;\r\n    margin: 0;\r\n  }"] });
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AddItemComponent, [{
+        type: Component,
+        args: [{ selector: 'app-add-item-dialog', template: "<div class=\"k-overlay\"></div>\r\n<kendo-window class=\"modal-body-wrap\" [width]=\"500\" [minHeight]=\"300\" [minWidth]=\"400\" [resizable]=\"true\" (close)=\"closeDialog()\"\r\n    title=\"Add Item to Dashboard\">\r\n    <div class=\"k-d-flex k-flex-col resource-wrap\">\r\n        <kendo-label text=\"Resource Type\">\r\n            <br />\r\n            <kendo-dropdownlist [data]=\"ResourceTypes\" [textField]=\"'DisplayName'\" [valueField]=\"'ID'\"  [subtitle]=\"'sdfsdf'\"\r\n                (valueChange)=\"onResourceTypeChange($event)\" [(ngModel)]=\"resourceType\">\r\n            </kendo-dropdownlist>\r\n        </kendo-label>\r\n        <div [ngSwitch]=\"resourceType.Entity \" class=\"user-view-wrap\">\r\n            <ng-container *ngSwitchCase=\"'User Views'\">\r\n                <kendo-label text=\"Entity\">\r\n                    <br />\r\n                    <kendo-dropdownlist [data]=\"Entities\" [textField]=\"'Name'\" [valueField]=\"'ID'\"\r\n                        (valueChange)=\"onEntityChange($event)\" [(ngModel)]=\"selectedEntity\">\r\n                    </kendo-dropdownlist>\r\n                </kendo-label>\r\n                <kendo-label text=\"Views\" *ngIf=\"selectedEntity && Views.length\">\r\n                    <br />\r\n                    <kendo-dropdownlist [data]=\"Views\" [textField]=\"'Name'\" [valueField]=\"'ID'\"\r\n                        (valueChange)=\"onViewChange($event)\" [(ngModel)]=\"selectedView\">\r\n                    </kendo-dropdownlist>\r\n                </kendo-label>\r\n                <kendo-loader *ngIf=\"selectedEntity && !Views.length\" type=\"converging-spinner\"></kendo-loader>\r\n            </ng-container>\r\n            <ng-container *ngSwitchCase=\"'Reports'\">\r\n                <kendo-label text=\"Reports\" *ngIf=\"Reports.length\">\r\n                    <br />\r\n                    <kendo-dropdownlist [data]=\"Reports\" [textField]=\"'Name'\" [valueField]=\"'ID'\"\r\n                        (valueChange)=\"onViewChange($event)\" [(ngModel)]=\"selectedReport\">\r\n                    </kendo-dropdownlist>\r\n                </kendo-label>\r\n                <kendo-loader *ngIf=\"!Reports.length\" type=\"converging-spinner\"></kendo-loader>\r\n            </ng-container>\r\n        </div>\r\n    </div>\r\n    <div class=\"k-actions k-actions-end popup-actions\">\r\n        <button kendoButton icon=\"save\" themeColor=\"primary\" (click)=\"addItem()\">\r\n            Add\r\n        </button>\r\n        <button kendoButton (click)=\"closeDialog()\">Cancel</button>\r\n    </div>\r\n</kendo-window>", styles: [".popup-actions {\r\n    width: 100%;\r\n    padding: 10px;\r\n    border-top: 1px solid rgba(0, 0, 0, 0.08);\r\n  }\r\n  ::ng-deep .modal-body-wrap .k-window-content {\r\n    display: flex;\r\n    flex-direction: column;\r\n    height: 100%;\r\n    flex: 1;\r\n    padding: 0;\r\n  }\r\n  .resource-wrap {\r\n    flex: 1;\r\n    padding: 24px;\r\n    margin: 16px;\r\n    border-radius: 4px;\r\n    border: 1px solid rgba(0, 0, 0, 0.08);\r\n    box-sizing: border-box;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 20px;\r\n  }\r\n  .user-view-wrap {\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 20px;\r\n  }\r\n  ::ng-deep .resource-wrap .k-label {\r\n    color: #424242;\r\n    font-size: 14px;\r\n    font-style: normal;\r\n    font-weight: 400;\r\n    line-height: 20px;\r\n  }\r\n  ::ng-deep .resource-wrap .k-dropdownlist {\r\n    border-radius: 4px;\r\n    border: 1px solid rgba(0, 0, 0, 0.08);\r\n    background: transparent;\r\n    line-height: 32px;\r\n    margin: 0;\r\n  }\r\n  "] }]
+    }], () => [], { onClose: [{
+            type: Output
+        }], selectedResource: [{
+            type: Input
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(AddItemComponent, { className: "AddItemComponent", filePath: "src\\lib\\single-dashboard\\Components\\add-item\\add-item.component.ts", lineNumber: 12 }); })();

package/dist/lib/single-dashboard/Components/delete-item/delete-item.component.d.ts

@@ -1,13 +1,13 @@
-import { EventEmitter, OnInit } from '@angular/core';
-import { DashboardItem } from '../../single-dashboard.component';
-import * as i0 from "@angular/core";
-export declare class DeleteItemComponent implements OnInit {
-    onClose: EventEmitter<any>;
-    removeDashboardItem: EventEmitter<any>;
-    dashboardItem: DashboardItem | null;
-    ngOnInit(): void;
-    confirmDeleteItem(): void;
-    closeDialog(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DeleteItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DeleteItemComponent, "app-delete-item-dialog", never, { "dashboardItem": "dashboardItem"; }, { "onClose": "onClose"; "removeDashboardItem": "removeDashboardItem"; }, never, never, false, never>;
-}
+import { EventEmitter, OnInit } from '@angular/core';
+import { DashboardItem } from '../../single-dashboard.component';
+import * as i0 from "@angular/core";
+export declare class DeleteItemComponent implements OnInit {
+    onClose: EventEmitter<any>;
+    removeDashboardItem: EventEmitter<any>;
+    dashboardItem: DashboardItem | null;
+    ngOnInit(): void;
+    confirmDeleteItem(): void;
+    closeDialog(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DeleteItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DeleteItemComponent, "app-delete-item-dialog", never, { "dashboardItem": { "alias": "dashboardItem"; "required": false; }; }, { "onClose": "onClose"; "removeDashboardItem": "removeDashboardItem"; }, never, never, false, never>;
+}