@memberjunction/ng-explorer-core 5.22.0 → 5.23.0

package/dist/lib/shell/shell.module.d.ts

@@ -7,13 +7,12 @@ import * as i5 from "./components/dialogs/app-access-dialog.component";
 import * as i6 from "../command-palette/command-palette.component";
 import * as i7 from "@angular/common";
 import * as i8 from "@angular/forms";
-import * as i9 from "@progress/kendo-angular-dropdowns";
-import * as i10 from "@progress/kendo-angular-inputs";
-import * as i11 from "@memberjunction/ng-explorer-settings";
-import * as i12 from "@memberjunction/ng-shared-generic";
+import * as i9 from "@memberjunction/ng-ui-components";
+import * as i10 from "@memberjunction/ng-explorer-settings";
+import * as i11 from "@memberjunction/ng-shared-generic";
 export declare class ShellModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ShellModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ShellModule, [typeof i1.ShellComponent, typeof i2.AppSwitcherComponent, typeof i3.AppNavComponent, typeof i4.TabContainerComponent, typeof i5.AppAccessDialogComponent, typeof i6.CommandPaletteComponent], [typeof i7.CommonModule, typeof i8.FormsModule, typeof i9.DropDownsModule, typeof i10.InputsModule, typeof i11.ExplorerSettingsModule, typeof i12.SharedGenericModule], [typeof i1.ShellComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ShellModule, [typeof i1.ShellComponent, typeof i2.AppSwitcherComponent, typeof i3.AppNavComponent, typeof i4.TabContainerComponent, typeof i5.AppAccessDialogComponent, typeof i6.CommandPaletteComponent], [typeof i7.CommonModule, typeof i8.FormsModule, typeof i9.MJDropdownComponent, typeof i10.ExplorerSettingsModule, typeof i11.SharedGenericModule], [typeof i1.ShellComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ShellModule>;
 }
 //# sourceMappingURL=shell.module.d.ts.map

package/dist/lib/shell/shell.module.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"shell.module.d.ts","sourceRoot":"","sources":["../../../src/lib/shell/shell.module.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAeA,qBAwBa,WAAW;yCAAX,WAAW;0CAAX,WAAW;0CAAX,WAAW;CAAI"}
+{"version":3,"file":"shell.module.d.ts","sourceRoot":"","sources":["../../../src/lib/shell/shell.module.ts"],"names":[],"mappings":";;;;;;;;;;;;AAcA,qBAuBa,WAAW;yCAAX,WAAW;0CAAX,WAAW;0CAAX,WAAW;CAAI"}

package/dist/lib/shell/shell.module.js

@@ -10,8 +10,7 @@ import { CommandPaletteComponent } from '../command-palette/command-palette.comp
 import { CommandPaletteService } from '../command-palette/command-palette.service';
 import { ExplorerSettingsModule } from '@memberjunction/ng-explorer-settings';
 import { SharedGenericModule } from '@memberjunction/ng-shared-generic';
-import { DropDownsModule } from '@progress/kendo-angular-dropdowns';
-import { InputsModule } from '@progress/kendo-angular-inputs';
+import { MJDropdownComponent } from '@memberjunction/ng-ui-components';
 import * as i0 from "@angular/core";
 export class ShellModule {
     static ɵfac = function ShellModule_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ShellModule)(); };
@@ -20,8 +19,7 @@ export class ShellModule {
             CommandPaletteService
         ], imports: [CommonModule,
             FormsModule,
-            DropDownsModule,
-            InputsModule,
+            MJDropdownComponent,
             ExplorerSettingsModule,
             SharedGenericModule] });
 }
@@ -39,8 +37,7 @@ export class ShellModule {
                 imports: [
                     CommonModule,
                     FormsModule,
-                    DropDownsModule,
-                    InputsModule,
+                    MJDropdownComponent,
                     ExplorerSettingsModule,
                     SharedGenericModule
                 ],
@@ -59,8 +56,7 @@ export class ShellModule {
         AppAccessDialogComponent,
         CommandPaletteComponent], imports: [CommonModule,
         FormsModule,
-        DropDownsModule,
-        InputsModule,
+        MJDropdownComponent,
         ExplorerSettingsModule,
         SharedGenericModule], exports: [ShellComponent] }); })();
 //# sourceMappingURL=shell.module.js.map

package/dist/lib/shell/shell.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"shell.module.js","sourceRoot":"","sources":["../../../src/lib/shell/shell.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,oBAAoB,EAAE,MAAM,4CAA4C,CAAC;AAClF,OAAO,EAAE,eAAe,EAAE,MAAM,uCAAuC,CAAC;AACxE,OAAO,EAAE,qBAAqB,EAAE,MAAM,2CAA2C,CAAC;AAClF,OAAO,EAAE,wBAAwB,EAAE,MAAM,kDAAkD,CAAC;AAC5F,OAAO,EAAE,uBAAuB,EAAE,MAAM,8CAA8C,CAAC;AACvF,OAAO,EAAE,qBAAqB,EAAE,MAAM,4CAA4C,CAAC;AACnF,OAAO,EAAE,sBAAsB,EAAE,MAAM,sCAAsC,CAAC;AAC9E,OAAO,EAAE,mBAAmB,EAAE,MAAM,mCAAmC,CAAC;AACxE,OAAO,EAAE,eAAe,EAAE,MAAM,mCAAmC,CAAC;AACpE,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;;AA0B9D,MAAM,OAAO,WAAW;qGAAX,WAAW;4DAAX,WAAW;iEAPX;YACT,qBAAqB;SACtB,YATC,YAAY;YACZ,WAAW;YACX,eAAe;YACf,YAAY;YACZ,sBAAsB;YACtB,mBAAmB;;iFASV,WAAW;cAxBvB,QAAQ;eAAC;gBACR,YAAY,EAAE;oBACZ,cAAc;oBACd,oBAAoB;oBACpB,eAAe;oBACf,qBAAqB;oBACrB,wBAAwB;oBACxB,uBAAuB;iBACxB;gBACD,OAAO,EAAE;oBACP,YAAY;oBACZ,WAAW;oBACX,eAAe;oBACf,YAAY;oBACZ,sBAAsB;oBACtB,mBAAmB;iBACpB;gBACD,SAAS,EAAE;oBACT,qBAAqB;iBACtB;gBACD,OAAO,EAAE;oBACP,cAAc;iBACf;aACF;;wFACY,WAAW,mBAtBpB,cAAc;QACd,oBAAoB;QACpB,eAAe;QACf,qBAAqB;QACrB,wBAAwB;QACxB,uBAAuB,aAGvB,YAAY;QACZ,WAAW;QACX,eAAe;QACf,YAAY;QACZ,sBAAsB;QACtB,mBAAmB,aAMnB,cAAc","sourcesContent":["import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormsModule } from '@angular/forms';\nimport { ShellComponent } from './shell.component';\nimport { AppSwitcherComponent } from './components/header/app-switcher.component';\nimport { AppNavComponent } from './components/header/app-nav.component';\nimport { TabContainerComponent } from './components/tabs/tab-container.component';\nimport { AppAccessDialogComponent } from './components/dialogs/app-access-dialog.component';\nimport { CommandPaletteComponent } from '../command-palette/command-palette.component';\nimport { CommandPaletteService } from '../command-palette/command-palette.service';\nimport { ExplorerSettingsModule } from '@memberjunction/ng-explorer-settings';\nimport { SharedGenericModule } from '@memberjunction/ng-shared-generic';\nimport { DropDownsModule } from '@progress/kendo-angular-dropdowns';\nimport { InputsModule } from '@progress/kendo-angular-inputs';\n\n@NgModule({\n  declarations: [\n    ShellComponent,\n    AppSwitcherComponent,\n    AppNavComponent,\n    TabContainerComponent,\n    AppAccessDialogComponent,\n    CommandPaletteComponent\n  ],\n  imports: [\n    CommonModule,\n    FormsModule,\n    DropDownsModule,\n    InputsModule,\n    ExplorerSettingsModule,\n    SharedGenericModule\n  ],\n  providers: [\n    CommandPaletteService\n  ],\n  exports: [\n    ShellComponent\n  ]\n})\nexport class ShellModule { }\n"]}
+{"version":3,"file":"shell.module.js","sourceRoot":"","sources":["../../../src/lib/shell/shell.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,oBAAoB,EAAE,MAAM,4CAA4C,CAAC;AAClF,OAAO,EAAE,eAAe,EAAE,MAAM,uCAAuC,CAAC;AACxE,OAAO,EAAE,qBAAqB,EAAE,MAAM,2CAA2C,CAAC;AAClF,OAAO,EAAE,wBAAwB,EAAE,MAAM,kDAAkD,CAAC;AAC5F,OAAO,EAAE,uBAAuB,EAAE,MAAM,8CAA8C,CAAC;AACvF,OAAO,EAAE,qBAAqB,EAAE,MAAM,4CAA4C,CAAC;AACnF,OAAO,EAAE,sBAAsB,EAAE,MAAM,sCAAsC,CAAC;AAC9E,OAAO,EAAE,mBAAmB,EAAE,MAAM,mCAAmC,CAAC;AACxE,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;;AAyBvE,MAAM,OAAO,WAAW;qGAAX,WAAW;4DAAX,WAAW;iEAPX;YACT,qBAAqB;SACtB,YARC,YAAY;YACZ,WAAW;YACX,mBAAmB;YACnB,sBAAsB;YACtB,mBAAmB;;iFASV,WAAW;cAvBvB,QAAQ;eAAC;gBACR,YAAY,EAAE;oBACZ,cAAc;oBACd,oBAAoB;oBACpB,eAAe;oBACf,qBAAqB;oBACrB,wBAAwB;oBACxB,uBAAuB;iBACxB;gBACD,OAAO,EAAE;oBACP,YAAY;oBACZ,WAAW;oBACX,mBAAmB;oBACnB,sBAAsB;oBACtB,mBAAmB;iBACpB;gBACD,SAAS,EAAE;oBACT,qBAAqB;iBACtB;gBACD,OAAO,EAAE;oBACP,cAAc;iBACf;aACF;;wFACY,WAAW,mBArBpB,cAAc;QACd,oBAAoB;QACpB,eAAe;QACf,qBAAqB;QACrB,wBAAwB;QACxB,uBAAuB,aAGvB,YAAY;QACZ,WAAW;QACX,mBAAmB;QACnB,sBAAsB;QACtB,mBAAmB,aAMnB,cAAc","sourcesContent":["import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormsModule } from '@angular/forms';\nimport { ShellComponent } from './shell.component';\nimport { AppSwitcherComponent } from './components/header/app-switcher.component';\nimport { AppNavComponent } from './components/header/app-nav.component';\nimport { TabContainerComponent } from './components/tabs/tab-container.component';\nimport { AppAccessDialogComponent } from './components/dialogs/app-access-dialog.component';\nimport { CommandPaletteComponent } from '../command-palette/command-palette.component';\nimport { CommandPaletteService } from '../command-palette/command-palette.service';\nimport { ExplorerSettingsModule } from '@memberjunction/ng-explorer-settings';\nimport { SharedGenericModule } from '@memberjunction/ng-shared-generic';\nimport { MJDropdownComponent } from '@memberjunction/ng-ui-components';\n\n@NgModule({\n  declarations: [\n    ShellComponent,\n    AppSwitcherComponent,\n    AppNavComponent,\n    TabContainerComponent,\n    AppAccessDialogComponent,\n    CommandPaletteComponent\n  ],\n  imports: [\n    CommonModule,\n    FormsModule,\n    MJDropdownComponent,\n    ExplorerSettingsModule,\n    SharedGenericModule\n  ],\n  providers: [\n    CommandPaletteService\n  ],\n  exports: [\n    ShellComponent\n  ]\n})\nexport class ShellModule { }\n"]}

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

@@ -6,86 +6,86 @@ import { SharedService } from '@memberjunction/ng-shared';
 import * as i0 from "@angular/core";
 import * as i1 from "@memberjunction/ng-shared";
 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-label";
-import * as i6 from "@progress/kendo-angular-dropdowns";
-import * as i7 from "@memberjunction/ng-shared-generic";
-function AddItemComponent_Case_7_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+import * as i3 from "@memberjunction/ng-shared-generic";
+import * as i4 from "@memberjunction/ng-ui-components";
+function AddItemComponent_Case_8_Conditional_4_Template(rf, ctx) { if (rf & 1) {
     const _r3 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "kendo-label", 11);
-    i0.ɵɵelement(1, "br");
-    i0.ɵɵelementStart(2, "kendo-dropdownlist", 4);
-    i0.ɵɵlistener("valueChange", function AddItemComponent_Case_7_Conditional_3_Template_kendo_dropdownlist_valueChange_2_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onViewChange($event)); });
-    i0.ɵɵtwoWayListener("ngModelChange", function AddItemComponent_Case_7_Conditional_3_Template_kendo_dropdownlist_ngModelChange_2_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r1.selectedView, $event) || (ctx_r1.selectedView = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementStart(0, "label");
+    i0.ɵɵtext(1, "Views ");
+    i0.ɵɵelement(2, "br");
+    i0.ɵɵelementStart(3, "mj-dropdown", 3);
+    i0.ɵɵlistener("ValueChange", function AddItemComponent_Case_8_Conditional_4_Template_mj_dropdown_ValueChange_3_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onViewChange($event)); });
+    i0.ɵɵtwoWayListener("ngModelChange", function AddItemComponent_Case_8_Conditional_4_Template_mj_dropdown_ngModelChange_3_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r1.selectedView, $event) || (ctx_r1.selectedView = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("data", ctx_r1.Views)("textField", "Name")("valueField", "ID");
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("Data", ctx_r1.Views)("TextField", "Name")("ValueField", "ID");
     i0.ɵɵtwoWayProperty("ngModel", ctx_r1.selectedView);
 } }
