@memberjunction/ng-explorer-core 0.9.79 → 0.9.96

package/dist/lib/generic/section-loader-component.js

@@ -1,65 +1,66 @@
-import { Component, Input, ViewChild, ViewContainerRef } from '@angular/core';
-import { MJGlobal } from '@memberjunction/global';
-import { BaseFormSectionComponent } from './base-form-section-component';
-import * as i0 from "@angular/core";
-const _c0 = ["container"];
-function SectionLoaderComponent_ng_template_0_Template(rf, ctx) { }
-export class SectionLoaderComponent {
-    constructor() {
-        this.EditMode = false;
-        this._sectionObj = null;
-    }
-    ngOnChanges(changes) {
-        // react to EditMode change
-        if (changes['EditMode'] && !changes['EditMode'].firstChange && this._sectionObj) {
-            this._sectionObj.EditMode = this.EditMode;
-        }
-    }
-    ngAfterViewInit() {
-        // do this via a promise in order to defer the load by one pass of the event loop
-        // because that results in Angular not complaining about change detection due to dynamic
-        // nature of the inner component
-        Promise.resolve().then(() => this.loadComponent());
-    }
-    loadComponent() {
-        const sectionInfo = MJGlobal.Instance.ClassFactory.GetRegistration(BaseFormSectionComponent, `${this.Entity}.${this.Section}`);
-        if (sectionInfo) {
-            const componentRef = this.container.createComponent(sectionInfo.SubClass);
-            // pass in record and edit mode
-            this._sectionObj = componentRef.instance;
-            this._sectionObj.record = this.record;
-            this._sectionObj.EditMode = this.EditMode;
-        }
-    }
-    ngOnDestroy() {
-        // Don't forget to cleanup dynamically created components
-        this.container.clear();
-    }
-}
-SectionLoaderComponent.ɵfac = function SectionLoaderComponent_Factory(t) { return new (t || SectionLoaderComponent)(); };
-SectionLoaderComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SectionLoaderComponent, selectors: [["mj-form-section"]], viewQuery: function SectionLoaderComponent_Query(rf, ctx) { if (rf & 1) {
-        i0.ɵɵviewQuery(_c0, 5, ViewContainerRef);
-    } if (rf & 2) {
-        let _t;
-        i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.container = _t.first);
-    } }, inputs: { Entity: "Entity", Section: "Section", record: "record", EditMode: "EditMode" }, features: [i0.ɵɵNgOnChangesFeature], decls: 2, vars: 0, consts: [["container", ""]], template: function SectionLoaderComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵtemplate(0, SectionLoaderComponent_ng_template_0_Template, 0, 0, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor);
-    } }, encapsulation: 2 });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SectionLoaderComponent, [{
-        type: Component,
-        args: [{
-                selector: 'mj-form-section',
-                template: `<ng-template #container></ng-template>`
-            }]
-    }], null, { Entity: [{
-            type: Input
-        }], Section: [{
-            type: Input
-        }], record: [{
-            type: Input
-        }], EditMode: [{
-            type: Input
-        }], container: [{
-            type: ViewChild,
-            args: ['container', { read: ViewContainerRef }]
-        }] }); })();
+import { Component, Input, ViewChild, ViewContainerRef } from '@angular/core';
+import { MJGlobal } from '@memberjunction/global';
+import { BaseFormSectionComponent } from './base-form-section-component';
+import * as i0 from "@angular/core";
+const _c0 = ["container"];
+function SectionLoaderComponent_ng_template_0_Template(rf, ctx) { }
+export class SectionLoaderComponent {
+    constructor() {
+        this.EditMode = false;
+        this._sectionObj = null;
+    }
+    ngOnChanges(changes) {
+        // react to EditMode change
+        if (changes['EditMode'] && !changes['EditMode'].firstChange && this._sectionObj) {
+            this._sectionObj.EditMode = this.EditMode;
+        }
+    }
+    ngAfterViewInit() {
+        // do this via a promise in order to defer the load by one pass of the event loop
+        // because that results in Angular not complaining about change detection due to dynamic
+        // nature of the inner component
+        Promise.resolve().then(() => this.loadComponent());
+    }
+    loadComponent() {
+        const sectionInfo = MJGlobal.Instance.ClassFactory.GetRegistration(BaseFormSectionComponent, `${this.Entity}.${this.Section}`);
+        if (sectionInfo) {
+            const componentRef = this.container.createComponent(sectionInfo.SubClass);
+            // pass in record and edit mode
+            this._sectionObj = componentRef.instance;
+            this._sectionObj.record = this.record;
+            this._sectionObj.EditMode = this.EditMode;
+        }
+    }
+    ngOnDestroy() {
+        // Don't forget to cleanup dynamically created components
+        this.container.clear();
+    }
+}
+SectionLoaderComponent.ɵfac = function SectionLoaderComponent_Factory(t) { return new (t || SectionLoaderComponent)(); };
+SectionLoaderComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SectionLoaderComponent, selectors: [["mj-form-section"]], viewQuery: function SectionLoaderComponent_Query(rf, ctx) { if (rf & 1) {
+        i0.ɵɵviewQuery(_c0, 5, ViewContainerRef);
+    } if (rf & 2) {
+        let _t;
+        i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.container = _t.first);
+    } }, inputs: { Entity: "Entity", Section: "Section", record: "record", EditMode: "EditMode" }, features: [i0.ɵɵNgOnChangesFeature], decls: 2, vars: 0, consts: [["container", ""]], template: function SectionLoaderComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵtemplate(0, SectionLoaderComponent_ng_template_0_Template, 0, 0, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor);
+    } }, encapsulation: 2 });
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SectionLoaderComponent, [{
+        type: Component,
+        args: [{
+                selector: 'mj-form-section',
+                template: `<ng-template #container></ng-template>`
+            }]
+    }], null, { Entity: [{
+            type: Input
+        }], Section: [{
+            type: Input
+        }], record: [{
+            type: Input
+        }], EditMode: [{
+            type: Input
+        }], container: [{
+            type: ViewChild,
+            args: ['container', { read: ViewContainerRef }]
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SectionLoaderComponent, { className: "SectionLoaderComponent", filePath: "src\\lib\\generic\\section-loader-component.ts", lineNumber: 10 }); })();

