@memberjunction/ng-explorer-core 3.3.0 → 4.0.0

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

@@ -0,0 +1,171 @@
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@memberjunction/ng-shared";
+import * as i2 from "@angular/router";
+import * as i3 from "@angular/common";
+import * as i4 from "@progress/kendo-angular-buttons";
+import * as i5 from "@memberjunction/ng-shared-generic";
+function GenericBrowseListComponent_div_17_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 13);
+    i0.ɵɵelement(1, "mj-loading", 14);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("showText", false);
+} }
+function GenericBrowseListComponent_div_18_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 16)(1, "div", 18);
+    i0.ɵɵelement(2, "i", 19);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "h3");
+    i0.ɵɵtext(4, "No Favorites Yet");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "p");
+    i0.ɵɵtext(6, "Add items to your favorites to see them here");
+    i0.ɵɵelementEnd()();
+} }
+function GenericBrowseListComponent_div_18_Conditional_2_div_0_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 17)(1, "div", 21)(2, "div", 22)(3, "button", 23);
+    i0.ɵɵelement(4, "i", 24);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "button", 25);
+    i0.ɵɵelement(6, "i", 26);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(7, "button", 27);
+    i0.ɵɵelement(8, "i", 28);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(9, "button", 29);
+    i0.ɵɵelement(10, "i", 30);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(11, "div", 31);
+    i0.ɵɵlistener("click", function GenericBrowseListComponent_div_18_Conditional_2_div_0_Template_div_click_11_listener() { const d_r2 = i0.ɵɵrestoreView(_r1).$implicit; const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.itemClick(d_r2)); });
+    i0.ɵɵelementStart(12, "div", 32);
+    i0.ɵɵelement(13, "i", 33);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(14, "h5");
+    i0.ɵɵtext(15);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(16, "p");
+    i0.ɵɵtext(17);
+    i0.ɵɵelementEnd()()()();
+} if (rf & 2) {
+    const d_r2 = ctx.$implicit;
+    i0.ɵɵadvance(15);
+    i0.ɵɵtextInterpolate(d_r2.Name);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(d_r2.Description);
+} }
+function GenericBrowseListComponent_div_18_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, GenericBrowseListComponent_div_18_Conditional_2_div_0_Template, 18, 2, "div", 20);
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("ngForOf", ctx_r2.items);
+} }
+function GenericBrowseListComponent_div_18_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 15);
+    i0.ɵɵtemplate(1, GenericBrowseListComponent_div_18_Conditional_1_Template, 7, 0, "div", 16)(2, GenericBrowseListComponent_div_18_Conditional_2_Template, 1, 1, "div", 17);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r2.items.length === 0 ? 1 : 2);
+} }
+export class GenericBrowseListComponent {
+    sharedService;
+    router;
+    showLoader = true;
+    itemType = '';
+    title = '';
+    items = [];
+    iconName = 'view';
+    showAddButton = false;
+    addText = 'Create New';
+    backText = 'Go Back';
+    addButtonClickEvent = new EventEmitter();
+    deleteButtonClickEvent = new EventEmitter();
+    itemClickEvent = new EventEmitter();
+    constructor(sharedService, router) {
+        this.sharedService = sharedService;
+        this.router = router;
+        this.router = router;
+    }
+    data = [
+        { text: "Folder" },
+        { text: "Report with Skip" },
+    ];
+    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"]);
+    }
+    static ɵfac = function GenericBrowseListComponent_Factory(t) { return new (t || GenericBrowseListComponent)(i0.ɵɵdirectiveInject(i1.SharedService), i0.ɵɵdirectiveInject(i2.Router)); };
+    static ɵ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: 19, vars: 4, consts: [[1, "generic-browse-list-container"], [1, "card-header-entity"], [1, "title-wrap"], [1, "add-item"], ["kendoButton", "", 1, "edit-btn", "mj-btn-primary", 3, "click"], [1, "fa-solid", "fa-pen-to-square"], [1, "main-fav-wrapper"], [1, "title-wrapper"], ["themeColor", "primary", 3, "data"], [1, "fa-solid", "fa-plus"], [1, "main-area"], ["class", "mj-loading", 4, "ngIf"], ["class", "card-list", 4, "ngIf"], [1, "mj-loading"], ["size", "large", 3, "showText"], [1, "card-list"], [1, "mj-empty-state"], [1, "card-wrapper"], [1, "mj-empty-icon"], [1, "fa-solid", "fa-star"], ["class", "card-wrapper", 4, "ngFor", "ngForOf"], [1, "mj-card-body"], [1, "list-item-icon"], ["title", "Add to Favorites", 1, "common-btn"], [1, "fa-regular", "fa-star"], ["title", "Open", 1, "common-btn"], [1, "fa-solid", "fa-external-link-alt"], ["title", "Edit", 1, "common-btn"], [1, "fa-regular", "fa-pen-to-square"], ["title", "Delete", 1, "common-btn"], [1, "fa-regular", "fa-trash-can"], [1, "view-card-content-list", 3, "click"], [1, "card-icon"], [1, "fa-solid", "fa-chart-bar", "fa-3x", 2, "color", "var(--mj-blue)"]], 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, "i", 5);
+            i0.ɵɵtext(8, " Add/Edit Entities ");
+            i0.ɵɵelementEnd()()();
+            i0.ɵɵelementStart(9, "div", 6)(10, "div", 7)(11, "h4");
+            i0.ɵɵtext(12, "Favorites");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(13, "kendo-dropdownbutton", 8);
+            i0.ɵɵelement(14, "i", 9);
+            i0.ɵɵtext(15, " Create New ");
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(16, "div", 10);
+            i0.ɵɵtemplate(17, GenericBrowseListComponent_div_17_Template, 2, 1, "div", 11)(18, GenericBrowseListComponent_div_18_Template, 3, 1, "div", 12);
+            i0.ɵɵelementEnd()()();
+        } if (rf & 2) {
+            i0.ɵɵadvance(4);
+            i0.ɵɵtextInterpolate(ctx.title);
+            i0.ɵɵadvance(9);
+            i0.ɵɵproperty("data", ctx.data);
+            i0.ɵɵadvance(4);
+            i0.ɵɵproperty("ngIf", ctx.showLoader);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngIf", !ctx.showLoader);
+        } }, dependencies: [i3.NgForOf, i3.NgIf, i4.ButtonComponent, i4.DropDownButtonComponent, i5.LoadingComponent], styles: ["\n\n\n\n\n.generic-browse-list-container[_ngcontent-%COMP%] {\n    @extend .mj-page-container;\n}\n\n\n\n.card-header-entity[_ngcontent-%COMP%] {\n    @extend .mj-header;\n}\n\n.title-wrap[_ngcontent-%COMP%] {\n    @extend .mj-header-title;\n}\n\n.title-wrap[_ngcontent-%COMP%]   h1[_ngcontent-%COMP%] {\n    margin: 0;\n    font-size: 2.25rem;\n    line-height: 1.2;\n    color: var(--navy);\n}\n\n.add-item[_ngcontent-%COMP%] {\n    @extend .mj-header-actions;\n}\n\n.add-item[_ngcontent-%COMP%]   .edit-btn[_ngcontent-%COMP%] {\n    @extend .mj-btn-primary;\n}\n\n\n\n.main-fav-wrapper[_ngcontent-%COMP%] {\n    @extend .mj-content-container;\n}\n\n\n\n.title-wrapper[_ngcontent-%COMP%] {\n    @extend .mj-toolbar;\n}\n\n.title-wrapper[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%] {\n    @extend .mj-toolbar-title;\n    margin: 0;\n    font-size: 1.5rem;\n    font-weight: 600;\n    color: var(--navy);\n}\n\n\n\n  .main-fav-wrapper .title-wrapper .k-dropdown-button .k-button {\n    @extend .mj-btn-primary;\n}\n\n\n\n.card-list[_ngcontent-%COMP%] {\n    @extend .mj-grid-responsive;\n    margin-top: 20px;\n}\n\n.card-wrapper[_ngcontent-%COMP%] {\n    @extend .mj-card;\n    @extend .mj-grid-item;\n    position: relative;\n    cursor: pointer;\n}\n\n\n\n.view-card-content-list[_ngcontent-%COMP%] {\n    @extend .mj-card-body;\n    text-align: center;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    padding: 24px 16px;\n}\n\n.view-card-content-list[_ngcontent-%COMP%]   svg[_ngcontent-%COMP%] {\n    width: 48px;\n    height: 48px;\n    margin-bottom: 16px;\n    transition: var(--transition-time);\n}\n\n.view-card-content-list[_ngcontent-%COMP%]   h5[_ngcontent-%COMP%] {\n    font-size: 1.25rem;\n    font-weight: 600;\n    color: var(--navy);\n    margin: 0 0 8px 0;\n    transition: var(--transition-time);\n    text-align: center;\n}\n\n.view-card-content-list[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n    font-size: 0.9rem;\n    color: var(--gray-800);\n    line-height: 1.4;\n    margin: 0;\n    text-align: center;\n    display: -webkit-box;\n    -webkit-line-clamp: 3;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n}\n\n\n\n.list-item-icon[_ngcontent-%COMP%] {\n    @extend .mj-card-actions;\n    background: rgba(255, 255, 255, 0.95);\n    backdrop-filter: blur(4px);\n    border-radius: var(--border-radius);\n    padding: 8px;\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n}\n\n.common-btn[_ngcontent-%COMP%] {\n    @extend .mj-btn-icon-only;\n    @extend .mj-btn-sm;\n    background: transparent;\n    border: 1px solid var(--gray-700);\n    color: var(--gray-800);\n    \n    &:hover {\n        background: var(--mj-blue);\n        color: var(--white-color);\n        border-color: var(--mj-blue);\n    }\n}\n\n.common-btn[_ngcontent-%COMP%]   svg[_ngcontent-%COMP%] {\n    width: 16px;\n    height: 16px;\n}\n\n.common-btn[_ngcontent-%COMP%]   svg[_ngcontent-%COMP%]   path[_ngcontent-%COMP%] {\n    transition: var(--transition-time);\n}\n\n.common-btn[_ngcontent-%COMP%]:hover   svg[_ngcontent-%COMP%]   path[_ngcontent-%COMP%] {\n    fill: var(--white-color);\n}\n\n\n\n.card-wrapper[_ngcontent-%COMP%]:hover {\n    .view-card-content-list svg {\n        transform: scale(1.1);\n    }\n    \n    .view-card-content-list svg path {\n        fill: var(--mj-blue);\n    }\n    \n    .view-card-content-list h5 {\n        color: var(--mj-blue);\n        transform: scale(1.02);\n    }\n}\n\n\n\n.breadcrumb-wrap[_ngcontent-%COMP%] {\n    @extend .mj-breadcrumb;\n}\n\n\n\n  .generic-browse-list-container .card-header-entity .title-wrap h1 {\n    margin: 0 !important;\n    font-size: 2.25rem !important;\n    line-height: 1.2 !important;\n    color: var(--navy) !important;\n}\n\n  .generic-browse-list-container .card-header-entity .add-item .k-button {\n    @extend .mj-btn-primary;\n}\n\n\n\n\n\n\n@media (max-width: 768px) {\n    .card-header-entity[_ngcontent-%COMP%] {\n        flex-direction: column;\n        align-items: stretch;\n        gap: 20px;\n        text-align: center;\n    }\n    \n    .title-wrapper[_ngcontent-%COMP%] {\n        flex-direction: column;\n        align-items: stretch;\n        gap: 15px;\n    }\n    \n    .list-item-icon[_ngcontent-%COMP%] {\n        opacity: 1;\n        position: static;\n        justify-content: center;\n        margin-top: 16px;\n        background: var(--gray-600);\n        border-radius: var(--border-radius);\n    }\n}\n\n@media (max-width: 480px) {\n    .view-card-content-list[_ngcontent-%COMP%] {\n        padding: 20px 12px;\n    }\n    \n    .view-card-content-list[_ngcontent-%COMP%]   svg[_ngcontent-%COMP%] {\n        width: 40px;\n        height: 40px;\n        margin-bottom: 12px;\n    }\n    \n    .view-card-content-list[_ngcontent-%COMP%]   h5[_ngcontent-%COMP%] {\n        font-size: 1.1rem;\n    }\n    \n    .view-card-content-list[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n        font-size: 0.85rem;\n    }\n}"] });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(GenericBrowseListComponent, [{
+        type: Component,
+        args: [{ selector: 'app-generic-browse-list', template: "<div class=\"generic-browse-list-container\">\n  <!-- Main Header -->\n  <div class=\"card-header-entity\">\n    <div class=\"title-wrap\">\n      <h1>{{ title }}</h1>\n    </div>\n    <div class=\"add-item\">\n      <button class=\"edit-btn mj-btn-primary\" kendoButton (click)=\"addButtonClicked()\">\n        <i class=\"fa-solid fa-pen-to-square\"></i>\n        Add/Edit Entities\n      </button>\n    </div>\n  </div>\n\n  <!-- Content Section -->\n  <div class=\"main-fav-wrapper\">\n    <!-- Section Header -->\n    <div class=\"title-wrapper\">\n      <h4>Favorites</h4>\n      <kendo-dropdownbutton [data]=\"data\" themeColor=\"primary\">\n        <i class=\"fa-solid fa-plus\"></i>\n        Create New\n      </kendo-dropdownbutton>\n    </div>\n\n    <!-- Main Content Area -->\n    <div class=\"main-area\">\n      <!-- Loading State -->\n      <div class=\"mj-loading\" *ngIf=\"showLoader\">\n        <mj-loading [showText]=\"false\" size=\"large\"></mj-loading>\n      </div>\n\n      <!-- Items Grid -->\n      <div class=\"card-list\" *ngIf=\"!showLoader\">\n        @if(items.length === 0) {\n          <div class=\"mj-empty-state\">\n            <div class=\"mj-empty-icon\">\n              <i class=\"fa-solid fa-star\"></i>\n            </div>\n            <h3>No Favorites Yet</h3>\n            <p>Add items to your favorites to see them here</p>\n          </div>\n        }\n        @else {\n          <div *ngFor=\"let d of items\" class=\"card-wrapper\">\n            <div class=\"mj-card-body\">\n              <!-- Card Actions -->\n              <div class=\"list-item-icon\">\n                <button class=\"common-btn\" title=\"Add to Favorites\">\n                  <i class=\"fa-regular fa-star\"></i>\n                </button>\n                <button class=\"common-btn\" title=\"Open\">\n                  <i class=\"fa-solid fa-external-link-alt\"></i>\n                </button>\n                <button class=\"common-btn\" title=\"Edit\">\n                  <i class=\"fa-regular fa-pen-to-square\"></i>\n                </button>\n                <button class=\"common-btn\" title=\"Delete\">\n                  <i class=\"fa-regular fa-trash-can\"></i>\n                </button>\n              </div>\n\n              <!-- Card Content -->\n              <div class=\"view-card-content-list\" (click)=\"itemClick(d)\">\n                <div class=\"card-icon\">\n                  <i class=\"fa-solid fa-chart-bar fa-3x\" style=\"color: var(--mj-blue);\"></i>\n                </div>\n                <h5>{{ d.Name }}</h5>\n                <p>{{ d.Description }}</p>\n              </div>\n            </div>\n          </div>\n        }\n      </div>\n    </div>\n  </div>\n</div>", styles: ["/* ===================================\n   GENERIC BROWSE LIST COMPONENT - STANDARDIZED\n   =================================== */\n\n.generic-browse-list-container {\n    @extend .mj-page-container;\n}\n\n/* Main Header */\n.card-header-entity {\n    @extend .mj-header;\n}\n\n.title-wrap {\n    @extend .mj-header-title;\n}\n\n.title-wrap h1 {\n    margin: 0;\n    font-size: 2.25rem;\n    line-height: 1.2;\n    color: var(--navy);\n}\n\n.add-item {\n    @extend .mj-header-actions;\n}\n\n.add-item .edit-btn {\n    @extend .mj-btn-primary;\n}\n\n/* Main Content Wrapper */\n.main-fav-wrapper {\n    @extend .mj-content-container;\n}\n\n/* Section Title */\n.title-wrapper {\n    @extend .mj-toolbar;\n}\n\n.title-wrapper h4 {\n    @extend .mj-toolbar-title;\n    margin: 0;\n    font-size: 1.5rem;\n    font-weight: 600;\n    color: var(--navy);\n}\n\n/* Create New Dropdown */\n::ng-deep .main-fav-wrapper .title-wrapper .k-dropdown-button .k-button {\n    @extend .mj-btn-primary;\n}\n\n/* Card Grid */\n.card-list {\n    @extend .mj-grid-responsive;\n    margin-top: 20px;\n}\n\n.card-wrapper {\n    @extend .mj-card;\n    @extend .mj-grid-item;\n    position: relative;\n    cursor: pointer;\n}\n\n/* Card Content */\n.view-card-content-list {\n    @extend .mj-card-body;\n    text-align: center;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    padding: 24px 16px;\n}\n\n.view-card-content-list svg {\n    width: 48px;\n    height: 48px;\n    margin-bottom: 16px;\n    transition: var(--transition-time);\n}\n\n.view-card-content-list h5 {\n    font-size: 1.25rem;\n    font-weight: 600;\n    color: var(--navy);\n    margin: 0 0 8px 0;\n    transition: var(--transition-time);\n    text-align: center;\n}\n\n.view-card-content-list p {\n    font-size: 0.9rem;\n    color: var(--gray-800);\n    line-height: 1.4;\n    margin: 0;\n    text-align: center;\n    display: -webkit-box;\n    -webkit-line-clamp: 3;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n}\n\n/* Card Actions */\n.list-item-icon {\n    @extend .mj-card-actions;\n    background: rgba(255, 255, 255, 0.95);\n    backdrop-filter: blur(4px);\n    border-radius: var(--border-radius);\n    padding: 8px;\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n}\n\n.common-btn {\n    @extend .mj-btn-icon-only;\n    @extend .mj-btn-sm;\n    background: transparent;\n    border: 1px solid var(--gray-700);\n    color: var(--gray-800);\n    \n    &:hover {\n        background: var(--mj-blue);\n        color: var(--white-color);\n        border-color: var(--mj-blue);\n    }\n}\n\n.common-btn svg {\n    width: 16px;\n    height: 16px;\n}\n\n.common-btn svg path {\n    transition: var(--transition-time);\n}\n\n.common-btn:hover svg path {\n    fill: var(--white-color);\n}\n\n/* Card Hover Effects */\n.card-wrapper:hover {\n    .view-card-content-list svg {\n        transform: scale(1.1);\n    }\n    \n    .view-card-content-list svg path {\n        fill: var(--mj-blue);\n    }\n    \n    .view-card-content-list h5 {\n        color: var(--mj-blue);\n        transform: scale(1.02);\n    }\n}\n\n/* Breadcrumb */\n.breadcrumb-wrap {\n    @extend .mj-breadcrumb;\n}\n\n/* Legacy Support */\n::ng-deep .generic-browse-list-container .card-header-entity .title-wrap h1 {\n    margin: 0 !important;\n    font-size: 2.25rem !important;\n    line-height: 1.2 !important;\n    color: var(--navy) !important;\n}\n\n::ng-deep .generic-browse-list-container .card-header-entity .add-item .k-button {\n    @extend .mj-btn-primary;\n}\n\n/* ===================================\n   RESPONSIVE DESIGN\n   =================================== */\n\n@media (max-width: 768px) {\n    .card-header-entity {\n        flex-direction: column;\n        align-items: stretch;\n        gap: 20px;\n        text-align: center;\n    }\n    \n    .title-wrapper {\n        flex-direction: column;\n        align-items: stretch;\n        gap: 15px;\n    }\n    \n    .list-item-icon {\n        opacity: 1;\n        position: static;\n        justify-content: center;\n        margin-top: 16px;\n        background: var(--gray-600);\n        border-radius: var(--border-radius);\n    }\n}\n\n@media (max-width: 480px) {\n    .view-card-content-list {\n        padding: 20px 12px;\n    }\n    \n    .view-card-content-list svg {\n        width: 40px;\n        height: 40px;\n        margin-bottom: 12px;\n    }\n    \n    .view-card-content-list h5 {\n        font-size: 1.1rem;\n    }\n    \n    .view-card-content-list p {\n        font-size: 0.85rem;\n    }\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" }); })();
+//# sourceMappingURL=generic-browse-list.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"generic-browse-list.component.js","sourceRoot":"","sources":["../../../src/lib/generic-browse-list/generic-browse-list.component.ts","../../../src/lib/generic-browse-list/generic-browse-list.component.html"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,120 @@
+import { EventEmitter, OnInit } from '@angular/core';
+import { SharedService } from '@memberjunction/ng-shared';
+import { Item } from '../../generic/Item.types';
+import { AfterAddFolderEvent, AfterAddItemEvent, AfterDeleteFolderEvent, AfterDeleteItemEvent, AfterUnlinkItemEvent, AfterUpdateFolderEvent, AfterUpdateItemEvent, BeforeAddFolderEvent, BeforeAddItemEvent, BeforeDeleteFolderEvent, BeforeDeleteItemEvent, BeforeUnlinkItemEvent, BeforeUpdateFolderEvent, BeforeUpdateItemEvent, DropdownOptionClickEvent } from '../../generic/Events.types';
+import { CellClickEvent } from '@progress/kendo-angular-grid';
+import { EntityFormDialogComponent } from '@memberjunction/ng-entity-form-dialog';
+import * as i0 from "@angular/core";
+export declare class GenericBrowserListComponent implements OnInit {
+    sharedService: SharedService;
+    entityFormDialogRef: EntityFormDialogComponent | undefined;
+    showLoader: boolean;
+    itemType: string;
+    title: string | undefined;
+    items: Item[];
+    iconName: string;
+    disableEditButton: boolean;
+    addText: string;
+    backText: string;
+    ItemEntityName: string;
+    CategoryEntityName: string;
+    selectedFolderID: string | null;
+    showNotifications: boolean;
+    categoryEntityID: string | null;
+    displayAsGrid: boolean;
+    resourceName: string;
+    /**
+     * If we are viewing a reesource, such as dashboards, reports, queries, etc
+     * then the UI will need to change abit to accomodate this like
+     * showing the name of the resouce as a header
+     */
+    viewingResource: boolean;
+    /**
+     * Indicates if the items should be displayed as a list
+     * or as a grid of icons
+     */
+    displayItemsAsList: boolean;
+    extraDropdownOptions: {
+        text: string;
+    }[];
+    BeforeAddFolderEvent: EventEmitter<BeforeAddFolderEvent>;
+    BeforeAddItemEvent: EventEmitter<BeforeAddItemEvent>;
+    BeforeDeleteFolderEvent: EventEmitter<BeforeDeleteFolderEvent>;
+    BeforeDeleteItemEvent: EventEmitter<BeforeDeleteItemEvent>;
+    BeforeUnlinkItemEvent: EventEmitter<BeforeUnlinkItemEvent>;
+    BeforeUpdateFolderEvent: EventEmitter<BeforeUpdateFolderEvent>;
+    BeforeUpdateItemEvent: EventEmitter<BeforeUpdateItemEvent>;
+    AfterAddFolderEvent: EventEmitter<AfterAddFolderEvent>;
+    AfterAddItemEvent: EventEmitter<AfterAddItemEvent>;
+    AfterDeleteFolderEvent: EventEmitter<AfterDeleteFolderEvent>;
+    AfterDeleteItemEvent: EventEmitter<AfterDeleteItemEvent>;
+    AfterUnlinkItemEvent: EventEmitter<AfterUnlinkItemEvent>;
+    AfterUpdateFolderEvent: EventEmitter<AfterUpdateFolderEvent>;
+    AfterUpdateItemEvent: EventEmitter<AfterUpdateItemEvent>;
+    NavigateToParentEvent: EventEmitter<void>;
+    itemClickEvent: EventEmitter<any>;
+    backButtonClickEvent: EventEmitter<void>;
+    dropdownOptionClickEvent: EventEmitter<DropdownOptionClickEvent>;
+    viewModeChangeEvent: EventEmitter<'grid' | 'list'>;
+    private _resizeDebounceTime;
+    private _resizeEndDebounceTime;
+    private filterItemsSubject;
+    private filter;
+    private sourceItems;
+    selectedItem: Item | null;
+    deleteDialogOpened: boolean;
+    copyFromDialogOpened: boolean;
+    createFolderDialogOpened: boolean;
+    private newFolderText;
+    private resourceTypes;
+    private createNewRecordName;
+    entityObjectName: string;
+    /**
+     * Options for the create button dropdown
+     */
+    dropdownOptions: {
+        text: string;
+    }[];
+    constructor(sharedService: SharedService);
+    ngOnInit(): Promise<void>;
+    onCellItemClicked(event: CellClickEvent): void;
+    itemClick(item: any): void;
+    backButtonClicked(): void;
+    addResourceButtonClicked(): Promise<void>;
+    createFolder(): Promise<void>;
+    unlinkItem(item: Item): Promise<void>;
+    private _currentDeleteOrUnlinkState;
+    deleteOrUnlink(item: Item, bDelete: boolean): Promise<void>;
+    goToParent(): void;
+    deleteItem(item: Item): Promise<void>;
+    onConfirmDeleteItem(shouldDelete: boolean): Promise<void>;
+    private deleteFolder;
+    private deleteResource;
+    private unlinkResource;
+    private doesFolderHaveChildren;
+    private showNotification;
+    private TryGetID;
+    changeViewMode(mode: 'grid' | 'list'): void;
+    onKeyup(Value: any): void;
+    onCreateFolderKeyup(value: string): void;
+    private filterItems;
+    SetFavoriteStatus(item: any): Promise<void>;
+    editItem(item: Item): void;
+    onDropdownItemClick(data: {
+        text: string;
+    }): Promise<void>;
+    toggleCopyFromView(): void;
+    getCopyFromTitle(): string;
+    toggleCreateFolderView(visible?: boolean): void;
+    getIconForResourceType(item: Item): string;
+    getHeaderIconClass(): string;
+    getResourceTypeLabel(item: Item): string;
+    getFormattedDate(date: any): string;
+    /**
+     * Safely gets a property from an item, checking both the item itself and its Data property
+     */
+    getItemProperty(item: Item, propertyName: string): any;
+    static ɵfac: i0.ɵɵFactoryDeclaration<GenericBrowserListComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GenericBrowserListComponent, "app-generic-browser-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; }; "disableEditButton": { "alias": "disableEditButton"; "required": false; }; "addText": { "alias": "addText"; "required": false; }; "backText": { "alias": "backText"; "required": false; }; "ItemEntityName": { "alias": "ItemEntityName"; "required": false; }; "CategoryEntityName": { "alias": "CategoryEntityName"; "required": false; }; "selectedFolderID": { "alias": "selectedFolderID"; "required": false; }; "showNotifications": { "alias": "showNotifications"; "required": false; }; "categoryEntityID": { "alias": "categoryEntityID"; "required": false; }; "displayAsGrid": { "alias": "displayAsGrid"; "required": false; }; "resourceName": { "alias": "resourceName"; "required": false; }; "viewingResource": { "alias": "viewingResource"; "required": false; }; "displayItemsAsList": { "alias": "displayItemsAsList"; "required": false; }; "extraDropdownOptions": { "alias": "extraDropdownOptions"; "required": false; }; }, { "BeforeAddFolderEvent": "BeforeAddFolderEvent"; "BeforeAddItemEvent": "BeforeAddItemEvent"; "BeforeDeleteFolderEvent": "BeforeDeleteFolderEvent"; "BeforeDeleteItemEvent": "BeforeDeleteItemEvent"; "BeforeUnlinkItemEvent": "BeforeUnlinkItemEvent"; "BeforeUpdateFolderEvent": "BeforeUpdateFolderEvent"; "BeforeUpdateItemEvent": "BeforeUpdateItemEvent"; "AfterAddFolderEvent": "AfterAddFolderEvent"; "AfterAddItemEvent": "AfterAddItemEvent"; "AfterDeleteFolderEvent": "AfterDeleteFolderEvent"; "AfterDeleteItemEvent": "AfterDeleteItemEvent"; "AfterUnlinkItemEvent": "AfterUnlinkItemEvent"; "AfterUpdateFolderEvent": "AfterUpdateFolderEvent"; "AfterUpdateItemEvent": "AfterUpdateItemEvent"; "NavigateToParentEvent": "NavigateToParentEvent"; "itemClickEvent": "itemClickEvent"; "backButtonClickEvent": "backButtonClickEvent"; "dropdownOptionClickEvent": "dropdownOptionClickEvent"; "viewModeChangeEvent": "viewModeChangeEvent"; }, never, never, false, never>;
+}
+//# sourceMappingURL=generic-browser-list.component.d.ts.map

package/dist/lib/generic-browser-list/generic-browser-list.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"generic-browser-list.component.d.ts","sourceRoot":"","sources":["../../../src/lib/generic-browser-list/generic-browser-list.component.ts"],"names":[],"mappings":"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"}