-function AddItemComponent_Case_7_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "mj-loading", 12);
+function AddItemComponent_Case_8_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "mj-loading", 9);
 } if (rf & 2) {
     i0.ɵɵproperty("showText", false);
 } }
-function AddItemComponent_Case_7_Conditional_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 13);
+function AddItemComponent_Case_8_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 10);
     i0.ɵɵtext(1, " No views available for this entity ");
     i0.ɵɵelementEnd();
 } }
-function AddItemComponent_Case_7_Template(rf, ctx) { if (rf & 1) {
+function AddItemComponent_Case_8_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "kendo-label", 10);
-    i0.ɵɵelement(1, "br");
-    i0.ɵɵelementStart(2, "kendo-dropdownlist", 4);
-    i0.ɵɵlistener("valueChange", function AddItemComponent_Case_7_Template_kendo_dropdownlist_valueChange_2_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onEntityChange($event)); });
-    i0.ɵɵtwoWayListener("ngModelChange", function AddItemComponent_Case_7_Template_kendo_dropdownlist_ngModelChange_2_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r1.selectedEntity, $event) || (ctx_r1.selectedEntity = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementStart(0, "label");
+    i0.ɵɵtext(1, "Entity ");
+    i0.ɵɵelement(2, "br");
+    i0.ɵɵelementStart(3, "mj-dropdown", 3);
+    i0.ɵɵlistener("ValueChange", function AddItemComponent_Case_8_Template_mj_dropdown_ValueChange_3_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onEntityChange($event)); });
+    i0.ɵɵtwoWayListener("ngModelChange", function AddItemComponent_Case_8_Template_mj_dropdown_ngModelChange_3_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r1.selectedEntity, $event) || (ctx_r1.selectedEntity = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(3, AddItemComponent_Case_7_Conditional_3_Template, 3, 4, "kendo-label", 11);
-    i0.ɵɵconditionalCreate(4, AddItemComponent_Case_7_Conditional_4_Template, 1, 1, "mj-loading", 12);
-    i0.ɵɵconditionalCreate(5, AddItemComponent_Case_7_Conditional_5_Template, 2, 0, "div", 13);
+    i0.ɵɵconditionalCreate(4, AddItemComponent_Case_8_Conditional_4_Template, 4, 4, "label");
+    i0.ɵɵconditionalCreate(5, AddItemComponent_Case_8_Conditional_5_Template, 1, 1, "mj-loading", 9);
+    i0.ɵɵconditionalCreate(6, AddItemComponent_Case_8_Conditional_6_Template, 2, 0, "div", 10);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("data", ctx_r1.Entities)("textField", "Name")("valueField", "ID");
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("Data", ctx_r1.Entities)("TextField", "Name")("ValueField", "ID");
     i0.ɵɵtwoWayProperty("ngModel", ctx_r1.selectedEntity);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.selectedEntity && ctx_r1.Views.length ? 3 : -1);
+    i0.ɵɵconditional(ctx_r1.selectedEntity && ctx_r1.Views.length ? 4 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.selectedEntity && !ctx_r1.Views.length && ctx_r1.showloader ? 4 : -1);
+    i0.ɵɵconditional(ctx_r1.selectedEntity && !ctx_r1.Views.length && ctx_r1.showloader ? 5 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.selectedEntity && !ctx_r1.Views.length && !ctx_r1.showloader ? 5 : -1);
+    i0.ɵɵconditional(ctx_r1.selectedEntity && !ctx_r1.Views.length && !ctx_r1.showloader ? 6 : -1);
 } }
-function AddItemComponent_Case_8_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+function AddItemComponent_Case_9_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     const _r4 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "kendo-label", 14);
-    i0.ɵɵelement(1, "br");
-    i0.ɵɵelementStart(2, "kendo-dropdownlist", 4);
-    i0.ɵɵlistener("valueChange", function AddItemComponent_Case_8_Conditional_0_Template_kendo_dropdownlist_valueChange_2_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onViewChange($event)); });
-    i0.ɵɵtwoWayListener("ngModelChange", function AddItemComponent_Case_8_Conditional_0_Template_kendo_dropdownlist_ngModelChange_2_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r1.selectedReport, $event) || (ctx_r1.selectedReport = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementStart(0, "label");
+    i0.ɵɵtext(1, "Reports ");
+    i0.ɵɵelement(2, "br");
+    i0.ɵɵelementStart(3, "mj-dropdown", 3);
+    i0.ɵɵlistener("ValueChange", function AddItemComponent_Case_9_Conditional_0_Template_mj_dropdown_ValueChange_3_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onViewChange($event)); });
+    i0.ɵɵtwoWayListener("ngModelChange", function AddItemComponent_Case_9_Conditional_0_Template_mj_dropdown_ngModelChange_3_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r1.selectedReport, $event) || (ctx_r1.selectedReport = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("data", ctx_r1.Reports)("textField", "Name")("valueField", "ID");
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("Data", ctx_r1.Reports)("TextField", "Name")("ValueField", "ID");
     i0.ɵɵtwoWayProperty("ngModel", ctx_r1.selectedReport);
 } }
-function AddItemComponent_Case_8_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "mj-loading", 12);
+function AddItemComponent_Case_9_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "mj-loading", 9);
 } if (rf & 2) {
     i0.ɵɵproperty("showText", false);
 } }
-function AddItemComponent_Case_8_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 15);
+function AddItemComponent_Case_9_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 11);
     i0.ɵɵtext(1, " No reports available ");
     i0.ɵɵelementEnd();
 } }