package/dist/lib/generic-browse-list/generic-browse-list.component.d.ts

@@ -1,24 +1,26 @@
-import { EventEmitter } from '@angular/core';
-import { Router } from '@angular/router';
-import * as i0 from "@angular/core";
-export declare class GenericBrowseListComponent {
-    private router;
-    showLoader: boolean;
-    itemType: string;
-    title: string;
-    items: any[];
-    iconName: string;
-    showAddButton: boolean;
-    addText: string;
-    backText: string;
-    addButtonClickEvent: EventEmitter<any>;
-    deleteButtonClickEvent: EventEmitter<any>;
-    itemClickEvent: EventEmitter<any>;
-    constructor(router: Router);
-    itemClick(item: any): void;
-    deleteItem(item: any): void;
-    addButtonClicked(): void;
-    goHomeButtonClicked(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<GenericBrowseListComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GenericBrowseListComponent, "app-generic-browse-list", never, { "showLoader": "showLoader"; "itemType": "itemType"; "title": "title"; "items": "items"; "iconName": "iconName"; "showAddButton": "showAddButton"; "addText": "addText"; "backText": "backText"; }, { "addButtonClickEvent": "addButtonClickEvent"; "deleteButtonClickEvent": "deleteButtonClickEvent"; "itemClickEvent": "itemClickEvent"; }, never, never, false, never>;
-}
+import { EventEmitter } from '@angular/core';
+import { Router } from '@angular/router';
+import { SharedService } from '../../public-api';
+import * as i0 from "@angular/core";
+export declare class GenericBrowseListComponent {
+    sharedService: SharedService;
+    private router;
+    showLoader: boolean;
+    itemType: string;
+    title: string;
+    items: any[];
+    iconName: string;
+    showAddButton: boolean;
+    addText: string;
+    backText: string;
+    addButtonClickEvent: EventEmitter<any>;
+    deleteButtonClickEvent: EventEmitter<any>;
+    itemClickEvent: EventEmitter<any>;
+    constructor(sharedService: SharedService, router: Router);
+    itemClick(item: any): void;
+    deleteItem(item: any): void;
+    addButtonClicked(): void;
+    goHomeButtonClicked(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<GenericBrowseListComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GenericBrowseListComponent, "app-generic-browse-list", never, { "showLoader": { "alias": "showLoader"; "required": false; }; "itemType": { "alias": "itemType"; "required": false; }; "title": { "alias": "title"; "required": false; }; "items": { "alias": "items"; "required": false; }; "iconName": { "alias": "iconName"; "required": false; }; "showAddButton": { "alias": "showAddButton"; "required": false; }; "addText": { "alias": "addText"; "required": false; }; "backText": { "alias": "backText"; "required": false; }; }, { "addButtonClickEvent": "addButtonClickEvent"; "deleteButtonClickEvent": "deleteButtonClickEvent"; "itemClickEvent": "itemClickEvent"; }, never, never, false, never>;
+}

package/dist/lib/generic-browse-list/generic-browse-list.component.js

@@ -1,143 +1,145 @@
-import { Component, EventEmitter, Input, Output } from '@angular/core';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/router";
-import * as i2 from "@angular/common";
-import * as i3 from "@progress/kendo-angular-buttons";
-import * as i4 from "@progress/kendo-angular-indicators";
-import * as i5 from "@progress/kendo-angular-icons";
-import * as i6 from "@progress/kendo-angular-layout";
-function GenericBrowseListComponent_kendo_loader_13_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "kendo-loader", 10);
-} }
-function GenericBrowseListComponent_div_14_div_1_Template(rf, ctx) { if (rf & 1) {
-    const _r5 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div")(1, "kendo-card", 13)(2, "kendo-card-header", 14);
-    i0.ɵɵelement(3, "kendo-icon", 15);
-    i0.ɵɵelementStart(4, "div", 16)(5, "button", 17);
-    i0.ɵɵelement(6, "span", 18);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(7, "button", 19);
-    i0.ɵɵlistener("click", function GenericBrowseListComponent_div_14_div_1_Template_button_click_7_listener() { const restoredCtx = i0.ɵɵrestoreView(_r5); const d_r3 = restoredCtx.$implicit; const ctx_r4 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r4.deleteItem(d_r3)); });
-    i0.ɵɵelement(8, "span", 20);
-    i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(9, "kendo-card-body", 21);
-    i0.ɵɵlistener("click", function GenericBrowseListComponent_div_14_div_1_Template_kendo_card_body_click_9_listener() { const restoredCtx = i0.ɵɵrestoreView(_r5); const d_r3 = restoredCtx.$implicit; const ctx_r6 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r6.itemClick(d_r3)); });
-    i0.ɵɵelementStart(10, "div", 22)(11, "h5", 23);
-    i0.ɵɵtext(12);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(13, "p", 24);
-    i0.ɵɵtext(14);
-    i0.ɵɵelementEnd()()()()();
-} if (rf & 2) {
-    const d_r3 = ctx.$implicit;
-    const ctx_r2 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance(3);
-    i0.ɵɵclassMap(ctx_r2.iconName);
-    i0.ɵɵadvance(9);
-    i0.ɵɵtextInterpolate(d_r3.Name);
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(d_r3.Description);
-} }
-function GenericBrowseListComponent_div_14_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 11);
-    i0.ɵɵtemplate(1, GenericBrowseListComponent_div_14_div_1_Template, 15, 4, "div", 12);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngForOf", ctx_r1.items);
-} }
-export class GenericBrowseListComponent {
-    constructor(router) {
-        this.router = router;
-        this.showLoader = true;
-        this.itemType = '';
-        this.title = '';
-        this.items = [];
-        this.iconName = 'view-icon';
-        this.showAddButton = false;
-        this.addText = 'Create New';
-        this.backText = 'Go Back';
-        this.addButtonClickEvent = new EventEmitter();
-        this.deleteButtonClickEvent = new EventEmitter();
-        this.itemClickEvent = new EventEmitter();
-        this.router = router;
-    }
-    itemClick(item) {
-        if (item) {
-            this.itemClickEvent.emit(item);
-        }
-    }
-    deleteItem(item) {
-        if (item) {
-            this.deleteButtonClickEvent.emit(item);
-        }
-    }
-    addButtonClicked() {
-        this.addButtonClickEvent.emit();
-    }
-    goHomeButtonClicked() {
-        this.router.navigate(["dashboard"]);
-    }
-}
-GenericBrowseListComponent.ɵfac = function GenericBrowseListComponent_Factory(t) { return new (t || GenericBrowseListComponent)(i0.ɵɵdirectiveInject(i1.Router)); };
-GenericBrowseListComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: GenericBrowseListComponent, selectors: [["app-generic-browse-list"]], inputs: { showLoader: "showLoader", itemType: "itemType", title: "title", items: "items", iconName: "iconName", showAddButton: "showAddButton", addText: "addText", backText: "backText" }, outputs: { addButtonClickEvent: "addButtonClickEvent", deleteButtonClickEvent: "deleteButtonClickEvent", itemClickEvent: "itemClickEvent" }, decls: 15, vars: 7, consts: [[1, "card-container"], [1, "card-header-entity"], [1, "title-wrap"], [1, "add-item"], ["kendoButton", "", 3, "primary", "click"], [1, "k-icon", "k-font-icon", "k-i-plus"], [1, "k-icon", "k-font-icon", "k-i-chevron-left"], [1, "main-area"], ["type", "converging-spinner", 4, "ngIf"], ["class", "card-list k-d-flex k-flex-row k-h-full k-flex-wrap", 4, "ngIf"], ["type", "converging-spinner"], [1, "card-list", "k-d-flex", "k-flex-row", "k-h-full", "k-flex-wrap"], [4, "ngFor", "ngForOf"], [1, "card-wrapper"], [1, "k-hstack", "view-card"], ["name", "table"], [1, "btn-wrapper"], ["kendoButton", "", "fillMode", "flat"], [1, "k-icon", "k-i-edit"], ["kendoButton", "", "fillMode", "flat", 3, "click"], [1, "k-icon", "k-i-delete"], [3, "click"], [1, "view-card-content", "k-cursor-pointer"], ["kendoCardTitle", ""], ["kendoCardSubtitle", ""]], template: function GenericBrowseListComponent_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, "div", 3)(6, "button", 4);
-        i0.ɵɵlistener("click", function GenericBrowseListComponent_Template_button_click_6_listener() { return ctx.addButtonClicked(); });
-        i0.ɵɵelement(7, "span", 5);
-        i0.ɵɵtext(8);
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(9, "button", 4);
-        i0.ɵɵlistener("click", function GenericBrowseListComponent_Template_button_click_9_listener() { return ctx.goHomeButtonClicked(); });
-        i0.ɵɵelement(10, "span", 6);
-        i0.ɵɵtext(11);
-        i0.ɵɵelementEnd()()();
-        i0.ɵɵelementStart(12, "div", 7);
-        i0.ɵɵtemplate(13, GenericBrowseListComponent_kendo_loader_13_Template, 1, 0, "kendo-loader", 8);
-        i0.ɵɵtemplate(14, GenericBrowseListComponent_div_14_Template, 2, 1, "div", 9);
-        i0.ɵɵelementEnd()();
-    } if (rf & 2) {
-        i0.ɵɵadvance(4);
-        i0.ɵɵtextInterpolate(ctx.title);
-        i0.ɵɵadvance(2);
-        i0.ɵɵproperty("primary", true);
-        i0.ɵɵadvance(2);
-        i0.ɵɵtextInterpolate1(" ", ctx.addText, " ");
-        i0.ɵɵadvance(1);
-        i0.ɵɵproperty("primary", true);
-        i0.ɵɵadvance(2);
-        i0.ɵɵtextInterpolate1(" ", ctx.backText, " ");
-        i0.ɵɵadvance(2);
-        i0.ɵɵproperty("ngIf", ctx.showLoader);
-        i0.ɵɵadvance(1);
-        i0.ɵɵproperty("ngIf", !ctx.showLoader);
-    } }, dependencies: [i2.NgForOf, i2.NgIf, i3.Button, i4.LoaderComponent, i5.IconComponent, i6.CardComponent, i6.CardHeaderComponent, i6.CardBodyComponent, i6.CardTitleDirective, i6.CardSubtitleDirective], styles: [".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(GenericBrowseListComponent, [{
-        type: Component,
-        args: [{ selector: 'app-generic-browse-list', template: "<div  class=\"card-container\">\r\n    <div class=\"card-header-entity\">\r\n        <div class=\"title-wrap\">\r\n            <h1>{{title}}</h1>\r\n        </div>\r\n        <div class=\"add-item\">\r\n          <button kendoButton (click)=\"addButtonClicked()\" [primary]=\"true\">\r\n            <span class=\"k-icon k-font-icon k-i-plus\"></span>\r\n              {{addText}}\r\n          </button>\r\n          <button kendoButton (click)=\"goHomeButtonClicked()\" [primary]=\"true\">\r\n            <span class=\"k-icon k-font-icon k-i-chevron-left\"></span>\r\n              {{backText}}\r\n          </button>\r\n        </div>\r\n    </div>\r\n    <div class=\"main-area\"> \r\n        <kendo-loader *ngIf=\"showLoader\" type=\"converging-spinner\" ></kendo-loader>\r\n        <div class=\"card-list k-d-flex k-flex-row k-h-full k-flex-wrap\" *ngIf=\"!showLoader\">\r\n          <div *ngFor=\"let d of items\">\r\n            <kendo-card class=\"card-wrapper\">\r\n              <kendo-card-header class=\"k-hstack view-card\">\r\n                <kendo-icon name=\"table\" [class]=\"iconName\"></kendo-icon>\r\n                <div class=\"btn-wrapper\">\r\n                  <button kendoButton fillMode=\"flat\">\r\n                    <span class=\"k-icon k-i-edit\"></span>\r\n                  </button>\r\n                  <button kendoButton fillMode=\"flat\" (click)=\"deleteItem(d)\"><span\r\n                      class=\"k-icon k-i-delete\"></span></button>\r\n                </div>\r\n              </kendo-card-header>\r\n              <kendo-card-body (click)=\"itemClick(d)\">\r\n                <div class=\"view-card-content k-cursor-pointer\">\r\n                  <h5 kendoCardTitle>{{ d.Name }}</h5>\r\n                  <p kendoCardSubtitle>{{ d.Description }}</p>\r\n                </div>\r\n              </kendo-card-body>\r\n            </kendo-card>\r\n          </div>\r\n        </div>\r\n    </div>\r\n</div>", styles: ["\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 }]; }, { showLoader: [{
-            type: Input
-        }], itemType: [{
-            type: Input
-        }], title: [{
-            type: Input
-        }], items: [{
-            type: Input
-        }], iconName: [{
-            type: Input
-        }], showAddButton: [{
-            type: Input
-        }], addText: [{
-            type: Input
-        }], backText: [{
-            type: Input
-        }], addButtonClickEvent: [{
-            type: Output
-        }], deleteButtonClickEvent: [{
-            type: Output
-        }], itemClickEvent: [{
-            type: Output
-        }] }); })();
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "../../public-api";
+import * as i2 from "@angular/router";
+import * as i3 from "@angular/common";
+import * as i4 from "@progress/kendo-angular-buttons";
+import * as i5 from "@progress/kendo-angular-indicators";
+import * as i6 from "@progress/kendo-angular-icons";
+import * as i7 from "@progress/kendo-angular-layout";
+function GenericBrowseListComponent_kendo_loader_13_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "kendo-loader", 10);
+} }
+function GenericBrowseListComponent_div_14_div_1_Template(rf, ctx) { if (rf & 1) {
+    const _r5 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div")(1, "kendo-card", 13)(2, "kendo-card-header", 14);
+    i0.ɵɵelement(3, "kendo-svgicon", 15);
+    i0.ɵɵelementStart(4, "div", 16)(5, "button", 17);
+    i0.ɵɵelement(6, "span", 18);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(7, "button", 19);
+    i0.ɵɵlistener("click", function GenericBrowseListComponent_div_14_div_1_Template_button_click_7_listener() { const restoredCtx = i0.ɵɵrestoreView(_r5); const d_r3 = restoredCtx.$implicit; const ctx_r4 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r4.deleteItem(d_r3)); });
+    i0.ɵɵelement(8, "span", 20);
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(9, "kendo-card-body", 21);
+    i0.ɵɵlistener("click", function GenericBrowseListComponent_div_14_div_1_Template_kendo_card_body_click_9_listener() { const restoredCtx = i0.ɵɵrestoreView(_r5); const d_r3 = restoredCtx.$implicit; const ctx_r6 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r6.itemClick(d_r3)); });
+    i0.ɵɵelementStart(10, "div", 22)(11, "h5", 23);
+    i0.ɵɵtext(12);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(13, "p", 24);
+    i0.ɵɵtext(14);
+    i0.ɵɵelementEnd()()()()();
+} if (rf & 2) {
+    const d_r3 = ctx.$implicit;
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("icon", ctx_r2.sharedService.kendoSVGIcon(ctx_r2.iconName));
+    i0.ɵɵadvance(9);
+    i0.ɵɵtextInterpolate(d_r3.Name);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(d_r3.Description);
+} }
+function GenericBrowseListComponent_div_14_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 11);
+    i0.ɵɵtemplate(1, GenericBrowseListComponent_div_14_div_1_Template, 15, 3, "div", 12);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngForOf", ctx_r1.items);
+} }
+export class GenericBrowseListComponent {
+    constructor(sharedService, router) {
+        this.sharedService = sharedService;
+        this.router = router;
+        this.showLoader = true;
+        this.itemType = '';
+        this.title = '';
+        this.items = [];
+        this.iconName = 'view';
+        this.showAddButton = false;
+        this.addText = 'Create New';
+        this.backText = 'Go Back';
+        this.addButtonClickEvent = new EventEmitter();
+        this.deleteButtonClickEvent = new EventEmitter();
+        this.itemClickEvent = new EventEmitter();
+        this.router = router;
+    }
+    itemClick(item) {
+        if (item) {
+            this.itemClickEvent.emit(item);
+        }
+    }
+    deleteItem(item) {
+        if (item) {
+            this.deleteButtonClickEvent.emit(item);
+        }
+    }
+    addButtonClicked() {
+        this.addButtonClickEvent.emit();
+    }
+    goHomeButtonClicked() {
+        this.router.navigate(["dashboard"]);
+    }
+}
+GenericBrowseListComponent.ɵfac = function GenericBrowseListComponent_Factory(t) { return new (t || GenericBrowseListComponent)(i0.ɵɵdirectiveInject(i1.SharedService), i0.ɵɵdirectiveInject(i2.Router)); };
+GenericBrowseListComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: GenericBrowseListComponent, selectors: [["app-generic-browse-list"]], inputs: { showLoader: "showLoader", itemType: "itemType", title: "title", items: "items", iconName: "iconName", showAddButton: "showAddButton", addText: "addText", backText: "backText" }, outputs: { addButtonClickEvent: "addButtonClickEvent", deleteButtonClickEvent: "deleteButtonClickEvent", itemClickEvent: "itemClickEvent" }, decls: 15, vars: 7, consts: [[1, "card-container"], [1, "card-header-entity"], [1, "title-wrap"], [1, "add-item"], ["kendoButton", "", 3, "primary", "click"], [1, "k-icon", "k-font-icon", "k-i-plus"], [1, "k-icon", "k-font-icon", "k-i-chevron-left"], [1, "main-area"], ["type", "converging-spinner", 4, "ngIf"], ["class", "card-list k-d-flex k-flex-row k-h-full k-flex-wrap", 4, "ngIf"], ["type", "converging-spinner"], [1, "card-list", "k-d-flex", "k-flex-row", "k-h-full", "k-flex-wrap"], [4, "ngFor", "ngForOf"], [1, "card-wrapper"], [1, "k-hstack", "view-card"], ["name", "table", 3, "icon"], [1, "btn-wrapper"], ["kendoButton", "", "fillMode", "flat"], [1, "k-icon", "k-i-edit"], ["kendoButton", "", "fillMode", "flat", 3, "click"], [1, "k-icon", "k-i-delete"], [3, "click"], [1, "view-card-content", "k-cursor-pointer"], ["kendoCardTitle", ""], ["kendoCardSubtitle", ""]], template: function GenericBrowseListComponent_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, "div", 3)(6, "button", 4);
+        i0.ɵɵlistener("click", function GenericBrowseListComponent_Template_button_click_6_listener() { return ctx.addButtonClicked(); });
+        i0.ɵɵelement(7, "span", 5);
+        i0.ɵɵtext(8);
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementStart(9, "button", 4);
+        i0.ɵɵlistener("click", function GenericBrowseListComponent_Template_button_click_9_listener() { return ctx.goHomeButtonClicked(); });
+        i0.ɵɵelement(10, "span", 6);
+        i0.ɵɵtext(11);
+        i0.ɵɵelementEnd()()();
+        i0.ɵɵelementStart(12, "div", 7);
+        i0.ɵɵtemplate(13, GenericBrowseListComponent_kendo_loader_13_Template, 1, 0, "kendo-loader", 8)(14, GenericBrowseListComponent_div_14_Template, 2, 1, "div", 9);
+        i0.ɵɵelementEnd()();
+    } if (rf & 2) {
+        i0.ɵɵadvance(4);
+        i0.ɵɵtextInterpolate(ctx.title);
+        i0.ɵɵadvance(2);
+        i0.ɵɵproperty("primary", true);
+        i0.ɵɵadvance(2);
+        i0.ɵɵtextInterpolate1(" ", ctx.addText, " ");
+        i0.ɵɵadvance();
+        i0.ɵɵproperty("primary", true);
+        i0.ɵɵadvance(2);
+        i0.ɵɵtextInterpolate1(" ", ctx.backText, " ");
+        i0.ɵɵadvance(2);
+        i0.ɵɵproperty("ngIf", ctx.showLoader);
+        i0.ɵɵadvance();
+        i0.ɵɵproperty("ngIf", !ctx.showLoader);
+    } }, dependencies: [i3.NgForOf, i3.NgIf, i4.ButtonComponent, i5.LoaderComponent, i6.SVGIconComponent, i7.CardComponent, i7.CardHeaderComponent, i7.CardBodyComponent, i7.CardTitleDirective, i7.CardSubtitleDirective], styles: [".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  }"] });
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(GenericBrowseListComponent, [{
+        type: Component,
+        args: [{ selector: 'app-generic-browse-list', template: "<div  class=\"card-container\">\r\n    <div class=\"card-header-entity\">\r\n        <div class=\"title-wrap\">\r\n            <h1>{{title}}</h1>\r\n        </div>\r\n        <div class=\"add-item\">\r\n          <button kendoButton (click)=\"addButtonClicked()\" [primary]=\"true\">\r\n            <span class=\"k-icon k-font-icon k-i-plus\"></span>\r\n              {{addText}}\r\n          </button>\r\n          <button kendoButton (click)=\"goHomeButtonClicked()\" [primary]=\"true\">\r\n            <span class=\"k-icon k-font-icon k-i-chevron-left\"></span>\r\n              {{backText}}\r\n          </button>\r\n        </div>\r\n    </div>\r\n    <div class=\"main-area\"> \r\n        <kendo-loader *ngIf=\"showLoader\" type=\"converging-spinner\" ></kendo-loader>\r\n        <div class=\"card-list k-d-flex k-flex-row k-h-full k-flex-wrap\" *ngIf=\"!showLoader\">\r\n          <div *ngFor=\"let d of items\">\r\n            <kendo-card class=\"card-wrapper\">\r\n              <kendo-card-header class=\"k-hstack view-card\">\r\n                <kendo-svgicon name=\"table\" [icon]=\"sharedService.kendoSVGIcon(iconName)\"></kendo-svgicon>\r\n                <div class=\"btn-wrapper\">\r\n                  <button kendoButton fillMode=\"flat\">\r\n                    <span class=\"k-icon k-i-edit\"></span>\r\n                  </button>\r\n                  <button kendoButton fillMode=\"flat\" (click)=\"deleteItem(d)\"><span\r\n                      class=\"k-icon k-i-delete\"></span></button>\r\n                </div>\r\n              </kendo-card-header>\r\n              <kendo-card-body (click)=\"itemClick(d)\">\r\n                <div class=\"view-card-content k-cursor-pointer\">\r\n                  <h5 kendoCardTitle>{{ d.Name }}</h5>\r\n                  <p kendoCardSubtitle>{{ d.Description }}</p>\r\n                </div>\r\n              </kendo-card-body>\r\n            </kendo-card>\r\n          </div>\r\n        </div>\r\n    </div>\r\n</div>", styles: ["\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  "] }]
+    }], () => [{ type: i1.SharedService }, { type: i2.Router }], { showLoader: [{
+            type: Input
+        }], itemType: [{
+            type: Input
+        }], title: [{
+            type: Input
+        }], items: [{
+            type: Input
+        }], iconName: [{
+            type: Input
+        }], showAddButton: [{
+            type: Input
+        }], addText: [{
+            type: Input
+        }], backText: [{
+            type: Input
+        }], addButtonClickEvent: [{
+            type: Output
+        }], deleteButtonClickEvent: [{
+            type: Output
+        }], itemClickEvent: [{
+            type: Output
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(GenericBrowseListComponent, { className: "GenericBrowseListComponent", filePath: "src\\lib\\generic-browse-list\\generic-browse-list.component.ts", lineNumber: 10 }); })();

package/dist/lib/guards/auth-guard.service.d.ts

@@ -1,11 +1,11 @@
-import { Router, CanActivate } from '@angular/router';
-import { MJAuthBase } from '@memberjunction/ng-auth-services';
-import * as i0 from "@angular/core";
-export declare class AuthGuardService implements CanActivate {
-    private authBase;
-    router: Router;
-    constructor(authBase: MJAuthBase, router: Router);
-    canActivate(): boolean;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AuthGuardService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<AuthGuardService>;
-}
+import { Router, CanActivate } from '@angular/router';
+import { MJAuthBase } from '@memberjunction/ng-auth-services';
+import * as i0 from "@angular/core";
+export declare class AuthGuardService implements CanActivate {
+    private authBase;
+    router: Router;
+    constructor(authBase: MJAuthBase, router: Router);
+    canActivate(): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AuthGuardService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<AuthGuardService>;
+}

package/dist/lib/guards/auth-guard.service.js

@@ -1,24 +1,24 @@
-import { Injectable } from '@angular/core';
-import * as i0 from "@angular/core";
-import * as i1 from "@memberjunction/ng-auth-services";
-import * as i2 from "@angular/router";
-export class AuthGuardService {
-    constructor(authBase, router) {
-        this.authBase = authBase;
-        this.router = router;
-    }
-    canActivate() {
-        if (!this.authBase.authenticated) {
-            return false;
-        }
-        return true;
-    }
-}
-AuthGuardService.ɵfac = function AuthGuardService_Factory(t) { return new (t || AuthGuardService)(i0.ɵɵinject(i1.MJAuthBase), i0.ɵɵinject(i2.Router)); };
-AuthGuardService.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: AuthGuardService, factory: AuthGuardService.ɵfac, providedIn: 'root' });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AuthGuardService, [{
-        type: Injectable,
-        args: [{
-                providedIn: 'root',
-            }]
-    }], function () { return [{ type: i1.MJAuthBase }, { type: i2.Router }]; }, null); })();
+import { Injectable } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@memberjunction/ng-auth-services";
+import * as i2 from "@angular/router";
+export class AuthGuardService {
+    constructor(authBase, router) {
+        this.authBase = authBase;
+        this.router = router;
+    }
+    canActivate() {
+        if (!this.authBase.authenticated) {
+            return false;
+        }
+        return true;
+    }
+}
+AuthGuardService.ɵfac = function AuthGuardService_Factory(t) { return new (t || AuthGuardService)(i0.ɵɵinject(i1.MJAuthBase), i0.ɵɵinject(i2.Router)); };
+AuthGuardService.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: AuthGuardService, factory: AuthGuardService.ɵfac, providedIn: 'root' });
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AuthGuardService, [{
+        type: Injectable,
+        args: [{
+                providedIn: 'root',
+            }]
+    }], () => [{ type: i1.MJAuthBase }, { type: i2.Router }], null); })();