@memberjunction/ng-explorer-core 0.9.196 → 0.9.197

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

@@ -25,6 +25,7 @@ export declare class SingleDashboardComponent implements OnInit {
     selectedResource: ResourceTypeEntity | null;
     selectedDashboardItem: DashboardItem | null;
     private saveChangesSubject;
+    private selectedComponent;
     get contentLoading(): boolean;
     constructor(sharedService: SharedService);
     ngOnInit(): Promise<void>;
@@ -50,6 +51,9 @@ export declare class SingleDashboardComponent implements OnInit {
     getIsEditingItemHeaderStyle(): string;
     onReorder(e: TileLayoutReorderEvent): void;
     onResize(e: TileLayoutResizeEvent): void;
+    onMouseEnter(e: MouseEvent): void;
+    onMouseOut(e: MouseEvent): void;
+    getSelectedComponentStyle(component: SingleDashboardComponent): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<SingleDashboardComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SingleDashboardComponent, "app-single-dashboard", never, { "ResourceData": { "alias": "ResourceData"; "required": false; }; }, { "dashboardSaved": "dashboardSaved"; "loadComplete": "loadComplete"; "loadStarted": "loadStarted"; }, never, never, false, never>;
 }

package/dist/lib/single-dashboard/single-dashboard.component.js

@@ -119,29 +119,31 @@ function SingleDashboardComponent_kendo_tilelayout_item_15_div_3_Template(rf, ct
     i0.ɵɵelement(5, "span", 31);
     i0.ɵɵelementEnd()()();
 } }
-const _c1 = a1 => ["dashboard-item-header", a1];
-const _c2 = a0 => [a0];
+const _c1 = a0 => [a0];
+const _c2 = a1 => ["dashboard-item-header", a1];
 function SingleDashboardComponent_kendo_tilelayout_item_15_Template(rf, ctx) { if (rf & 1) {
     const _r39 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "kendo-tilelayout-item", 25)(1, "kendo-tilelayout-item-header", 26);
+    i0.ɵɵelementStart(0, "kendo-tilelayout-item", 25);
+    i0.ɵɵlistener("mouseenter", function SingleDashboardComponent_kendo_tilelayout_item_15_Template_kendo_tilelayout_item_mouseenter_0_listener($event) { i0.ɵɵrestoreView(_r39); const ctx_r38 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r38.onMouseEnter($event)); })("mouseleave", function SingleDashboardComponent_kendo_tilelayout_item_15_Template_kendo_tilelayout_item_mouseleave_0_listener($event) { i0.ɵɵrestoreView(_r39); const ctx_r40 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r40.onMouseOut($event)); });
+    i0.ɵɵelementStart(1, "kendo-tilelayout-item-header", 26);
     i0.ɵɵtext(2);
     i0.ɵɵtemplate(3, SingleDashboardComponent_kendo_tilelayout_item_15_div_3_Template, 6, 0, "div", 1);
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(4, "kendo-tilelayout-item-body", 26)(5, "app-resource", 27);
-    i0.ɵɵlistener("ContentLoadingStarted", function SingleDashboardComponent_kendo_tilelayout_item_15_Template_app_resource_ContentLoadingStarted_5_listener($event) { i0.ɵɵrestoreView(_r39); const ctx_r38 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r38.loadingStarted($event)); })("ContentLoadingComplete", function SingleDashboardComponent_kendo_tilelayout_item_15_Template_app_resource_ContentLoadingComplete_5_listener($event) { i0.ɵɵrestoreView(_r39); const ctx_r40 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r40.loadingComplete($event)); });
+    i0.ɵɵlistener("ContentLoadingStarted", function SingleDashboardComponent_kendo_tilelayout_item_15_Template_app_resource_ContentLoadingStarted_5_listener($event) { i0.ɵɵrestoreView(_r39); const ctx_r41 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r41.loadingStarted($event)); })("ContentLoadingComplete", function SingleDashboardComponent_kendo_tilelayout_item_15_Template_app_resource_ContentLoadingComplete_5_listener($event) { i0.ɵɵrestoreView(_r39); const ctx_r42 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r42.loadingComplete($event)); });
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const item_r32 = ctx.$implicit;
     const ctx_r9 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("col", item_r32.col)("colSpan", item_r32.colSpan)("rowSpan", item_r32.rowSpan)("id", item_r32.uniqueId);
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(11, _c1, ctx_r9.getSelectedComponentStyle(ctx_r9)))("col", item_r32.col)("colSpan", item_r32.colSpan)("rowSpan", item_r32.rowSpan)("id", item_r32.uniqueId);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(10, _c1, ctx_r9.getIsEditingItemHeaderStyle()));
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(13, _c2, ctx_r9.getIsEditingItemHeaderStyle()));
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", item_r32.title, " ");
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngIf", !ctx_r9.isEditingDashboard);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(12, _c2, ctx_r9.getIsEditingItemBodyStyle()));
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(15, _c1, ctx_r9.getIsEditingItemBodyStyle()));
     i0.ɵɵadvance();
     i0.ɵɵproperty("Data", item_r32.ResourceData)("isVisible", true);
 } }
