@memberjunction/ng-explorer-core 0.9.2

package/dist/lib/shared/shared.service.js

@@ -0,0 +1,302 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { Injectable } from '@angular/core';
+import { LogError, Metadata, RunView } from '@memberjunction/core';
+import { MJEventType, MJGlobal } from '@memberjunction/global';
+import { Subject } from 'rxjs';
+import * as i0 from "@angular/core";
+import * as i1 from "@progress/kendo-angular-notification";
+export class SharedService {
+    constructor(notificationService) {
+        this.notificationService = notificationService;
+        this.tabChange = new Subject();
+        this.tabChange$ = this.tabChange.asObservable();
+        this._currentUserImage = '/assets/user.png';
+        this._resourceTypeMap = [
+            { routeSegment: 'record', name: 'records' },
+            { routeSegment: 'view', name: 'user views' },
+            { routeSegment: 'search', name: 'search results' },
+            { routeSegment: 'report', name: 'reports' },
+            { routeSegment: 'dashboard', name: 'dashboards' }
+        ];
+        if (SharedService._instance) {
+            // return existing instance which will short circuit the creation of a new instance
+            return SharedService._instance;
+        }
+        // first time this has been called, so return ourselves since we're in the constructor
+        SharedService._instance = this;
+        MJGlobal.Instance.GetEventListener(true).subscribe((event) => {
+            switch (event.event) {
+                case MJEventType.DisplaySimpleNotificationRequest:
+                    // received the message to display a notification to the user, so do that...
+                    const messageData = event.args;
+                    this.CreateSimpleNotification(messageData.message, messageData.style, messageData.DisplayDuration);
+                    break;
+                case MJEventType.ComponentEvent:
+                    if (event.eventCode === EventCodes.UserNotificationsUpdated) {
+                        // refresh the user notifications
+                        SharedService.RefreshUserNotifications();
+                    }
+                    break;
+                case MJEventType.LoggedIn:
+                    if (SharedService._loaded === false)
+                        SharedService.RefreshData();
+                    // got the login, now subscribe to push status updates here so we can then raise them as events in MJ Global locally
+                    this.PushStatusUpdates().subscribe((status) => {
+                        var _a, _b;
+                        const statusObj = JSON.parse(status.message);
+                        // pass along as an event so anyone else who wants to know about the push status update can do stuff
+                        MJGlobal.Instance.RaiseEvent({
+                            event: MJEventType.ComponentEvent,
+                            eventCode: EventCodes.PushStatusUpdates,
+                            args: statusObj,
+                            component: this
+                        });
+                        if (((_a = statusObj.type) === null || _a === void 0 ? void 0 : _a.trim().toLowerCase()) === 'usernotifications') {
+                            if (statusObj.details && ((_b = statusObj.details.action) === null || _b === void 0 ? void 0 : _b.trim().toLowerCase()) === 'create') {
+                                // we have changes to user notifications, so refresh them
+                                this.CreateSimpleNotification('New Notification Available', "success", 2000);
+                                SharedService.RefreshUserNotifications();
+                            }
+                        }
+                        else {
+                            // otherwise just post it as a simple notification
+                            this.CreateSimpleNotification(statusObj.message, "success", 2500);
+                        }
+                    });
+                    break;
+            }
+        });
+    }
+    static get Instance() {
+        return SharedService._instance;
+    }
+    /**
+     * Returns the current session ID, which is automatically created when the service is instantiated.
+     */
+    get SessionId() {
+        return Metadata.Provider.sessionId;
+    }
+    get ResourceTypes() {
+        return SharedService._resourceTypes;
+    }
+    get ViewResourceType() {
+        return SharedService._resourceTypes.find(rt => rt.Name.trim().toLowerCase() === 'user views');
+    }
+    get RecordResourceType() {
+        return SharedService._resourceTypes.find(rt => rt.Name.trim().toLowerCase() === 'records');
+    }
+    get DashboardResourceType() {
+        return SharedService._resourceTypes.find(rt => rt.Name.trim().toLowerCase() === 'dashboards');
+    }
+    get ReportResourceType() {
+        return SharedService._resourceTypes.find(rt => rt.Name.trim().toLowerCase() === 'reports');
+    }
+    get SearchResultsResourceType() {
+        return SharedService._resourceTypes.find(rt => rt.Name.trim().toLowerCase() === 'search results');
+    }
+    ResourceTypeByID(id) {
+        return SharedService._resourceTypes.find(rt => rt.ID === id);
+    }
+    ResourceTypeByName(name) {
+        return SharedService._resourceTypes.find(rt => rt.Name.trim().toLowerCase() === name.trim().toLowerCase());
+    }
+    static RefreshData() {
+        return __awaiter(this, void 0, void 0, function* () {
+            // if we have a provider, then we can load the data, otherwise load isn't done yet
+            const md = new Metadata();
+            const rtResult = yield md.GetAndCacheDatasetByName('ResourceTypes');
+            if (rtResult && rtResult.Success) {
+                const data = rtResult.Results.find(r => r.EntityName === 'Resource Types');
+                if (data) {
+                    SharedService._resourceTypes = data.Results;
+                    SharedService._loaded = true;
+                }
+            }
+            SharedService.RefreshUserNotifications(); // also call this initially when refreshing the dataset...
+        });
+    }
+    FormatColumnValue(col, value, maxLength = 0, trailingChars = "...") {
+        if (value === null || value === undefined)
+            return value;
+        try {
+            const retVal = col.EntityField.FormatValue(value, 0);
+            if (maxLength > 0 && retVal && retVal.length > maxLength)
+                return retVal.substring(0, maxLength) + trailingChars;
+            else
+                return retVal;
+        }
+        catch (e) {
+            LogError(e);
+            return value;
+        }
+    }
+    ConvertMarkdownStringToHtmlList(listType, text) {
+        const listTag = listType === HtmlListType.Unordered ? 'ul' : 'ol';
+        if (!text.includes('\n')) {
+            return text;
+        }
+        const listItems = text.split('\n').map(line => `<li>${line.trim().replace(/^-\s*/, '')}</li>`).join('');
+        return `<${listTag}>${listItems}</${listTag}>`;
+    }
+    InvokeManualResize(delay = 50) {
+        setTimeout(() => {
+            MJGlobal.Instance.RaiseEvent({
+                event: MJEventType.ManualResizeRequest,
+                eventCode: '',
+                args: null,
+                component: this
+            });
+        }, delay); // give the tabstrip time to render
+    }
+    PushStatusUpdates() {
+        const gp = Metadata.Provider;
+        return gp.PushStatusUpdates();
+    }
+    get CurrentUserImage() {
+        return this._currentUserImage;
+    }
+    set CurrentUserImage(value) {
+        this._currentUserImage = value;
+    }
+    static get UserNotifications() {
+        return SharedService._userNotifications;
+    }
+    static get UnreadUserNotifications() {
+        return SharedService._userNotifications.filter(n => n.Unread);
+    }
+    static get UnreadUserNotificationCount() {
+        return SharedService.UnreadUserNotifications.length;
+    }
+    /**
+     * Creates a notification in the database and refreshes the UI. Returns the notification object.
+     * @param title
+     * @param message
+     * @param resourceTypeId
+     * @param resourceRecordId
+     * @param resourceConfiguration Any object, it is converted to a string by JSON.stringify and stored in the database
+     * @returns
+     */
+    CreateNotification(title, message, resourceTypeId, resourceRecordId, resourceConfiguration) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const md = new Metadata();
+            const notification = yield md.GetEntityObject('User Notifications');
+            notification.Title = title;
+            notification.Message = message;
+            if (resourceTypeId)
+                notification.ResourceTypeID = resourceTypeId;
+            if (resourceRecordId)
+                notification.ResourceRecordID = resourceRecordId;
+            if (resourceConfiguration)
+                notification.ResourceConfiguration = JSON.stringify(resourceConfiguration);
+            notification.UserID = md.CurrentUser.ID;
+            notification.Unread = true;
+            const result = yield notification.Save();
+            if (result) {
+                SharedService.RefreshUserNotifications();
+            }
+            // test
+            this.CreateSimpleNotification(notification.Message, "success", 2500);
+            return notification;
+        });
+    }
+    static RefreshUserNotifications() {
+        return __awaiter(this, void 0, void 0, function* () {
+            try {
+                const rv = new RunView();
+                const md = new Metadata();
+                const result = yield rv.RunView({
+                    EntityName: 'User Notifications',
+                    ExtraFilter: 'UserID=' + md.CurrentUser.ID,
+                    OrderBy: 'CreatedAt DESC'
+                });
+                if (result && result.Success) {
+                    SharedService._userNotifications = result.Results;
+                }
+            }
+            catch (e) {
+                LogError(e);
+            }
+        });
+    }
+    /**
+     * Creates a message that is not saved to the User Notifications table, but is displayed to the user.
+     * @param message - text to display
+     * @param style - display styling
+     * @param hideAfter - option to auto hide after the specified delay in milliseconds
+     */
+    CreateSimpleNotification(message, style = "success", hideAfter) {
+        const props = {
+            content: message,
+            cssClass: "button-notification",
+            animation: { type: "slide", duration: 400 },
+            position: { horizontal: "center", vertical: "top" },
+            type: { style: style, icon: true }
+        };
+        if (hideAfter)
+            props.hideAfter = hideAfter;
+        else
+            props.closable = true;
+        this.notificationService.show(props);
+    }
+    /**
+     * Maps a Resource Type record Name column to the corresponding route segment
+     * @param resourceTypeName
+     * @returns
+     */
+    mapResourceTypeNameToRouteSegment(resourceTypeName) {
+        const item = this._resourceTypeMap.find(rt => rt.name.trim().toLowerCase() === resourceTypeName.trim().toLowerCase());
+        if (item)
+            return item.routeSegment;
+        else
+            return null;
+    }
+    /**
+     * Maps a route segment to the corresponding Resource Type record Name column
+     * @param resourceRouteSegment
+     * @returns
+     */
+    mapResourceTypeRouteSegmentToName(resourceRouteSegment) {
+        const item = this._resourceTypeMap.find(rt => rt.routeSegment.trim().toLowerCase() === resourceRouteSegment.trim().toLowerCase());
+        if (item)
+            return item.name;
+        else
+            return null;
+    }
+}
+SharedService._loaded = false;
+SharedService._resourceTypes = [];
+SharedService._userNotifications = [];
+SharedService.ɵfac = function SharedService_Factory(t) { return new (t || SharedService)(i0.ɵɵinject(i1.NotificationService)); };
+SharedService.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: SharedService, factory: SharedService.ɵfac, providedIn: 'root' });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SharedService, [{
+        type: Injectable,
+        args: [{
+                providedIn: 'root'
+            }]
+    }], function () { return [{ type: i1.NotificationService }]; }, null); })();
+export var HtmlListType;
+(function (HtmlListType) {
+    HtmlListType[HtmlListType["Unordered"] = 0] = "Unordered";
+    HtmlListType[HtmlListType["Ordered"] = 1] = "Ordered";
+})(HtmlListType || (HtmlListType = {}));
+export var EventCodes;
+(function (EventCodes) {
+    EventCodes["ViewClicked"] = "viewClicked";
+    EventCodes["EntityRecordClicked"] = "entityRecordClicked";
+    EventCodes["AddDashboard"] = "addDashboard";
+    EventCodes["AddReport"] = "addReport";
+    EventCodes["ViewCreated"] = "viewCreated";
+    EventCodes["ViewUpdated"] = "viewUpdated";
+    EventCodes["RunSearch"] = "runSearch";
+    EventCodes["ViewNotifications"] = "viewNotifications";
+    EventCodes["PushStatusUpdates"] = "pushStatusUpdates";
+    EventCodes["UserNotificationsUpdated"] = "userNotificationsUpdated";
+})(EventCodes || (EventCodes = {}));