-function AddItemComponent_Case_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵconditionalCreate(0, AddItemComponent_Case_8_Conditional_0_Template, 3, 4, "kendo-label", 14);
-    i0.ɵɵconditionalCreate(1, AddItemComponent_Case_8_Conditional_1_Template, 1, 1, "mj-loading", 12);
-    i0.ɵɵconditionalCreate(2, AddItemComponent_Case_8_Conditional_2_Template, 2, 0, "div", 15);
+function AddItemComponent_Case_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, AddItemComponent_Case_9_Conditional_0_Template, 4, 4, "label");
+    i0.ɵɵconditionalCreate(1, AddItemComponent_Case_9_Conditional_1_Template, 1, 1, "mj-loading", 9);
+    i0.ɵɵconditionalCreate(2, AddItemComponent_Case_9_Conditional_2_Template, 2, 0, "div", 11);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵconditional(ctx_r1.Reports.length ? 0 : -1);
@@ -198,42 +198,43 @@ export class AddItemComponent {
         this.onClose.emit();
     }
     static ɵfac = function AddItemComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || AddItemComponent)(i0.ɵɵdirectiveInject(i1.SharedService)); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AddItemComponent, selectors: [["app-add-item-dialog"]], inputs: { selectedResource: "selectedResource" }, outputs: { onClose: "onClose" }, standalone: false, decls: 15, vars: 9, consts: [[1, "k-overlay"], ["title", "Add Item to Dashboard", 1, "modal-body-wrap", 3, "close", "width", "minHeight", "minWidth", "resizable"], [1, "k-d-flex", "k-flex-col", "resource-wrap"], ["text", "Resource Type"], [3, "valueChange", "ngModelChange", "data", "textField", "valueField", "ngModel"], [1, "user-view-wrap"], [1, "k-actions", "k-actions-end", "popup-actions", "customBtn"], ["themeColor", "info", "kendoButton", "", 3, "click"], [1, "fa-solid", "fa-check"], ["themeColor", "info", "kendoButton", "", "fillMode", "outline", 3, "click"], ["text", "Entity"], ["text", "Views"], ["size", "medium", 3, "showText"], [1, "no-views-message"], ["text", "Reports"], [1, "no-items-message"]], template: function AddItemComponent_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AddItemComponent, selectors: [["app-add-item-dialog"]], inputs: { selectedResource: "selectedResource" }, outputs: { onClose: "onClose" }, standalone: false, decls: 16, vars: 10, consts: [[1, "k-overlay"], ["Title", "Add Item to Dashboard", 3, "Close", "Visible", "Width", "MinHeight", "MinWidth", "Resizable"], [1, "k-d-flex", "k-flex-col", "resource-wrap"], [3, "ValueChange", "ngModelChange", "Data", "TextField", "ValueField", "ngModel"], [1, "user-view-wrap"], [1, "k-actions", "k-actions-end", "popup-actions", "customBtn"], ["mjButton", "", "variant", "primary", 3, "click"], [1, "fa-solid", "fa-check"], ["mjButton", "", "variant", "outline", 3, "click"], ["size", "medium", 3, "showText"], [1, "no-views-message"], [1, "no-items-message"]], 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); });
-            i0.ɵɵtwoWayListener("ngModelChange", function AddItemComponent_Template_kendo_dropdownlist_ngModelChange_5_listener($event) { i0.ɵɵtwoWayBindingSet(ctx.resourceType, $event) || (ctx.resourceType = $event); return $event; });
+            i0.ɵɵelementStart(1, "mj-window", 1);
+            i0.ɵɵlistener("Close", function AddItemComponent_Template_mj_window_Close_1_listener() { return ctx.closeDialog(); });
+            i0.ɵɵelementStart(2, "div", 2)(3, "label");
+            i0.ɵɵtext(4, "Resource Type ");
+            i0.ɵɵelement(5, "br");
+            i0.ɵɵelementStart(6, "mj-dropdown", 3);
+            i0.ɵɵlistener("ValueChange", function AddItemComponent_Template_mj_dropdown_ValueChange_6_listener($event) { return ctx.onResourceTypeChange($event); });
+            i0.ɵɵtwoWayListener("ngModelChange", function AddItemComponent_Template_mj_dropdown_ngModelChange_6_listener($event) { i0.ɵɵtwoWayBindingSet(ctx.resourceType, $event) || (ctx.resourceType = $event); return $event; });
             i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(6, "div", 5);
-            i0.ɵɵconditionalCreate(7, AddItemComponent_Case_7_Template, 6, 7)(8, AddItemComponent_Case_8_Template, 3, 3);
+            i0.ɵɵelementStart(7, "div", 4);
+            i0.ɵɵconditionalCreate(8, AddItemComponent_Case_8_Template, 7, 7)(9, AddItemComponent_Case_9_Template, 3, 3);
             i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(9, "div", 6)(10, "button", 7);