@@ -169,6 +171,7 @@ export class SingleDashboardComponent {
         this.allowReorder = false;
         this.isEditingDashboard = false;
         this.saveChangesSubject = new Subject();
+        this.selectedComponent = null;
         this.saveChangesSubject
             .pipe(debounceTime(500))
             .subscribe(() => {
@@ -392,6 +395,15 @@ export class SingleDashboardComponent {
             item.rowSpan = e.newRowSpan;
         }
     }
+    onMouseEnter(e) {
+        this.selectedComponent = e.target;
+    }
+    onMouseOut(e) {
+        this.selectedComponent = null;
+    }
+    getSelectedComponentStyle(component) {
+        return this.selectedComponent === component ? "position: unset" : "";
+    }
 }
 SingleDashboardComponent.ɵfac = function SingleDashboardComponent_Factory(t) { return new (t || SingleDashboardComponent)(i0.ɵɵdirectiveInject(i1.SharedService)); };
 SingleDashboardComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SingleDashboardComponent, selectors: [["app-single-dashboard"]], viewQuery: function SingleDashboardComponent_Query(rf, ctx) { if (rf & 1) {
@@ -399,7 +411,7 @@ SingleDashboardComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Si
     } if (rf & 2) {
         let _t;
         i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.dashboardNameInput = _t.first);
-    } }, inputs: { ResourceData: "ResourceData" }, outputs: { dashboardSaved: "dashboardSaved", loadComplete: "loadComplete", loadStarted: "loadStarted" }, decls: 16, vars: 12, consts: [[3, "selectedResource", "onClose", 4, "ngIf"], [4, "ngIf"], [3, "dashboardItem", "removeDashboardItem", "onClose", 4, "ngIf"], [1, "dashboard-container"], [1, "main-head-dashboard"], [1, "dashboard-title"], ["class", "dashboard-header k-d-flex k-flex-row k-justify-content-flex-end", 4, "ngIf", "ngIfElse"], ["dashboard_name_header", ""], [1, "dashboard-header", "k-d-flex", "k-flex-row", "k-justify-content-flex-end"], [4, "ngIf", "ngIfElse"], ["edit_dashboard_buttons", ""], [1, "tile-resource-container"], [3, "columns", "rowHeight", "resizable", "reorderable", "reorder", "resize"], [3, "col", "colSpan", "rowSpan", "id", 4, "ngFor", "ngForOf"], [3, "selectedResource", "onClose"], [3, "items", "config", "onClose", "triggerAddItem", "onSave"], [3, "dashboardItem", "removeDashboardItem", "onClose"], ["type", "text", "placeholder", "Enter name here", "id", "txtDashboardName", 1, "k-textbox", "k-input", "k-input-md", "k-rounded-md", "k-input-solid", 3, "keydown.enter"], ["dashboardNameInput", ""], [3, "click"], [1, "k-i-check", "k-button-icon", "k-icon", "ng-star-inserted"], [1, "k-icon", "k-i-cancel"], [1, "k-icon", "k-i-star"], [3, "icon"], [3, "primary", "click"], [3, "col", "colSpan", "rowSpan", "id"], [3, "ngClass"], [3, "Data", "isVisible", "ContentLoadingStarted", "ContentLoadingComplete"], [1, "btn-wrapper"], ["kendoButton", "", "fillMode", "flat", 3, "click"], [1, "k-icon", "k-i-edit"], [1, "k-icon", "k-i-delete"]], template: function SingleDashboardComponent_Template(rf, ctx) { if (rf & 1) {
+    } }, inputs: { ResourceData: "ResourceData" }, outputs: { dashboardSaved: "dashboardSaved", loadComplete: "loadComplete", loadStarted: "loadStarted" }, decls: 16, vars: 12, consts: [[3, "selectedResource", "onClose", 4, "ngIf"], [4, "ngIf"], [3, "dashboardItem", "removeDashboardItem", "onClose", 4, "ngIf"], [1, "dashboard-container"], [1, "main-head-dashboard"], [1, "dashboard-title"], ["class", "dashboard-header k-d-flex k-flex-row k-justify-content-flex-end", 4, "ngIf", "ngIfElse"], ["dashboard_name_header", ""], [1, "dashboard-header", "k-d-flex", "k-flex-row", "k-justify-content-flex-end"], [4, "ngIf", "ngIfElse"], ["edit_dashboard_buttons", ""], [1, "tile-resource-container"], [3, "columns", "rowHeight", "resizable", "reorderable", "reorder", "resize"], [3, "ngClass", "col", "colSpan", "rowSpan", "id", "mouseenter", "mouseleave", 4, "ngFor", "ngForOf"], [3, "selectedResource", "onClose"], [3, "items", "config", "onClose", "triggerAddItem", "onSave"], [3, "dashboardItem", "removeDashboardItem", "onClose"], ["type", "text", "placeholder", "Enter name here", "id", "txtDashboardName", 1, "k-textbox", "k-input", "k-input-md", "k-rounded-md", "k-input-solid", 3, "keydown.enter"], ["dashboardNameInput", ""], [3, "click"], [1, "k-i-check", "k-button-icon", "k-icon", "ng-star-inserted"], [1, "k-icon", "k-i-cancel"], [1, "k-icon", "k-i-star"], [3, "icon"], [3, "primary", "click"], [3, "ngClass", "col", "colSpan", "rowSpan", "id", "mouseenter", "mouseleave"], [3, "ngClass"], [3, "Data", "isVisible", "ContentLoadingStarted", "ContentLoadingComplete"], [1, "btn-wrapper"], ["kendoButton", "", "fillMode", "flat", 3, "click"], [1, "k-icon", "k-i-edit"], [1, "k-icon", "k-i-delete"]], template: function SingleDashboardComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵtemplate(0, SingleDashboardComponent_app_add_item_dialog_0_Template, 1, 1, "app-add-item-dialog", 0)(1, SingleDashboardComponent_div_1_Template, 2, 2, "div", 1)(2, SingleDashboardComponent_app_delete_item_dialog_2_Template, 1, 1, "app-delete-item-dialog", 2);
         i0.ɵɵelementStart(3, "div", 3)(4, "div", 4)(5, "div", 5);
         i0.ɵɵtemplate(6, SingleDashboardComponent_div_6_Template, 7, 0, "div", 6)(7, SingleDashboardComponent_ng_template_7_Template, 3, 1, "ng-template", null, 7, i0.ɵɵtemplateRefExtractor);