package/dist/lib/shared/urlPipe.d.ts

@@ -0,0 +1,7 @@
+import { PipeTransform } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class URLPipe implements PipeTransform {
+    transform(value: string): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<URLPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<URLPipe, "formatUrl", false>;
+}

package/dist/lib/shared/urlPipe.js

@@ -0,0 +1,16 @@
+import { Pipe } from '@angular/core';
+import * as i0 from "@angular/core";
+export class URLPipe {
+    transform(value) {
+        if (value && !value.includes('http'))
+            return 'https://' + value;
+        else
+            return value;
+    }
+}
+URLPipe.ɵfac = function URLPipe_Factory(t) { return new (t || URLPipe)(); };
+URLPipe.ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "formatUrl", type: URLPipe, pure: true });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(URLPipe, [{
+        type: Pipe,
+        args: [{ name: 'formatUrl' }]
+    }], null, null); })();

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

@@ -0,0 +1,21 @@
+import { OnInit } from '@angular/core';
+import { ActivatedRoute, Router } from '@angular/router';
+import { ApplicationEntityInfo } from '@memberjunction/core';
+import { UserFavoriteEntity } from '@memberjunction/core-entities';
+import { SharedService } from '../shared/shared.service';
+import * as i0 from "@angular/core";
+export declare class SingleApplicationComponent implements OnInit {
+    private router;
+    private route;
+    private sharedService;
+    constructor(router: Router, route: ActivatedRoute, sharedService: SharedService);
+    appName: string;
+    appDescription: string;
+    appEntities: ApplicationEntityInfo[];
+    appFavorites: UserFavoriteEntity[];
+    ngOnInit(): void;
+    entityItemClick(info: ApplicationEntityInfo): void;
+    favoriteItemClick(fav: UserFavoriteEntity): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SingleApplicationComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SingleApplicationComponent, "app-single-application", never, {}, {}, never, never, false, never>;
+}

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