-            i0.ɵɵlistener("click", function AddItemComponent_Template_button_click_10_listener() { return ctx.addItem(); });
-            i0.ɵɵelement(11, "span", 8);
-            i0.ɵɵtext(12, " Add ");
+            i0.ɵɵelementStart(10, "div", 5)(11, "button", 6);
+            i0.ɵɵlistener("click", function AddItemComponent_Template_button_click_11_listener() { return ctx.addItem(); });
+            i0.ɵɵelement(12, "span", 7);
+            i0.ɵɵtext(13, " Add ");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(13, "button", 9);
-            i0.ɵɵlistener("click", function AddItemComponent_Template_button_click_13_listener() { return ctx.closeDialog(); });
-            i0.ɵɵtext(14, "Cancel");
+            i0.ɵɵelementStart(14, "button", 8);
+            i0.ɵɵlistener("click", function AddItemComponent_Template_button_click_14_listener() { return ctx.closeDialog(); });
+            i0.ɵɵtext(15, "Cancel");
             i0.ɵɵelementEnd()()();
         } if (rf & 2) {
-            let tmp_8_0;
+            let tmp_9_0;
             i0.ɵɵadvance();
-            i0.ɵɵproperty("width", 500)("minHeight", 300)("minWidth", 400)("resizable", true);
-            i0.ɵɵadvance(4);
-            i0.ɵɵproperty("data", ctx.ResourceTypes)("textField", "DisplayName")("valueField", "ID");
+            i0.ɵɵproperty("Visible", true)("Width", 500)("MinHeight", 300)("MinWidth", 400)("Resizable", true);
+            i0.ɵɵadvance(5);
+            i0.ɵɵproperty("Data", ctx.ResourceTypes)("TextField", "DisplayName")("ValueField", "ID");
             i0.ɵɵtwoWayProperty("ngModel", ctx.resourceType);
             i0.ɵɵadvance(2);
-            i0.ɵɵconditional((tmp_8_0 = ctx.resourceType.Entity) === "MJ: User Views" ? 7 : tmp_8_0 === "Reports" ? 8 : -1);
-        } }, dependencies: [i2.NgControlStatus, i2.NgModel, i3.WindowComponent, i4.ButtonComponent, i5.LabelComponent, i6.DropDownListComponent, i7.LoadingComponent], styles: [".popup-actions[_ngcontent-%COMP%] {\n  width: 100%;\n  padding: 10px;\n  border-top: 1px solid rgba(0, 0, 0, 0.08);\n}\n  .modal-body-wrap .k-window-content {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  flex: 1;\n  padding: 0;\n}\n.resource-wrap[_ngcontent-%COMP%] {\n  flex: 1;\n  padding: 24px;\n  margin: 16px;\n  border-radius: 4px;\n  border: 1px solid rgba(0, 0, 0, 0.08);\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n}\n.user-view-wrap[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n}\n  .resource-wrap .k-label {\n  color: var(--mj-text-secondary);\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 20px;\n}\n  .resource-wrap .k-dropdownlist {\n  border-radius: 4px;\n  border: 1px solid rgba(0, 0, 0, 0.08);\n  background: transparent;\n  line-height: 32px;\n  margin: 0;\n}\n  .customBtn button {\n  flex: 1;\n  border-radius: 10px;\n  line-height: 34px;\n}\n\n.no-items-message[_ngcontent-%COMP%], .no-views-message[_ngcontent-%COMP%] {\n  padding: 12px;\n  background-color: var(--mj-bg-surface-card);\n  border-radius: 4px;\n  color: var(--mj-text-muted);\n  text-align: center;\n  font-size: 14px;\n  margin-top: 5px;\n  border: 1px dashed var(--mj-border-default);\n}"] });
+            i0.ɵɵconditional((tmp_9_0 = ctx.resourceType.Entity) === "MJ: User Views" ? 8 : tmp_9_0 === "Reports" ? 9 : -1);
+        } }, dependencies: [i2.NgControlStatus, i2.NgModel, i3.LoadingComponent, i4.MJButtonDirective, i4.MJDropdownComponent, i4.MJWindowComponent], styles: [".popup-actions[_ngcontent-%COMP%] {\n  width: 100%;\n  padding: 10px;\n  border-top: 1px solid rgba(0, 0, 0, 0.08);\n}\n  .modal-body-wrap .k-window-content {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  flex: 1;\n  padding: 0;\n}\n.resource-wrap[_ngcontent-%COMP%] {\n  flex: 1;\n  padding: 24px;\n  margin: 16px;\n  border-radius: 4px;\n  border: 1px solid rgba(0, 0, 0, 0.08);\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n}\n.user-view-wrap[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n}\n  .resource-wrap .k-label {\n  color: var(--mj-text-secondary);\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 20px;\n}\n  .resource-wrap .k-dropdownlist {\n  border-radius: 4px;\n  border: 1px solid rgba(0, 0, 0, 0.08);\n  background: transparent;\n  line-height: 32px;\n  margin: 0;\n}\n  .customBtn button {\n  flex: 1;\n  border-radius: 10px;\n  line-height: 34px;\n}\n\n.no-items-message[_ngcontent-%COMP%], .no-views-message[_ngcontent-%COMP%] {\n  padding: 12px;\n  background-color: var(--mj-bg-surface-card);\n  border-radius: 4px;\n  color: var(--mj-text-muted);\n  text-align: center;\n  font-size: 14px;\n  margin-top: 5px;\n  border: 1px dashed var(--mj-border-default);\n}"] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AddItemComponent, [{
         type: Component,
-        args: [{ standalone: false, selector: 'app-add-item-dialog', template: "<div class=\"k-overlay\"></div>\n<kendo-window class=\"modal-body-wrap\" [width]=\"500\" [minHeight]=\"300\" [minWidth]=\"400\" [resizable]=\"true\" (close)=\"closeDialog()\"\n  title=\"Add Item to Dashboard\">\n  <div class=\"k-d-flex k-flex-col resource-wrap\">\n    <kendo-label text=\"Resource Type\">\n      <br />\n      <kendo-dropdownlist [data]=\"ResourceTypes\" [textField]=\"'DisplayName'\" [valueField]=\"'ID'\"\n        (valueChange)=\"onResourceTypeChange($event)\" [(ngModel)]=\"resourceType\">\n      </kendo-dropdownlist>\n    </kendo-label>\n    <div class=\"user-view-wrap\">\n      @switch (resourceType.Entity ) {\n        @case ('MJ: User Views') {\n          <kendo-label text=\"Entity\">\n            <br />\n            <kendo-dropdownlist [data]=\"Entities\" [textField]=\"'Name'\" [valueField]=\"'ID'\"\n              (valueChange)=\"onEntityChange($event)\" [(ngModel)]=\"selectedEntity\">\n            </kendo-dropdownlist>\n          </kendo-label>\n          @if (selectedEntity && Views.length) {\n            <kendo-label text=\"Views\">\n              <br />\n              <kendo-dropdownlist [data]=\"Views\" [textField]=\"'Name'\" [valueField]=\"'ID'\"\n                (valueChange)=\"onViewChange($event)\" [(ngModel)]=\"selectedView\">\n              </kendo-dropdownlist>\n            </kendo-label>\n          }\n          @if (selectedEntity && !Views.length && showloader) {\n            <mj-loading [showText]=\"false\" size=\"medium\"></mj-loading>\n          }\n          @if (selectedEntity && !Views.length && !showloader) {\n            <div class=\"no-views-message\">\n              No views available for this entity\n            </div>\n          }\n        }\n        @case ('Reports') {\n          @if (Reports.length) {\n            <kendo-label text=\"Reports\">\n              <br />\n              <kendo-dropdownlist [data]=\"Reports\" [textField]=\"'Name'\" [valueField]=\"'ID'\"\n                (valueChange)=\"onViewChange($event)\" [(ngModel)]=\"selectedReport\">\n              </kendo-dropdownlist>\n            </kendo-label>\n          }\n          @if (!Reports.length && showloader) {\n            <mj-loading [showText]=\"false\" size=\"medium\"></mj-loading>\n          }\n          @if (!Reports.length && !showloader) {\n            <div class=\"no-items-message\">\n              No reports available\n            </div>\n          }\n        }\n      }\n    </div>\n  </div>\n  <div class=\"k-actions k-actions-end popup-actions customBtn\">\n    <button themeColor=\"info\" kendoButton (click)=\"addItem()\">\n      <span class=\"fa-solid fa-check\"></span> Add\n    </button>\n    <button themeColor=\"info\" kendoButton fillMode=\"outline\" (click)=\"closeDialog()\">Cancel</button>\n  </div>\n</kendo-window>", styles: [".popup-actions {\n  width: 100%;\n  padding: 10px;\n  border-top: 1px solid rgba(0, 0, 0, 0.08);\n}\n::ng-deep .modal-body-wrap .k-window-content {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  flex: 1;\n  padding: 0;\n}\n.resource-wrap {\n  flex: 1;\n  padding: 24px;\n  margin: 16px;\n  border-radius: 4px;\n  border: 1px solid rgba(0, 0, 0, 0.08);\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n}\n.user-view-wrap {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n}\n::ng-deep .resource-wrap .k-label {\n  color: var(--mj-text-secondary);\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 20px;\n}\n::ng-deep .resource-wrap .k-dropdownlist {\n  border-radius: 4px;\n  border: 1px solid rgba(0, 0, 0, 0.08);\n  background: transparent;\n  line-height: 32px;\n  margin: 0;\n}\n::ng-deep .customBtn button {\n  flex: 1;\n  border-radius: 10px;\n  line-height: 34px;\n}\n\n.no-items-message, .no-views-message {\n  padding: 12px;\n  background-color: var(--mj-bg-surface-card);\n  border-radius: 4px;\n  color: var(--mj-text-muted);\n  text-align: center;\n  font-size: 14px;\n  margin-top: 5px;\n  border: 1px dashed var(--mj-border-default);\n}\n"] }]
+        args: [{ standalone: false, selector: 'app-add-item-dialog', template: "<div class=\"k-overlay\"></div>\n<mj-window [Visible]=\"true\" [Width]=\"500\" [MinHeight]=\"300\" [MinWidth]=\"400\" [Resizable]=\"true\" (Close)=\"closeDialog()\"\n  Title=\"Add Item to Dashboard\">\n  <div class=\"k-d-flex k-flex-col resource-wrap\">\n    <label>Resource Type\n      <br />\n      <mj-dropdown [Data]=\"ResourceTypes\" [TextField]=\"'DisplayName'\" [ValueField]=\"'ID'\"\n        (ValueChange)=\"onResourceTypeChange($any($event))\" [(ngModel)]=\"resourceType\">\n      </mj-dropdown>\n    </label>\n    <div class=\"user-view-wrap\">\n      @switch (resourceType.Entity ) {\n        @case ('MJ: User Views') {\n          <label>Entity\n            <br />\n            <mj-dropdown [Data]=\"Entities\" [TextField]=\"'Name'\" [ValueField]=\"'ID'\"\n              (ValueChange)=\"onEntityChange($any($event))\" [(ngModel)]=\"selectedEntity\">\n            </mj-dropdown>\n          </label>\n          @if (selectedEntity && Views.length) {\n            <label>Views\n              <br />\n              <mj-dropdown [Data]=\"Views\" [TextField]=\"'Name'\" [ValueField]=\"'ID'\"\n                (ValueChange)=\"onViewChange($any($event))\" [(ngModel)]=\"selectedView\">\n              </mj-dropdown>\n            </label>\n          }\n          @if (selectedEntity && !Views.length && showloader) {\n            <mj-loading [showText]=\"false\" size=\"medium\"></mj-loading>\n          }\n          @if (selectedEntity && !Views.length && !showloader) {\n            <div class=\"no-views-message\">\n              No views available for this entity\n            </div>\n          }\n        }\n        @case ('Reports') {\n          @if (Reports.length) {\n            <label>Reports\n              <br />\n              <mj-dropdown [Data]=\"Reports\" [TextField]=\"'Name'\" [ValueField]=\"'ID'\"\n                (ValueChange)=\"onViewChange($any($event))\" [(ngModel)]=\"selectedReport\">\n              </mj-dropdown>\n            </label>\n          }\n          @if (!Reports.length && showloader) {\n            <mj-loading [showText]=\"false\" size=\"medium\"></mj-loading>\n          }\n          @if (!Reports.length && !showloader) {\n            <div class=\"no-items-message\">\n              No reports available\n            </div>\n          }\n        }\n      }\n    </div>\n  </div>\n  <div class=\"k-actions k-actions-end popup-actions customBtn\">\n    <button mjButton variant=\"primary\" (click)=\"addItem()\">\n      <span class=\"fa-solid fa-check\"></span> Add\n    </button>\n    <button mjButton variant=\"outline\" (click)=\"closeDialog()\">Cancel</button>\n  </div>\n</mj-window>\n", styles: [".popup-actions {\n  width: 100%;\n  padding: 10px;\n  border-top: 1px solid rgba(0, 0, 0, 0.08);\n}\n::ng-deep .modal-body-wrap .k-window-content {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  flex: 1;\n  padding: 0;\n}\n.resource-wrap {\n  flex: 1;\n  padding: 24px;\n  margin: 16px;\n  border-radius: 4px;\n  border: 1px solid rgba(0, 0, 0, 0.08);\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n}\n.user-view-wrap {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n}\n::ng-deep .resource-wrap .k-label {\n  color: var(--mj-text-secondary);\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 20px;\n}\n::ng-deep .resource-wrap .k-dropdownlist {\n  border-radius: 4px;\n  border: 1px solid rgba(0, 0, 0, 0.08);\n  background: transparent;\n  line-height: 32px;\n  margin: 0;\n}\n::ng-deep .customBtn button {\n  flex: 1;\n  border-radius: 10px;\n  line-height: 34px;\n}\n\n.no-items-message, .no-views-message {\n  padding: 12px;\n  background-color: var(--mj-bg-surface-card);\n  border-radius: 4px;\n  color: var(--mj-text-muted);\n  text-align: center;\n  font-size: 14px;\n  margin-top: 5px;\n  border: 1px dashed var(--mj-border-default);\n}\n"] }]
     }], () => [{ type: i1.SharedService }], { onClose: [{
             type: Output
         }], selectedResource: [{

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

@@ -1 +1 @@
-{"version":3,"file":"add-item.component.js","sourceRoot":"","sources":["../../../../../src/lib/single-dashboard/Components/add-item/add-item.component.ts","../../../../../src/lib/single-dashboard/Components/add-item/add-item.component.html"],"names":[],"mappings":"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","sourcesContent":["import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';\nimport { Metadata, RunView } from '@memberjunction/core';\nimport { MJResourceTypeEntity, ViewInfo} from '@memberjunction/core-entities';\nimport { ResourceData } from '@memberjunction/core-entities';\nimport { SharedService } from '@memberjunction/ng-shared';\n\n@Component({\n  standalone: false,\n  selector: 'app-add-item-dialog',\n  templateUrl: './add-item.component.html',\n  styleUrls: ['./add-item.component.css']\n})\nexport class AddItemComponent implements OnInit {\n  @Output() onClose = new EventEmitter<any>();\n  @Input() selectedResource!:MJResourceTypeEntity | null;\n  public showloader: boolean = false;\n  public resourceType: any = null;\n  public selectedEntity: any = null;\n  public selectedView: any = null;\n  public selectedReport: any = null;\n  public Entities: any[] = [];\n  public Views: any[] = [];\n  public Reports: any[] = [];\n  public get ResourceTypes(): any[] {\n    return SharedService.Instance.ResourceTypes.filter((rt: any) => rt.Name !== 'Dashboards' && rt.Name !== 'Records');\n  }\n  private md: Metadata = new Metadata();\n\n  constructor(private sharedService: SharedService) { }\n\n  ngOnInit(): void {\n    this.resourceType = this.selectedResource || SharedService.Instance.ViewResourceType;\n    this.onResourceTypeChange(this.resourceType);\n    // Sort entities alphabetically by name\n    this.Entities = [...this.md.Entities].sort((a, b) => \n      a.Name.localeCompare(b.Name)\n    );\n  }\n\n  async onResourceTypeChange(event: any) {\n    this.resourceType = event;\n    this.selectedEntity = null;\n    if (this.resourceType.Name === 'Reports') {\n      this.getReports();\n    }\n  }\n\n  async getViews() {\n    if (!this.selectedEntity) return;\n    \n    this.showloader = true;\n    this.Views = await ViewInfo.GetViewsForUser(this.selectedEntity.ID);\n    \n    // Sort views alphabetically\n    if (this.Views && this.Views.length) {\n      this.Views = this.Views.sort((a, b) => a.Name.localeCompare(b.Name));\n    }\n    \n    // Always set showloader to false when done, even if no views found\n    this.showloader = false;\n  }\n\n  async getReports() {\n    if (!this.resourceType) return;\n    \n    this.showloader = true;\n    this.selectedReport = null;\n    this.Reports = [];\n    \n    const rv = new RunView();\n    const reports = await rv.RunView({ EntityName: this.resourceType.Entity, ExtraFilter: `UserID='${this.md.CurrentUser.ID}'` });\n    \n    if (reports.Success && reports.Results) {\n      // Sort reports alphabetically\n      this.Reports = reports.Results.sort((a, b) => a.Name.localeCompare(b.Name));\n    }\n    \n    // Always set showloader to false when done, even if no reports found\n    this.showloader = false;\n  }\n\n  onEntityChange(event: any) {\n    this.selectedEntity = event;\n    this.selectedView = null;\n    this.selectedReport = null;\n    this.getViews();\n  }\n\n  onViewChange(event: any) {\n    if (this.resourceType.Name === 'Reports') {\n      this.selectedReport = event;\n    } else {\n      this.selectedView = event;\n    }\n  }\n\n  public addItem() {\n    if (!this.selectedReport && !this.selectedView) {\n      this.sharedService.CreateSimpleNotification('Please select an item to add', 'warning', 2000);\n      return;\n    }\n    \n    const name = this.selectedReport?.Name || this.selectedView?.Name;\n    const id = this.selectedReport?.ID || this.selectedView?.ID;\n    \n    if (!id) {\n      this.sharedService.CreateSimpleNotification('Invalid selection', 'error', 2000);\n      return;\n    }\n    \n    const dashboardItem = {\n      title: name ? name : 'New Item - ' + id,\n      col: 1,\n      rowSpan: 3,\n      colSpan: 2,\n      ResourceData: new ResourceData({\n        Name: name,\n        ResourceType: this.resourceType.Name, // Add ResourceType\n        ResourceTypeID: this.resourceType.ID,\n        ResourceRecordID: id,\n        Configuration: {}\n      }),\n    };\n    \n    this.sharedService.CreateSimpleNotification(`Added \"${name}\" to dashboard`, 'success', 2000);\n    this.onClose.emit(dashboardItem);\n\n  }\n\n  closeDialog() {\n    this.onClose.emit();\n  }\n}\n","<div class=\"k-overlay\"></div>\n<kendo-window class=\"modal-body-wrap\" [width]=\"500\" [minHeight]=\"300\" [minWidth]=\"400\" [resizable]=\"true\" (close)=\"closeDialog()\"\n  title=\"Add Item to Dashboard\">\n  <div class=\"k-d-flex k-flex-col resource-wrap\">\n    <kendo-label text=\"Resource Type\">\n      <br />\n      <kendo-dropdownlist [data]=\"ResourceTypes\" [textField]=\"'DisplayName'\" [valueField]=\"'ID'\"\n        (valueChange)=\"onResourceTypeChange($event)\" [(ngModel)]=\"resourceType\">\n      </kendo-dropdownlist>\n    </kendo-label>\n    <div class=\"user-view-wrap\">\n      @switch (resourceType.Entity ) {\n        @case ('MJ: User Views') {\n          <kendo-label text=\"Entity\">\n            <br />\n            <kendo-dropdownlist [data]=\"Entities\" [textField]=\"'Name'\" [valueField]=\"'ID'\"\n              (valueChange)=\"onEntityChange($event)\" [(ngModel)]=\"selectedEntity\">\n            </kendo-dropdownlist>\n          </kendo-label>\n          @if (selectedEntity && Views.length) {\n            <kendo-label text=\"Views\">\n              <br />\n              <kendo-dropdownlist [data]=\"Views\" [textField]=\"'Name'\" [valueField]=\"'ID'\"\n                (valueChange)=\"onViewChange($event)\" [(ngModel)]=\"selectedView\">\n              </kendo-dropdownlist>\n            </kendo-label>\n          }\n          @if (selectedEntity && !Views.length && showloader) {\n            <mj-loading [showText]=\"false\" size=\"medium\"></mj-loading>\n          }\n          @if (selectedEntity && !Views.length && !showloader) {\n            <div class=\"no-views-message\">\n              No views available for this entity\n            </div>\n          }\n        }\n        @case ('Reports') {\n          @if (Reports.length) {\n            <kendo-label text=\"Reports\">\n              <br />\n              <kendo-dropdownlist [data]=\"Reports\" [textField]=\"'Name'\" [valueField]=\"'ID'\"\n                (valueChange)=\"onViewChange($event)\" [(ngModel)]=\"selectedReport\">\n              </kendo-dropdownlist>\n            </kendo-label>\n          }\n          @if (!Reports.length && showloader) {\n            <mj-loading [showText]=\"false\" size=\"medium\"></mj-loading>\n          }\n          @if (!Reports.length && !showloader) {\n            <div class=\"no-items-message\">\n              No reports available\n            </div>\n          }\n        }\n      }\n    </div>\n  </div>\n  <div class=\"k-actions k-actions-end popup-actions customBtn\">\n    <button themeColor=\"info\" kendoButton (click)=\"addItem()\">\n      <span class=\"fa-solid fa-check\"></span> Add\n    </button>\n    <button themeColor=\"info\" kendoButton fillMode=\"outline\" (click)=\"closeDialog()\">Cancel</button>\n  </div>\n</kendo-window>"]}
+{"version":3,"file":"add-item.component.js","sourceRoot":"","sources":["../../../../../src/lib/single-dashboard/Components/add-item/add-item.component.ts","../../../../../src/lib/single-dashboard/Components/add-item/add-item.component.html"],"names":[],"mappings":"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","sourcesContent":["import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';\nimport { Metadata, RunView } from '@memberjunction/core';\nimport { MJResourceTypeEntity, ViewInfo} from '@memberjunction/core-entities';\nimport { ResourceData } from '@memberjunction/core-entities';\nimport { SharedService } from '@memberjunction/ng-shared';\n\n@Component({\n  standalone: false,\n  selector: 'app-add-item-dialog',\n  templateUrl: './add-item.component.html',\n  styleUrls: ['./add-item.component.css']\n})\nexport class AddItemComponent implements OnInit {\n  @Output() onClose = new EventEmitter<any>();\n  @Input() selectedResource!:MJResourceTypeEntity | null;\n  public showloader: boolean = false;\n  public resourceType: any = null;\n  public selectedEntity: any = null;\n  public selectedView: any = null;\n  public selectedReport: any = null;\n  public Entities: any[] = [];\n  public Views: any[] = [];\n  public Reports: any[] = [];\n  public get ResourceTypes(): any[] {\n    return SharedService.Instance.ResourceTypes.filter((rt: any) => rt.Name !== 'Dashboards' && rt.Name !== 'Records');\n  }\n  private md: Metadata = new Metadata();\n\n  constructor(private sharedService: SharedService) { }\n\n  ngOnInit(): void {\n    this.resourceType = this.selectedResource || SharedService.Instance.ViewResourceType;\n    this.onResourceTypeChange(this.resourceType);\n    // Sort entities alphabetically by name\n    this.Entities = [...this.md.Entities].sort((a, b) => \n      a.Name.localeCompare(b.Name)\n    );\n  }\n\n  async onResourceTypeChange(event: any) {\n    this.resourceType = event;\n    this.selectedEntity = null;\n    if (this.resourceType.Name === 'Reports') {\n      this.getReports();\n    }\n  }\n\n  async getViews() {\n    if (!this.selectedEntity) return;\n    \n    this.showloader = true;\n    this.Views = await ViewInfo.GetViewsForUser(this.selectedEntity.ID);\n    \n    // Sort views alphabetically\n    if (this.Views && this.Views.length) {\n      this.Views = this.Views.sort((a, b) => a.Name.localeCompare(b.Name));\n    }\n    \n    // Always set showloader to false when done, even if no views found\n    this.showloader = false;\n  }\n\n  async getReports() {\n    if (!this.resourceType) return;\n    \n    this.showloader = true;\n    this.selectedReport = null;\n    this.Reports = [];\n    \n    const rv = new RunView();\n    const reports = await rv.RunView({ EntityName: this.resourceType.Entity, ExtraFilter: `UserID='${this.md.CurrentUser.ID}'` });\n    \n    if (reports.Success && reports.Results) {\n      // Sort reports alphabetically\n      this.Reports = reports.Results.sort((a, b) => a.Name.localeCompare(b.Name));\n    }\n    \n    // Always set showloader to false when done, even if no reports found\n    this.showloader = false;\n  }\n\n  onEntityChange(event: any) {\n    this.selectedEntity = event;\n    this.selectedView = null;\n    this.selectedReport = null;\n    this.getViews();\n  }\n\n  onViewChange(event: any) {\n    if (this.resourceType.Name === 'Reports') {\n      this.selectedReport = event;\n    } else {\n      this.selectedView = event;\n    }\n  }\n\n  public addItem() {\n    if (!this.selectedReport && !this.selectedView) {\n      this.sharedService.CreateSimpleNotification('Please select an item to add', 'warning', 2000);\n      return;\n    }\n    \n    const name = this.selectedReport?.Name || this.selectedView?.Name;\n    const id = this.selectedReport?.ID || this.selectedView?.ID;\n    \n    if (!id) {\n      this.sharedService.CreateSimpleNotification('Invalid selection', 'error', 2000);\n      return;\n    }\n    \n    const dashboardItem = {\n      title: name ? name : 'New Item - ' + id,\n      col: 1,\n      rowSpan: 3,\n      colSpan: 2,\n      ResourceData: new ResourceData({\n        Name: name,\n        ResourceType: this.resourceType.Name, // Add ResourceType\n        ResourceTypeID: this.resourceType.ID,\n        ResourceRecordID: id,\n        Configuration: {}\n      }),\n    };\n    \n    this.sharedService.CreateSimpleNotification(`Added \"${name}\" to dashboard`, 'success', 2000);\n    this.onClose.emit(dashboardItem);\n\n  }\n\n  closeDialog() {\n    this.onClose.emit();\n  }\n}\n","<div class=\"k-overlay\"></div>\n<mj-window [Visible]=\"true\" [Width]=\"500\" [MinHeight]=\"300\" [MinWidth]=\"400\" [Resizable]=\"true\" (Close)=\"closeDialog()\"\n  Title=\"Add Item to Dashboard\">\n  <div class=\"k-d-flex k-flex-col resource-wrap\">\n    <label>Resource Type\n      <br />\n      <mj-dropdown [Data]=\"ResourceTypes\" [TextField]=\"'DisplayName'\" [ValueField]=\"'ID'\"\n        (ValueChange)=\"onResourceTypeChange($any($event))\" [(ngModel)]=\"resourceType\">\n      </mj-dropdown>\n    </label>\n    <div class=\"user-view-wrap\">\n      @switch (resourceType.Entity ) {\n        @case ('MJ: User Views') {\n          <label>Entity\n            <br />\n            <mj-dropdown [Data]=\"Entities\" [TextField]=\"'Name'\" [ValueField]=\"'ID'\"\n              (ValueChange)=\"onEntityChange($any($event))\" [(ngModel)]=\"selectedEntity\">\n            </mj-dropdown>\n          </label>\n          @if (selectedEntity && Views.length) {\n            <label>Views\n              <br />\n              <mj-dropdown [Data]=\"Views\" [TextField]=\"'Name'\" [ValueField]=\"'ID'\"\n                (ValueChange)=\"onViewChange($any($event))\" [(ngModel)]=\"selectedView\">\n              </mj-dropdown>\n            </label>\n          }\n          @if (selectedEntity && !Views.length && showloader) {\n            <mj-loading [showText]=\"false\" size=\"medium\"></mj-loading>\n          }\n          @if (selectedEntity && !Views.length && !showloader) {\n            <div class=\"no-views-message\">\n              No views available for this entity\n            </div>\n          }\n        }\n        @case ('Reports') {\n          @if (Reports.length) {\n            <label>Reports\n              <br />\n              <mj-dropdown [Data]=\"Reports\" [TextField]=\"'Name'\" [ValueField]=\"'ID'\"\n                (ValueChange)=\"onViewChange($any($event))\" [(ngModel)]=\"selectedReport\">\n              </mj-dropdown>\n            </label>\n          }\n          @if (!Reports.length && showloader) {\n            <mj-loading [showText]=\"false\" size=\"medium\"></mj-loading>\n          }\n          @if (!Reports.length && !showloader) {\n            <div class=\"no-items-message\">\n              No reports available\n            </div>\n          }\n        }\n      }\n    </div>\n  </div>\n  <div class=\"k-actions k-actions-end popup-actions customBtn\">\n    <button mjButton variant=\"primary\" (click)=\"addItem()\">\n      <span class=\"fa-solid fa-check\"></span> Add\n    </button>\n    <button mjButton variant=\"outline\" (click)=\"closeDialog()\">Cancel</button>\n  </div>\n</mj-window>\n"]}

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

@@ -1,7 +1,6 @@
 import { Component, EventEmitter, Input, Output } from '@angular/core';
 import * as i0 from "@angular/core";
-import * as i1 from "@progress/kendo-angular-dialog";
-import * as i2 from "@progress/kendo-angular-buttons";
+import * as i1 from "@memberjunction/ng-ui-components";
 export class DeleteItemComponent {
     onClose = new EventEmitter();
     removeDashboardItem = new EventEmitter();
@@ -21,9 +20,9 @@ export class DeleteItemComponent {
         this.onClose.emit();
     }
     static ɵfac = function DeleteItemComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || DeleteItemComponent)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DeleteItemComponent, selectors: [["app-delete-item-dialog"]], inputs: { dashboardItem: "dashboardItem" }, outputs: { onClose: "onClose", removeDashboardItem: "removeDashboardItem" }, standalone: false, decls: 13, vars: 1, consts: [[1, "modal-body-wrap", 3, "close"], [1, "k-m-7.5", "k-text-center"], [1, "k-actions", "k-actions-end", "popup-actions"], ["kendoButton", "", "themeColor", "primary", 3, "click"], [1, "fa-solid", "fa-check"], ["kendoButton", "", 3, "click"], [1, "fa-solid", "fa-xmark"]], template: function DeleteItemComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵelementStart(0, "kendo-dialog", 0);
-            i0.ɵɵlistener("close", function DeleteItemComponent_Template_kendo_dialog_close_0_listener() { return ctx.closeDialog(); });
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DeleteItemComponent, selectors: [["app-delete-item-dialog"]], inputs: { dashboardItem: "dashboardItem" }, outputs: { onClose: "onClose", removeDashboardItem: "removeDashboardItem" }, standalone: false, decls: 13, vars: 2, consts: [[3, "Close", "Visible"], [1, "k-m-7.5", "k-text-center"], ["mjButton", "", "variant", "primary", 3, "click"], [1, "fa-solid", "fa-check"], ["mjButton", "", 3, "click"], [1, "fa-solid", "fa-xmark"]], template: function DeleteItemComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "mj-dialog", 0);
+            i0.ɵɵlistener("Close", function DeleteItemComponent_Template_mj_dialog_Close_0_listener() { return ctx.closeDialog(); });
             i0.ɵɵelementStart(1, "p", 1);
             i0.ɵɵtext(2, " Are you sure you want to delete ");
             i0.ɵɵelementStart(3, "b");
@@ -31,24 +30,25 @@ export class DeleteItemComponent {
             i0.ɵɵelementEnd();
             i0.ɵɵtext(5, "? ");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(6, "div", 2)(7, "button", 3);
+            i0.ɵɵelementStart(6, "mj-dialog-actions")(7, "button", 2);
             i0.ɵɵlistener("click", function DeleteItemComponent_Template_button_click_7_listener() { return ctx.confirmDeleteItem(); });
-            i0.ɵɵelement(8, "span", 4);
+            i0.ɵɵelement(8, "span", 3);
             i0.ɵɵtext(9, " Yes ");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(10, "button", 5);
+            i0.ɵɵelementStart(10, "button", 4);
             i0.ɵɵlistener("click", function DeleteItemComponent_Template_button_click_10_listener() { return ctx.closeDialog(); });
-            i0.ɵɵelement(11, "span", 6);
+            i0.ɵɵelement(11, "span", 5);
             i0.ɵɵtext(12, " No ");
             i0.ɵɵelementEnd()()();
         } if (rf & 2) {
+            i0.ɵɵproperty("Visible", true);
             i0.ɵɵadvance(4);
             i0.ɵɵtextInterpolate(ctx.dashboardItem == null ? null : ctx.dashboardItem.title);
-        } }, dependencies: [i1.DialogComponent, i2.ButtonComponent], styles: [".popup-actions[_ngcontent-%COMP%] {\n    width: 100%;\n    padding: 10px;\n    border-top: 1px solid rgba(0, 0, 0, 0.08);\n  }\n    .modal-body-wrap .k-window-content {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    flex: 1;\n    padding: 0;\n  }\n  .resource-wrap[_ngcontent-%COMP%] {\n    flex: 1;\n    padding: 24px;\n    margin: 16px;\n    border-radius: 4px;\n    border: 1px solid rgba(0, 0, 0, 0.08);\n    box-sizing: border-box;\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n  }\n  .user-view-wrap[_ngcontent-%COMP%] {\n      display: flex;\n      flex-direction: column;\n      gap: 20px;\n  }\n    .resource-wrap .k-label {\n    color: var(--mj-text-secondary);\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 20px;\n  }\n    .resource-wrap .k-dropdownlist {\n    border-radius: 4px;\n    border: 1px solid rgba(0, 0, 0, 0.08);\n    background: transparent;\n    line-height: 32px;\n    margin: 0;\n  }"] });
+        } }, dependencies: [i1.MJButtonDirective, i1.MJDialogComponent, i1.MJDialogActionsComponent], styles: [".popup-actions[_ngcontent-%COMP%] {\n    width: 100%;\n    padding: 10px;\n    border-top: 1px solid rgba(0, 0, 0, 0.08);\n  }\n    .modal-body-wrap .k-window-content {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    flex: 1;\n    padding: 0;\n  }\n  .resource-wrap[_ngcontent-%COMP%] {\n    flex: 1;\n    padding: 24px;\n    margin: 16px;\n    border-radius: 4px;\n    border: 1px solid rgba(0, 0, 0, 0.08);\n    box-sizing: border-box;\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n  }\n  .user-view-wrap[_ngcontent-%COMP%] {\n      display: flex;\n      flex-direction: column;\n      gap: 20px;\n  }\n    .resource-wrap .k-label {\n    color: var(--mj-text-secondary);\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 20px;\n  }\n    .resource-wrap .k-dropdownlist {\n    border-radius: 4px;\n    border: 1px solid rgba(0, 0, 0, 0.08);\n    background: transparent;\n    line-height: 32px;\n    margin: 0;\n  }"] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DeleteItemComponent, [{
         type: Component,
-        args: [{ standalone: false, selector: 'app-delete-item-dialog', template: "<kendo-dialog class=\"modal-body-wrap\" (close)=\"closeDialog()\">\n    <p class=\"k-m-7.5 k-text-center\">\n        Are you sure you want to delete <b>{{dashboardItem?.title}}</b>?\n    </p>\n    <div class=\"k-actions k-actions-end popup-actions\">\n        <button kendoButton (click)=\"confirmDeleteItem()\" themeColor=\"primary\">\n            <span class=\"fa-solid fa-check\"></span> Yes\n        </button>\n        <button kendoButton (click)=\"closeDialog()\">\n            <span class=\"fa-solid fa-xmark\"></span> No\n        </button>\n    </div>\n</kendo-dialog>", styles: [".popup-actions {\n    width: 100%;\n    padding: 10px;\n    border-top: 1px solid rgba(0, 0, 0, 0.08);\n  }\n  ::ng-deep .modal-body-wrap .k-window-content {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    flex: 1;\n    padding: 0;\n  }\n  .resource-wrap {\n    flex: 1;\n    padding: 24px;\n    margin: 16px;\n    border-radius: 4px;\n    border: 1px solid rgba(0, 0, 0, 0.08);\n    box-sizing: border-box;\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n  }\n  .user-view-wrap {\n      display: flex;\n      flex-direction: column;\n      gap: 20px;\n  }\n  ::ng-deep .resource-wrap .k-label {\n    color: var(--mj-text-secondary);\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 20px;\n  }\n  ::ng-deep .resource-wrap .k-dropdownlist {\n    border-radius: 4px;\n    border: 1px solid rgba(0, 0, 0, 0.08);\n    background: transparent;\n    line-height: 32px;\n    margin: 0;\n  }\n"] }]
+        args: [{ standalone: false, selector: 'app-delete-item-dialog', template: "<mj-dialog [Visible]=\"true\" (Close)=\"closeDialog()\">\n    <p class=\"k-m-7.5 k-text-center\">\n        Are you sure you want to delete <b>{{dashboardItem?.title}}</b>?\n    </p>\n    <mj-dialog-actions>\n        <button mjButton variant=\"primary\" (click)=\"confirmDeleteItem()\">\n            <span class=\"fa-solid fa-check\"></span> Yes\n        </button>\n        <button mjButton (click)=\"closeDialog()\">\n            <span class=\"fa-solid fa-xmark\"></span> No\n        </button>\n    </mj-dialog-actions>\n</mj-dialog>\n", styles: [".popup-actions {\n    width: 100%;\n    padding: 10px;\n    border-top: 1px solid rgba(0, 0, 0, 0.08);\n  }\n  ::ng-deep .modal-body-wrap .k-window-content {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    flex: 1;\n    padding: 0;\n  }\n  .resource-wrap {\n    flex: 1;\n    padding: 24px;\n    margin: 16px;\n    border-radius: 4px;\n    border: 1px solid rgba(0, 0, 0, 0.08);\n    box-sizing: border-box;\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n  }\n  .user-view-wrap {\n      display: flex;\n      flex-direction: column;\n      gap: 20px;\n  }\n  ::ng-deep .resource-wrap .k-label {\n    color: var(--mj-text-secondary);\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 20px;\n  }\n  ::ng-deep .resource-wrap .k-dropdownlist {\n    border-radius: 4px;\n    border: 1px solid rgba(0, 0, 0, 0.08);\n    background: transparent;\n    line-height: 32px;\n    margin: 0;\n  }\n"] }]
     }], null, { onClose: [{
             type: Output
         }], removeDashboardItem: [{

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

@@ -1 +1 @@
-{"version":3,"file":"delete-item.component.js","sourceRoot":"","sources":["../../../../../src/lib/single-dashboard/Components/delete-item/delete-item.component.ts","../../../../../src/lib/single-dashboard/Components/delete-item/delete-item.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,KAAK,EAAU,MAAM,EAAE,MAAM,eAAe,CAAC;;;;AAS/E,MAAM,OAAO,mBAAmB;IACpB,OAAO,GAAG,IAAI,YAAY,EAAO,CAAC;IAClC,mBAAmB,GAAG,IAAI,YAAY,EAAO,CAAC;IAC/C,aAAa,CAAyB;IAE/C,QAAQ;IAER,CAAC;IAEM,iBAAiB;QACtB,IAAG,IAAI,CAAC,aAAa,EAAC,CAAC;YACrB,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;QACpD,CAAC;aACG,CAAC;YACH,OAAO,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;QAC9B,CAAC;QAED,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;IACtB,CAAC;IAEM,WAAW;QAChB,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;IACtB,CAAC;6GAtBU,mBAAmB;6DAAnB,mBAAmB;YCThC,uCAA8D;YAAxB,sGAAS,iBAAa,IAAC;YACzD,4BAAiC;YAC7B,iDAAgC;YAAA,yBAAG;YAAA,YAAwB;YAAA,iBAAI;YAAA,kBACnE;YAAA,iBAAI;YAEA,AADJ,8BAAmD,gBACwB;YAAnD,gGAAS,uBAAmB,IAAC;YAC7C,0BAAuC;YAAC,qBAC5C;YAAA,iBAAS;YACT,kCAA4C;YAAxB,iGAAS,iBAAa,IAAC;YACvC,2BAAuC;YAAC,qBAC5C;YAER,AADI,AADI,iBAAS,EACP,EACK;;YAV4B,eAAwB;YAAxB,gFAAwB;;;iFDOtD,mBAAmB;cAN/B,SAAS;6BACI,KAAK,YACP,wBAAwB;;kBAKjC,MAAM;;kBACN,MAAM;;kBACN,KAAK;;kFAHK,mBAAmB","sourcesContent":["import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';\nimport { DashboardItem } from '../../single-dashboard.component';\n\n@Component({\n  standalone: false,\n  selector: 'app-delete-item-dialog',\n  templateUrl: './delete-item.component.html',\n  styleUrls: ['./delete-item.component.css']\n})\nexport class DeleteItemComponent implements OnInit {\n  @Output() onClose = new EventEmitter<any>();\n  @Output() removeDashboardItem = new EventEmitter<any>();\n  @Input() dashboardItem! : DashboardItem | null;\n\n  ngOnInit(): void {\n\n  }\n\n  public confirmDeleteItem(): void {\n    if(this.dashboardItem){\n      this.removeDashboardItem.emit(this.dashboardItem);\n    }\n    else{\n      console.log(\"item is null\");\n    }\n\n    this.onClose.emit();\n  }\n\n  public closeDialog(): void {\n    this.onClose.emit();\n  }\n}\n","<kendo-dialog class=\"modal-body-wrap\" (close)=\"closeDialog()\">\n    <p class=\"k-m-7.5 k-text-center\">\n        Are you sure you want to delete <b>{{dashboardItem?.title}}</b>?\n    </p>\n    <div class=\"k-actions k-actions-end popup-actions\">\n        <button kendoButton (click)=\"confirmDeleteItem()\" themeColor=\"primary\">\n            <span class=\"fa-solid fa-check\"></span> Yes\n        </button>\n        <button kendoButton (click)=\"closeDialog()\">\n            <span class=\"fa-solid fa-xmark\"></span> No\n        </button>\n    </div>\n</kendo-dialog>"]}
+{"version":3,"file":"delete-item.component.js","sourceRoot":"","sources":["../../../../../src/lib/single-dashboard/Components/delete-item/delete-item.component.ts","../../../../../src/lib/single-dashboard/Components/delete-item/delete-item.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,KAAK,EAAU,MAAM,EAAE,MAAM,eAAe,CAAC;;;AAS/E,MAAM,OAAO,mBAAmB;IACpB,OAAO,GAAG,IAAI,YAAY,EAAO,CAAC;IAClC,mBAAmB,GAAG,IAAI,YAAY,EAAO,CAAC;IAC/C,aAAa,CAAyB;IAE/C,QAAQ;IAER,CAAC;IAEM,iBAAiB;QACtB,IAAG,IAAI,CAAC,aAAa,EAAC,CAAC;YACrB,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;QACpD,CAAC;aACG,CAAC;YACH,OAAO,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;QAC9B,CAAC;QAED,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;IACtB,CAAC;IAEM,WAAW;QAChB,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;IACtB,CAAC;6GAtBU,mBAAmB;6DAAnB,mBAAmB;YCThC,oCAAoD;YAAxB,mGAAS,iBAAa,IAAC;YAC/C,4BAAiC;YAC7B,iDAAgC;YAAA,yBAAG;YAAA,YAAwB;YAAA,iBAAI;YAAA,kBACnE;YAAA,iBAAI;YAEA,AADJ,yCAAmB,gBACkD;YAA9B,gGAAS,uBAAmB,IAAC;YAC5D,0BAAuC;YAAC,qBAC5C;YAAA,iBAAS;YACT,kCAAyC;YAAxB,iGAAS,iBAAa,IAAC;YACpC,2BAAuC;YAAC,qBAC5C;YAER,AADI,AADI,iBAAS,EACO,EACZ;;YAZD,8BAAgB;YAEgB,eAAwB;YAAxB,gFAAwB;;;iFDOtD,mBAAmB;cAN/B,SAAS;6BACI,KAAK,YACP,wBAAwB;;kBAKjC,MAAM;;kBACN,MAAM;;kBACN,KAAK;;kFAHK,mBAAmB","sourcesContent":["import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';\nimport { DashboardItem } from '../../single-dashboard.component';\n\n@Component({\n  standalone: false,\n  selector: 'app-delete-item-dialog',\n  templateUrl: './delete-item.component.html',\n  styleUrls: ['./delete-item.component.css']\n})\nexport class DeleteItemComponent implements OnInit {\n  @Output() onClose = new EventEmitter<any>();\n  @Output() removeDashboardItem = new EventEmitter<any>();\n  @Input() dashboardItem! : DashboardItem | null;\n\n  ngOnInit(): void {\n\n  }\n\n  public confirmDeleteItem(): void {\n    if(this.dashboardItem){\n      this.removeDashboardItem.emit(this.dashboardItem);\n    }\n    else{\n      console.log(\"item is null\");\n    }\n\n    this.onClose.emit();\n  }\n\n  public closeDialog(): void {\n    this.onClose.emit();\n  }\n}\n","<mj-dialog [Visible]=\"true\" (Close)=\"closeDialog()\">\n    <p class=\"k-m-7.5 k-text-center\">\n        Are you sure you want to delete <b>{{dashboardItem?.title}}</b>?\n    </p>\n    <mj-dialog-actions>\n        <button mjButton variant=\"primary\" (click)=\"confirmDeleteItem()\">\n            <span class=\"fa-solid fa-check\"></span> Yes\n        </button>\n        <button mjButton (click)=\"closeDialog()\">\n            <span class=\"fa-solid fa-xmark\"></span> No\n        </button>\n    </mj-dialog-actions>\n</mj-dialog>\n"]}

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

@@ -1,26 +1,50 @@
 import { EventEmitter } from '@angular/core';
-import { TileLayoutReorderEvent, TileLayoutResizeEvent } from '@progress/kendo-angular-layout';
 import { DashboardConfigDetails, DashboardItem } from '../../single-dashboard.component';
 import * as i0 from "@angular/core";
 export declare class EditDashboardComponent {
-    onSave: EventEmitter<any>;
-    onClose: EventEmitter<any>;
-    triggerAddItem: EventEmitter<any>;
+    onSave: EventEmitter<{
+        itemsChanged: boolean;
+        items: DashboardItem[];
+        config: DashboardConfigDetails;
+    }>;
+    onClose: EventEmitter<void>;
+    triggerAddItem: EventEmitter<{
+        ID: string;
+        DisplayName: string;
+    }>;
     editMode: boolean;
     config: DashboardConfigDetails;
     items: DashboardItem[];
     _items: DashboardItem[];
     itemsChanged: boolean;
-    get ResourceTypes(): any[];
-    resourceType: any;
+    showAddMenu: boolean;
+    get ResourceTypes(): {
+        ID: string;
+        Name: string;
+        DisplayName: string;
+    }[];
     ngOnInit(): Promise<void>;
-    protected CreateDashboardItem(item: any): DashboardItem;
-    removeItem(e: any): void;
-    onReorder(e: TileLayoutReorderEvent): void;
-    onResize(e: TileLayoutResizeEvent): void;
-    closeDialog(event?: any): void;
+    protected CreateDashboardItem(item: DashboardItem): DashboardItem;
+    removeItem(item: DashboardItem): void;
+    toggleAddMenu(): void;
+    onReorder(e: {
+        oldIndex: number;
+        newIndex: number;
+        newCol?: number;
+        newRow?: number;
+        uniqueId?: number;
+    }): void;
+    onResize(e: {
+        newColSpan: number;
+        newRowSpan: number;
+        uniqueId?: number;
+    }): void;
+    closeDialog(): void;
     saveChanges(): void;
-    onItemSelect(event: any): void;
+    onItemSelect(event: {
+        ID: string;
+        DisplayName: string;
+    }): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<EditDashboardComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<EditDashboardComponent, "app-edit-dashboard", never, { "editMode": { "alias": "editMode"; "required": false; }; "config": { "alias": "config"; "required": false; }; "items": { "alias": "items"; "required": false; }; }, { "onSave": "onSave"; "onClose": "onClose"; "triggerAddItem": "triggerAddItem"; }, never, never, false, never>;
 }

package/dist/lib/single-dashboard/Components/edit-dashboard/edit-dashboard.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"edit-dashboard.component.d.ts","sourceRoot":"","sources":["../../../../../src/lib/single-dashboard/Components/edit-dashboard/edit-dashboard.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,YAAY,EAAiB,MAAM,eAAe,CAAC;AAEvE,OAAO,EAAE,sBAAsB,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AAE/F,OAAO,EAAE,sBAAsB,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;;AAEzF,qBAMa,sBAAsB;IACvB,MAAM,oBAA2B;IACjC,OAAO,oBAA2B;IAClC,cAAc,oBAA2B;IACnC,QAAQ,EAAE,OAAO,CAAS;IAC1B,MAAM,EAAE,sBAAsB,CAAgC;IAC9D,KAAK,EAAE,aAAa,EAAE,CAAM;IACrC,MAAM,EAAE,aAAa,EAAE,CAAM;IAC7B,YAAY,EAAE,OAAO,CAAS;IAErC,IAAW,aAAa,IAAI,GAAG,EAAE,CAEhC;IACM,YAAY,EAAE,GAAG,CAAQ;IAE1B,QAAQ,IAAI,OAAO,CAAC,IAAI,CAAC;IAQ/B,SAAS,CAAC,mBAAmB,CAAC,IAAI,EAAE,GAAG,GAAG,aAAa;IAcvD,UAAU,CAAC,CAAC,EAAE,GAAG,GAAG,IAAI;IASxB,SAAS,CAAC,CAAC,EAAE,sBAAsB,GAAG,IAAI;IAe1C,QAAQ,CAAC,CAAC,EAAE,qBAAqB,GAAG,IAAI;IASxC,WAAW,CAAC,KAAK,GAAE,GAAU,GAAG,IAAI;IAIpC,WAAW;IAQX,YAAY,CAAC,KAAK,EAAE,GAAG;yCAlFZ,sBAAsB;2CAAtB,sBAAsB;CAuFlC"}
+{"version":3,"file":"edit-dashboard.component.d.ts","sourceRoot":"","sources":["../../../../../src/lib/single-dashboard/Components/edit-dashboard/edit-dashboard.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,YAAY,EAAiB,MAAM,eAAe,CAAC;AAGvE,OAAO,EAAE,sBAAsB,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;;AAEzF,qBAMa,sBAAsB;IACvB,MAAM;sBAAoC,OAAO;eAAS,aAAa,EAAE;gBAAU,sBAAsB;OAAM;IAC/G,OAAO,qBAA4B;IACnC,cAAc;YAA0B,MAAM;qBAAe,MAAM;OAAM;IACnE,QAAQ,EAAE,OAAO,CAAS;IAC1B,MAAM,EAAE,sBAAsB,CAAgC;IAC9D,KAAK,EAAE,aAAa,EAAE,CAAM;IACrC,MAAM,EAAE,aAAa,EAAE,CAAM;IAC7B,YAAY,EAAE,OAAO,CAAS;IAC9B,WAAW,EAAE,OAAO,CAAS;IAEpC,IAAW,aAAa,IAAI;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,WAAW,EAAE,MAAM,CAAA;KAAE,EAAE,CAE9E;IAEK,QAAQ,IAAI,OAAO,CAAC,IAAI,CAAC;IAQ/B,SAAS,CAAC,mBAAmB,CAAC,IAAI,EAAE,aAAa,GAAG,aAAa;IAcjE,UAAU,CAAC,IAAI,EAAE,aAAa,GAAG,IAAI;IAQrC,aAAa,IAAI,IAAI;IAIrB,SAAS,CAAC,CAAC,EAAE;QAAE,QAAQ,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI;IAa/G,QAAQ,CAAC,CAAC,EAAE;QAAE,UAAU,EAAE,MAAM,CAAC;QAAC,UAAU,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI;IAShF,WAAW,IAAI,IAAI;IAKnB,WAAW,IAAI,IAAI;IASnB,YAAY,CAAC,KAAK,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,WAAW,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI;yCArFnD,sBAAsB;2CAAtB,sBAAsB;CA2FlC"}