@@ -409,7 +421,7 @@ SingleDashboardComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Si
         i0.ɵɵelementEnd()();
         i0.ɵɵelementStart(13, "div", 11)(14, "kendo-tilelayout", 12);
         i0.ɵɵlistener("reorder", function SingleDashboardComponent_Template_kendo_tilelayout_reorder_14_listener($event) { return ctx.onReorder($event); })("resize", function SingleDashboardComponent_Template_kendo_tilelayout_resize_14_listener($event) { return ctx.onResize($event); });
-        i0.ɵɵtemplate(15, SingleDashboardComponent_kendo_tilelayout_item_15_Template, 6, 14, "kendo-tilelayout-item", 13);
+        i0.ɵɵtemplate(15, SingleDashboardComponent_kendo_tilelayout_item_15_Template, 6, 17, "kendo-tilelayout-item", 13);
         i0.ɵɵelementEnd()()();
     } if (rf & 2) {
         const _r5 = i0.ɵɵreference(8);
@@ -430,7 +442,7 @@ SingleDashboardComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Si
     } }, styles: [".dashboard-title[_ngcontent-%COMP%] {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n}\r\n.dashboard-title[_ngcontent-%COMP%]   .k-icon[_ngcontent-%COMP%] {\r\n    color: #ff6358;\r\n    font-size: 25px;\r\n}\r\n.dashboard-title[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\r\ncolor:  #424242;\r\nfont-size: 28px;\r\nfont-style: normal;\r\nfont-weight: 300;\r\nline-height: 28px;\r\n}\r\n.dashboard-header[_ngcontent-%COMP%] {\r\n    display: flex;\r\n    gap: 10px;\r\n    align-items: center;\r\n}\r\n  .dashboard-header .btn-ref .k-button-text {\r\n    display: flex;\r\n    gap: 10px;\r\n}\r\n    .dashboard-header[_ngcontent-%COMP%]   .btn-ref[_ngcontent-%COMP%] {\r\n    border: none;\r\n    background: transparent;\r\n}\r\n.main-head-dashboard[_ngcontent-%COMP%] {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    margin-bottom: 20px;\r\n    padding-bottom: 20px;\r\n    border-bottom: 1px solid rgba(0, 0, 0, 0.08);\r\n}\r\n\r\n.tile-resource-container[_ngcontent-%COMP%]   .k-tilelayout[_ngcontent-%COMP%] {\r\n    background: #fff;\r\n}\r\n\r\n.bg-light-grey[_ngcontent-%COMP%] {\r\n    background-color: lightgray;\r\n}\r\n\r\n.bg-dark-grey[_ngcontent-%COMP%] {\r\n    background-color: darkgray;\r\n}\r\n\r\n.bg-blue[_ngcontent-%COMP%] {\r\n    background-color: #4250AD;\r\n    color: white;\r\n}\r\n\r\n.dashboard-item-header[_ngcontent-%COMP%] {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n}\r\n\r\n.button-spacing[_ngcontent-%COMP%] {\r\n    margin-right: 8px\r\n}"] });
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SingleDashboardComponent, [{
         type: Component,
-        args: [{ selector: 'app-single-dashboard', template: "<app-add-item-dialog *ngIf=\"isItemDialogOpened\" (onClose)=\"closeDialog($event)\" [selectedResource]=\"selectedResource\"></app-add-item-dialog>\r\n<div *ngIf=\"isEditDialogOpened\">\r\n  <app-edit-dashboard (onClose)=\"closeDashboardDialog($event)\" (triggerAddItem)=\"addItem($event)\" [items]=\"items\" [config]=\"config\" (onSave)=\"saveChanges($event)\"></app-edit-dashboard>\r\n</div>\r\n\r\n<app-delete-item-dialog *ngIf=\"isDeletingDashboardItem\" [dashboardItem]=\"selectedDashboardItem\" (removeDashboardItem)=\"deleteDashboardItem($event)\" (onClose)=\"closeDeleteItemComponent()\"></app-delete-item-dialog>\r\n\r\n<div class=\"dashboard-container\">\r\n  <div class=\"main-head-dashboard\">\r\n    <div class=\"dashboard-title\">\r\n      <div *ngIf=\"isEditDashboardNameDialogOpened; else dashboard_name_header\" class=\"dashboard-header k-d-flex k-flex-row k-justify-content-flex-end\">\r\n        <input class=\"k-textbox k-input k-input-md k-rounded-md k-input-solid\" (keydown.enter)=\"saveDashboardName()\" type=\"text\" placeholder=\"Enter name here\" id=\"txtDashboardName\" #dashboardNameInput>\r\n        <kendo-button (click)=\"saveDashboardName()\">\r\n          <span class=\"k-i-check k-button-icon k-icon ng-star-inserted\"></span>\r\n        </kendo-button>\r\n        <kendo-button (click)=\"cancelNameChange()\" >\r\n          <span class=\"k-icon k-i-cancel\"></span>\r\n        </kendo-button>\r\n      </div>\r\n      <ng-template #dashboard_name_header>\r\n        <span class=\"k-icon k-i-star\"></span>\r\n        <h3 (click)=\"toggleInlineNameEdit(true)\">{{dashboardEntity.Name}}</h3>\r\n      </ng-template>\r\n    </div>\r\n    <div class=\"dashboard-header k-d-flex k-flex-row k-justify-content-flex-end\">\r\n      <div *ngIf=\"isEditingDashboard; else edit_dashboard_buttons\">\r\n        <kendo-button (click)=\"onClickSaveDashboard()\">\r\n          <kendo-svgicon [icon]=\"sharedService.kendoSVGIcon('check')\"></kendo-svgicon>\r\n          Save\r\n        </kendo-button>\r\n        <kendo-button (click)=\"onclickCancelChanges()\">\r\n          <kendo-svgicon [icon]=\"sharedService.kendoSVGIcon('cancel')\"></kendo-svgicon>\r\n          Cancel\r\n        </kendo-button>\r\n      </div>\r\n      <ng-template #edit_dashboard_buttons>\r\n        <kendo-button (click)=\"addItem()\">\r\n          <kendo-svgicon [icon]=\"sharedService.kendoSVGIcon('plus')\"></kendo-svgicon>\r\n          Add Item\r\n        </kendo-button>\r\n        <kendo-button (click)=\"toggleEditDashboard(true)\" [primary]=\"true\">\r\n          <kendo-svgicon [icon]=\"sharedService.kendoSVGIcon('gear')\"></kendo-svgicon>\r\n          Edit Dashboard\r\n        </kendo-button>\r\n      </ng-template>\r\n    </div>\r\n  </div>\r\n  <div class=\"tile-resource-container\">\r\n    <kendo-tilelayout\r\n      [columns]=\"config.columns\"\r\n      [rowHeight]=\"config.rowHeight\"\r\n      [resizable]=\"allowResize\"\r\n      [reorderable]=\"allowReorder\"\r\n      (reorder)=\"onReorder($event)\"\r\n      (resize)=\"onResize($event)\"\r\n    >\r\n      <kendo-tilelayout-item *ngFor=\"let item of items\" [col]=\"item.col\" [colSpan]=\"item.colSpan\" [rowSpan]=\"item.rowSpan\" [id]=\"item.uniqueId\">\r\n        <kendo-tilelayout-item-header [ngClass]=\"['dashboard-item-header', getIsEditingItemHeaderStyle()]\">\r\n          {{item.title}}\r\n          <div *ngIf=\"!isEditingDashboard\">\r\n            <div class=\"btn-wrapper\">\r\n              <button kendoButton fillMode=\"flat\" (click)=\"toggleEditDashboard(true)\">\r\n                <span class=\"k-icon k-i-edit\"></span>\r\n              </button>\r\n              <button kendoButton fillMode=\"flat\" (click)=\"showConfirmDeleteDashboardItem(item)\"><span\r\n                  class=\"k-icon k-i-delete\"></span></button>\r\n            </div>\r\n          </div>\r\n        </kendo-tilelayout-item-header>\r\n        <kendo-tilelayout-item-body [ngClass]=\"[getIsEditingItemBodyStyle()]\">\r\n          <app-resource [Data]=\"item.ResourceData\" [isVisible]=\"true\" (ContentLoadingStarted)=\"loadingStarted($event)\" (ContentLoadingComplete)=\"loadingComplete($event)\"></app-resource>\r\n        </kendo-tilelayout-item-body>\r\n      </kendo-tilelayout-item>\r\n    </kendo-tilelayout>\r\n  </div>\r\n</div>\r\n", styles: [".dashboard-title {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n}\r\n.dashboard-title .k-icon {\r\n    color: #ff6358;\r\n    font-size: 25px;\r\n}\r\n.dashboard-title h3 {\r\ncolor:  #424242;\r\nfont-size: 28px;\r\nfont-style: normal;\r\nfont-weight: 300;\r\nline-height: 28px;\r\n}\r\n.dashboard-header {\r\n    display: flex;\r\n    gap: 10px;\r\n    align-items: center;\r\n}\r\n::ng-deep .dashboard-header .btn-ref .k-button-text {\r\n    display: flex;\r\n    gap: 10px;\r\n}\r\n    .dashboard-header .btn-ref {\r\n    border: none;\r\n    background: transparent;\r\n}\r\n.main-head-dashboard {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    margin-bottom: 20px;\r\n    padding-bottom: 20px;\r\n    border-bottom: 1px solid rgba(0, 0, 0, 0.08);\r\n}\r\n\r\n.tile-resource-container .k-tilelayout {\r\n    background: #fff;\r\n}\r\n\r\n.bg-light-grey {\r\n    background-color: lightgray;\r\n}\r\n\r\n.bg-dark-grey {\r\n    background-color: darkgray;\r\n}\r\n\r\n.bg-blue {\r\n    background-color: #4250AD;\r\n    color: white;\r\n}\r\n\r\n.dashboard-item-header {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n}\r\n\r\n.button-spacing {\r\n    margin-right: 8px\r\n}"] }]
+        args: [{ selector: 'app-single-dashboard', template: "<app-add-item-dialog *ngIf=\"isItemDialogOpened\" (onClose)=\"closeDialog($event)\" [selectedResource]=\"selectedResource\"></app-add-item-dialog>\r\n<div *ngIf=\"isEditDialogOpened\">\r\n  <app-edit-dashboard (onClose)=\"closeDashboardDialog($event)\" (triggerAddItem)=\"addItem($event)\" [items]=\"items\" [config]=\"config\" (onSave)=\"saveChanges($event)\"></app-edit-dashboard>\r\n</div>\r\n\r\n<app-delete-item-dialog *ngIf=\"isDeletingDashboardItem\" [dashboardItem]=\"selectedDashboardItem\" (removeDashboardItem)=\"deleteDashboardItem($event)\" (onClose)=\"closeDeleteItemComponent()\"></app-delete-item-dialog>\r\n\r\n<div class=\"dashboard-container\">\r\n  <div class=\"main-head-dashboard\">\r\n    <div class=\"dashboard-title\">\r\n      <div *ngIf=\"isEditDashboardNameDialogOpened; else dashboard_name_header\" class=\"dashboard-header k-d-flex k-flex-row k-justify-content-flex-end\">\r\n        <input class=\"k-textbox k-input k-input-md k-rounded-md k-input-solid\" (keydown.enter)=\"saveDashboardName()\" type=\"text\" placeholder=\"Enter name here\" id=\"txtDashboardName\" #dashboardNameInput>\r\n        <kendo-button (click)=\"saveDashboardName()\">\r\n          <span class=\"k-i-check k-button-icon k-icon ng-star-inserted\"></span>\r\n        </kendo-button>\r\n        <kendo-button (click)=\"cancelNameChange()\" >\r\n          <span class=\"k-icon k-i-cancel\"></span>\r\n        </kendo-button>\r\n      </div>\r\n      <ng-template #dashboard_name_header>\r\n        <span class=\"k-icon k-i-star\"></span>\r\n        <h3 (click)=\"toggleInlineNameEdit(true)\">{{dashboardEntity.Name}}</h3>\r\n      </ng-template>\r\n    </div>\r\n    <div class=\"dashboard-header k-d-flex k-flex-row k-justify-content-flex-end\">\r\n      <div *ngIf=\"isEditingDashboard; else edit_dashboard_buttons\">\r\n        <kendo-button (click)=\"onClickSaveDashboard()\">\r\n          <kendo-svgicon [icon]=\"sharedService.kendoSVGIcon('check')\"></kendo-svgicon>\r\n          Save\r\n        </kendo-button>\r\n        <kendo-button (click)=\"onclickCancelChanges()\">\r\n          <kendo-svgicon [icon]=\"sharedService.kendoSVGIcon('cancel')\"></kendo-svgicon>\r\n          Cancel\r\n        </kendo-button>\r\n      </div>\r\n      <ng-template #edit_dashboard_buttons>\r\n        <kendo-button (click)=\"addItem()\">\r\n          <kendo-svgicon [icon]=\"sharedService.kendoSVGIcon('plus')\"></kendo-svgicon>\r\n          Add Item\r\n        </kendo-button>\r\n        <kendo-button (click)=\"toggleEditDashboard(true)\" [primary]=\"true\">\r\n          <kendo-svgicon [icon]=\"sharedService.kendoSVGIcon('gear')\"></kendo-svgicon>\r\n          Edit Dashboard\r\n        </kendo-button>\r\n      </ng-template>\r\n    </div>\r\n  </div>\r\n  <div class=\"tile-resource-container\">\r\n    <kendo-tilelayout\r\n      [columns]=\"config.columns\"\r\n      [rowHeight]=\"config.rowHeight\"\r\n      [resizable]=\"allowResize\"\r\n      [reorderable]=\"allowReorder\"\r\n      (reorder)=\"onReorder($event)\"\r\n      (resize)=\"onResize($event)\"\r\n    >\r\n      <kendo-tilelayout-item (mouseenter)=\"onMouseEnter($event)\" (mouseleave)=\"onMouseOut($event)\" [ngClass]=\"[getSelectedComponentStyle(this)]\" *ngFor=\"let item of items\" [col]=\"item.col\" [colSpan]=\"item.colSpan\" [rowSpan]=\"item.rowSpan\" [id]=\"item.uniqueId\">\r\n        <kendo-tilelayout-item-header [ngClass]=\"['dashboard-item-header', getIsEditingItemHeaderStyle()]\">\r\n          {{item.title}}\r\n          <div *ngIf=\"!isEditingDashboard\">\r\n            <div class=\"btn-wrapper\">\r\n              <button kendoButton fillMode=\"flat\" (click)=\"toggleEditDashboard(true)\">\r\n                <span class=\"k-icon k-i-edit\"></span>\r\n              </button>\r\n              <button kendoButton fillMode=\"flat\" (click)=\"showConfirmDeleteDashboardItem(item)\"><span\r\n                  class=\"k-icon k-i-delete\"></span></button>\r\n            </div>\r\n          </div>\r\n        </kendo-tilelayout-item-header>\r\n        <kendo-tilelayout-item-body [ngClass]=\"[getIsEditingItemBodyStyle()]\">\r\n          <app-resource [Data]=\"item.ResourceData\" [isVisible]=\"true\" (ContentLoadingStarted)=\"loadingStarted($event)\" (ContentLoadingComplete)=\"loadingComplete($event)\"></app-resource>\r\n        </kendo-tilelayout-item-body>\r\n      </kendo-tilelayout-item>\r\n    </kendo-tilelayout>\r\n  </div>\r\n</div>\r\n", styles: [".dashboard-title {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n}\r\n.dashboard-title .k-icon {\r\n    color: #ff6358;\r\n    font-size: 25px;\r\n}\r\n.dashboard-title h3 {\r\ncolor:  #424242;\r\nfont-size: 28px;\r\nfont-style: normal;\r\nfont-weight: 300;\r\nline-height: 28px;\r\n}\r\n.dashboard-header {\r\n    display: flex;\r\n    gap: 10px;\r\n    align-items: center;\r\n}\r\n::ng-deep .dashboard-header .btn-ref .k-button-text {\r\n    display: flex;\r\n    gap: 10px;\r\n}\r\n    .dashboard-header .btn-ref {\r\n    border: none;\r\n    background: transparent;\r\n}\r\n.main-head-dashboard {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    margin-bottom: 20px;\r\n    padding-bottom: 20px;\r\n    border-bottom: 1px solid rgba(0, 0, 0, 0.08);\r\n}\r\n\r\n.tile-resource-container .k-tilelayout {\r\n    background: #fff;\r\n}\r\n\r\n.bg-light-grey {\r\n    background-color: lightgray;\r\n}\r\n\r\n.bg-dark-grey {\r\n    background-color: darkgray;\r\n}\r\n\r\n.bg-blue {\r\n    background-color: #4250AD;\r\n    color: white;\r\n}\r\n\r\n.dashboard-item-header {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n}\r\n\r\n.button-spacing {\r\n    margin-right: 8px\r\n}"] }]
     }], () => [{ type: i1.SharedService }], { dashboardNameInput: [{
             type: ViewChild,
             args: ['dashboardNameInput']

package/dist/lib/single-record/single-record.component.js

@@ -8,7 +8,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 import { Component, EventEmitter, Input, Output, ViewChild } from '@angular/core';
-import { Metadata } from '@memberjunction/core';
+import { Metadata, PotentialDuplicateRequest } from '@memberjunction/core';
 import { MJGlobal } from '@memberjunction/global';
 import { Container } from '@memberjunction/ng-container-directives';
 import { BaseFormComponent } from '../generic/base-form-component';
@@ -42,6 +42,7 @@ export class SingleRecordComponent {
             if (primaryKeyValues && entityName) {
                 this.entityName = entityName;
                 this.primaryKeyValues = primaryKeyValues;
+                console.log("loading form...");
                 const formReg = MJGlobal.Instance.ClassFactory.GetRegistration(BaseFormComponent, entityName);
                 const md = new Metadata();
                 const entity = md.Entities.find(e => {
@@ -64,6 +65,12 @@ export class SingleRecordComponent {
                         throw new Error(`Unable to load entity ${entityName} with primary key values: ${primaryKeyValues.map(p => p.FieldName + ': ' + p.Value).join(', ')}`);
                 }
                 this.loading = false;
+                let request = new PotentialDuplicateRequest();
+                request.PrimaryKeyValues = primaryKeyValues;
+                request.EntityDocumentID = 1;
+                let results = yield md.GetRecordDuplicates(request, md.CurrentUser);
+                console.log("got dupe results: ");
+                console.log(results);
             }
         });
     }

package/dist/lib/single-view/single-view.component.js

@@ -68,6 +68,7 @@ export class SingleViewComponent {
     }
     initialLoad() {
         return __awaiter(this, void 0, void 0, function* () {
+            console.log("loading view...single-view");
             const md = new Metadata();
             if (this.viewId || this.viewName) {
                 let view = null;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@memberjunction/ng-explorer-core",
-  "version": "0.9.196",
+  "version": "0.9.197",
   "description": "MemberJunction Explorer: Core Angular Components",
   "main": "./dist/public-api.js",
   "typings": "./dist/public-api.d.ts",
@@ -36,15 +36,16 @@
     "@progress/kendo-svg-icons": "~2.1.0"
   },
   "dependencies": {
-    "@memberjunction/global": "^0.9.148",
-    "@memberjunction/core": "^0.9.169",
-    "@memberjunction/ng-compare-records": "^0.9.171",
-    "@memberjunction/ng-record-changes": "^0.9.105",
-    "@memberjunction/ng-container-directives": "^0.9.134",
-    "@memberjunction/ng-user-view-grid": "^0.9.204",
-    "@memberjunction/ng-query-grid": "^0.9.51",
-    "@memberjunction/ng-shared": "^0.9.20",
-    "@memberjunction/ng-ask-skip": "^0.9.83",
+    "@memberjunction/global": "^0.9.152",
+    "@memberjunction/core": "^0.9.171",
+    "@memberjunction/ng-compare-records": "^0.9.172",
+    "@memberjunction/ng-record-changes": "^0.9.106",
+    "@memberjunction/ng-container-directives": "^0.9.135",
+    "@memberjunction/ng-user-view-grid": "^0.9.207",
+    "@memberjunction/ng-query-grid": "^0.9.54",
+    "@memberjunction/ng-shared": "^0.9.23",
+    "@memberjunction/ng-ask-skip": "^0.9.90",
+    "@memberjunction/ng-auth-services": "^0.9.94",
     "tslib": "^2.3.0"
   },
   "sideEffects": false