@@ -0,0 +1,132 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { Component } from '@angular/core';
+import { Metadata, RunView } from '@memberjunction/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/router";
+import * as i2 from "../shared/shared.service";
+import * as i3 from "@progress/kendo-angular-listview";
+import * as i4 from "../favorites/favorites.component";
+function SingleApplicationComponent_ng_template_11_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 10)(1, "div", 11);
+    i0.ɵɵelement(2, "span", 12);
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "div", 13);
+    i0.ɵɵtext(5);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate1(" ", ctx_r0.appName, " - Entities ");
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(ctx_r0.appEntities.length);
+} }
+function SingleApplicationComponent_ng_template_12_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 14);
+    i0.ɵɵlistener("click", function SingleApplicationComponent_ng_template_12_Template_div_click_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r4); const dataItem_r2 = restoredCtx.dataItem; const ctx_r3 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r3.entityItemClick(dataItem_r2)); });
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const dataItem_r2 = ctx.dataItem;
+    i0.ɵɵadvance(1);
+    i0.ɵɵtextInterpolate1(" ", dataItem_r2.Entity, " ");
+} }
+export class SingleApplicationComponent {
+    constructor(router, route, sharedService) {
+        this.router = router;
+        this.route = route;
+        this.sharedService = sharedService;
+        this.appName = '';
+        this.appDescription = '';
+        this.appEntities = [];
+        this.appFavorites = [];
+    }
+    ngOnInit() {
+        this.route.paramMap.subscribe(params => {
+            const appName = params.get('appName');
+            // Perform any necessary actions with the ViewID, such as fetching data
+            if (appName) {
+                this.appName = appName;
+                const md = new Metadata();
+                const app = md.Applications.find(a => a.Name == appName);
+                if (app) {
+                    this.appDescription = app.Description;
+                    this.appEntities = app.ApplicationEntities;
+                    const rv = new RunView();
+                    rv.RunView({
+                        EntityName: 'User Favorites',
+                        ExtraFilter: `UserID=${md.CurrentUser.ID} AND EntityID IN (${app.ApplicationEntities.map(ae => ae.EntityID).join(',')})`
+                    }).then((favorites) => __awaiter(this, void 0, void 0, function* () {
+                        this.appFavorites = favorites.Results; // set the result in the list and let the below happen after async and it will update via data binding when done
+                        const input = favorites.Results.map((fav) => {
+                            return { EntityName: fav.Entity, RecordID: fav.RecordID };
+                        });
+                        const results = yield md.GetEntityRecordNames(input);
+                        if (results)
+                            results.forEach((result) => {
+                                const fav = favorites.Results.find((f) => f.Entity == result.EntityName && f.RecordID == result.RecordID);
+                                if (fav) {
+                                    fav.RecordName = result.Success ? result.RecordName : fav.Entity + ' ' + fav.RecordID;
+                                }
+                            });
+                    }));
+                }
+            }
+        });
+    }
+    entityItemClick(info) {
+        if (info) {
+            const paramsArray = ['entity', info.Entity];
+            this.router.navigate(paramsArray);
+        }
+    }
+    favoriteItemClick(fav) {
+        if (fav) {
+            if (fav.Entity === 'User Views') {
+                // opening a view, different route
+                this.router.navigate(['resource', 'view', fav.RecordID]);
+            }
+            else {
+                this.router.navigate(['resource', 'record', fav.RecordID], { queryParams: { Entity: fav.Entity } });
+            }
+        }
+    }
+}
+SingleApplicationComponent.ɵfac = function SingleApplicationComponent_Factory(t) { return new (t || SingleApplicationComponent)(i0.ɵɵdirectiveInject(i1.Router), i0.ɵɵdirectiveInject(i1.ActivatedRoute), i0.ɵɵdirectiveInject(i2.SharedService)); };
+SingleApplicationComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SingleApplicationComponent, selectors: [["app-single-application"]], decls: 14, vars: 3, consts: [[1, "card-container"], [1, "card-header-entity"], [1, "title-wrap"], [1, "k-icon", "k-i-information"], [1, "main-area"], [1, "list-view", "entity-list", 3, "data"], [1, "entity-wrap"], ["kendoListViewHeaderTemplate", ""], ["kendoListViewItemTemplate", ""], [1, "favorites-list"], [1, "header"], [1, "head-tag"], [1, "k-icon", "k-i-data"], [1, "count"], [1, "list-item", 3, "click"]], template: function SingleApplicationComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2)(3, "h1");
+        i0.ɵɵtext(4);
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementStart(5, "p");
+        i0.ɵɵelement(6, "span", 3);
+        i0.ɵɵtext(7);
+        i0.ɵɵelementEnd()()();
+        i0.ɵɵelementStart(8, "div", 4)(9, "kendo-listview", 5);
+        i0.ɵɵelementContainerStart(10, 6);
+        i0.ɵɵtemplate(11, SingleApplicationComponent_ng_template_11_Template, 6, 2, "ng-template", 7);
+        i0.ɵɵtemplate(12, SingleApplicationComponent_ng_template_12_Template, 2, 1, "ng-template", 8);
+        i0.ɵɵelementContainerEnd();
+        i0.ɵɵelementEnd();
+        i0.ɵɵelement(13, "app-favorites", 9);
+        i0.ɵɵelementEnd()();
+    } if (rf & 2) {
+        i0.ɵɵadvance(4);
+        i0.ɵɵtextInterpolate(ctx.appName);
+        i0.ɵɵadvance(3);
+        i0.ɵɵtextInterpolate1(" ", ctx.appDescription, "");
+        i0.ɵɵadvance(2);
+        i0.ɵɵproperty("data", ctx.appEntities);
+    } }, dependencies: [i3.ItemTemplateDirective, i3.HeaderTemplateDirective, i3.ListViewComponent, i4.FavoritesComponent], styles: [".entity-list[_ngcontent-%COMP%] {\r\n    width: 500px;\r\n }\r\n .favorites-list[_ngcontent-%COMP%] {\r\n    width: 400px;\r\n }", ".main-area[_ngcontent-%COMP%] {\r\n    display: flex;\r\n    height: 100%;\r\n    width: 100%;\r\n    gap: 24px;\r\n    padding: 24px 0;\r\n}\r\n.list-view[_ngcontent-%COMP%] {\r\n    padding: 16px;\r\n    min-width: 300px;\r\n    border-radius: 4px;\r\n    background:  #FAFAFA;\r\n    border: none;\r\n}\r\n  .list-view .k-listview-header,   .list-view .k-listview-footer {\r\n    border: none;\r\n}\r\n  .list-view .k-listview-content {\r\n    border: 1px solid rgba(0, 0, 0, 0.08);\r\n    border-radius: 4px;\r\n    background: #fff;\r\n    padding: 16px;\r\n}\r\n\r\n.header[_ngcontent-%COMP%], .footer[_ngcontent-%COMP%] {\r\n    color: #424242;\r\n    font-size: 16px;\r\n    height: auto;\r\n    margin:0;\r\n}\r\n\r\n.header[_ngcontent-%COMP%] {\r\n    color: #424242;\r\n    margin-bottom: 16px;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n}\r\n.header[_ngcontent-%COMP%]   .head-tag[_ngcontent-%COMP%] {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    color:  #424242;\r\nfont-size: 16px;\r\nfont-style: normal;\r\nfont-weight: 400;\r\nline-height: 20px;\r\n}\r\n\r\n.header[_ngcontent-%COMP%]   .count[_ngcontent-%COMP%] {\r\n    width: 24px;\r\n    height: 24px;\r\n    min-width: 24px;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    font-size: 10px;\r\n    background: rgba(0, 0, 0, 0.08);\r\n    border-radius: 50%;\r\n}\r\n.footer[_ngcontent-%COMP%] {\r\n    font-size: 14px;\r\n    margin-top: 16px;\r\n}\r\n\r\n.list-item[_ngcontent-%COMP%] {\r\n    color:  #424242;\r\n    font-size: 14px;\r\n    font-style: normal;\r\n    font-weight: 400;\r\n    line-height: 30px;\r\n    cursor: pointer;\r\n    margin: 4px;\r\n}\r\n.card-container[_ngcontent-%COMP%] {\r\n    margin: 0;\r\n    padding: 0;\r\n    box-shadow: none;\r\n}\r\n.card-header-entity[_ngcontent-%COMP%] {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: flex-start;\r\n    padding-bottom: 20px;\r\n    border-bottom: 1px solid rgba(0, 0, 0, 0.08);\r\n}\r\n.card-header-entity[_ngcontent-%COMP%]   .title-wrap[_ngcontent-%COMP%]   h1[_ngcontent-%COMP%] {\r\n    color: #424242;\r\n    font-size: 28px;\r\n    font-style: normal;\r\n    font-weight: 300;\r\n    line-height: 28px;\r\n    margin-bottom: 15px;\r\n  }\r\n  .card-header-entity[_ngcontent-%COMP%]   .title-wrap[_ngcontent-%COMP%] {\r\n    display: flex;\r\n    flex-direction: column;\r\n  }\r\n  .card-header-entity[_ngcontent-%COMP%]   .title-wrap[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\r\n    margin: 0;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    color: #424242;\r\n    font-size: 14px;\r\n    font-style: normal;\r\n    font-weight: 400;\r\n    line-height: 20px;\r\n  }\r\n\r\n \r\n\r\n\r\n   \r\n  .view-card[_ngcontent-%COMP%]   .view-icon[_ngcontent-%COMP%] {\r\n    color: #ff6358;\r\n  }\r\n  .card-wrapper[_ngcontent-%COMP%] {\r\n    border: 1px solid rgba(0, 0, 0, 0.08);\r\n    border-radius: 6px;\r\n  }\r\n  .card-wrapper[_ngcontent-%COMP%]   .k-card-body[_ngcontent-%COMP%] {\r\n    background: #fff;\r\n    padding: 12px 20px;\r\n  }\r\n  .card-wrapper[_ngcontent-%COMP%]   .view-card[_ngcontent-%COMP%] {\r\n    overflow: auto;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    background: #fafafa;\r\n    padding: 4px 15px;\r\n  }\r\n  .view-card[_ngcontent-%COMP%]   .btn-wrapper[_ngcontent-%COMP%] {\r\n    display: flex;\r\n    align-items: center;\r\n  }\r\n  \r\n  .k-card-body[_ngcontent-%COMP%]   .view-card-content[_ngcontent-%COMP%]   h5[_ngcontent-%COMP%] {\r\n    color: #424242;\r\n    font-size: 16px;\r\n    font-style: normal;\r\n    font-weight: 400;\r\n    line-height: 20px;\r\n    margin-bottom: 0;\r\n    letter-spacing: 0.18px;\r\n  }\r\n  .k-card-body[_ngcontent-%COMP%]   .view-card-content[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\r\n    color: #666;\r\n    font-size: 14px;\r\n    font-style: normal;\r\n    font-weight: 400;\r\n    line-height: 20px;\r\n    height: 48px;\r\n    margin-bottom: 0;\r\n  }\r\n  .card-container[_ngcontent-%COMP%] {\r\n    padding: 0;\r\n    margin: 0;\r\n    box-shadow: none;\r\n  }\r\n  .card-header-entity[_ngcontent-%COMP%] {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: flex-start;\r\n    padding-bottom: 20px;\r\n    border-bottom: 1px solid rgba(0, 0, 0, 0.08);\r\n  }\r\n  \r\n  .card-header-entity[_ngcontent-%COMP%]   .title-wrap[_ngcontent-%COMP%]   h1[_ngcontent-%COMP%] {\r\n    color: #424242;\r\n    font-size: 28px;\r\n    font-style: normal;\r\n    font-weight: 300;\r\n    line-height: 28px;\r\n    margin-bottom: 15px;\r\n  }\r\n  .card-header-entity[_ngcontent-%COMP%]   .title-wrap[_ngcontent-%COMP%] {\r\n    display: flex;\r\n    flex-direction: column;\r\n  }\r\n  .card-header-entity[_ngcontent-%COMP%]   .title-wrap[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\r\n    margin: 0;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    color: #424242;\r\n    font-size: 14px;\r\n    font-style: normal;\r\n    font-weight: 400;\r\n    line-height: 20px;\r\n  }\r\n  .main-area[_ngcontent-%COMP%]   .card-list[_ngcontent-%COMP%] {\r\n    display: flex;\r\n    gap: 20px;\r\n  }"] });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SingleApplicationComponent, [{
+        type: Component,
+        args: [{ selector: 'app-single-application', template: "<div  class=\"card-container\">\r\n    <div class=\"card-header-entity\">\r\n        <div class=\"title-wrap\">\r\n    <h1>{{appName}}</h1>\r\n    <p><span class=\"k-icon k-i-information\"></span> {{appDescription}}</p>\r\n    </div>\r\n</div>\r\n    <div class=\"main-area\">\r\n        <kendo-listview\r\n            [data]=\"appEntities\"\r\n            class=\"list-view entity-list\"\r\n        >\r\n        <ng-container class=\"entity-wrap\">\r\n            <ng-template kendoListViewHeaderTemplate>\r\n                <div class=\"header\"> \r\n                    <div class=\"head-tag\">\r\n                        <span class=\"k-icon k-i-data\"></span>\r\n                        {{appName}} - Entities\r\n                    </div>\r\n                    <div class=\"count\">{{appEntities.length}}</div>\r\n                    </div>\r\n            </ng-template>\r\n            <ng-template kendoListViewItemTemplate let-dataItem=\"dataItem\">\r\n                <div class=\"list-item\" (click)=\"entityItemClick(dataItem)\">\r\n                    {{dataItem.Entity}}\r\n                </div>\r\n            </ng-template>\r\n        </ng-container>\r\n        </kendo-listview>\r\n\r\n        <app-favorites class=\"favorites-list\"></app-favorites>\r\n    </div>\r\n</div>\r\n", styles: [" .entity-list {\r\n    width: 500px;\r\n }\r\n .favorites-list {\r\n    width: 400px;\r\n }", "\r\n.main-area {\r\n    display: flex;\r\n    height: 100%;\r\n    width: 100%;\r\n    gap: 24px;\r\n    padding: 24px 0;\r\n}\r\n.list-view {\r\n    padding: 16px;\r\n    min-width: 300px;\r\n    border-radius: 4px;\r\n    background:  #FAFAFA;\r\n    border: none;\r\n}\r\n::ng-deep .list-view .k-listview-header, \r\n::ng-deep .list-view .k-listview-footer {\r\n    border: none;\r\n}\r\n::ng-deep .list-view .k-listview-content {\r\n    border: 1px solid rgba(0, 0, 0, 0.08);\r\n    border-radius: 4px;\r\n    background: #fff;\r\n    padding: 16px;\r\n}\r\n\r\n.header,\r\n.footer {\r\n    color: #424242;\r\n    font-size: 16px;\r\n    height: auto;\r\n    margin:0;\r\n}\r\n\r\n.header {\r\n    color: #424242;\r\n    margin-bottom: 16px;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n}\r\n.header .head-tag {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    color:  #424242;\r\nfont-size: 16px;\r\nfont-style: normal;\r\nfont-weight: 400;\r\nline-height: 20px;\r\n}\r\n\r\n.header .count {\r\n    width: 24px;\r\n    height: 24px;\r\n    min-width: 24px;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    font-size: 10px;\r\n    background: rgba(0, 0, 0, 0.08);\r\n    border-radius: 50%;\r\n}\r\n.footer {\r\n    font-size: 14px;\r\n    margin-top: 16px;\r\n}\r\n\r\n.list-item {\r\n    color:  #424242;\r\n    font-size: 14px;\r\n    font-style: normal;\r\n    font-weight: 400;\r\n    line-height: 30px;\r\n    cursor: pointer;\r\n    margin: 4px;\r\n}\r\n.card-container {\r\n    margin: 0;\r\n    padding: 0;\r\n    box-shadow: none;\r\n}\r\n.card-header-entity {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: flex-start;\r\n    padding-bottom: 20px;\r\n    border-bottom: 1px solid rgba(0, 0, 0, 0.08);\r\n}\r\n.card-header-entity .title-wrap h1 {\r\n    color: #424242;\r\n    font-size: 28px;\r\n    font-style: normal;\r\n    font-weight: 300;\r\n    line-height: 28px;\r\n    margin-bottom: 15px;\r\n  }\r\n  .card-header-entity .title-wrap {\r\n    display: flex;\r\n    flex-direction: column;\r\n  }\r\n  .card-header-entity .title-wrap p {\r\n    margin: 0;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    color: #424242;\r\n    font-size: 14px;\r\n    font-style: normal;\r\n    font-weight: 400;\r\n    line-height: 20px;\r\n  }\r\n\r\n \r\n\r\n\r\n   \r\n  .view-card .view-icon {\r\n    color: #ff6358;\r\n  }\r\n  .card-wrapper {\r\n    border: 1px solid rgba(0, 0, 0, 0.08);\r\n    border-radius: 6px;\r\n  }\r\n  .card-wrapper .k-card-body {\r\n    background: #fff;\r\n    padding: 12px 20px;\r\n  }\r\n  .card-wrapper .view-card {\r\n    overflow: auto;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    background: #fafafa;\r\n    padding: 4px 15px;\r\n  }\r\n  .view-card .btn-wrapper {\r\n    display: flex;\r\n    align-items: center;\r\n  }\r\n  \r\n  .k-card-body .view-card-content h5 {\r\n    color: #424242;\r\n    font-size: 16px;\r\n    font-style: normal;\r\n    font-weight: 400;\r\n    line-height: 20px;\r\n    margin-bottom: 0;\r\n    letter-spacing: 0.18px;\r\n  }\r\n  .k-card-body .view-card-content p {\r\n    color: #666;\r\n    font-size: 14px;\r\n    font-style: normal;\r\n    font-weight: 400;\r\n    line-height: 20px;\r\n    height: 48px;\r\n    margin-bottom: 0;\r\n  }\r\n  .card-container {\r\n    padding: 0;\r\n    margin: 0;\r\n    box-shadow: none;\r\n  }\r\n  .card-header-entity {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: flex-start;\r\n    padding-bottom: 20px;\r\n    border-bottom: 1px solid rgba(0, 0, 0, 0.08);\r\n  }\r\n  \r\n  .card-header-entity .title-wrap h1 {\r\n    color: #424242;\r\n    font-size: 28px;\r\n    font-style: normal;\r\n    font-weight: 300;\r\n    line-height: 28px;\r\n    margin-bottom: 15px;\r\n  }\r\n  .card-header-entity .title-wrap {\r\n    display: flex;\r\n    flex-direction: column;\r\n  }\r\n  .card-header-entity .title-wrap p {\r\n    margin: 0;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    color: #424242;\r\n    font-size: 14px;\r\n    font-style: normal;\r\n    font-weight: 400;\r\n    line-height: 20px;\r\n  }\r\n  .main-area .card-list {\r\n    display: flex;\r\n    gap: 20px;\r\n  }\r\n  "] }]
+    }], function () { return [{ type: i1.Router }, { type: i1.ActivatedRoute }, { type: i2.SharedService }]; }, null); })();

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

@@ -0,0 +1,28 @@
+import { EventEmitter, OnInit } from '@angular/core';
+import { ResourceTypeEntity } from '@memberjunction/core-entities';
+import * as i0 from "@angular/core";
+export declare class AddItemComponent implements OnInit {
+    onClose: EventEmitter<any>;
+    selectedResource: ResourceTypeEntity | null;
+    showloader: boolean;
+    resourceType: any;
+    selectedEntity: any;
+    selectedView: any;
+    selectedReport: any;
+    Entities: any[];
+    Views: any[];
+    Reports: any[];
+    get ResourceTypes(): any[];
+    private md;
+    constructor();
+    ngOnInit(): void;
+    onResourceTypeChange(event: any): Promise<void>;
+    getViews(): Promise<void>;
+    getReports(): Promise<void>;
+    onEntityChange(event: any): void;
+    onViewChange(event: any): void;
+    addItem(): void;
+    closeDialog(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AddItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AddItemComponent, "app-add-item-dialog", never, { "selectedResource": "selectedResource"; }, { "onClose": "onClose"; }, never, never, false, never>;
+}