@memberjunction/ng-explorer-core 6.2.0-edge.0 → 6.2.0-edge.1

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

@@ -5,31 +5,87 @@ import { BaseAngularComponent } from '@memberjunction/ng-base-types';
 import * as i0 from "@angular/core";
 export declare class AddItemComponent extends BaseAngularComponent implements OnInit {
     private sharedService;
+    OnClose: EventEmitter<any>;
+    /**
+     * @deprecated Use {@link OnClose}.
+     *
+     * The same emitter under the old binding name, so a template still binding
+     * (onClose) keeps working. Must stay AFTER OnClose: class fields
+     * initialise in order, and the other way round this captures undefined.
+     */
     onClose: EventEmitter<any>;
-    selectedResource: MJResourceTypeEntity | null;
-    showloader: boolean;
-    resourceType: any;
-    selectedEntity: any;
-    selectedView: any;
-    selectedViewMode: string;
-    viewModeOptions: {
+    SelectedResource: MJResourceTypeEntity | null;
+    /** @deprecated Use {@link SelectedResource}. */
+    set selectedResource(value: MJResourceTypeEntity | null);
+    /** @deprecated Use {@link SelectedResource}. */
+    get selectedResource(): MJResourceTypeEntity | null;
+    Showloader: boolean;
+    /** @deprecated Use {@link Showloader}. */
+    get showloader(): boolean;
+    /** @deprecated Use {@link Showloader}. */
+    set showloader(value: boolean);
+    ResourceType: any;
+    /** @deprecated Use {@link ResourceType}. */
+    get resourceType(): any;
+    /** @deprecated Use {@link ResourceType}. */
+    set resourceType(value: any);
+    SelectedEntity: any;
+    /** @deprecated Use {@link SelectedEntity}. */
+    get selectedEntity(): any;
+    /** @deprecated Use {@link SelectedEntity}. */
+    set selectedEntity(value: any);
+    SelectedView: any;
+    /** @deprecated Use {@link SelectedView}. */
+    get selectedView(): any;
+    /** @deprecated Use {@link SelectedView}. */
+    set selectedView(value: any);
+    SelectedViewMode: string;
+    /** @deprecated Use {@link SelectedViewMode}. */
+    get selectedViewMode(): string;
+    /** @deprecated Use {@link SelectedViewMode}. */
+    set selectedViewMode(value: string);
+    ViewModeOptions: {
         label: string;
         value: string;
         icon: string;
     }[];
+    /** @deprecated Use {@link ViewModeOptions}. */
+    get viewModeOptions(): {
+        label: string;
+        value: string;
+        icon: string;
+    }[];
+    /** @deprecated Use {@link ViewModeOptions}. */
+    set viewModeOptions(value: {
+        label: string;
+        value: string;
+        icon: string;
+    }[]);
     Entities: any[];
     Views: any[];
     get ResourceTypes(): any[];
     private get md();
     constructor(sharedService: SharedService);
     ngOnInit(): void;
+    OnResourceTypeChange(event: any): Promise<void>;
+    /** @deprecated Use {@link OnResourceTypeChange}. */
     onResourceTypeChange(event: any): Promise<void>;
+    GetViews(): Promise<void>;
+    /** @deprecated Use {@link GetViews}. */
     getViews(): Promise<void>;
+    OnEntityChange(event: any): void;
+    /** @deprecated Use {@link OnEntityChange}. */
     onEntityChange(event: any): void;
+    OnViewChange(event: any): void;
+    /** @deprecated Use {@link OnViewChange}. */
     onViewChange(event: any): void;
+    AddItem(): void;
+    /** @deprecated Use {@link AddItem}. */
     addItem(): void;
+    CloseDialog(): void;
+    /** @deprecated Use {@link CloseDialog}. */
     closeDialog(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AddItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AddItemComponent, "app-add-item-dialog", never, { "selectedResource": { "alias": "selectedResource"; "required": false; }; }, { "onClose": "onClose"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AddItemComponent, "app-add-item-dialog", never, { "SelectedResource": { "alias": "SelectedResource"; "required": false; }; "selectedResource": { "alias": "selectedResource"; "required": false; }; }, { "OnClose": "OnClose"; "onClose": "onClose"; }, never, never, false, never>;
 }
 //# sourceMappingURL=add-item.component.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"add-item.component.d.ts","sourceRoot":"","sources":["../../../../../src/lib/single-dashboard/Components/add-item/add-item.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,YAAY,EAAS,MAAM,EAAU,MAAM,eAAe,CAAC;AAE/E,OAAO,EAAE,oBAAoB,EAAW,MAAM,+BAA+B,CAAC;AAE9E,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAE1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;;AACrE,qBAMa,gBAAiB,SAAQ,oBAAqB,YAAW,MAAM;IAoB9D,OAAO,CAAC,aAAa;IAnBvB,OAAO,oBAA2B;IACnC,gBAAgB,EAAE,oBAAoB,GAAG,IAAI,CAAC;IAChD,UAAU,EAAE,OAAO,CAAS;IAC5B,YAAY,EAAE,GAAG,CAAQ;IACzB,cAAc,EAAE,GAAG,CAAQ;IAC3B,YAAY,EAAE,GAAG,CAAQ;IACzB,gBAAgB,EAAE,MAAM,CAAU;IAClC,eAAe;;;;QAKpB;IACK,QAAQ,EAAE,GAAG,EAAE,CAAM;IACrB,KAAK,EAAE,GAAG,EAAE,CAAM;IACzB,IAAW,aAAa,IAAI,GAAG,EAAE,CAEhC;IACD,OAAO,KAAK,EAAE,GAAiC;gBAC3B,aAAa,EAAE,aAAa;IAGhD,QAAQ,IAAI,IAAI;IASV,oBAAoB,CAAC,KAAK,EAAE,GAAG;IAK/B,QAAQ;IAed,cAAc,CAAC,KAAK,EAAE,GAAG;IAMzB,YAAY,CAAC,KAAK,EAAE,GAAG;IAIhB,OAAO;IAwCd,WAAW;yCAtGA,gBAAgB;2CAAhB,gBAAgB;CAyG5B"}
+{"version":3,"file":"add-item.component.d.ts","sourceRoot":"","sources":["../../../../../src/lib/single-dashboard/Components/add-item/add-item.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,YAAY,EAAS,MAAM,EAAU,MAAM,eAAe,CAAC;AAE/E,OAAO,EAAE,oBAAoB,EAAW,MAAM,+BAA+B,CAAC;AAE9E,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAE1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;;AACrE,qBAMa,gBAAiB,SAAQ,oBAAqB,YAAW,MAAM;IA4F9D,OAAO,CAAC,aAAa;IA3FvB,OAAO,oBAA2B;IAE5C;;;;;;OAMG;IACO,OAAO,oBAAgB;IACxB,gBAAgB,EAAE,oBAAoB,GAAG,IAAI,CAAC;IAEvD,gDAAgD;IAChD,IAAa,gBAAgB,CAAC,KAAK,EAAE,oBAAoB,GAAG,IAAI,EAE/D;IACD,gDAAgD;IAChD,IAAI,gBAAgB,IAAI,oBAAoB,GAAG,IAAI,CAElD;IACM,UAAU,EAAE,OAAO,CAAS;IAEnC,0CAA0C;IAC1C,IAAW,UAAU,IAAI,OAAO,CAE/B;IACD,0CAA0C;IAC1C,IAAW,UAAU,CAAC,KAAK,EAAE,OAAO,EAEnC;IACM,YAAY,EAAE,GAAG,CAAQ;IAEhC,4CAA4C;IAC5C,IAAW,YAAY,IAAI,GAAG,CAE7B;IACD,4CAA4C;IAC5C,IAAW,YAAY,CAAC,KAAK,EAAE,GAAG,EAEjC;IACM,cAAc,EAAE,GAAG,CAAQ;IAElC,8CAA8C;IAC9C,IAAW,cAAc,IAAI,GAAG,CAE/B;IACD,8CAA8C;IAC9C,IAAW,cAAc,CAAC,KAAK,EAAE,GAAG,EAEnC;IACM,YAAY,EAAE,GAAG,CAAQ;IAEhC,4CAA4C;IAC5C,IAAW,YAAY,IAAI,GAAG,CAE7B;IACD,4CAA4C;IAC5C,IAAW,YAAY,CAAC,KAAK,EAAE,GAAG,EAEjC;IACM,gBAAgB,EAAE,MAAM,CAAU;IAEzC,gDAAgD;IAChD,IAAW,gBAAgB,IAAI,MAAM,CAEpC;IACD,gDAAgD;IAChD,IAAW,gBAAgB,CAAC,KAAK,EAAE,MAAM,EAExC;IACM,eAAe;;;;QAKpB;IAEF,+CAA+C;IAC/C,IAAW,eAAe;;;;QAEzB;IACD,+CAA+C;IAC/C,IAAW,eAAe,CAAC,KAAK;;;;OAAA,EAE/B;IACM,QAAQ,EAAE,GAAG,EAAE,CAAM;IACrB,KAAK,EAAE,GAAG,EAAE,CAAM;IACzB,IAAW,aAAa,IAAI,GAAG,EAAE,CAEhC;IACD,OAAO,KAAK,EAAE,GAAiC;gBAC3B,aAAa,EAAE,aAAa;IAGhD,QAAQ,IAAI,IAAI;IASV,oBAAoB,CAAC,KAAK,EAAE,GAAG;IAKrC,oDAAoD;IAC9C,oBAAoB,CAAC,KAAK,EAAE,GAAG;IAI/B,QAAQ;IAed,wCAAwC;IAClC,QAAQ;IAId,cAAc,CAAC,KAAK,EAAE,GAAG;IAMzB,8CAA8C;IAC9C,cAAc,CAAC,KAAK,EAAE,GAAG;IAIzB,YAAY,CAAC,KAAK,EAAE,GAAG;IAIvB,4CAA4C;IAC5C,YAAY,CAAC,KAAK,EAAE,GAAG;IAIhB,OAAO;IAwCd,uCAAuC;IAChC,OAAO;IAId,WAAW;IAIX,2CAA2C;IAC3C,WAAW;yCA5MA,gBAAgB;2CAAhB,gBAAgB;CA+M5B"}

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

@@ -70,19 +70,83 @@ function AddItemComponent_Case_8_Template(rf, ctx) { if (rf & 1) {
 } }
 export class AddItemComponent extends BaseAngularComponent {
     sharedService;
-    onClose = new EventEmitter();
-    selectedResource;
-    showloader = false;
-    resourceType = null;
-    selectedEntity = null;
-    selectedView = null;
-    selectedViewMode = 'grid';
-    viewModeOptions = [
+    OnClose = new EventEmitter();
+    /**
+     * @deprecated Use {@link OnClose}.
+     *
+     * The same emitter under the old binding name, so a template still binding
+     * (onClose) keeps working. Must stay AFTER OnClose: class fields
+     * initialise in order, and the other way round this captures undefined.
+     */
+    onClose = this.OnClose;
+    SelectedResource;
+    /** @deprecated Use {@link SelectedResource}. */
+    set selectedResource(value) {
+        this.SelectedResource = value;
+    }
+    /** @deprecated Use {@link SelectedResource}. */
+    get selectedResource() {
+        return this.SelectedResource;
+    }
+    Showloader = false;
+    /** @deprecated Use {@link Showloader}. */
+    get showloader() {
+        return this.Showloader;
+    }
+    /** @deprecated Use {@link Showloader}. */
+    set showloader(value) {
+        this.Showloader = value;
+    }
+    ResourceType = null;
+    /** @deprecated Use {@link ResourceType}. */
+    get resourceType() {
+        return this.ResourceType;
+    }
+    /** @deprecated Use {@link ResourceType}. */
+    set resourceType(value) {
+        this.ResourceType = value;
+    }
+    SelectedEntity = null;
+    /** @deprecated Use {@link SelectedEntity}. */
+    get selectedEntity() {
+        return this.SelectedEntity;
+    }
+    /** @deprecated Use {@link SelectedEntity}. */
+    set selectedEntity(value) {
+        this.SelectedEntity = value;
+    }
+    SelectedView = null;
+    /** @deprecated Use {@link SelectedView}. */
+    get selectedView() {
+        return this.SelectedView;
+    }
+    /** @deprecated Use {@link SelectedView}. */
+    set selectedView(value) {
+        this.SelectedView = value;
+    }
+    SelectedViewMode = 'grid';
+    /** @deprecated Use {@link SelectedViewMode}. */
+    get selectedViewMode() {
+        return this.SelectedViewMode;
+    }
+    /** @deprecated Use {@link SelectedViewMode}. */
+    set selectedViewMode(value) {
+        this.SelectedViewMode = value;
+    }
+    ViewModeOptions = [
         { label: 'Grid', value: 'grid', icon: 'fa-solid fa-list' },
         { label: 'Cards', value: 'cards', icon: 'fa-solid fa-grip' },
         { label: 'Timeline', value: 'timeline', icon: 'fa-solid fa-timeline' },
         { label: 'Map', value: 'map', icon: 'fa-solid fa-map' }
     ];
+    /** @deprecated Use {@link ViewModeOptions}. */
+    get viewModeOptions() {
+        return this.ViewModeOptions;
+    }
+    /** @deprecated Use {@link ViewModeOptions}. */
+    set viewModeOptions(value) {
+        this.ViewModeOptions = value;
+    }
     Entities = [];
     Views = [];
     get ResourceTypes() {
@@ -94,52 +158,68 @@ export class AddItemComponent extends BaseAngularComponent {
         this.sharedService = sharedService;
     }
     ngOnInit() {
-        this.resourceType = this.selectedResource || SharedService.Instance.ViewResourceType;
-        this.onResourceTypeChange(this.resourceType);
+        this.ResourceType = this.SelectedResource || SharedService.Instance.ViewResourceType;
+        this.OnResourceTypeChange(this.ResourceType);
         // Sort entities alphabetically by name
         this.Entities = [...this.md.Entities].sort((a, b) => a.Name.localeCompare(b.Name));
     }
+    async OnResourceTypeChange(event) {
+        this.ResourceType = event;
+        this.SelectedEntity = null;
+    }
+    /** @deprecated Use {@link OnResourceTypeChange}. */
     async onResourceTypeChange(event) {
-        this.resourceType = event;
-        this.selectedEntity = null;
+        return this.OnResourceTypeChange(event);
     }
-    async getViews() {
-        if (!this.selectedEntity)
+    async GetViews() {
+        if (!this.SelectedEntity)
             return;
-        this.showloader = true;
-        this.Views = await ViewInfo.GetViewsForUser(this.selectedEntity.ID);
+        this.Showloader = true;
+        this.Views = await ViewInfo.GetViewsForUser(this.SelectedEntity.ID);
         // Sort views alphabetically
         if (this.Views && this.Views.length) {
             this.Views = this.Views.sort((a, b) => a.Name.localeCompare(b.Name));
         }
         // Always set showloader to false when done, even if no views found
-        this.showloader = false;
+        this.Showloader = false;
     }
+    /** @deprecated Use {@link GetViews}. */
+    async getViews() {
+        return this.GetViews();
+    }
+    OnEntityChange(event) {
+        this.SelectedEntity = event;
+        this.SelectedView = null;
+        this.GetViews();
+    }
+    /** @deprecated Use {@link OnEntityChange}. */
     onEntityChange(event) {
-        this.selectedEntity = event;
-        this.selectedView = null;
-        this.getViews();
+        return this.OnEntityChange(event);
+    }
+    OnViewChange(event) {
+        this.SelectedView = event;
     }
+    /** @deprecated Use {@link OnViewChange}. */
     onViewChange(event) {
-        this.selectedView = event;
+        return this.OnViewChange(event);
     }
-    addItem() {
+    AddItem() {
         // For views, allow "Default View" (no specific view selected) when an entity is chosen
-        const isViewResource = this.resourceType?.Name === 'UserViews' || this.resourceType?.Entity === 'MJ: User Views';
-        const isDefaultView = isViewResource && this.selectedEntity && !this.selectedView;
-        if (!this.selectedView && !isDefaultView) {
+        const isViewResource = this.ResourceType?.Name === 'UserViews' || this.ResourceType?.Entity === 'MJ: User Views';
+        const isDefaultView = isViewResource && this.SelectedEntity && !this.SelectedView;
+        if (!this.SelectedView && !isDefaultView) {
             this.sharedService.CreateSimpleNotification('Please select an item to add', 'warning', 2000);
             return;
         }
-        const name = this.selectedView?.Name || (isDefaultView ? `${this.selectedEntity.Name} (Default View)` : null);
-        const id = this.selectedView?.ID || null;
+        const name = this.SelectedView?.Name || (isDefaultView ? `${this.SelectedEntity.Name} (Default View)` : null);
+        const id = this.SelectedView?.ID || null;
         // Build configuration — include viewMode for view resources
         const configuration = {};
-        if (isViewResource && this.selectedViewMode && this.selectedViewMode !== 'grid') {
-            configuration['viewMode'] = this.selectedViewMode;
+        if (isViewResource && this.SelectedViewMode && this.SelectedViewMode !== 'grid') {
+            configuration['viewMode'] = this.SelectedViewMode;
         }
-        if (isDefaultView && this.selectedEntity) {
-            configuration['Entity'] = this.selectedEntity.Name;
+        if (isDefaultView && this.SelectedEntity) {
+            configuration['Entity'] = this.SelectedEntity.Name;
         }
         const dashboardItem = {
             title: name ? name : 'New Item',
@@ -148,20 +228,28 @@ export class AddItemComponent extends BaseAngularComponent {
             colSpan: 2,
             ResourceData: new ResourceData({
                 Name: name,
-                ResourceType: this.resourceType.Name,
-                ResourceTypeID: this.resourceType.ID,
+                ResourceType: this.ResourceType.Name,
+                ResourceTypeID: this.ResourceType.ID,
                 ResourceRecordID: id,
                 Configuration: configuration
             }),
         };
         this.sharedService.CreateSimpleNotification(`Added "${name}" to dashboard`, 'success', 2000);
-        this.onClose.emit(dashboardItem);
+        this.OnClose.emit(dashboardItem);
+    }
+    /** @deprecated Use {@link AddItem}. */
+    addItem() {
+        return this.AddItem();
     }
+    CloseDialog() {
+        this.OnClose.emit();
+    }
+    /** @deprecated Use {@link CloseDialog}. */
     closeDialog() {
-        this.onClose.emit();
+        return this.CloseDialog();
     }
     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, features: [i0.ɵɵInheritDefinitionFeature], decls: 15, 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"], [3, "ngModelChange", "Data", "TextField", "ValueField", "ngModel"], [1, "optional-hint"]], template: function AddItemComponent_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AddItemComponent, selectors: [["app-add-item-dialog"]], inputs: { SelectedResource: "SelectedResource", selectedResource: "selectedResource" }, outputs: { OnClose: "OnClose", onClose: "onClose" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 15, 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"], [3, "ngModelChange", "Data", "TextField", "ValueField", "ngModel"], [1, "optional-hint"]], template: function AddItemComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelement(0, "div", 0);
             i0.ɵɵelementStart(1, "mj-window", 1);
             i0.ɵɵlistener("Close", function AddItemComponent_Template_mj_window_Close_1_listener() { return ctx.closeDialog(); });
@@ -198,8 +286,12 @@ export class AddItemComponent extends BaseAngularComponent {
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AddItemComponent, [{
         type: Component,
         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 && !showloader) {\n            @if (Views.length) {\n              <label>View\n                <span class=\"optional-hint\">(optional \u2014 leave blank for default)</span>\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            <!-- View Mode Selector -->\n            <label>View Mode\n              <br />\n              <mj-dropdown [Data]=\"viewModeOptions\" [TextField]=\"'label'\" [ValueField]=\"'value'\"\n                [(ngModel)]=\"selectedViewMode\">\n              </mj-dropdown>\n            </label>\n          }\n          @if (selectedEntity && showloader) {\n            <mj-loading [showText]=\"false\" size=\"medium\"></mj-loading>\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.optional-hint {\n  font-size: 11px;\n  color: var(--mj-text-muted);\n  font-weight: 400;\n  margin-left: 4px;\n}\n\n"] }]
-    }], () => [{ type: i1.SharedService }], { onClose: [{
+    }], () => [{ type: i1.SharedService }], { OnClose: [{
+            type: Output
+        }], onClose: [{
             type: Output
+        }], SelectedResource: [{
+            type: Input
         }], selectedResource: [{
             type: Input
         }] }); })();

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\nimport { BaseAngularComponent } from '@memberjunction/ng-base-types';\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 extends BaseAngularComponent 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 selectedViewMode: string = 'grid';\n  public viewModeOptions = [\n    { label: 'Grid', value: 'grid', icon: 'fa-solid fa-list' },\n    { label: 'Cards', value: 'cards', icon: 'fa-solid fa-grip' },\n    { label: 'Timeline', value: 'timeline', icon: 'fa-solid fa-timeline' },\n    { label: 'Map', value: 'map', icon: 'fa-solid fa-map' }\n  ];\n  public Entities: any[] = [];\n  public Views: any[] = [];\n  public get ResourceTypes(): any[] {\n    return SharedService.Instance.ResourceTypes.filter((rt: any) => rt.Name !== 'Dashboards' && rt.Name !== 'Records');\n  }\n  private get md() { return this.ProviderToUse; }\n  constructor(private sharedService: SharedService) {\n    super(); }\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  }\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  onEntityChange(event: any) {\n    this.selectedEntity = event;\n    this.selectedView = null;\n    this.getViews();\n  }\n\n  onViewChange(event: any) {\n    this.selectedView = event;\n  }\n\n  public addItem() {\n    // For views, allow \"Default View\" (no specific view selected) when an entity is chosen\n    const isViewResource = this.resourceType?.Name === 'UserViews' || this.resourceType?.Entity === 'MJ: User Views';\n    const isDefaultView = isViewResource && this.selectedEntity && !this.selectedView;\n\n    if (!this.selectedView && !isDefaultView) {\n      this.sharedService.CreateSimpleNotification('Please select an item to add', 'warning', 2000);\n      return;\n    }\n\n    const name = this.selectedView?.Name || (isDefaultView ? `${this.selectedEntity.Name} (Default View)` : null);\n    const id = this.selectedView?.ID || null;\n\n    // Build configuration — include viewMode for view resources\n    const configuration: Record<string, unknown> = {};\n    if (isViewResource && this.selectedViewMode && this.selectedViewMode !== 'grid') {\n      configuration['viewMode'] = this.selectedViewMode;\n    }\n    if (isDefaultView && this.selectedEntity) {\n      configuration['Entity'] = this.selectedEntity.Name;\n    }\n\n    const dashboardItem = {\n      title: name ? name : 'New Item',\n      col: 1,\n      rowSpan: 3,\n      colSpan: 2,\n      ResourceData: new ResourceData({\n        Name: name,\n        ResourceType: this.resourceType.Name,\n        ResourceTypeID: this.resourceType.ID,\n        ResourceRecordID: id,\n        Configuration: configuration\n      }),\n    };\n\n    this.sharedService.CreateSimpleNotification(`Added \"${name}\" to dashboard`, 'success', 2000);\n    this.onClose.emit(dashboardItem);\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 && !showloader) {\n            @if (Views.length) {\n              <label>View\n                <span class=\"optional-hint\">(optional — leave blank for default)</span>\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            <!-- View Mode Selector -->\n            <label>View Mode\n              <br />\n              <mj-dropdown [Data]=\"viewModeOptions\" [TextField]=\"'label'\" [ValueField]=\"'value'\"\n                [(ngModel)]=\"selectedViewMode\">\n              </mj-dropdown>\n            </label>\n          }\n          @if (selectedEntity && showloader) {\n            <mj-loading [showText]=\"false\" size=\"medium\"></mj-loading>\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"]}
+{"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\nimport { BaseAngularComponent } from '@memberjunction/ng-base-types';\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 extends BaseAngularComponent implements OnInit {\n  @Output() OnClose = new EventEmitter<any>();\n\n  /**\n   * @deprecated Use {@link OnClose}.\n   *\n   * The same emitter under the old binding name, so a template still binding\n   * (onClose) keeps working. Must stay AFTER OnClose: class fields\n   * initialise in order, and the other way round this captures undefined.\n   */\n  @Output() onClose = this.OnClose;\n  @Input() SelectedResource!:MJResourceTypeEntity | null;\n\n  /** @deprecated Use {@link SelectedResource}. */\n  @Input() set selectedResource(value: MJResourceTypeEntity | null) {\n    this.SelectedResource = value;\n  }\n  /** @deprecated Use {@link SelectedResource}. */\n  get selectedResource(): MJResourceTypeEntity | null {\n    return this.SelectedResource;\n  }\n  public Showloader: boolean = false;\n\n  /** @deprecated Use {@link Showloader}. */\n  public get showloader(): boolean {\n    return this.Showloader;\n  }\n  /** @deprecated Use {@link Showloader}. */\n  public set showloader(value: boolean) {\n    this.Showloader = value;\n  }\n  public ResourceType: any = null;\n\n  /** @deprecated Use {@link ResourceType}. */\n  public get resourceType(): any {\n    return this.ResourceType;\n  }\n  /** @deprecated Use {@link ResourceType}. */\n  public set resourceType(value: any) {\n    this.ResourceType = value;\n  }\n  public SelectedEntity: any = null;\n\n  /** @deprecated Use {@link SelectedEntity}. */\n  public get selectedEntity(): any {\n    return this.SelectedEntity;\n  }\n  /** @deprecated Use {@link SelectedEntity}. */\n  public set selectedEntity(value: any) {\n    this.SelectedEntity = value;\n  }\n  public SelectedView: any = null;\n\n  /** @deprecated Use {@link SelectedView}. */\n  public get selectedView(): any {\n    return this.SelectedView;\n  }\n  /** @deprecated Use {@link SelectedView}. */\n  public set selectedView(value: any) {\n    this.SelectedView = value;\n  }\n  public SelectedViewMode: string = 'grid';\n\n  /** @deprecated Use {@link SelectedViewMode}. */\n  public get selectedViewMode(): string {\n    return this.SelectedViewMode;\n  }\n  /** @deprecated Use {@link SelectedViewMode}. */\n  public set selectedViewMode(value: string) {\n    this.SelectedViewMode = value;\n  }\n  public ViewModeOptions = [\n    { label: 'Grid', value: 'grid', icon: 'fa-solid fa-list' },\n    { label: 'Cards', value: 'cards', icon: 'fa-solid fa-grip' },\n    { label: 'Timeline', value: 'timeline', icon: 'fa-solid fa-timeline' },\n    { label: 'Map', value: 'map', icon: 'fa-solid fa-map' }\n  ];\n\n  /** @deprecated Use {@link ViewModeOptions}. */\n  public get viewModeOptions() {\n    return this.ViewModeOptions;\n  }\n  /** @deprecated Use {@link ViewModeOptions}. */\n  public set viewModeOptions(value) {\n    this.ViewModeOptions = value;\n  }\n  public Entities: any[] = [];\n  public Views: any[] = [];\n  public get ResourceTypes(): any[] {\n    return SharedService.Instance.ResourceTypes.filter((rt: any) => rt.Name !== 'Dashboards' && rt.Name !== 'Records');\n  }\n  private get md() { return this.ProviderToUse; }\n  constructor(private sharedService: SharedService) {\n    super(); }\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  }\n\n  /** @deprecated Use {@link OnResourceTypeChange}. */\n  async onResourceTypeChange(event: any) {\n    return this.OnResourceTypeChange(event);\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  /** @deprecated Use {@link GetViews}. */\n  async getViews() {\n    return this.GetViews();\n  }\n\n  OnEntityChange(event: any) {\n    this.SelectedEntity = event;\n    this.SelectedView = null;\n    this.GetViews();\n  }\n\n  /** @deprecated Use {@link OnEntityChange}. */\n  onEntityChange(event: any) {\n    return this.OnEntityChange(event);\n  }\n\n  OnViewChange(event: any) {\n    this.SelectedView = event;\n  }\n\n  /** @deprecated Use {@link OnViewChange}. */\n  onViewChange(event: any) {\n    return this.OnViewChange(event);\n  }\n\n  public AddItem() {\n    // For views, allow \"Default View\" (no specific view selected) when an entity is chosen\n    const isViewResource = this.ResourceType?.Name === 'UserViews' || this.ResourceType?.Entity === 'MJ: User Views';\n    const isDefaultView = isViewResource && this.SelectedEntity && !this.SelectedView;\n\n    if (!this.SelectedView && !isDefaultView) {\n      this.sharedService.CreateSimpleNotification('Please select an item to add', 'warning', 2000);\n      return;\n    }\n\n    const name = this.SelectedView?.Name || (isDefaultView ? `${this.SelectedEntity.Name} (Default View)` : null);\n    const id = this.SelectedView?.ID || null;\n\n    // Build configuration — include viewMode for view resources\n    const configuration: Record<string, unknown> = {};\n    if (isViewResource && this.SelectedViewMode && this.SelectedViewMode !== 'grid') {\n      configuration['viewMode'] = this.SelectedViewMode;\n    }\n    if (isDefaultView && this.SelectedEntity) {\n      configuration['Entity'] = this.SelectedEntity.Name;\n    }\n\n    const dashboardItem = {\n      title: name ? name : 'New Item',\n      col: 1,\n      rowSpan: 3,\n      colSpan: 2,\n      ResourceData: new ResourceData({\n        Name: name,\n        ResourceType: this.ResourceType.Name,\n        ResourceTypeID: this.ResourceType.ID,\n        ResourceRecordID: id,\n        Configuration: configuration\n      }),\n    };\n\n    this.sharedService.CreateSimpleNotification(`Added \"${name}\" to dashboard`, 'success', 2000);\n    this.OnClose.emit(dashboardItem);\n  }\n\n  /** @deprecated Use {@link AddItem}. */\n  public addItem() {\n    return this.AddItem();\n  }\n\n  CloseDialog() {\n    this.OnClose.emit();\n  }\n\n  /** @deprecated Use {@link CloseDialog}. */\n  closeDialog() {\n    return this.CloseDialog();\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 && !showloader) {\n            @if (Views.length) {\n              <label>View\n                <span class=\"optional-hint\">(optional — leave blank for default)</span>\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            <!-- View Mode Selector -->\n            <label>View Mode\n              <br />\n              <mj-dropdown [Data]=\"viewModeOptions\" [TextField]=\"'label'\" [ValueField]=\"'value'\"\n                [(ngModel)]=\"selectedViewMode\">\n              </mj-dropdown>\n            </label>\n          }\n          @if (selectedEntity && showloader) {\n            <mj-loading [showText]=\"false\" size=\"medium\"></mj-loading>\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.d.ts

@@ -2,13 +2,37 @@ import { EventEmitter, OnInit } from '@angular/core';
 import { DashboardItem } from '../../single-dashboard.component';
 import * as i0 from "@angular/core";
 export declare class DeleteItemComponent implements OnInit {
+    OnClose: EventEmitter<any>;
+    /**
+     * @deprecated Use {@link OnClose}.
+     *
+     * The same emitter under the old binding name, so a template still binding
+     * (onClose) keeps working. Must stay AFTER OnClose: class fields
+     * initialise in order, and the other way round this captures undefined.
+     */
     onClose: EventEmitter<any>;
+    RemoveDashboardItem: EventEmitter<any>;
+    /**
+     * @deprecated Use {@link RemoveDashboardItem}.
+     *
+     * The same emitter under the old binding name, so a template still binding
+     * (removeDashboardItem) keeps working. Must stay AFTER RemoveDashboardItem: class fields
+     * initialise in order, and the other way round this captures undefined.
+     */
     removeDashboardItem: EventEmitter<any>;
-    dashboardItem: DashboardItem | null;
+    DashboardItem: DashboardItem | null;
+    /** @deprecated Use {@link DashboardItem}. */
+    set dashboardItem(value: DashboardItem | null);
+    /** @deprecated Use {@link DashboardItem}. */
+    get dashboardItem(): DashboardItem | null;
     ngOnInit(): void;
+    ConfirmDeleteItem(): void;
+    /** @deprecated Use {@link ConfirmDeleteItem}. */
     confirmDeleteItem(): void;
+    CloseDialog(): void;
+    /** @deprecated Use {@link CloseDialog}. */
     closeDialog(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DeleteItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DeleteItemComponent, "app-delete-item-dialog", never, { "dashboardItem": { "alias": "dashboardItem"; "required": false; }; }, { "onClose": "onClose"; "removeDashboardItem": "removeDashboardItem"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DeleteItemComponent, "app-delete-item-dialog", never, { "DashboardItem": { "alias": "DashboardItem"; "required": false; }; "dashboardItem": { "alias": "dashboardItem"; "required": false; }; }, { "OnClose": "OnClose"; "onClose": "onClose"; "RemoveDashboardItem": "RemoveDashboardItem"; "removeDashboardItem": "removeDashboardItem"; }, never, never, false, never>;
 }
 //# sourceMappingURL=delete-item.component.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"delete-item.component.d.ts","sourceRoot":"","sources":["../../../../../src/lib/single-dashboard/Components/delete-item/delete-item.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,YAAY,EAAS,MAAM,EAAU,MAAM,eAAe,CAAC;AAC/E,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;;AAEjE,qBAMa,mBAAoB,YAAW,MAAM;IACtC,OAAO,oBAA2B;IAClC,mBAAmB,oBAA2B;IAC/C,aAAa,EAAI,aAAa,GAAG,IAAI,CAAC;IAE/C,QAAQ,IAAI,IAAI;IAIT,iBAAiB,IAAI,IAAI;IAWzB,WAAW,IAAI,IAAI;yCApBf,mBAAmB;2CAAnB,mBAAmB;CAuB/B"}
+{"version":3,"file":"delete-item.component.d.ts","sourceRoot":"","sources":["../../../../../src/lib/single-dashboard/Components/delete-item/delete-item.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,YAAY,EAAS,MAAM,EAAU,MAAM,eAAe,CAAC;AAC/E,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;;AAEjE,qBAMa,mBAAoB,YAAW,MAAM;IACtC,OAAO,oBAA2B;IAE5C;;;;;;OAMG;IACO,OAAO,oBAAgB;IACvB,mBAAmB,oBAA2B;IAExD;;;;;;OAMG;IACO,mBAAmB,oBAA4B;IAChD,aAAa,EAAI,aAAa,GAAG,IAAI,CAAC;IAE/C,6CAA6C;IAC7C,IAAa,aAAa,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI,EAErD;IACD,6CAA6C;IAC7C,IAAI,aAAa,IAAI,aAAa,GAAG,IAAI,CAExC;IAED,QAAQ,IAAI,IAAI;IAIT,iBAAiB,IAAI,IAAI;IAWhC,iDAAiD;IAC1C,iBAAiB,IAAI,IAAI;IAIzB,WAAW,IAAI,IAAI;IAI1B,2CAA2C;IACpC,WAAW,IAAI,IAAI;yCAzDf,mBAAmB;2CAAnB,mBAAmB;CA4D/B"}

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

@@ -2,25 +2,57 @@ import { Component, EventEmitter, Input, Output } from '@angular/core';
 import * as i0 from "@angular/core";
 import * as i1 from "@memberjunction/ng-ui-components";
 export class DeleteItemComponent {
-    onClose = new EventEmitter();
-    removeDashboardItem = new EventEmitter();
-    dashboardItem;
+    OnClose = new EventEmitter();
+    /**
+     * @deprecated Use {@link OnClose}.
+     *
+     * The same emitter under the old binding name, so a template still binding
+     * (onClose) keeps working. Must stay AFTER OnClose: class fields
+     * initialise in order, and the other way round this captures undefined.
+     */
+    onClose = this.OnClose;
+    RemoveDashboardItem = new EventEmitter();
+    /**
+     * @deprecated Use {@link RemoveDashboardItem}.
+     *
+     * The same emitter under the old binding name, so a template still binding
+     * (removeDashboardItem) keeps working. Must stay AFTER RemoveDashboardItem: class fields
+     * initialise in order, and the other way round this captures undefined.
+     */
+    removeDashboardItem = this.RemoveDashboardItem;
+    DashboardItem;
+    /** @deprecated Use {@link DashboardItem}. */
+    set dashboardItem(value) {
+        this.DashboardItem = value;
+    }
+    /** @deprecated Use {@link DashboardItem}. */
+    get dashboardItem() {
+        return this.DashboardItem;
+    }
     ngOnInit() {
     }
-    confirmDeleteItem() {
-        if (this.dashboardItem) {
-            this.removeDashboardItem.emit(this.dashboardItem);
+    ConfirmDeleteItem() {
+        if (this.DashboardItem) {
+            this.RemoveDashboardItem.emit(this.DashboardItem);
         }
         else {
             console.log("item is null");
         }
-        this.onClose.emit();
+        this.OnClose.emit();
+    }
+    /** @deprecated Use {@link ConfirmDeleteItem}. */
+    confirmDeleteItem() {
+        return this.ConfirmDeleteItem();
     }
+    CloseDialog() {
+        this.OnClose.emit();
+    }
+    /** @deprecated Use {@link CloseDialog}. */
     closeDialog() {
-        this.onClose.emit();
+        return this.CloseDialog();
     }
     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: 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) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DeleteItemComponent, selectors: [["app-delete-item-dialog"]], inputs: { DashboardItem: "DashboardItem", dashboardItem: "dashboardItem" }, outputs: { OnClose: "OnClose", onClose: "onClose", RemoveDashboardItem: "RemoveDashboardItem", 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);
@@ -49,10 +81,16 @@ export class DeleteItemComponent {
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DeleteItemComponent, [{
         type: Component,
         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: [{
+    }], null, { OnClose: [{
+            type: Output
+        }], onClose: [{
+            type: Output
+        }], RemoveDashboardItem: [{
             type: Output
         }], removeDashboardItem: [{
             type: Output
+        }], DashboardItem: [{
+            type: Input
         }], dashboardItem: [{
             type: Input
         }] }); })();

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,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"]}
+{"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;IAE5C;;;;;;OAMG;IACO,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC;IACvB,mBAAmB,GAAG,IAAI,YAAY,EAAO,CAAC;IAExD;;;;;;OAMG;IACO,mBAAmB,GAAG,IAAI,CAAC,mBAAmB,CAAC;IAChD,aAAa,CAAyB;IAE/C,6CAA6C;IAC7C,IAAa,aAAa,CAAC,KAA2B;QACpD,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;IAC7B,CAAC;IACD,6CAA6C;IAC7C,IAAI,aAAa;QACf,OAAO,IAAI,CAAC,aAAa,CAAC;IAC5B,CAAC;IAED,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;IAED,iDAAiD;IAC1C,iBAAiB;QACtB,OAAO,IAAI,CAAC,iBAAiB,EAAE,CAAC;IAClC,CAAC;IAEM,WAAW;QAChB,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;IACtB,CAAC;IAED,2CAA2C;IACpC,WAAW;QAChB,OAAO,IAAI,CAAC,WAAW,EAAE,CAAC;IAC5B,CAAC;6GA3DU,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;;kBASN,MAAM;;kBACN,MAAM;;kBASN,MAAM;;kBACN,KAAK;;kBAGL,KAAK;;kFAxBK,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\n  /**\n   * @deprecated Use {@link OnClose}.\n   *\n   * The same emitter under the old binding name, so a template still binding\n   * (onClose) keeps working. Must stay AFTER OnClose: class fields\n   * initialise in order, and the other way round this captures undefined.\n   */\n  @Output() onClose = this.OnClose;\n  @Output() RemoveDashboardItem = new EventEmitter<any>();\n\n  /**\n   * @deprecated Use {@link RemoveDashboardItem}.\n   *\n   * The same emitter under the old binding name, so a template still binding\n   * (removeDashboardItem) keeps working. Must stay AFTER RemoveDashboardItem: class fields\n   * initialise in order, and the other way round this captures undefined.\n   */\n  @Output() removeDashboardItem = this.RemoveDashboardItem;\n  @Input() DashboardItem! : DashboardItem | null;\n\n  /** @deprecated Use {@link DashboardItem}. */\n  @Input() set dashboardItem(value: DashboardItem | null) {\n    this.DashboardItem = value;\n  }\n  /** @deprecated Use {@link DashboardItem}. */\n  get dashboardItem(): DashboardItem | null {\n    return this.DashboardItem;\n  }\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  /** @deprecated Use {@link ConfirmDeleteItem}. */\n  public confirmDeleteItem(): void {\n    return this.ConfirmDeleteItem();\n  }\n\n  public CloseDialog(): void {\n    this.OnClose.emit();\n  }\n\n  /** @deprecated Use {@link CloseDialog}. */\n  public closeDialog(): void {\n    return this.CloseDialog();\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"]}