@memberjunction/ng-explorer-core 4.0.0 → 4.2.0

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

@@ -1,1093 +0,0 @@
-import { Component, EventEmitter, Input, Output, ViewChild } from '@angular/core';
-import { SharedService } from '@memberjunction/ng-shared';
-import { Folder, Item, ItemType } from '../../generic/Item.types';
-import { Metadata, KeyValuePair, RunView, CompositeKey } from '@memberjunction/core';
-import { AfterAddFolderEvent, AfterAddItemEvent, AfterDeleteFolderEvent, AfterDeleteItemEvent, AfterUnlinkItemEvent, BeforeAddFolderEvent, BeforeAddItemEvent, BeforeDeleteFolderEvent, BeforeDeleteItemEvent, BeforeUnlinkItemEvent, BeforeUpdateFolderEvent, BeforeUpdateItemEvent, DropdownOptionClickEvent } from '../../generic/Events.types';
-import { Subject, debounceTime } from 'rxjs';
-import * as i0 from "@angular/core";
-import * as i1 from "@memberjunction/ng-shared";
-import * as i2 from "@angular/common";
-import * as i3 from "@progress/kendo-angular-grid";
-import * as i4 from "@progress/kendo-angular-dialog";
-import * as i5 from "@progress/kendo-angular-buttons";
-import * as i6 from "@progress/kendo-angular-inputs";
-import * as i7 from "@progress/kendo-angular-label";
-import * as i8 from "@progress/kendo-angular-layout";
-import * as i9 from "@memberjunction/ng-entity-form-dialog";
-import * as i10 from "@memberjunction/ng-shared-generic";
-const _c0 = ["entityFormDialog"];
-function GenericBrowserListComponent_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    const _r2 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "span", 28);
-    i0.ɵɵlistener("click", function GenericBrowserListComponent_Conditional_4_Template_span_click_0_listener() { i0.ɵɵrestoreView(_r2); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.goToParent()); });
-    i0.ɵɵelement(1, "span", 29);
-    i0.ɵɵelementEnd();
-} }
-function GenericBrowserListComponent_Conditional_10_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 9);
-    i0.ɵɵelement(1, "span", 30);
-    i0.ɵɵtext(2, " Current Folder ");
-    i0.ɵɵelementEnd();
-} }
-function GenericBrowserListComponent_ng_template_20_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 31);
-} }
-function GenericBrowserListComponent_div_28_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 32);
-    i0.ɵɵelement(1, "mj-loading", 33);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("showText", false);
-} }
-function GenericBrowserListComponent_Conditional_29_Conditional_0_ng_template_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 43)(1, "span", 44);
-    i0.ɵɵtext(2);
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const dataItem_r6 = ctx.$implicit;
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(dataItem_r6.Name);
-} }
-function GenericBrowserListComponent_Conditional_29_Conditional_0_ng_template_5_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 45);
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const dataItem_r7 = i0.ɵɵnextContext().$implicit;
-    const ctx_r2 = i0.ɵɵnextContext(3);
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(ctx_r2.getFormattedDate(ctx_r2.getItemProperty(dataItem_r7, "LastOpened")));
-} }
-function GenericBrowserListComponent_Conditional_29_Conditional_0_ng_template_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, GenericBrowserListComponent_Conditional_29_Conditional_0_ng_template_5_Conditional_0_Template, 2, 1, "span", 45);
-} if (rf & 2) {
-    const dataItem_r7 = ctx.$implicit;
-    const ctx_r2 = i0.ɵɵnextContext(3);
-    i0.ɵɵconditional(ctx_r2.getItemProperty(dataItem_r7, "LastOpened") ? 0 : -1);
-} }
-function GenericBrowserListComponent_Conditional_29_Conditional_0_ng_template_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtext(0);
-} if (rf & 2) {
-    const dataItem_r8 = ctx.$implicit;
-    const ctx_r2 = i0.ɵɵnextContext(3);
-    i0.ɵɵtextInterpolate1(" ", ctx_r2.getItemProperty(dataItem_r8, "ModifiedBy") || "", " ");
-} }
-function GenericBrowserListComponent_Conditional_29_Conditional_0_ng_template_9_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "kendo-chip", 46);
-} }
-function GenericBrowserListComponent_Conditional_29_Conditional_0_ng_template_9_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "kendo-chip", 47);
-} if (rf & 2) {
-    const dataItem_r9 = i0.ɵɵnextContext().$implicit;
-    const ctx_r2 = i0.ɵɵnextContext(3);
-    i0.ɵɵproperty("label", ctx_r2.getResourceTypeLabel(dataItem_r9));
-} }
-function GenericBrowserListComponent_Conditional_29_Conditional_0_ng_template_9_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, GenericBrowserListComponent_Conditional_29_Conditional_0_ng_template_9_Conditional_0_Template, 1, 0, "kendo-chip", 46)(1, GenericBrowserListComponent_Conditional_29_Conditional_0_ng_template_9_Conditional_1_Template, 1, 1, "kendo-chip", 47);
-} if (rf & 2) {
-    const dataItem_r9 = ctx.$implicit;
-    i0.ɵɵconditional(dataItem_r9.Type === "Folder" ? 0 : dataItem_r9.Type === "Resource" ? 1 : -1);
-} }
-function GenericBrowserListComponent_Conditional_29_Conditional_0_ng_template_11_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    const _r10 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 52);
-    i0.ɵɵlistener("click", function GenericBrowserListComponent_Conditional_29_Conditional_0_ng_template_11_Conditional_1_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r10); const dataItem_r11 = i0.ɵɵnextContext().$implicit; const ctx_r2 = i0.ɵɵnextContext(3); ctx_r2.SetFavoriteStatus(dataItem_r11); return i0.ɵɵresetView($event.stopPropagation()); });
-    i0.ɵɵelement(1, "span", 8);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const dataItem_r11 = i0.ɵɵnextContext().$implicit;
-    i0.ɵɵproperty("title", dataItem_r11.Favorite ? "Remove from favorites" : "Add to favorites");
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngClass", dataItem_r11.Favorite ? "fa-solid fa-star" : "fa-regular fa-star");
-} }
-function GenericBrowserListComponent_Conditional_29_Conditional_0_ng_template_11_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    const _r12 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 53);
-    i0.ɵɵlistener("click", function GenericBrowserListComponent_Conditional_29_Conditional_0_ng_template_11_Conditional_2_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r12); const dataItem_r11 = i0.ɵɵnextContext().$implicit; const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.editItem(dataItem_r11)); });
-    i0.ɵɵelement(1, "span", 54);
-    i0.ɵɵelementEnd();
-} }
-function GenericBrowserListComponent_Conditional_29_Conditional_0_ng_template_11_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    const _r13 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 55);
-    i0.ɵɵlistener("click", function GenericBrowserListComponent_Conditional_29_Conditional_0_ng_template_11_Conditional_3_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r13); const dataItem_r11 = i0.ɵɵnextContext().$implicit; const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.deleteItem(dataItem_r11)); });
-    i0.ɵɵelement(1, "span", 56);
-    i0.ɵɵelementEnd();
-} }
-function GenericBrowserListComponent_Conditional_29_Conditional_0_ng_template_11_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    const _r14 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 57);
-    i0.ɵɵlistener("click", function GenericBrowserListComponent_Conditional_29_Conditional_0_ng_template_11_Conditional_4_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r14); const dataItem_r11 = i0.ɵɵnextContext().$implicit; const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.unlinkItem(dataItem_r11)); });
-    i0.ɵɵelement(1, "span", 58);
-    i0.ɵɵelementEnd();
-} }
-function GenericBrowserListComponent_Conditional_29_Conditional_0_ng_template_11_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 18);
-    i0.ɵɵtemplate(1, GenericBrowserListComponent_Conditional_29_Conditional_0_ng_template_11_Conditional_1_Template, 2, 2, "button", 48)(2, GenericBrowserListComponent_Conditional_29_Conditional_0_ng_template_11_Conditional_2_Template, 2, 0, "button", 49)(3, GenericBrowserListComponent_Conditional_29_Conditional_0_ng_template_11_Conditional_3_Template, 2, 0, "button", 50)(4, GenericBrowserListComponent_Conditional_29_Conditional_0_ng_template_11_Conditional_4_Template, 2, 0, "button", 51);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const dataItem_r11 = ctx.$implicit;
-    const ctx_r2 = i0.ɵɵnextContext(3);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(dataItem_r11.Favorite !== undefined ? 1 : -1);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(!ctx_r2.disableEditButton && (!dataItem_r11.IsLink || dataItem_r11.LinkPermissionLevel === "Owner" || dataItem_r11.LinkPermissionLevel === "Edit") ? 2 : -1);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(!dataItem_r11.IsLink || dataItem_r11.LinkPermissionLevel === "Owner" ? 3 : dataItem_r11.IsLink ? 4 : -1);
-} }
-function GenericBrowserListComponent_Conditional_29_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    const _r5 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "kendo-grid", 35);
-    i0.ɵɵlistener("cellClick", function GenericBrowserListComponent_Conditional_29_Conditional_0_Template_kendo_grid_cellClick_0_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.onCellItemClicked($event)); });
-    i0.ɵɵelementStart(1, "kendo-grid-column", 36);
-    i0.ɵɵtemplate(2, GenericBrowserListComponent_Conditional_29_Conditional_0_ng_template_2_Template, 3, 1, "ng-template", 37);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelement(3, "kendo-grid-column", 38);
-    i0.ɵɵelementStart(4, "kendo-grid-column", 39);
-    i0.ɵɵtemplate(5, GenericBrowserListComponent_Conditional_29_Conditional_0_ng_template_5_Template, 1, 1, "ng-template", 37);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "kendo-grid-column", 40);
-    i0.ɵɵtemplate(7, GenericBrowserListComponent_Conditional_29_Conditional_0_ng_template_7_Template, 1, 1, "ng-template", 37);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(8, "kendo-grid-column", 41);
-    i0.ɵɵtemplate(9, GenericBrowserListComponent_Conditional_29_Conditional_0_ng_template_9_Template, 2, 1, "ng-template", 37);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(10, "kendo-grid-column", 42);
-    i0.ɵɵtemplate(11, GenericBrowserListComponent_Conditional_29_Conditional_0_ng_template_11_Template, 5, 3, "ng-template", 37);
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("kendoGridBinding", ctx_r2.items);
-} }
-function GenericBrowserListComponent_Conditional_29_Conditional_1_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    const _r15 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 59)(1, "div", 61);
-    i0.ɵɵelement(2, "span", 62);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "h3");
-    i0.ɵɵtext(4, "No items found");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "p");
-    i0.ɵɵtext(6, "This folder is empty or no items match your search criteria.");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(7, "button", 63);
-    i0.ɵɵlistener("click", function GenericBrowserListComponent_Conditional_29_Conditional_1_Conditional_0_Template_button_click_7_listener() { i0.ɵɵrestoreView(_r15); const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.onDropdownItemClick({ text: "Folder" })); });
-    i0.ɵɵelementStart(8, "span", 64);
-    i0.ɵɵelement(9, "i", 65);
-    i0.ɵɵtext(10, " Create Your First Item ");
-    i0.ɵɵelementEnd()()();
-} }
-function GenericBrowserListComponent_Conditional_29_Conditional_1_Conditional_1_For_2_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    const _r18 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 52);
-    i0.ɵɵlistener("click", function GenericBrowserListComponent_Conditional_29_Conditional_1_Conditional_1_For_2_Conditional_2_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r18); const item_r17 = i0.ɵɵnextContext().$implicit; const ctx_r2 = i0.ɵɵnextContext(4); ctx_r2.SetFavoriteStatus(item_r17); return i0.ɵɵresetView($event.stopPropagation()); });
-    i0.ɵɵelement(1, "span", 8);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const item_r17 = i0.ɵɵnextContext().$implicit;
-    i0.ɵɵproperty("title", item_r17.Favorite ? "Remove from favorites" : "Add to favorites");
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngClass", item_r17.Favorite ? "fa-solid fa-star" : "fa-regular fa-star");
-} }
-function GenericBrowserListComponent_Conditional_29_Conditional_1_Conditional_1_For_2_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    const _r19 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 53);
-    i0.ɵɵlistener("click", function GenericBrowserListComponent_Conditional_29_Conditional_1_Conditional_1_For_2_Conditional_3_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r19); const item_r17 = i0.ɵɵnextContext().$implicit; const ctx_r2 = i0.ɵɵnextContext(4); ctx_r2.editItem(item_r17); return i0.ɵɵresetView($event.stopPropagation()); });
-    i0.ɵɵelement(1, "span", 54);
-    i0.ɵɵelementEnd();
-} }
-function GenericBrowserListComponent_Conditional_29_Conditional_1_Conditional_1_For_2_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    const _r20 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 55);
-    i0.ɵɵlistener("click", function GenericBrowserListComponent_Conditional_29_Conditional_1_Conditional_1_For_2_Conditional_4_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r20); const item_r17 = i0.ɵɵnextContext().$implicit; const ctx_r2 = i0.ɵɵnextContext(4); ctx_r2.deleteItem(item_r17); return i0.ɵɵresetView($event.stopPropagation()); });
-    i0.ɵɵelement(1, "span", 56);
-    i0.ɵɵelementEnd();
-} }
-function GenericBrowserListComponent_Conditional_29_Conditional_1_Conditional_1_For_2_Conditional_5_Template(rf, ctx) { if (rf & 1) {
-    const _r21 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 57);
-    i0.ɵɵlistener("click", function GenericBrowserListComponent_Conditional_29_Conditional_1_Conditional_1_For_2_Conditional_5_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r21); const item_r17 = i0.ɵɵnextContext().$implicit; const ctx_r2 = i0.ɵɵnextContext(4); ctx_r2.unlinkItem(item_r17); return i0.ɵɵresetView($event.stopPropagation()); });
-    i0.ɵɵelement(1, "span", 58);
-    i0.ɵɵelementEnd();
-} }
-function GenericBrowserListComponent_Conditional_29_Conditional_1_Conditional_1_For_2_Conditional_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 69);
-    i0.ɵɵelement(1, "span", 72)(2, "span", 73);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const item_r17 = i0.ɵɵnextContext().$implicit;
-    const ctx_r2 = i0.ɵɵnextContext(4);
-    i0.ɵɵproperty("title", item_r17.Name + " (Shared)");
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngClass", ctx_r2.getIconForResourceType(item_r17));
-} }
-function GenericBrowserListComponent_Conditional_29_Conditional_1_Conditional_1_For_2_Conditional_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "span", 70);
-} if (rf & 2) {
-    const item_r17 = i0.ɵɵnextContext().$implicit;
-    const ctx_r2 = i0.ɵɵnextContext(4);
-    i0.ɵɵproperty("ngClass", ctx_r2.getIconForResourceType(item_r17))("title", item_r17.Name);
-} }
-function GenericBrowserListComponent_Conditional_29_Conditional_1_Conditional_1_For_2_Conditional_13_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 74);
-    i0.ɵɵelement(1, "span", 75);
-    i0.ɵɵelementStart(2, "span");
-    i0.ɵɵtext(3);
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const item_r17 = i0.ɵɵnextContext(2).$implicit;
-    const ctx_r2 = i0.ɵɵnextContext(4);
-    i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(ctx_r2.getFormattedDate(ctx_r2.getItemProperty(item_r17, "LastOpened")));
-} }
-function GenericBrowserListComponent_Conditional_29_Conditional_1_Conditional_1_For_2_Conditional_13_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 74);
-    i0.ɵɵelement(1, "span", 76);
-    i0.ɵɵelementStart(2, "span");
-    i0.ɵɵtext(3);
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const item_r17 = i0.ɵɵnextContext(2).$implicit;
-    const ctx_r2 = i0.ɵɵnextContext(4);
-    i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(ctx_r2.getItemProperty(item_r17, "ModifiedBy"));
-} }
-function GenericBrowserListComponent_Conditional_29_Conditional_1_Conditional_1_For_2_Conditional_13_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 71);
-    i0.ɵɵtemplate(1, GenericBrowserListComponent_Conditional_29_Conditional_1_Conditional_1_For_2_Conditional_13_Conditional_1_Template, 4, 1, "div", 74)(2, GenericBrowserListComponent_Conditional_29_Conditional_1_Conditional_1_For_2_Conditional_13_Conditional_2_Template, 4, 1, "div", 74);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const item_r17 = i0.ɵɵnextContext().$implicit;
-    const ctx_r2 = i0.ɵɵnextContext(4);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r2.getItemProperty(item_r17, "LastOpened") ? 1 : -1);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r2.getItemProperty(item_r17, "ModifiedBy") ? 2 : -1);
-} }
-function GenericBrowserListComponent_Conditional_29_Conditional_1_Conditional_1_For_2_Conditional_14_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "kendo-chip", 46);
-} }
-function GenericBrowserListComponent_Conditional_29_Conditional_1_Conditional_1_For_2_Conditional_15_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "kendo-chip", 47);
-} if (rf & 2) {
-    const item_r17 = i0.ɵɵnextContext().$implicit;
-    const ctx_r2 = i0.ɵɵnextContext(4);
-    i0.ɵɵproperty("label", ctx_r2.getResourceTypeLabel(item_r17));
-} }
-function GenericBrowserListComponent_Conditional_29_Conditional_1_Conditional_1_For_2_Template(rf, ctx) { if (rf & 1) {
-    const _r16 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "kendo-card", 67);
-    i0.ɵɵlistener("click", function GenericBrowserListComponent_Conditional_29_Conditional_1_Conditional_1_For_2_Template_kendo_card_click_0_listener() { const item_r17 = i0.ɵɵrestoreView(_r16).$implicit; const ctx_r2 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r2.itemClick(item_r17)); });
-    i0.ɵɵelementStart(1, "div", 68);
-    i0.ɵɵtemplate(2, GenericBrowserListComponent_Conditional_29_Conditional_1_Conditional_1_For_2_Conditional_2_Template, 2, 2, "button", 48)(3, GenericBrowserListComponent_Conditional_29_Conditional_1_Conditional_1_For_2_Conditional_3_Template, 2, 0, "button", 49)(4, GenericBrowserListComponent_Conditional_29_Conditional_1_Conditional_1_For_2_Conditional_4_Template, 2, 0, "button", 50)(5, GenericBrowserListComponent_Conditional_29_Conditional_1_Conditional_1_For_2_Conditional_5_Template, 2, 0, "button", 51);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "kendo-card-body");
-    i0.ɵɵtemplate(7, GenericBrowserListComponent_Conditional_29_Conditional_1_Conditional_1_For_2_Conditional_7_Template, 3, 2, "div", 69)(8, GenericBrowserListComponent_Conditional_29_Conditional_1_Conditional_1_For_2_Conditional_8_Template, 1, 2, "span", 70);
-    i0.ɵɵelementStart(9, "h3");
-    i0.ɵɵtext(10);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(11, "p");
-    i0.ɵɵtext(12);
-    i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(13, GenericBrowserListComponent_Conditional_29_Conditional_1_Conditional_1_For_2_Conditional_13_Template, 3, 2, "div", 71)(14, GenericBrowserListComponent_Conditional_29_Conditional_1_Conditional_1_For_2_Conditional_14_Template, 1, 0, "kendo-chip", 46)(15, GenericBrowserListComponent_Conditional_29_Conditional_1_Conditional_1_For_2_Conditional_15_Template, 1, 1, "kendo-chip", 47);
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const item_r17 = ctx.$implicit;
-    const ctx_r2 = i0.ɵɵnextContext(4);
-    i0.ɵɵadvance(2);
-    i0.ɵɵconditional(item_r17.Favorite !== undefined ? 2 : -1);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(!ctx_r2.disableEditButton && (!item_r17.IsLink || item_r17.LinkPermissionLevel === "Owner" || item_r17.LinkPermissionLevel === "Edit") ? 3 : -1);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(!item_r17.IsLink || item_r17.LinkPermissionLevel === "Owner" ? 4 : item_r17.IsLink ? 5 : -1);
-    i0.ɵɵadvance(3);
-    i0.ɵɵconditional(item_r17.IsLink ? 7 : 8);
-    i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(item_r17.Name);
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(item_r17.Description || "No description available");
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r2.getItemProperty(item_r17, "LastOpened") || ctx_r2.getItemProperty(item_r17, "ModifiedBy") ? 13 : -1);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(item_r17.Type === "Folder" ? 14 : item_r17.Type === "Resource" ? 15 : -1);
-} }
-function GenericBrowserListComponent_Conditional_29_Conditional_1_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 60);
-    i0.ɵɵrepeaterCreate(1, GenericBrowserListComponent_Conditional_29_Conditional_1_Conditional_1_For_2_Template, 16, 8, "kendo-card", 66, i0.ɵɵrepeaterTrackByIdentity);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext(3);
-    i0.ɵɵadvance();
-    i0.ɵɵrepeater(ctx_r2.items);
-} }
-function GenericBrowserListComponent_Conditional_29_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, GenericBrowserListComponent_Conditional_29_Conditional_1_Conditional_0_Template, 11, 0, "div", 59)(1, GenericBrowserListComponent_Conditional_29_Conditional_1_Conditional_1_Template, 3, 0, "div", 60);
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext(2);
-    i0.ɵɵconditional(ctx_r2.items.length === 0 ? 0 : 1);
-} }
-function GenericBrowserListComponent_Conditional_29_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, GenericBrowserListComponent_Conditional_29_Conditional_0_Template, 12, 1, "kendo-grid", 34)(1, GenericBrowserListComponent_Conditional_29_Conditional_1_Template, 2, 1);
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext();
-    i0.ɵɵconditional(ctx_r2.displayAsGrid ? 0 : 1);
-} }
-function GenericBrowserListComponent_kendo_dialog_30_Conditional_11_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "p", 81);
-    i0.ɵɵtext(1, "This action cannot be undone.");
-    i0.ɵɵelementEnd();
-} }
-function GenericBrowserListComponent_kendo_dialog_30_Template(rf, ctx) { if (rf & 1) {
-    const _r22 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "kendo-dialog", 77);
-    i0.ɵɵlistener("close", function GenericBrowserListComponent_kendo_dialog_30_Template_kendo_dialog_close_0_listener() { i0.ɵɵrestoreView(_r22); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.onConfirmDeleteItem(false)); });
-    i0.ɵɵelementStart(1, "div", 78)(2, "div", 79);
-    i0.ɵɵelement(3, "span", 80);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "p");
-    i0.ɵɵtext(5, " Are you sure you want to ");
-    i0.ɵɵelementStart(6, "strong");
-    i0.ɵɵtext(7);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(8, "strong");
-    i0.ɵɵtext(9);
-    i0.ɵɵelementEnd();
-    i0.ɵɵtext(10, "? ");
-    i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(11, GenericBrowserListComponent_kendo_dialog_30_Conditional_11_Template, 2, 0, "p", 81);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(12, "kendo-dialog-actions", 82)(13, "button", 83);
-    i0.ɵɵlistener("click", function GenericBrowserListComponent_kendo_dialog_30_Template_button_click_13_listener() { i0.ɵɵrestoreView(_r22); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.onConfirmDeleteItem(false)); });
-    i0.ɵɵtext(14, " Cancel ");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(15, "button", 84);
-    i0.ɵɵlistener("click", function GenericBrowserListComponent_kendo_dialog_30_Template_button_click_15_listener() { i0.ɵɵrestoreView(_r22); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.onConfirmDeleteItem(true)); });
-    i0.ɵɵelementStart(16, "span", 64);
-    i0.ɵɵelement(17, "i", 8);
-    i0.ɵɵtext(18);
-    i0.ɵɵelementEnd()()()();
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("minWidth", 400)("width", 500);
-    i0.ɵɵadvance(7);
-    i0.ɵɵtextInterpolate((ctx_r2.selectedItem == null ? null : ctx_r2.selectedItem.IsLink) && (ctx_r2.selectedItem == null ? null : ctx_r2.selectedItem.LinkPermissionLevel) === "Owner" || !(ctx_r2.selectedItem == null ? null : ctx_r2.selectedItem.IsLink) ? "delete" : "unlink");
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(ctx_r2.selectedItem == null ? null : ctx_r2.selectedItem.Name);
-    i0.ɵɵadvance(2);
-    i0.ɵɵconditional((ctx_r2.selectedItem == null ? null : ctx_r2.selectedItem.IsLink) && (ctx_r2.selectedItem == null ? null : ctx_r2.selectedItem.LinkPermissionLevel) === "Owner" || !(ctx_r2.selectedItem == null ? null : ctx_r2.selectedItem.IsLink) ? 11 : -1);
-    i0.ɵɵadvance(6);
-    i0.ɵɵproperty("ngClass", (ctx_r2.selectedItem == null ? null : ctx_r2.selectedItem.IsLink) && (ctx_r2.selectedItem == null ? null : ctx_r2.selectedItem.LinkPermissionLevel) === "Owner" || !(ctx_r2.selectedItem == null ? null : ctx_r2.selectedItem.IsLink) ? "fas fa-trash" : "fas fa-link-slash");
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", (ctx_r2.selectedItem == null ? null : ctx_r2.selectedItem.IsLink) && (ctx_r2.selectedItem == null ? null : ctx_r2.selectedItem.LinkPermissionLevel) === "Owner" || !(ctx_r2.selectedItem == null ? null : ctx_r2.selectedItem.IsLink) ? "Delete" : "Unlink", " ");
-} }
-function GenericBrowserListComponent_kendo_dialog_31_ng_template_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 90);
-} }
-function GenericBrowserListComponent_kendo_dialog_31_Template(rf, ctx) { if (rf & 1) {
-    const _r23 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "kendo-dialog", 85);
-    i0.ɵɵlistener("close", function GenericBrowserListComponent_kendo_dialog_31_Template_kendo_dialog_close_0_listener() { i0.ɵɵrestoreView(_r23); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.toggleCreateFolderView()); });
-    i0.ɵɵelementStart(1, "div", 78)(2, "kendo-formfield", 86);
-    i0.ɵɵelement(3, "kendo-label", 87);
-    i0.ɵɵelementStart(4, "kendo-textbox", 88);
-    i0.ɵɵlistener("valueChange", function GenericBrowserListComponent_kendo_dialog_31_Template_kendo_textbox_valueChange_4_listener($event) { i0.ɵɵrestoreView(_r23); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.onCreateFolderKeyup($event)); });
-    i0.ɵɵtemplate(5, GenericBrowserListComponent_kendo_dialog_31_ng_template_5_Template, 1, 0, "ng-template", 17);
-    i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(6, "kendo-dialog-actions", 82)(7, "button", 83);
-    i0.ɵɵlistener("click", function GenericBrowserListComponent_kendo_dialog_31_Template_button_click_7_listener() { i0.ɵɵrestoreView(_r23); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.toggleCreateFolderView()); });
-    i0.ɵɵtext(8, " Cancel ");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(9, "button", 63);
-    i0.ɵɵlistener("click", function GenericBrowserListComponent_kendo_dialog_31_Template_button_click_9_listener() { i0.ɵɵrestoreView(_r23); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.createFolder()); });
-    i0.ɵɵelementStart(10, "span", 64);
-    i0.ɵɵelement(11, "i", 89);
-    i0.ɵɵtext(12, " Create Folder ");
-    i0.ɵɵelementEnd()()()();
-} if (rf & 2) {
-    i0.ɵɵproperty("minWidth", 350)("width", 450);
-    i0.ɵɵadvance(4);
-    i0.ɵɵproperty("clearButton", true);
-} }
-export class GenericBrowserListComponent {
-    sharedService;
-    entityFormDialogRef;
-    showLoader = true;
-    itemType = '';
-    title = '';
-    items = [];
-    iconName = 'view';
-    disableEditButton = false;
-    addText = 'Create New';
-    backText = 'Go Back';
-    ItemEntityName = '';
-    CategoryEntityName = '';
-    selectedFolderID = null;
-    showNotifications = true;
-    categoryEntityID = null;
-    displayAsGrid = false;
-    resourceName = "Resource";
-    /**
-     * 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 = false;
-    /**
-     * Indicates if the items should be displayed as a list
-     * or as a grid of icons
-     */
-    displayItemsAsList = false;
-    extraDropdownOptions = [];
-    //Before Evewnts
-    BeforeAddFolderEvent = new EventEmitter();
-    BeforeAddItemEvent = new EventEmitter();
-    BeforeDeleteFolderEvent = new EventEmitter();
-    BeforeDeleteItemEvent = new EventEmitter();
-    BeforeUnlinkItemEvent = new EventEmitter();
-    BeforeUpdateFolderEvent = new EventEmitter();
-    BeforeUpdateItemEvent = new EventEmitter();
-    //After Events
-    AfterAddFolderEvent = new EventEmitter();
-    AfterAddItemEvent = new EventEmitter();
-    AfterDeleteFolderEvent = new EventEmitter();
-    AfterDeleteItemEvent = new EventEmitter();
-    AfterUnlinkItemEvent = new EventEmitter();
-    AfterUpdateFolderEvent = new EventEmitter();
-    AfterUpdateItemEvent = new EventEmitter();
-    NavigateToParentEvent = new EventEmitter();
-    itemClickEvent = new EventEmitter();
-    backButtonClickEvent = new EventEmitter();
-    dropdownOptionClickEvent = new EventEmitter();
-    viewModeChangeEvent = new EventEmitter();
-    _resizeDebounceTime = 250;
-    _resizeEndDebounceTime = 500;
-    filterItemsSubject = new Subject();
-    filter = '';
-    sourceItems = null;
-    selectedItem = null;
-    deleteDialogOpened = false;
-    copyFromDialogOpened = false;
-    createFolderDialogOpened = false;
-    newFolderText = "Sample Folder";
-    resourceTypes = [];
-    createNewRecordName = "Record";
-    entityObjectName = "";
-    /**
-     * Options for the create button dropdown
-     */
-    dropdownOptions = [
-        { text: "Folder" }
-    ];
-    constructor(sharedService) {
-        this.sharedService = sharedService;
-        this.filterItemsSubject
-            .pipe(debounceTime(this._resizeDebounceTime))
-            .subscribe(() => this.filterItems(this.filter));
-    }
-    async ngOnInit() {
-        const md = new Metadata();
-        if (this.extraDropdownOptions && this.extraDropdownOptions.length > 0) {
-            this.dropdownOptions.push(...this.extraDropdownOptions);
-        }
-        const view = new RunView();
-        this.resourceTypes = SharedService.Instance.ResourceTypes;
-    }
-    //wrapper function for the grid view
-    onCellItemClicked(event) {
-        this.itemClick(event.dataItem);
-    }
-    itemClick(item) {
-        if (!item) {
-            return;
-        }
-        this.itemClickEvent.emit(item);
-    }
-    backButtonClicked() {
-        this.backButtonClickEvent.emit();
-    }
-    async addResourceButtonClicked() {
-        let event = new BeforeAddItemEvent("");
-        this.BeforeAddItemEvent.emit(event);
-        if (event.Cancel) {
-            return;
-        }
-        const resourceName = `Sample ${this.ItemEntityName}`;
-        const md = new Metadata();
-        const entity = await md.GetEntityObject(this.ItemEntityName);
-        entity.NewRecord();
-        //some entities, like resources, have common fields 
-        //we can try to set here
-        entity.Set("Name", resourceName);
-        entity.Set("UserID", md.CurrentUser.ID);
-        let saveResult = await entity.Save();
-        if (saveResult) {
-            this.showNotification(`successfully created ${resourceName}`, "info");
-            let item = new Item(entity, ItemType.Resource);
-            item.Name = resourceName;
-            this.AfterAddItemEvent.emit(new AfterAddItemEvent(item));
-        }
-        else {
-            this.showNotification(`Unable to create ${resourceName}`, "error");
-        }
-    }
-    async createFolder() {
-        this.toggleCreateFolderView(false);
-        let event = new BeforeAddFolderEvent(this.newFolderText);
-        if (event.Cancel) {
-            return;
-        }
-        let folderName = this.newFolderText;
-        let description = "";
-        const md = new Metadata();
-        const folderEntity = await md.GetEntityObject(this.CategoryEntityName);
-        folderEntity.NewRecord();
-        folderEntity.Set("Name", folderName);
-        folderEntity.Set("ParentID", this.selectedFolderID);
-        folderEntity.Set("Description", description);
-        folderEntity.Set("UserID", md.CurrentUser.ID);
-        if (this.categoryEntityID) {
-            folderEntity.Set("EntityID", this.categoryEntityID);
-        }
-        let saveResult = await folderEntity.Save();
-        if (saveResult) {
-            this.showNotification(`successfully created folder ${folderName}`, "info");
-            let folder = new Folder(folderEntity.Get("ID"), folderEntity.Get("Name"));
-            folder.Description = folderEntity.Get("Description");
-            let item = new Item(folder, ItemType.Folder);
-            let event = new AfterAddFolderEvent(item);
-            this.AfterAddFolderEvent.emit(event);
-            if (event.Cancel) {
-                return;
-            }
-            //navigate to the newly created folder
-            //by raising an item click event
-            this.itemClick(item);
-        }
-        else {
-            this.sharedService.CreateSimpleNotification(`Unable to create folder ${folderName}`, "error", 3500);
-        }
-        this.newFolderText = "Sample Folder";
-    }
-    async unlinkItem(item) {
-        await this.deleteOrUnlink(item, false);
-    }
-    _currentDeleteOrUnlinkState = false;
-    async deleteOrUnlink(item, bDelete) {
-        this._currentDeleteOrUnlinkState = bDelete;
-        if (!item) {
-            return;
-        }
-        this.selectedItem = item;
-        if (item.Type === ItemType.Folder && bDelete) {
-            let event = new BeforeDeleteFolderEvent(item);
-            this.BeforeDeleteFolderEvent.emit(event);
-            if (event.Cancel) {
-                return;
-            }
-            this.deleteDialogOpened = true;
-        }
-        else if (item.Type === ItemType.Resource && bDelete) {
-            let event = new BeforeDeleteItemEvent(item);
-            this.BeforeDeleteItemEvent.emit(event);
-            if (event.Cancel) {
-                return;
-            }
-            this.deleteDialogOpened = true;
-        }
-        else if (item.Type === ItemType.Resource && !bDelete) {
-            let event = new BeforeUnlinkItemEvent(item);
-            this.BeforeUnlinkItemEvent.emit(event);
-            if (event.Cancel) {
-                return;
-            }
-            this.deleteDialogOpened = true;
-        }
-    }
-    goToParent() {
-        this.NavigateToParentEvent.emit();
-    }
-    async deleteItem(item) {
-        await this.deleteOrUnlink(item, true);
-    }
-    async onConfirmDeleteItem(shouldDelete) {
-        this.deleteDialogOpened = false;
-        if (!this.selectedItem || !shouldDelete) {
-            return;
-        }
-        let item = this.selectedItem;
-        if (item.Type === ItemType.Folder && this._currentDeleteOrUnlinkState) {
-            let deleteResult = await this.deleteFolder(item);
-            if (deleteResult) {
-                let deleteFolderEvent = new AfterDeleteFolderEvent(item);
-                this.AfterDeleteFolderEvent.emit(deleteFolderEvent);
-            }
-        }
-        else if (item.Type === ItemType.Resource && this._currentDeleteOrUnlinkState) {
-            await this.deleteResource(item);
-            let deleteItemEvent = new AfterDeleteItemEvent(item);
-            this.AfterDeleteItemEvent.emit(deleteItemEvent);
-        }
-        else if (item.Type === ItemType.Resource && !this._currentDeleteOrUnlinkState) {
-            await this.unlinkResource(item);
-            let unlinkItemEvent = new AfterUnlinkItemEvent(item);
-            this.AfterUnlinkItemEvent.emit(unlinkItemEvent);
-        }
-        this.selectedItem = null;
-    }
-    async deleteFolder(item) {
-        const folder = item.Data;
-        //the DB will throw an error if we attempt to delete a folder that has children
-        //i.e. sub folders or resources
-        //so the default behavior is to notify the user that the delete operation cannot
-        //go through 
-        const folderHasChildren = await this.doesFolderHaveChildren(folder.ID);
-        if (folderHasChildren) {
-            this.showNotification(`unable to delete folder ${folder.Name} because it has children`, "error");
-            return false;
-        }
-        this.showLoader = true;
-        const md = new Metadata();
-        let folderEntity = await md.GetEntityObject(this.CategoryEntityName);
-        let pkv = new KeyValuePair();
-        pkv.FieldName = "ID";
-        pkv.Value = folder.ID;
-        let compositeKey = new CompositeKey([pkv]);
-        //create view browser component - this will be used to display views
-        //then create a new component for applications that wraps around the view browser component 
-        let loadResult = await folderEntity.InnerLoad(compositeKey);
-        if (!loadResult) {
-            this.sharedService.CreateSimpleNotification(`Unable to fetch folder ${folder.Name}`, "error", 3500);
-            this.showLoader = false;
-            return false;
-        }
-        let deleteResult = await folderEntity.Delete();
-        if (!deleteResult) {
-            this.sharedService.CreateSimpleNotification(`Unable to delete folder ${folder.Name}`, "error", 3500);
-            this.showLoader = false;
-            return false;
-        }
-        else {
-            this.sharedService.CreateSimpleNotification(`Successfully deleted folder ${folder.Name}`, "info", 2000);
-            this.showLoader = false;
-        }
-        return true;
-    }
-    async deleteResource(item) {
-        let genericEntity = item.Data;
-        if (!genericEntity) {
-            return false;
-        }
-        //the only assumption we are making here is that the entityID
-        //is a number
-        const entityID = this.TryGetID(genericEntity);
-        if (entityID && entityID.length > 0) {
-            const md = new Metadata();
-            let entityObject = await md.GetEntityObject(this.ItemEntityName);
-            let pkv = new KeyValuePair();
-            pkv.FieldName = "ID";
-            pkv.Value = entityID;
-            let compositeKey = new CompositeKey([pkv]);
-            let loadResult = await entityObject.InnerLoad(compositeKey);
-            if (loadResult) {
-                let deleteResult = await entityObject.Delete();
-                if (deleteResult) {
-                    this.showNotification(`successfully deleted`, "info");
-                    return true;
-                }
-                else {
-                    this.showNotification(`Unable to delete`, "error");
-                }
-            }
-            else {
-                this.showNotification(`unable to fetch`, "error");
-            }
-        }
-        return false;
-    }
-    async unlinkResource(item) {
-        // remove the link by removing the Resource Link record
-        if (item.ResourceLinkID) {
-            const md = new Metadata();
-            const link = await md.GetEntityObject("Resource Links");
-            if (await link.Load(item.ResourceLinkID))
-                return await link.Delete();
-            else
-                return false;
-        }
-        else
-            return false;
-    }
-    async doesFolderHaveChildren(folderID) {
-        const md = new Metadata();
-        const rv = new RunView();
-        const folderResult = await rv.RunView({
-            EntityName: this.CategoryEntityName,
-            ExtraFilter: `ParentID ='${folderID}'`
-        });
-        return folderResult && folderResult.Success && folderResult.Results.length > 0;
-    }
-    showNotification(message, type) {
-        if (this.showNotifications) {
-            this.sharedService.CreateSimpleNotification(message, type, 1000);
-        }
-    }
-    TryGetID(data) {
-        if (data && data.ID) {
-            return data.ID;
-        }
-        else if (typeof data.Get === "function") {
-            return data.Get("ID");
-        }
-    }
-    changeViewMode(mode) {
-        this.displayAsGrid = mode === 'grid';
-        this.viewModeChangeEvent.emit(mode);
-    }
-    onKeyup(Value) {
-        this.filter = Value;
-        this.filterItemsSubject.next(true);
-    }
-    onCreateFolderKeyup(value) {
-        this.newFolderText = value;
-    }
-    filterItems(filter) {
-        if (!this.sourceItems) {
-            this.sourceItems = [...this.items];
-        }
-        if (!filter) {
-            this.items = [...this.sourceItems];
-            return;
-        }
-        this.items = this.sourceItems.filter(item => {
-            return item.Name.toLowerCase().includes(filter.toLowerCase());
-        });
-    }
-    async SetFavoriteStatus(item) {
-        if (!item) {
-            return;
-        }
-        item.Favorite = !item.Favorite;
-        const md = new Metadata();
-        let entityName = item.Type === ItemType.Folder ? this.CategoryEntityName : this.ItemEntityName;
-        let compositeKey = new CompositeKey([{ FieldName: "ID", Value: item.Data.ID }]);
-        await md.SetRecordFavoriteStatus(md.CurrentUser.ID, entityName, compositeKey, item.Favorite);
-    }
-    editItem(item) {
-        if (!item) {
-            return;
-        }
-        if (item.Type === ItemType.Folder) {
-            let event = new BeforeUpdateFolderEvent(item);
-            this.BeforeUpdateFolderEvent.emit(event);
-            if (event.Cancel) {
-                return;
-            }
-        }
-        else {
-            let event = new BeforeUpdateItemEvent(item);
-            this.BeforeUpdateItemEvent.emit(event);
-            if (event.Cancel) {
-                return;
-            }
-        }
-    }
-    async onDropdownItemClick(data) {
-        if (!data || !data.text) {
-            return;
-        }
-        if (data.text === "Folder") {
-            this.toggleCreateFolderView();
-        }
-        else if (data.text === this.resourceName) {
-            this.addResourceButtonClicked();
-        }
-        else if (data.text === this.createNewRecordName) {
-            if (this.entityFormDialogRef) {
-                // create a new record for the given entity
-                const md = new Metadata();
-                const newRecord = await md.GetEntityObject(this.entityObjectName);
-                this.entityFormDialogRef.Record = newRecord;
-                this.entityFormDialogRef.ShowForm();
-            }
-        }
-        else {
-            let event = new DropdownOptionClickEvent(data.text);
-            this.dropdownOptionClickEvent.emit(event);
-        }
-    }
-    toggleCopyFromView() {
-        this.copyFromDialogOpened = !this.copyFromDialogOpened;
-    }
-    getCopyFromTitle() {
-        return `Select ${this.resourceName} to Copy`;
-    }
-    toggleCreateFolderView(visible) {
-        if (visible !== undefined) {
-            this.createFolderDialogOpened = visible;
-        }
-        else {
-            this.createFolderDialogOpened = !this.createFolderDialogOpened;
-        }
-    }
-    getIconForResourceType(item) {
-        if (!item) {
-            return "";
-        }
-        if (item.Type === ItemType.Folder) {
-            return "fa-regular fa-folder";
-        }
-        const resourceType = this.resourceTypes.find(rt => rt.Entity === this.ItemEntityName);
-        if (resourceType && resourceType.Icon) {
-            return resourceType.Icon;
-        }
-        // Default icon if no resource type found
-        return "fa-solid fa-file";
-    }
-    getHeaderIconClass() {
-        // If viewing a specific folder
-        if (this.selectedFolderID) {
-            return "fa-regular fa-folder-open";
-        }
-        // Try to get icon from resource type
-        const resourceType = this.resourceTypes.find(rt => rt.Entity === this.ItemEntityName);
-        if (resourceType && resourceType.Icon) {
-            return resourceType.Icon;
-        }
-        // Default icons based on common types
-        switch (this.itemType?.toLowerCase()) {
-            case 'dashboard':
-            case 'dashboards':
-                return "fa-solid fa-chart-line";
-            case 'report':
-            case 'reports':
-                return "fa-solid fa-file-chart-column";
-            case 'query':
-            case 'queries':
-                return "fa-solid fa-database";
-            case 'view':
-            case 'views':
-                return "fa-solid fa-table";
-            case 'application':
-            case 'applications':
-                return "fa-solid fa-window-restore";
-            default:
-                return this.iconName || "fa-solid fa-th";
-        }
-    }
-    getResourceTypeLabel(item) {
-        if (item.Type === ItemType.Folder) {
-            return "Folder";
-        }
-        const resourceType = this.resourceTypes.find(rt => rt.Entity === this.ItemEntityName);
-        if (resourceType) {
-            return resourceType.Name;
-        }
-        // Return a formatted version of the item type or entity name
-        return this.itemType || "Resource";
-    }
-    getFormattedDate(date) {
-        if (!date)
-            return '';
-        const d = new Date(date);
-        const now = new Date();
-        const diffTime = Math.abs(now.getTime() - d.getTime());
-        const diffDays = Math.floor(diffTime / (1000 * 60 * 60 * 24));
-        if (diffDays === 0) {
-            return 'Today';
-        }
-        else if (diffDays === 1) {
-            return 'Yesterday';
-        }
-        else if (diffDays < 7) {
-            return `${diffDays} days ago`;
-        }
-        else if (diffDays < 30) {
-            const weeks = Math.floor(diffDays / 7);
-            return `${weeks} week${weeks > 1 ? 's' : ''} ago`;
-        }
-        else if (diffDays < 365) {
-            const months = Math.floor(diffDays / 30);
-            return `${months} month${months > 1 ? 's' : ''} ago`;
-        }
-        else {
-            return d.toLocaleDateString();
-        }
-    }
-    /**
-     * Safely gets a property from an item, checking both the item itself and its Data property
-     */
-    getItemProperty(item, propertyName) {
-        // First check if the property exists directly on the item
-        // We need to cast to any to avoid TypeScript index signature errors
-        const itemAsAny = item;
-        if (itemAsAny && itemAsAny[propertyName] !== undefined) {
-            return itemAsAny[propertyName];
-        }
-        // Then check if it exists on the Data property
-        if (item && item.Data && item.Data[propertyName] !== undefined) {
-            return item.Data[propertyName];
-        }
-        // If Data is a BaseEntity, try using the Get method
-        if (item && item.Data && typeof item.Data.Get === 'function') {
-            try {
-                return item.Data.Get(propertyName);
-            }
-            catch (e) {
-                // Property doesn't exist
-            }
-        }
-        return null;
-    }
-    static ɵfac = function GenericBrowserListComponent_Factory(t) { return new (t || GenericBrowserListComponent)(i0.ɵɵdirectiveInject(i1.SharedService)); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: GenericBrowserListComponent, selectors: [["app-generic-browser-list"]], viewQuery: function GenericBrowserListComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c0, 5);
-        } if (rf & 2) {
-            let _t;
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.entityFormDialogRef = _t.first);
-        } }, inputs: { showLoader: "showLoader", itemType: "itemType", title: "title", items: "items", iconName: "iconName", disableEditButton: "disableEditButton", addText: "addText", backText: "backText", ItemEntityName: "ItemEntityName", CategoryEntityName: "CategoryEntityName", selectedFolderID: "selectedFolderID", showNotifications: "showNotifications", categoryEntityID: "categoryEntityID", displayAsGrid: "displayAsGrid", resourceName: "resourceName", viewingResource: "viewingResource", displayItemsAsList: "displayItemsAsList", extraDropdownOptions: "extraDropdownOptions" }, outputs: { 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" }, decls: 34, vars: 14, consts: [["searchInput", ""], ["entityFormDialog", ""], [1, "mj-page-container"], [1, "mj-content-container"], [1, "mj-header"], [1, "mj-header-title"], ["title", "Back to Parent", 1, "mj-btn-icon-only"], [1, "mj-header-icon"], [3, "ngClass"], [1, "mj-header-subtitle"], [1, "mj-header-actions"], ["themeColor", "primary", 1, "mj-btn-primary", 3, "itemClick", "data"], [1, "fa-solid", "fa-plus", "mj-btn-icon"], [1, "mj-btn-text"], [1, "mj-toolbar"], [1, "mj-search"], ["type", "text", "placeholder", "Search items...", "size", "medium", "rounded", "medium", "fillMode", "outline", 1, "mj-search-input", 3, "keyup", "clearButton"], ["kendoTextBoxPrefixTemplate", ""], [1, "mj-toolbar-actions"], ["kendoButton", "", "title", "Table View", "fillMode", "outline", "themeColor", "base", 3, "click", "toggleable", "selected"], [1, "fa-solid", "fa-table"], ["kendoButton", "", "title", "Card View", "fillMode", "outline", "themeColor", "base", 3, "click", "toggleable", "selected"], [1, "fa-solid", "fa-grip"], [1, "main-area"], ["class", "mj-loading", 4, "ngIf"], ["class", "mj-dialog-confirm", "title", "Confirm Action", 3, "minWidth", "width", "close", 4, "ngIf"], ["title", "Create New Folder", "class", "mj-dialog-form", 3, "minWidth", "width", "close", 4, "ngIf"], ["Mode", "complete"], ["title", "Back to Parent", 1, "mj-btn-icon-only", 3, "click"], [1, "fa-solid", "fa-arrow-left"], [1, "fa-solid", "fa-folder-open"], [1, "fas", "fa-search", "search-prefix-icon"], [1, "mj-loading"], ["size", "large", 3, "showText"], [1, "mj-grid-table", 3, "kendoGridBinding"], [1, "mj-grid-table", 3, "cellClick", "kendoGridBinding"], ["field", "Name", "title", "Name"], ["kendoGridCellTemplate", ""], ["field", "Size", "title", "Size"], ["field", "LastOpened", "title", "Last Opened"], ["field", "ModifiedBy", "title", "Modified By"], ["field", "Type", "title", "Type"], ["title", "Actions"], [1, "mj-grid-name-cell"], [1, "mj-grid-name"], [1, "mj-grid-date"], ["label", "Folder", "rounded", "full", "themeColor", "info", "size", "small"], ["rounded", "full", "themeColor", "base", "size", "small", 3, "label"], [1, "mj-btn-icon-only", "mj-btn-sm", 3, "title"], ["title", "Edit Item", 1, "mj-btn-icon-only", "mj-btn-sm"], ["title", "Delete Item", 1, "mj-btn-icon-only", "mj-btn-sm"], ["title", "Remove Link", 1, "mj-btn-icon-only", "mj-btn-sm"], [1, "mj-btn-icon-only", "mj-btn-sm", 3, "click", "title"], ["title", "Edit Item", 1, "mj-btn-icon-only", "mj-btn-sm", 3, "click"], [1, "fa-regular", "fa-pen-to-square"], ["title", "Delete Item", 1, "mj-btn-icon-only", "mj-btn-sm", 3, "click"], [1, "fa-regular", "fa-trash-can"], ["title", "Remove Link", 1, "mj-btn-icon-only", "mj-btn-sm", 3, "click"], [1, "fa-solid", "fa-link-slash"], [1, "mj-empty-state"], [1, "mj-grid-responsive"], [1, "mj-empty-icon"], [1, "fa-regular", "fa-folder-open"], ["kendoButton", "", "themeColor", "primary", "rounded", "medium", 3, "click"], [1, "button-content"], [1, "fas", "fa-plus"], [1, "mj-kendo-icon-card", "mj-kendo-icon-card-clickable"], [1, "mj-kendo-icon-card", "mj-kendo-icon-card-clickable", 3, "click"], [1, "mj-card-actions"], [1, "mj-icon-wrapper-linked", 3, "title"], [1, "mj-card-icon-large", 3, "ngClass", "title"], [1, "mj-card-metadata"], [1, "mj-card-icon-large", 3, "ngClass"], [1, "fa-solid", "fa-link", "mj-link-indicator"], [1, "mj-metadata-item"], [1, "fa-regular", "fa-clock"], [1, "fa-regular", "fa-user"], ["title", "Confirm Action", 1, "mj-dialog-confirm", 3, "close", "minWidth", "width"], [1, "mj-dialog-content"], [1, "mj-dialog-icon"], [1, "fa-solid", "fa-triangle-exclamation"], [1, "mj-dialog-warning"], [1, "mj-dialog-actions"], ["kendoButton", "", "fillMode", "outline", "rounded", "medium", 3, "click"], ["kendoButton", "", "themeColor", "error", "rounded", "medium", 3, "click"], ["title", "Create New Folder", 1, "mj-dialog-form", 3, "close", "minWidth", "width"], ["orientation", "vertical"], ["text", "Folder Name"], ["placeholder", "Enter folder name...", "rounded", "medium", "fillMode", "outline", 3, "valueChange", "clearButton"], [1, "fas", "fa-folder-plus"], [1, "fas", "fa-folder", "search-prefix-icon"]], template: function GenericBrowserListComponent_Template(rf, ctx) { if (rf & 1) {
-            const _r1 = i0.ɵɵgetCurrentView();
-            i0.ɵɵelementStart(0, "div", 2)(1, "div", 3)(2, "div", 4)(3, "div", 5);
-            i0.ɵɵtemplate(4, GenericBrowserListComponent_Conditional_4_Template, 2, 0, "span", 6);
-            i0.ɵɵelementStart(5, "div", 7);
-            i0.ɵɵelement(6, "span", 8);
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(7, "div")(8, "h1");
-            i0.ɵɵtext(9);
-            i0.ɵɵelementEnd();
-            i0.ɵɵtemplate(10, GenericBrowserListComponent_Conditional_10_Template, 3, 0, "div", 9);
-            i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(11, "div", 10)(12, "kendo-dropdownbutton", 11);
-            i0.ɵɵlistener("itemClick", function GenericBrowserListComponent_Template_kendo_dropdownbutton_itemClick_12_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onDropdownItemClick($event)); });
-            i0.ɵɵelement(13, "span", 12);
-            i0.ɵɵelementStart(14, "span", 13);
-            i0.ɵɵtext(15, "Create New");
-            i0.ɵɵelementEnd()()()();
-            i0.ɵɵelementStart(16, "div", 14)(17, "div", 15)(18, "kendo-textbox", 16, 0);
-            i0.ɵɵlistener("keyup", function GenericBrowserListComponent_Template_kendo_textbox_keyup_18_listener() { i0.ɵɵrestoreView(_r1); const searchInput_r4 = i0.ɵɵreference(19); return i0.ɵɵresetView(ctx.onKeyup(searchInput_r4.value)); });
-            i0.ɵɵtemplate(20, GenericBrowserListComponent_ng_template_20_Template, 1, 0, "ng-template", 17);
-            i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(21, "div", 18)(22, "kendo-buttongroup")(23, "button", 19);
-            i0.ɵɵlistener("click", function GenericBrowserListComponent_Template_button_click_23_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.changeViewMode("grid")); });
-            i0.ɵɵelement(24, "span", 20);
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(25, "button", 21);
-            i0.ɵɵlistener("click", function GenericBrowserListComponent_Template_button_click_25_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.changeViewMode("list")); });
-            i0.ɵɵelement(26, "span", 22);
-            i0.ɵɵelementEnd()()()();
-            i0.ɵɵelementStart(27, "div", 23);
-            i0.ɵɵtemplate(28, GenericBrowserListComponent_div_28_Template, 2, 1, "div", 24)(29, GenericBrowserListComponent_Conditional_29_Template, 2, 1);
-            i0.ɵɵelementEnd()();
-            i0.ɵɵtemplate(30, GenericBrowserListComponent_kendo_dialog_30_Template, 19, 7, "kendo-dialog", 25)(31, GenericBrowserListComponent_kendo_dialog_31_Template, 13, 3, "kendo-dialog", 26);
-            i0.ɵɵelement(32, "mj-entity-form-dialog", 27, 1);
-            i0.ɵɵelementEnd();
-        } if (rf & 2) {
-            i0.ɵɵadvance(4);
-            i0.ɵɵconditional(ctx.selectedFolderID ? 4 : -1);
-            i0.ɵɵadvance(2);
-            i0.ɵɵproperty("ngClass", ctx.getHeaderIconClass());
-            i0.ɵɵadvance(3);
-            i0.ɵɵtextInterpolate(ctx.title);
-            i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.selectedFolderID ? 10 : -1);
-            i0.ɵɵadvance(2);
-            i0.ɵɵproperty("data", ctx.dropdownOptions);
-            i0.ɵɵadvance(6);
-            i0.ɵɵproperty("clearButton", true);
-            i0.ɵɵadvance(5);
-            i0.ɵɵproperty("toggleable", true)("selected", ctx.displayAsGrid);
-            i0.ɵɵadvance(2);
-            i0.ɵɵproperty("toggleable", true)("selected", !ctx.displayAsGrid);
-            i0.ɵɵadvance(3);
-            i0.ɵɵproperty("ngIf", ctx.showLoader);
-            i0.ɵɵadvance();
-            i0.ɵɵconditional(!ctx.showLoader ? 29 : -1);
-            i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", ctx.deleteDialogOpened);
-            i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", ctx.createFolderDialogOpened);
-        } }, dependencies: [i2.NgClass, i2.NgIf, i3.GridComponent, i3.DataBindingDirective, i3.ColumnComponent, i3.CellTemplateDirective, i4.DialogComponent, i4.DialogActionsComponent, i5.ButtonGroupComponent, i5.ButtonComponent, i5.DropDownButtonComponent, i5.ChipComponent, i6.TextBoxComponent, i6.TextBoxPrefixTemplateDirective, i6.FormFieldComponent, i7.LabelComponent, i8.CardComponent, i8.CardBodyComponent, i9.EntityFormDialogComponent, i10.LoadingComponent], styles: ["\n\n\n\n\n\n\n.mj-icon-wrapper-linked[_ngcontent-%COMP%] {\n    position: relative;\n    display: inline-block;\n}\n\n.mj-link-indicator[_ngcontent-%COMP%] {\n    position: absolute;\n    bottom: -5px;\n    right: -5px;\n    font-size: 1.5rem;\n    color: var(--mj-blue);\n    background: var(--white-color);\n    border-radius: 50%;\n    padding: 2px;\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\n}\n\n\n\n.mj-grid-name-cell[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    \n    .mj-grid-icon {\n        font-size: 1.25rem;\n        color: var(--mj-blue);\n        flex-shrink: 0;\n    }\n    \n    .mj-grid-name {\n        font-weight: 500;\n        color: var(--navy);\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n    }\n    \n    .mj-grid-link-indicator {\n        position: absolute;\n        bottom: -4px;\n        right: -4px;\n        font-size: 0.75rem;\n        color: var(--mj-blue);\n        background: var(--white-color);\n        border-radius: 50%;\n        padding: 1px;\n        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\n    }\n}\n\n.mj-grid-date[_ngcontent-%COMP%] {\n    color: var(--gray-800);\n    font-size: 0.875rem;\n}\n\n\n\n.mj-card-metadata[_ngcontent-%COMP%] {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 12px;\n    justify-content: center;\n    margin: 12px 0;\n    font-size: 0.875rem;\n    color: var(--gray-800);\n    \n    .mj-metadata-item {\n        display: flex;\n        align-items: center;\n        gap: 6px;\n        \n        span:first-child {\n            font-size: 0.875rem;\n            color: var(--mj-blue);\n        }\n    }\n}\n\n\n\n.mj-card-actions[_ngcontent-%COMP%] {\n    .fa-star {\n        transition: all 0.2s ease;\n        \n        &.fa-solid {\n            color: #ffc107;\n        }\n        \n        &.fa-regular {\n            color: var(--gray-800);\n        }\n    }\n    \n    button:hover .fa-star.fa-regular {\n        color: #ffc107;\n    }\n}\n\n\n\n  .mj-grid-table {\n    .mj-toolbar-actions {\n        .mj-btn-icon-only {\n            width: 32px;\n            height: 32px;\n            padding: 0;\n            font-size: 14px;\n        }\n    }\n}"] });
-}
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(GenericBrowserListComponent, [{
-        type: Component,
-        args: [{ selector: 'app-generic-browser-list', template: "<div class=\"mj-page-container\">\n  <div class=\"mj-content-container\">\n    \n    <!-- Header Section -->\n    <div class=\"mj-header\">\n      <div class=\"mj-header-title\">\n        @if(selectedFolderID){\n          <span title=\"Back to Parent\" class=\"mj-btn-icon-only\" (click)=\"goToParent()\">\n            <span class=\"fa-solid fa-arrow-left\"></span>\n          </span>\n        }\n        <div class=\"mj-header-icon\">\n          <span [ngClass]=\"getHeaderIconClass()\"></span>\n        </div>\n        <div>\n          <h1>{{title}}</h1>\n          @if(selectedFolderID){\n            <div class=\"mj-header-subtitle\">\n              <span class=\"fa-solid fa-folder-open\"></span>\n              Current Folder\n            </div>\n          }\n        </div>\n      </div>\n      \n      <div class=\"mj-header-actions\">\n        <kendo-dropdownbutton \n          class=\"mj-btn-primary\" \n          (itemClick)=\"onDropdownItemClick($event)\" \n          [data]=\"dropdownOptions\" \n          themeColor=\"primary\">\n          <span class=\"fa-solid fa-plus mj-btn-icon\"></span>\n          <span class=\"mj-btn-text\">Create New</span>\n        </kendo-dropdownbutton>\n      </div>\n    </div>\n\n    <!-- Toolbar Section -->\n    <div class=\"mj-toolbar\">\n      <div class=\"mj-search\">\n        <kendo-textbox \n          class=\"mj-search-input\"\n          type=\"text\" \n          #searchInput \n          placeholder=\"Search items...\" \n          (keyup)=\"onKeyup(searchInput.value)\"\n          [clearButton]=\"true\"\n          size=\"medium\"\n          rounded=\"medium\"\n          fillMode=\"outline\">\n          <ng-template kendoTextBoxPrefixTemplate>\n            <i class=\"fas fa-search search-prefix-icon\"></i>\n          </ng-template>\n        </kendo-textbox>\n      </div>\n      \n      <div class=\"mj-toolbar-actions\">\n        <kendo-buttongroup>\n          <button kendoButton \n                  [toggleable]=\"true\" \n                  [selected]=\"displayAsGrid\"\n                  (click)=\"changeViewMode('grid')\" \n                  title=\"Table View\"\n                  fillMode=\"outline\"\n                  themeColor=\"base\">\n            <span class=\"fa-solid fa-table\"></span>\n          </button>\n          <button kendoButton \n                  [toggleable]=\"true\" \n                  [selected]=\"!displayAsGrid\"\n                  (click)=\"changeViewMode('list')\" \n                  title=\"Card View\"\n                  fillMode=\"outline\"\n                  themeColor=\"base\">\n            <span class=\"fa-solid fa-grip\"></span>\n          </button>\n        </kendo-buttongroup>\n      </div>\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      @if(!showLoader){\n        <!-- Grid View -->\n        @if(displayAsGrid){\n          <kendo-grid \n            class=\"mj-grid-table\"\n            (cellClick)=\"onCellItemClicked($event)\" \n            [kendoGridBinding]=\"items\">\n            <kendo-grid-column field=\"Name\" title=\"Name\">\n              <ng-template kendoGridCellTemplate let-dataItem>\n                <div class=\"mj-grid-name-cell\">                 \n                  <span class=\"mj-grid-name\">{{ dataItem.Name }}</span>\n                </div>\n              </ng-template>\n            </kendo-grid-column>\n            <kendo-grid-column field=\"Size\" title=\"Size\"></kendo-grid-column>\n            <kendo-grid-column field=\"LastOpened\" title=\"Last Opened\">\n              <ng-template kendoGridCellTemplate let-dataItem>\n                @if(getItemProperty(dataItem, 'LastOpened')) {\n                  <span class=\"mj-grid-date\">{{ getFormattedDate(getItemProperty(dataItem, 'LastOpened')) }}</span>\n                }\n              </ng-template>\n            </kendo-grid-column>\n            <kendo-grid-column field=\"ModifiedBy\" title=\"Modified By\">\n              <ng-template kendoGridCellTemplate let-dataItem>\n                {{ getItemProperty(dataItem, 'ModifiedBy') || '' }}\n              </ng-template>\n            </kendo-grid-column>\n            <kendo-grid-column field=\"Type\" title=\"Type\">\n              <ng-template kendoGridCellTemplate let-dataItem>\n                @if(dataItem.Type === 'Folder') {\n                  <kendo-chip \n                    label=\"Folder\" \n                    rounded=\"full\"\n                    themeColor=\"info\"\n                    size=\"small\">\n                  </kendo-chip>\n                }\n                @else if(dataItem.Type === 'Resource') {\n                  <kendo-chip \n                    [label]=\"getResourceTypeLabel(dataItem)\" \n                    rounded=\"full\"\n                    themeColor=\"base\"\n                    size=\"small\">\n                  </kendo-chip>\n                }\n              </ng-template>\n            </kendo-grid-column>\n            <kendo-grid-column title=\"Actions\">\n              <ng-template kendoGridCellTemplate let-dataItem>\n                <div class=\"mj-toolbar-actions\">\n                  @if(dataItem.Favorite !== undefined) {\n                    <button class=\"mj-btn-icon-only mj-btn-sm\" \n                            (click)=\"SetFavoriteStatus(dataItem); $event.stopPropagation()\" \n                            [title]=\"dataItem.Favorite ? 'Remove from favorites' : 'Add to favorites'\">\n                      <span [ngClass]=\"dataItem.Favorite ? 'fa-solid fa-star' : 'fa-regular fa-star'\"></span>\n                    </button>\n                  }\n                  @if(!disableEditButton && (!dataItem.IsLink || dataItem.LinkPermissionLevel === 'Owner' || dataItem.LinkPermissionLevel === 'Edit')) {\n                    <button class=\"mj-btn-icon-only mj-btn-sm\" (click)=\"editItem(dataItem)\" title=\"Edit Item\">\n                      <span class=\"fa-regular fa-pen-to-square\"></span>\n                    </button>\n                  }\n                  @if(!dataItem.IsLink || dataItem.LinkPermissionLevel === 'Owner') {\n                    <button class=\"mj-btn-icon-only mj-btn-sm\" (click)=\"deleteItem(dataItem)\" title=\"Delete Item\">\n                      <span class=\"fa-regular fa-trash-can\"></span>\n                    </button>\n                  }\n                  @else if (dataItem.IsLink) {\n                    <button class=\"mj-btn-icon-only mj-btn-sm\" (click)=\"unlinkItem(dataItem)\" title=\"Remove Link\">\n                      <span class=\"fa-solid fa-link-slash\"></span>\n                    </button>\n                  }\n                </div>\n              </ng-template>\n            </kendo-grid-column>\n          </kendo-grid>\n        }\n        \n        <!-- Card View -->\n        @else{\n          <!-- Empty State -->\n          @if(items.length === 0){\n            <div class=\"mj-empty-state\">\n              <div class=\"mj-empty-icon\">\n                <span class=\"fa-regular fa-folder-open\"></span>\n              </div>\n              <h3>No items found</h3>\n              <p>This folder is empty or no items match your search criteria.</p>\n              <button kendoButton themeColor=\"primary\" rounded=\"medium\" (click)=\"onDropdownItemClick({text: 'Folder'})\">\n                <span class=\"button-content\">\n                  <i class=\"fas fa-plus\"></i>\n                  Create Your First Item\n                </span>\n              </button>\n            </div>\n          }\n          \n          <!-- Cards Grid -->\n          @else{\n            <div class=\"mj-grid-responsive\">\n              @for(item of items; track item){\n                <kendo-card class=\"mj-kendo-icon-card mj-kendo-icon-card-clickable\" (click)=\"itemClick(item)\">\n                  <!-- Card Actions -->\n                  <div class=\"mj-card-actions\">\n                    @if(item.Favorite !== undefined) {\n                      <button class=\"mj-btn-icon-only mj-btn-sm\" \n                              (click)=\"SetFavoriteStatus(item); $event.stopPropagation()\" \n                              [title]=\"item.Favorite ? 'Remove from favorites' : 'Add to favorites'\">\n                        <span [ngClass]=\"item.Favorite ? 'fa-solid fa-star' : 'fa-regular fa-star'\"></span>\n                      </button>\n                    }\n                    @if(!disableEditButton && (!item.IsLink || item.LinkPermissionLevel === 'Owner' || item.LinkPermissionLevel === 'Edit')) {\n                      <button class=\"mj-btn-icon-only mj-btn-sm\" (click)=\"editItem(item); $event.stopPropagation()\" title=\"Edit Item\">\n                        <span class=\"fa-regular fa-pen-to-square\"></span>\n                      </button>\n                    }\n                    @if(!item.IsLink || item.LinkPermissionLevel === 'Owner') {\n                      <button class=\"mj-btn-icon-only mj-btn-sm\" (click)=\"deleteItem(item); $event.stopPropagation()\" title=\"Delete Item\">\n                        <span class=\"fa-regular fa-trash-can\"></span>\n                      </button>\n                    }\n                    @else if (item.IsLink) {\n                      <button class=\"mj-btn-icon-only mj-btn-sm\" (click)=\"unlinkItem(item); $event.stopPropagation()\" title=\"Remove Link\">\n                        <span class=\"fa-solid fa-link-slash\"></span>\n                      </button>\n                    }\n                  </div>\n                  \n                  <!-- Card Body -->\n                  <kendo-card-body>\n                    @if(item.IsLink) {\n                      <div class=\"mj-icon-wrapper-linked\" [title]=\"item.Name + ' (Shared)'\">\n                        <span [ngClass]=\"getIconForResourceType(item)\" class=\"mj-card-icon-large\"></span>\n                        <span class=\"fa-solid fa-link mj-link-indicator\"></span>\n                      </div>\n                    }\n                    @else {\n                      <span [ngClass]=\"getIconForResourceType(item)\" class=\"mj-card-icon-large\" [title]=\"item.Name\"></span>\n                    }\n                    \n                    <h3>{{ item.Name }}</h3>\n                    <p>{{ item.Description || 'No description available' }}</p>\n                    \n                    <!-- Resource metadata -->\n                    @if(getItemProperty(item, 'LastOpened') || getItemProperty(item, 'ModifiedBy')) {\n                      <div class=\"mj-card-metadata\">\n                        @if(getItemProperty(item, 'LastOpened')) {\n                          <div class=\"mj-metadata-item\">\n                            <span class=\"fa-regular fa-clock\"></span>\n                            <span>{{ getFormattedDate(getItemProperty(item, 'LastOpened')) }}</span>\n                          </div>\n                        }\n                        @if(getItemProperty(item, 'ModifiedBy')) {\n                          <div class=\"mj-metadata-item\">\n                            <span class=\"fa-regular fa-user\"></span>\n                            <span>{{ getItemProperty(item, 'ModifiedBy') }}</span>\n                          </div>\n                        }\n                      </div>\n                    }\n                    \n                    <!-- Type chip -->\n                    @if(item.Type === 'Folder') {\n                      <kendo-chip \n                        label=\"Folder\" \n                        rounded=\"full\"\n                        themeColor=\"info\"\n                        size=\"small\">\n                      </kendo-chip>\n                    }\n                    @else if(item.Type === 'Resource') {\n                      <kendo-chip \n                        [label]=\"getResourceTypeLabel(item)\" \n                        rounded=\"full\"\n                        themeColor=\"base\"\n                        size=\"small\">\n                      </kendo-chip>\n                    }\n                  </kendo-card-body>\n                </kendo-card>\n              }\n            </div>\n          }\n        }\n      }\n    </div>\n  </div>\n\n  <!-- Delete Confirmation Dialog -->\n  <kendo-dialog \n    [minWidth]=\"400\"\n    [width]=\"500\"\n    class=\"mj-dialog-confirm\" \n    title=\"Confirm Action\" \n    *ngIf=\"deleteDialogOpened\" \n    (close)=\"onConfirmDeleteItem(false)\">\n    \n    <div class=\"mj-dialog-content\">\n      <div class=\"mj-dialog-icon\">\n        <span class=\"fa-solid fa-triangle-exclamation\"></span>\n      </div>\n      <p>\n        Are you sure you want to \n        <strong>{{(selectedItem?.IsLink && selectedItem?.LinkPermissionLevel === 'Owner') || !selectedItem?.IsLink ? 'delete' : 'unlink'}}</strong> \n        <strong>{{selectedItem?.Name}}</strong>?\n      </p>\n      @if((selectedItem?.IsLink && selectedItem?.LinkPermissionLevel === 'Owner') || !selectedItem?.IsLink){\n        <p class=\"mj-dialog-warning\">This action cannot be undone.</p>\n      }\n    </div>\n    \n    <kendo-dialog-actions class=\"mj-dialog-actions\">\n      <button kendoButton fillMode=\"outline\" rounded=\"medium\" (click)=\"onConfirmDeleteItem(false)\">\n        Cancel\n      </button>\n      <button kendoButton themeColor=\"error\" rounded=\"medium\" (click)=\"onConfirmDeleteItem(true)\">\n        <span class=\"button-content\">\n          <i [ngClass]=\"(selectedItem?.IsLink && selectedItem?.LinkPermissionLevel === 'Owner') || !selectedItem?.IsLink ? 'fas fa-trash' : 'fas fa-link-slash'\"></i>\n          {{(selectedItem?.IsLink && selectedItem?.LinkPermissionLevel === 'Owner') || !selectedItem?.IsLink ? 'Delete' : 'Unlink'}}\n        </span>\n      </button>\n    </kendo-dialog-actions>\n  </kendo-dialog>\n\n  <!-- Create Folder Dialog -->\n  <kendo-dialog \n    title=\"Create New Folder\" \n    *ngIf=\"createFolderDialogOpened\" \n    (close)=\"toggleCreateFolderView()\"\n    [minWidth]=\"350\"\n    [width]=\"450\"\n    class=\"mj-dialog-form\">\n    \n    <div class=\"mj-dialog-content\">\n      <kendo-formfield orientation=\"vertical\">\n        <kendo-label text=\"Folder Name\"></kendo-label>\n        <kendo-textbox \n          placeholder=\"Enter folder name...\" \n          (valueChange)=\"onCreateFolderKeyup($event)\"\n          rounded=\"medium\"\n          fillMode=\"outline\"\n          [clearButton]=\"true\">\n          <ng-template kendoTextBoxPrefixTemplate>\n            <i class=\"fas fa-folder search-prefix-icon\"></i>\n          </ng-template>\n        </kendo-textbox>\n      </kendo-formfield>\n    </div>\n    \n    <kendo-dialog-actions class=\"mj-dialog-actions\">\n      <button kendoButton fillMode=\"outline\" rounded=\"medium\" (click)=\"toggleCreateFolderView()\">\n        Cancel\n      </button>\n      <button kendoButton themeColor=\"primary\" rounded=\"medium\" (click)=\"createFolder()\">\n        <span class=\"button-content\">\n          <i class=\"fas fa-folder-plus\"></i>\n          Create Folder\n        </span>\n      </button>\n    </kendo-dialog-actions>\n  </kendo-dialog>\n\n  <!-- Entity Form Dialog -->\n  <mj-entity-form-dialog\n    #entityFormDialog\n    Mode=\"complete\">\n  </mj-entity-form-dialog>\n</div>", styles: ["/* ===================================\n   GENERIC BROWSER LIST SPECIFIC STYLES\n   =================================== */\n\n/* Link indicator for shared items */\n.mj-icon-wrapper-linked {\n    position: relative;\n    display: inline-block;\n}\n\n.mj-link-indicator {\n    position: absolute;\n    bottom: -5px;\n    right: -5px;\n    font-size: 1.5rem;\n    color: var(--mj-blue);\n    background: var(--white-color);\n    border-radius: 50%;\n    padding: 2px;\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\n}\n\n/* Grid specific cells for this component */\n.mj-grid-name-cell {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    \n    .mj-grid-icon {\n        font-size: 1.25rem;\n        color: var(--mj-blue);\n        flex-shrink: 0;\n    }\n    \n    .mj-grid-name {\n        font-weight: 500;\n        color: var(--navy);\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n    }\n    \n    .mj-grid-link-indicator {\n        position: absolute;\n        bottom: -4px;\n        right: -4px;\n        font-size: 0.75rem;\n        color: var(--mj-blue);\n        background: var(--white-color);\n        border-radius: 50%;\n        padding: 1px;\n        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\n    }\n}\n\n.mj-grid-date {\n    color: var(--gray-800);\n    font-size: 0.875rem;\n}\n\n/* Card metadata section specific to this component */\n.mj-card-metadata {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 12px;\n    justify-content: center;\n    margin: 12px 0;\n    font-size: 0.875rem;\n    color: var(--gray-800);\n    \n    .mj-metadata-item {\n        display: flex;\n        align-items: center;\n        gap: 6px;\n        \n        span:first-child {\n            font-size: 0.875rem;\n            color: var(--mj-blue);\n        }\n    }\n}\n\n/* Favorite star specific styling */\n.mj-card-actions {\n    .fa-star {\n        transition: all 0.2s ease;\n        \n        &.fa-solid {\n            color: #ffc107;\n        }\n        \n        &.fa-regular {\n            color: var(--gray-800);\n        }\n    }\n    \n    button:hover .fa-star.fa-regular {\n        color: #ffc107;\n    }\n}\n\n/* Action buttons in grid cells - specific sizing for this component */\n::ng-deep .mj-grid-table {\n    .mj-toolbar-actions {\n        .mj-btn-icon-only {\n            width: 32px;\n            height: 32px;\n            padding: 0;\n            font-size: 14px;\n        }\n    }\n}\n"] }]
-    }], () => [{ type: i1.SharedService }], { entityFormDialogRef: [{
-            type: ViewChild,
-            args: ['entityFormDialog']
-        }], showLoader: [{
-            type: Input
-        }], itemType: [{
-            type: Input
-        }], title: [{
-            type: Input
-        }], items: [{
-            type: Input
-        }], iconName: [{
-            type: Input
-        }], disableEditButton: [{
-            type: Input
-        }], addText: [{
-            type: Input
-        }], backText: [{
-            type: Input
-        }], ItemEntityName: [{
-            type: Input
-        }], CategoryEntityName: [{
-            type: Input
-        }], selectedFolderID: [{
-            type: Input
-        }], showNotifications: [{
-            type: Input
-        }], categoryEntityID: [{
-            type: Input
-        }], displayAsGrid: [{
-            type: Input
-        }], resourceName: [{
-            type: Input
-        }], viewingResource: [{
-            type: Input
-        }], displayItemsAsList: [{
-            type: Input
-        }], extraDropdownOptions: [{
-            type: Input
-        }], BeforeAddFolderEvent: [{
-            type: Output
-        }], BeforeAddItemEvent: [{
-            type: Output
-        }], BeforeDeleteFolderEvent: [{
-            type: Output
-        }], BeforeDeleteItemEvent: [{
-            type: Output
-        }], BeforeUnlinkItemEvent: [{
-            type: Output
-        }], BeforeUpdateFolderEvent: [{
-            type: Output
-        }], BeforeUpdateItemEvent: [{
-            type: Output
-        }], AfterAddFolderEvent: [{
-            type: Output
-        }], AfterAddItemEvent: [{
-            type: Output
-        }], AfterDeleteFolderEvent: [{
-            type: Output
-        }], AfterDeleteItemEvent: [{
-            type: Output
-        }], AfterUnlinkItemEvent: [{
-            type: Output
-        }], AfterUpdateFolderEvent: [{
-            type: Output
-        }], AfterUpdateItemEvent: [{
-            type: Output
-        }], NavigateToParentEvent: [{
-            type: Output
-        }], itemClickEvent: [{
-            type: Output
-        }], backButtonClickEvent: [{
-            type: Output
-        }], dropdownOptionClickEvent: [{
-            type: Output
-        }], viewModeChangeEvent: [{
-            type: Output
-        }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(GenericBrowserListComponent, { className: "GenericBrowserListComponent" }); })();
-//# sourceMappingURL=generic-browser-list.component.js.map