@memberjunction/ng-explorer-core 4.0.0 → 4.2.0

package/dist/lib/resource-browser/resource-browser.component.js

@@ -1,1012 +0,0 @@
-import { Component, EventEmitter, Input, Output } from '@angular/core';
-import { Folder, Item, ItemType } from '../../generic/Item.types';
-import { Subject, debounceTime } from 'rxjs';
-import { LogError, Metadata, RunView } from '@memberjunction/core';
-import { BeforeDeleteItemEvent, BeforeUpdateItemEvent } from '../../generic/Events.types';
-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";
-function ResourceBrowserComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    const _r2 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "span", 25);
-    i0.ɵɵlistener("click", function ResourceBrowserComponent_Conditional_3_Template_span_click_0_listener() { i0.ɵɵrestoreView(_r2); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.goToParent()); });
-    i0.ɵɵelement(1, "span", 26);
-    i0.ɵɵelementEnd();
-} }
-function ResourceBrowserComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 8);
-    i0.ɵɵelement(1, "span", 27);
-    i0.ɵɵtext(2, " Current Folder ");
-    i0.ɵɵelementEnd();
-} }
-function ResourceBrowserComponent_Conditional_11_Template(rf, ctx) { if (rf & 1) {
-    const _r4 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "kendo-dropdownbutton", 28);
-    i0.ɵɵlistener("itemClick", function ResourceBrowserComponent_Conditional_11_Template_kendo_dropdownbutton_itemClick_0_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.onDropdownItemClick($event)); });
-    i0.ɵɵelementStart(1, "span", 29);
-    i0.ɵɵelement(2, "i", 30);
-    i0.ɵɵtext(3, " Create New ");
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("data", ctx_r2.ItemOptions);
-} }
-function ResourceBrowserComponent_ng_template_16_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 31);
-} }
-function ResourceBrowserComponent_Conditional_24_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 21);
-    i0.ɵɵelement(1, "mj-loading", 32);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("showText", false);
-} }
-function ResourceBrowserComponent_Conditional_25_Conditional_0_ng_template_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 40)(1, "span", 41);
-    i0.ɵɵtext(2);
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const dataItem_r7 = ctx.$implicit;
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(dataItem_r7.Name);
-} }
-function ResourceBrowserComponent_Conditional_25_Conditional_0_ng_template_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "kendo-chip", 42);
-} if (rf & 2) {
-    const dataItem_r8 = ctx.$implicit;
-    i0.ɵɵproperty("label", dataItem_r8.Type)("themeColor", dataItem_r8.Type === "Folder" ? "info" : "base");
-} }
-function ResourceBrowserComponent_Conditional_25_Conditional_0_ng_template_7_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    const _r9 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 46);
-    i0.ɵɵlistener("click", function ResourceBrowserComponent_Conditional_25_Conditional_0_ng_template_7_Conditional_1_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r9); const dataItem_r10 = i0.ɵɵnextContext().$implicit; const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.editItem(dataItem_r10)); });
-    i0.ɵɵelement(1, "span", 47);
-    i0.ɵɵelementEnd();
-} }
-function ResourceBrowserComponent_Conditional_25_Conditional_0_ng_template_7_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    const _r11 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 48);
-    i0.ɵɵlistener("click", function ResourceBrowserComponent_Conditional_25_Conditional_0_ng_template_7_Conditional_2_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r11); const dataItem_r10 = i0.ɵɵnextContext().$implicit; const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.deleteItem(dataItem_r10)); });
-    i0.ɵɵelement(1, "span", 49);
-    i0.ɵɵelementEnd();
-} }
-function ResourceBrowserComponent_Conditional_25_Conditional_0_ng_template_7_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    const _r12 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 50);
-    i0.ɵɵlistener("click", function ResourceBrowserComponent_Conditional_25_Conditional_0_ng_template_7_Conditional_3_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r12); const dataItem_r10 = i0.ɵɵnextContext().$implicit; const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.unlinkItem(dataItem_r10)); });
-    i0.ɵɵelement(1, "span", 51);
-    i0.ɵɵelementEnd();
-} }
-function ResourceBrowserComponent_Conditional_25_Conditional_0_ng_template_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 15);
-    i0.ɵɵtemplate(1, ResourceBrowserComponent_Conditional_25_Conditional_0_ng_template_7_Conditional_1_Template, 2, 0, "button", 43)(2, ResourceBrowserComponent_Conditional_25_Conditional_0_ng_template_7_Conditional_2_Template, 2, 0, "button", 44)(3, ResourceBrowserComponent_Conditional_25_Conditional_0_ng_template_7_Conditional_3_Template, 2, 0, "button", 45);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const dataItem_r10 = ctx.$implicit;
-    const ctx_r2 = i0.ɵɵnextContext(3);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r2.EnableItemEdit && (!dataItem_r10.IsLink || dataItem_r10.LinkPermissionLevel === "Owner" || dataItem_r10.LinkPermissionLevel === "Edit") ? 1 : -1);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r2.EnableItemDelete && (!dataItem_r10.IsLink || dataItem_r10.LinkPermissionLevel === "Owner") ? 2 : -1);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r2.EnableRemoveLink && dataItem_r10.IsLink ? 3 : -1);
-} }
-function ResourceBrowserComponent_Conditional_25_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    const _r6 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "kendo-grid", 34);
-    i0.ɵɵlistener("cellClick", function ResourceBrowserComponent_Conditional_25_Conditional_0_Template_kendo_grid_cellClick_0_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.onCellItemClicked($event)); });
-    i0.ɵɵelementStart(1, "kendo-grid-column", 35);
-    i0.ɵɵtemplate(2, ResourceBrowserComponent_Conditional_25_Conditional_0_ng_template_2_Template, 3, 1, "ng-template", 36);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelement(3, "kendo-grid-column", 37);
-    i0.ɵɵelementStart(4, "kendo-grid-column", 38);
-    i0.ɵɵtemplate(5, ResourceBrowserComponent_Conditional_25_Conditional_0_ng_template_5_Template, 1, 2, "ng-template", 36);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "kendo-grid-column", 39);
-    i0.ɵɵtemplate(7, ResourceBrowserComponent_Conditional_25_Conditional_0_ng_template_7_Template, 4, 3, "ng-template", 36);
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("kendoGridBinding", ctx_r2.Items);
-    i0.ɵɵadvance(6);
-    i0.ɵɵproperty("width", 150);
-} }
-function ResourceBrowserComponent_Conditional_25_Conditional_1_Conditional_0_Conditional_7_Template(rf, ctx) { if (rf & 1) {
-    const _r13 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 57);
-    i0.ɵɵlistener("click", function ResourceBrowserComponent_Conditional_25_Conditional_1_Conditional_0_Conditional_7_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r13); const ctx_r2 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r2.onDropdownItemClick({ Text: ctx_r2.ItemOptions[0].Text })); });
-    i0.ɵɵelementStart(1, "span", 29);
-    i0.ɵɵelement(2, "i", 30);
-    i0.ɵɵtext(3, " Create Your First Item ");
-    i0.ɵɵelementEnd()();
-} }
-function ResourceBrowserComponent_Conditional_25_Conditional_1_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 52)(1, "div", 54);
-    i0.ɵɵelement(2, "span", 55);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "h3");
-    i0.ɵɵtext(4);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "p");
-    i0.ɵɵtext(6, "There are no items to display in this category.");
-    i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(7, ResourceBrowserComponent_Conditional_25_Conditional_1_Conditional_0_Conditional_7_Template, 4, 0, "button", 56);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext(3);
-    i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate1("No ", ctx_r2.Title, " Found");
-    i0.ɵɵadvance(3);
-    i0.ɵɵconditional(ctx_r2.ItemOptions.length > 0 ? 7 : -1);
-} }
-function ResourceBrowserComponent_Conditional_25_Conditional_1_Conditional_1_For_2_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    const _r16 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 46);
-    i0.ɵɵlistener("click", function ResourceBrowserComponent_Conditional_25_Conditional_1_Conditional_1_For_2_Conditional_2_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r16); const item_r15 = i0.ɵɵnextContext().$implicit; const ctx_r2 = i0.ɵɵnextContext(4); ctx_r2.editItem(item_r15); return i0.ɵɵresetView($event.stopPropagation()); });
-    i0.ɵɵelement(1, "span", 47);
-    i0.ɵɵelementEnd();
-} }
-function ResourceBrowserComponent_Conditional_25_Conditional_1_Conditional_1_For_2_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    const _r17 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 48);
-    i0.ɵɵlistener("click", function ResourceBrowserComponent_Conditional_25_Conditional_1_Conditional_1_For_2_Conditional_3_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r17); const item_r15 = i0.ɵɵnextContext().$implicit; const ctx_r2 = i0.ɵɵnextContext(4); ctx_r2.deleteItem(item_r15); return i0.ɵɵresetView($event.stopPropagation()); });
-    i0.ɵɵelement(1, "span", 49);
-    i0.ɵɵelementEnd();
-} }
-function ResourceBrowserComponent_Conditional_25_Conditional_1_Conditional_1_For_2_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    const _r18 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 50);
-    i0.ɵɵlistener("click", function ResourceBrowserComponent_Conditional_25_Conditional_1_Conditional_1_For_2_Conditional_4_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r18); const item_r15 = i0.ɵɵnextContext().$implicit; const ctx_r2 = i0.ɵɵnextContext(4); ctx_r2.unlinkItem(item_r15); return i0.ɵɵresetView($event.stopPropagation()); });
-    i0.ɵɵelement(1, "span", 51);
-    i0.ɵɵelementEnd();
-} }
-function ResourceBrowserComponent_Conditional_25_Conditional_1_Conditional_1_For_2_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 61);
-    i0.ɵɵelement(1, "span", 63)(2, "span", 64);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const item_r15 = i0.ɵɵnextContext().$implicit;
-    const ctx_r2 = i0.ɵɵnextContext(4);
-    i0.ɵɵproperty("title", item_r15.Name + " (Shared)");
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngClass", ctx_r2.getIconForResourceType(item_r15));
-} }
-function ResourceBrowserComponent_Conditional_25_Conditional_1_Conditional_1_For_2_Conditional_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "span", 62);
-} if (rf & 2) {
-    const item_r15 = i0.ɵɵnextContext().$implicit;
-    const ctx_r2 = i0.ɵɵnextContext(4);
-    i0.ɵɵproperty("ngClass", ctx_r2.getIconForResourceType(item_r15))("title", item_r15.Name);
-} }
-function ResourceBrowserComponent_Conditional_25_Conditional_1_Conditional_1_For_2_Template(rf, ctx) { if (rf & 1) {
-    const _r14 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "kendo-card", 59);
-    i0.ɵɵlistener("click", function ResourceBrowserComponent_Conditional_25_Conditional_1_Conditional_1_For_2_Template_kendo_card_click_0_listener() { const item_r15 = i0.ɵɵrestoreView(_r14).$implicit; const ctx_r2 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r2.itemClick(item_r15)); });
-    i0.ɵɵelementStart(1, "div", 60);
-    i0.ɵɵtemplate(2, ResourceBrowserComponent_Conditional_25_Conditional_1_Conditional_1_For_2_Conditional_2_Template, 2, 0, "button", 43)(3, ResourceBrowserComponent_Conditional_25_Conditional_1_Conditional_1_For_2_Conditional_3_Template, 2, 0, "button", 44)(4, ResourceBrowserComponent_Conditional_25_Conditional_1_Conditional_1_For_2_Conditional_4_Template, 2, 0, "button", 45);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "kendo-card-body");
-    i0.ɵɵtemplate(6, ResourceBrowserComponent_Conditional_25_Conditional_1_Conditional_1_For_2_Conditional_6_Template, 3, 2, "div", 61)(7, ResourceBrowserComponent_Conditional_25_Conditional_1_Conditional_1_For_2_Conditional_7_Template, 1, 2, "span", 62);
-    i0.ɵɵelementStart(8, "h3");
-    i0.ɵɵtext(9);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(10, "p");
-    i0.ɵɵtext(11);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelement(12, "kendo-chip", 42);
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const item_r15 = ctx.$implicit;
-    const ctx_r2 = i0.ɵɵnextContext(4);
-    i0.ɵɵadvance(2);
-    i0.ɵɵconditional(ctx_r2.EnableItemEdit && (!item_r15.IsLink || item_r15.LinkPermissionLevel === "Owner" || item_r15.LinkPermissionLevel === "Edit") ? 2 : -1);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r2.EnableItemDelete && (!item_r15.IsLink || item_r15.LinkPermissionLevel === "Owner") ? 3 : ctx_r2.EnableRemoveLink && item_r15.IsLink ? 4 : -1);
-    i0.ɵɵadvance(3);
-    i0.ɵɵconditional(item_r15.IsLink ? 6 : 7);
-    i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(item_r15.Name);
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(item_r15.Description || "No description available");
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("label", item_r15.Type)("themeColor", item_r15.Type === "Folder" ? "info" : "base");
-} }
-function ResourceBrowserComponent_Conditional_25_Conditional_1_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 53);
-    i0.ɵɵrepeaterCreate(1, ResourceBrowserComponent_Conditional_25_Conditional_1_Conditional_1_For_2_Template, 13, 7, "kendo-card", 58, i0.ɵɵrepeaterTrackByIdentity);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext(3);
-    i0.ɵɵadvance();
-    i0.ɵɵrepeater(ctx_r2.Items);
-} }
-function ResourceBrowserComponent_Conditional_25_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, ResourceBrowserComponent_Conditional_25_Conditional_1_Conditional_0_Template, 8, 2, "div", 52)(1, ResourceBrowserComponent_Conditional_25_Conditional_1_Conditional_1_Template, 3, 0, "div", 53);
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext(2);
-    i0.ɵɵconditional(ctx_r2.Items.length === 0 ? 0 : 1);
-} }
-function ResourceBrowserComponent_Conditional_25_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, ResourceBrowserComponent_Conditional_25_Conditional_0_Template, 8, 2, "kendo-grid", 33)(1, ResourceBrowserComponent_Conditional_25_Conditional_1_Template, 2, 1);
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext();
-    i0.ɵɵconditional(ctx_r2.DisplayMode === "List" ? 0 : 1);
-} }
-function ResourceBrowserComponent_kendo_dialog_26_Conditional_11_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "p", 69);
-    i0.ɵɵtext(1, "This action cannot be undone.");
-    i0.ɵɵelementEnd();
-} }
-function ResourceBrowserComponent_kendo_dialog_26_Template(rf, ctx) { if (rf & 1) {
-    const _r19 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "kendo-dialog", 65);
-    i0.ɵɵlistener("close", function ResourceBrowserComponent_kendo_dialog_26_Template_kendo_dialog_close_0_listener() { i0.ɵɵrestoreView(_r19); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.onConfirmDeleteItem(false)); });
-    i0.ɵɵelementStart(1, "div", 66)(2, "div", 67);
-    i0.ɵɵelement(3, "span", 68);
-    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, ResourceBrowserComponent_kendo_dialog_26_Conditional_11_Template, 2, 0, "p", 69);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(12, "kendo-dialog-actions", 70)(13, "button", 71);
-    i0.ɵɵlistener("click", function ResourceBrowserComponent_kendo_dialog_26_Template_button_click_13_listener() { i0.ɵɵrestoreView(_r19); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.onConfirmDeleteItem(false)); });
-    i0.ɵɵtext(14, " Cancel ");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(15, "button", 72);
-    i0.ɵɵlistener("click", function ResourceBrowserComponent_kendo_dialog_26_Template_button_click_15_listener() { i0.ɵɵrestoreView(_r19); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.onConfirmDeleteItem(true)); });
-    i0.ɵɵelementStart(16, "span", 29);
-    i0.ɵɵelement(17, "i", 73);
-    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 ResourceBrowserComponent_kendo_dialog_27_ng_template_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 81);
-} }
-function ResourceBrowserComponent_kendo_dialog_27_Conditional_12_Template(rf, ctx) { if (rf & 1) {
-    const _r21 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 57);
-    i0.ɵɵlistener("click", function ResourceBrowserComponent_kendo_dialog_27_Conditional_12_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r21); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.updateFolder()); });
-    i0.ɵɵelementStart(1, "span", 29);
-    i0.ɵɵelement(2, "i", 82);
-    i0.ɵɵtext(3, " Update Folder ");
-    i0.ɵɵelementEnd()();
-} }
-function ResourceBrowserComponent_kendo_dialog_27_Conditional_13_Template(rf, ctx) { if (rf & 1) {
-    const _r22 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 57);
-    i0.ɵɵlistener("click", function ResourceBrowserComponent_kendo_dialog_27_Conditional_13_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r22); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.createFolder()); });
-    i0.ɵɵelementStart(1, "span", 29);
-    i0.ɵɵelement(2, "i", 83);
-    i0.ɵɵtext(3, " Create Folder ");
-    i0.ɵɵelementEnd()();
-} }
-function ResourceBrowserComponent_kendo_dialog_27_Template(rf, ctx) { if (rf & 1) {
-    const _r20 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "kendo-dialog", 74);
-    i0.ɵɵlistener("close", function ResourceBrowserComponent_kendo_dialog_27_Template_kendo_dialog_close_0_listener() { i0.ɵɵrestoreView(_r20); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.toggleUpsertFolderView(false, false)); });
-    i0.ɵɵelementStart(1, "div", 66)(2, "kendo-formfield", 75);
-    i0.ɵɵelement(3, "kendo-label", 76);
-    i0.ɵɵelementStart(4, "kendo-textbox", 77);
-    i0.ɵɵlistener("valueChange", function ResourceBrowserComponent_kendo_dialog_27_Template_kendo_textbox_valueChange_4_listener($event) { i0.ɵɵrestoreView(_r20); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.onUpsertFolderNameKeyup($event)); });
-    i0.ɵɵtemplate(5, ResourceBrowserComponent_kendo_dialog_27_ng_template_5_Template, 1, 0, "ng-template", 14);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(6, "kendo-formfield", 78);
-    i0.ɵɵelement(7, "kendo-label", 79);
-    i0.ɵɵelementStart(8, "kendo-textarea", 80);
-    i0.ɵɵlistener("valueChange", function ResourceBrowserComponent_kendo_dialog_27_Template_kendo_textarea_valueChange_8_listener($event) { i0.ɵɵrestoreView(_r20); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.onUpsertFolderDescriptionKeyup($event)); });
-    i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(9, "kendo-dialog-actions", 70)(10, "button", 71);
-    i0.ɵɵlistener("click", function ResourceBrowserComponent_kendo_dialog_27_Template_button_click_10_listener() { i0.ɵɵrestoreView(_r20); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.toggleUpsertFolderView(false, false)); });
-    i0.ɵɵtext(11, " Cancel ");
-    i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(12, ResourceBrowserComponent_kendo_dialog_27_Conditional_12_Template, 4, 0, "button", 56)(13, ResourceBrowserComponent_kendo_dialog_27_Conditional_13_Template, 4, 0, "button", 56);
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("title", ctx_r2.selectedFolder ? "Edit Folder" : "Create New Folder")("minWidth", 400)("width", 500);
-    i0.ɵɵadvance(4);
-    i0.ɵɵproperty("value", ctx_r2.upsertNewFolderName)("clearButton", true);
-    i0.ɵɵadvance(4);
-    i0.ɵɵproperty("value", ctx_r2.upsertNewFolderDescription)("rows", 3);
-    i0.ɵɵadvance(4);
-    i0.ɵɵconditional(ctx_r2.selectedFolder ? 12 : 13);
-} }
-export class ResourceBrowserComponent {
-    sharedService;
-    /*******************************************************************************************
-     * PROPERTIES
-     *******************************************************************************************/
-    _ResourceTypeName = null;
-    /**
-     * The name of the type of resource to display, cannot be changed after it is initially set
-     */
-    get ResourceTypeName() {
-        return this._ResourceTypeName;
-    }
-    set ResourceTypeName(value) {
-        if (this._ResourceTypeName === null) {
-            this._ResourceTypeName = value;
-        }
-        else {
-            // we do not ever want to allow an instance of this component to be "reused" where the Resource Type is changed so throw an exception here
-            throw new Error('Resource Type cannot be changed after it has been set');
-        }
-    }
-    /**
-     * Whether or not to enable categories. If enabled, Categories will be displayed
-     * and the option to create new categories will be available. Default is true.
-     */
-    EnableCategories = true;
-    /**
-     * If Categories are enabled, then the categories fetched will be filtered to return only those whoses EntityID
-     * matches this value.
-     */
-    CategoryEntityID = null;
-    /**
-     * If set, this will set the current Category/Folder for the display. Not all Resource Types support Categories, so if the Resource Type in question does not have a CategoryEntityID specified, this property will be ignored.
-     */
-    CurrentCategoryID = null;
-    /**
-     * This property determines if the UI will include a button on items in the display to edit. The button will only be shown if the user has edit permissions, but this is a global setting to turn on/off the button even if the user has permissions. Default is true.
-     */
-    EnableItemEdit = true;
-    /**
-     * This property determines if the UI will include a button on items in the display to delete. The button will only be shown if the user has delete permissions, but this is a global setting to turn on/off the button even if the user has permissions. Default is true.
-     */
-    EnableItemDelete = true;
-    /**
-     * This proprerty determines if the UI will include a button on items in the display to unlink/remove a link to a shared resource (owned by another user).
-     * The button will only be shown if the user has permissions, but this is a global setting to turn on/off the button even if the user has permissions. Default is true.
-     */
-    EnableRemoveLink = true;
-    /**
-     * The title to display, by default if not provided, we will use the ResourceType's Entity Name
-     */
-    Title;
-    /**
-     * Optional, a SQL Where clause filter to apply to Items being loaded into the browser
-     */
-    ItemFilter;
-    /**
-     * Optional, a valid expression to place into the RunView OrderBy property (don't include the keywords ORDER BY, just what is after ORDER BY)
-     */
-    OrderBy;
-    /**
-     * Array of NewItemOption objects that will be displayed in the Create New dropdown. Defaults to having a single entry for creating a new folder, you can remove this or add to it.
-     */
-    NewItemOptions = [];
-    /**
-     * The visual display mode for this component, tile will show the contents in tiles that are spaced and wrapped based on the viewport, list will show the details of the items in a list, and tree will show the items in a tree view - tree view NOT implemented yet
-     */
-    DisplayMode = 'Tile';
-    /**
-     * Fires whenever a resource/item is selected within the component
-     */
-    ResourceSelected = new EventEmitter();
-    /*******************************************************************************************
-     * EVENTS
-     *******************************************************************************************/
-    /**
-     * Fires whenever the category (e.g. the folder) the user is currently viewing changes. This can happen when a user creates a new folder and navigates to it, navigates to an existing folder, goes "up" in the folder hierarchy, etc.
-     */
-    CategoryChanged = new EventEmitter();
-    /**
-     * Fires whenever the user changes the display mode of the component
-     */
-    DisplayModeChanged = new EventEmitter();
-    /**
-     * Fires whenever the user clicks the back button to view the parent folder
-     */
-    NavigateToParentEvent = new EventEmitter();
-    /**
-     * Fires whenever the users clicks to edit an Item that is not a folder
-     */
-    EditItemEvent = new EventEmitter();
-    /**
-     * Fires whenever the users clicks to edit an Item that is not a folder
-     */
-    DeleteItemEvent = new EventEmitter();
-    /**
-     * The current Resource Type (BaseEntity derived class), automatically is populated after init based on the ResourceType string
-     */
-    ResourceType;
-    _isLoading = false;
-    /**
-     * This property will be true whenever the component is in the process of loading data
-     */
-    get IsLoading() {
-        return this._isLoading;
-    }
-    _CategoryIDFieldName;
-    /**
-     * This is the field name in the Resource Type's Entity that is used to store the CategoryID (e.g. the Folder ID) for the resource.
-     * Not all entities in resource types support a CategoryID concept, so this can be null. This property is read only and
-     * is auto-populated during the configuration of the component.
-     */
-    get CategoryIDFieldName() {
-        return this._CategoryIDFieldName;
-    }
-    _CategoryParentIDFieldName = undefined;
-    /**
-     * This is the field name in the Resource type's Category Entity, if a Category Entity was provided, that has the recursive/self-referencing foreign key to the parent category.
-     * This field is read only and is auto-populated during the configuration of the component.
-     */
-    get CategoryParentIDFieldName() {
-        return this._CategoryParentIDFieldName;
-    }
-    _UserIDFieldName = undefined;
-    /**
-     * This is the field name in the Resource Type's Entity that is used to store the UserID of the user that OWNS the resource. Commonly, but not always a field called UserID, but can be
-     * any field in the Resource Type's entity that is a foreign key to the Users entity. This property is read only and is auto-populated during the configuration of the component.
-     */
-    get UserIDFieldName() {
-        return this._UserIDFieldName;
-    }
-    _items = [];
-    /**
-     * The current list of items being displayed in the browser, DO NOT MODIFY THIS! This is read only and is auto-populated by the component.
-     */
-    get Items() {
-        return this._items;
-    }
-    _DefaultNewItemOptions = [
-        {
-            Text: 'New Folder',
-            Description: 'Create a new Folder',
-            Icon: 'folder',
-            Action: () => {
-                if (this.EnableCategories) {
-                    this.toggleUpsertFolderView(true, true);
-                }
-            }
-        }
-    ];
-    get ItemOptions() {
-        return this._DefaultNewItemOptions;
-    }
-    upsertNewFolderName = "";
-    upsertNewFolderDescription = "";
-    selectedFolder = null;
-    // JS code here and below from old component....
-    _filterDebounceTime = 250;
-    filterItemsSubject = new Subject();
-    filter = '';
-    sourceItems = null;
-    selectedItem = null;
-    deleteDialogOpened = false;
-    copyFromDialogOpened = false;
-    upsertFolderDialogVisible = false;
-    _allResourceTypes = [];
-    entityObjectName = "";
-    constructor(sharedService) {
-        this.sharedService = sharedService;
-        this.filterItemsSubject
-            .pipe(debounceTime(this._filterDebounceTime))
-            .subscribe(() => this.filterItems(this.filter));
-    }
-    async ngOnInit() {
-        /**
-         * Hide the create folder option is EnableCategories is false
-         */
-        if (this.EnableCategories) {
-            this._DefaultNewItemOptions.push(...this.NewItemOptions);
-        }
-        else {
-            this._DefaultNewItemOptions = this.NewItemOptions;
-        }
-        this._allResourceTypes = this.sharedService.ResourceTypes;
-        const resourceType = this._allResourceTypes.find(rt => {
-            return rt.Entity === this.ResourceTypeName;
-        });
-        if (!resourceType) {
-            throw new Error(`Resource Type ${this.ResourceTypeName} not found`);
-        }
-        this.ResourceType = resourceType;
-        if (!this.ResourceType.EntityID) {
-            throw new Error(`Resource Type ${this.ResourceTypeName} does not have an EntityID specified. EntityID is required for any Resource Type to be used with this component.`);
-        }
-        // now get the entity info for the resource type and for its category entity, if one is specified. 
-        const md = new Metadata();
-        const resourceTypeEntity = md.EntityByID(this.ResourceType.EntityID);
-        const categoryEntity = this.ResourceType.CategoryEntityID ? md.EntityByID(this.ResourceType.CategoryEntityID) : null;
-        // Always check for UserID field, not just when we have categories
-        const usersEntity = md.EntityByName("Users");
-        this._UserIDFieldName = resourceTypeEntity.Fields.find(f => f.RelatedEntityID === usersEntity.ID)?.Name;
-        // figure out the column inside the entity that points to the categoryEntity, if we have a category entity
-        if (categoryEntity) {
-            this._CategoryIDFieldName = resourceTypeEntity.Fields.find(f => f.RelatedEntityID === categoryEntity.ID)?.Name;
-            this._CategoryParentIDFieldName = categoryEntity.Fields.find(f => f.RelatedEntityID === categoryEntity.ID)?.Name;
-        }
-        await this.Refresh();
-    }
-    /**
-     * Refresh the component from the database based on other current state variables.
-     */
-    async Refresh() {
-        const views = await this.LoadResources();
-        const categories = await this.LoadCategories();
-        const items = [...categories, ...views];
-        const sortedItems = this.sortItems(items);
-        this._items = sortedItems;
-    }
-    async LoadResources() {
-        let results = [];
-        if (!this.ResourceType || !this.ResourceType.Entity) {
-            return results;
-        }
-        const md = new Metadata();
-        const rv = new RunView();
-        // create a combined filter for the SQL query that combines the user's provided ItemFilter, if provided, with a user filter that only includes items that are OWNED by the current user
-        // and finally filter on the current category, if one is set and we have a category entity
-        let filter = "";
-        if (this.ItemFilter) {
-            filter += `(${this.ItemFilter})`;
-        }
-        if (this.UserIDFieldName) {
-            let base = this.ItemFilter ? "AND " : " ";
-            filter += `${base}([${this.UserIDFieldName}] = '${md.CurrentUser.ID}')`;
-        }
-        if (this.CurrentCategoryID && this.CategoryIDFieldName) {
-            let base = (this.ItemFilter || this.UserIDFieldName) ? "AND " : " ";
-            filter += `${base}([${this.CategoryIDFieldName}] = '${this.CurrentCategoryID}')`;
-        }
-        const itemResult = await rv.RunView({
-            EntityName: this.ResourceType.Entity,
-            ExtraFilter: filter,
-            OrderBy: this.OrderBy,
-            ResultType: 'entity_object'
-        });
-        if (!itemResult.Success) {
-            LogError(`Unable to load views for ${this.ResourceType.Entity}. Reason: ${itemResult.ErrorMessage}`);
-            return results;
-            ;
-        }
-        const views = itemResult.Results;
-        const items = views.map(view => new Item(view, ItemType.Resource));
-        return items;
-    }
-    async LoadCategories() {
-        if (!this.EnableCategories) {
-            return [];
-        }
-        if (!this.ResourceType || !this.ResourceType.CategoryEntity) {
-            return [];
-        }
-        const md = new Metadata();
-        const categoryEntity = md.EntityByName(this.ResourceType.CategoryEntity);
-        if (!categoryEntity) {
-            LogError(`Category Entity ${this.ResourceType.CategoryEntity} not found`);
-            return [];
-        }
-        const hasEntityIDField = categoryEntity.Fields.some(field => field.Name === "EntityID");
-        let filter = `UserID = '${md.CurrentUser.ID}'`;
-        filter += this.CurrentCategoryID ? ` AND ParentID = '${this.CurrentCategoryID}' ` : " AND ParentID IS NULL ";
-        filter += hasEntityIDField ? ` AND EntityID = '${this.ResourceType.EntityID}'` : "";
-        const rv = new RunView();
-        const rvResult = await rv.RunView({
-            EntityName: this.ResourceType.CategoryEntity,
-            ExtraFilter: filter,
-            ResultType: 'entity_object'
-        });
-        if (!rvResult.Success) {
-            LogError(`Unable to load categories for ${this.ResourceType.CategoryEntity}. Reason: ${rvResult.ErrorMessage}`);
-            return [];
-        }
-        const categories = rvResult.Results;
-        const folders = categories.map((category) => {
-            const folderID = category.FirstPrimaryKey.Value;
-            const NameEntityField = category.Fields.find(field => field.EntityFieldInfo.IsNameField);
-            const folderName = NameEntityField ? NameEntityField.Value : "Folder";
-            const folder = new Folder(folderID, folderName);
-            folder.CategoryEntity = category;
-            folder.Description = category.Get("Description");
-            return folder;
-        });
-        const items = folders.map(folder => new Item(folder, ItemType.Folder));
-        return items;
-    }
-    //maybe pass in a sort function for custom sorting?
-    sortItems(items) {
-        items.sort(function (a, b) {
-            const aName = a.Name.toLowerCase();
-            const bName = b.Name.toLowerCase();
-            if (aName < bName) {
-                return -1;
-            }
-            if (aName > bName) {
-                return 1;
-            }
-            return 0;
-        });
-        return items;
-    }
-    //wrapper function for the grid view
-    onCellItemClicked(event) {
-        this.itemClick(event.dataItem);
-    }
-    itemClick(item) {
-        if (!item) {
-            return;
-        }
-        this.ResourceSelected.emit(item);
-    }
-    async updateFolder() {
-        const folder = this.selectedFolder;
-        if (!folder || !folder.CategoryEntity) {
-            LogError("Folder or CategoryEntity is not set, cannot update folder");
-            this.sharedService.CreateSimpleNotification("Unable to update folder", "error", 2500);
-            return;
-        }
-        const categoryEntity = folder.CategoryEntity;
-        categoryEntity.Set("Name", this.upsertNewFolderName);
-        categoryEntity.Set("Description", this.upsertNewFolderDescription);
-        const saveResult = await categoryEntity.Save();
-        if (!saveResult) {
-            LogError(`Unable to update folder ${folder.Name}`, undefined, categoryEntity.LatestResult);
-            this.sharedService.CreateSimpleNotification(`Unable to update folder ${folder.Name}`, "error", 2500);
-        }
-        else {
-            this.sharedService.CreateSimpleNotification(`Successfully updated folder ${folder.Name}`, "info", 2500);
-            await this.Refresh();
-        }
-        this.toggleUpsertFolderView(false, false);
-    }
-    async createFolder() {
-        if (!this.ResourceType.CategoryEntity) {
-            LogError("ResourceType.CategoryEntity is not set, cannot create folder");
-            this.sharedService.CreateSimpleNotification("Unable to create folder", "error", 1500);
-            return;
-        }
-        const md = new Metadata();
-        const folderEntity = await md.GetEntityObject(this.ResourceType.CategoryEntity);
-        folderEntity.NewRecord();
-        folderEntity.Set("Name", this.upsertNewFolderName);
-        folderEntity.Set("Description", this.upsertNewFolderDescription);
-        folderEntity.Set("ParentID", this.CurrentCategoryID);
-        folderEntity.Set("UserID", md.CurrentUser.ID);
-        folderEntity.Set("EntityID", this.CategoryEntityID);
-        let saveResult = await folderEntity.Save();
-        if (!saveResult) {
-            this.sharedService.CreateSimpleNotification(`Unable to create folder ${this.upsertNewFolderName}`, "error", 1500);
-            LogError(`Unable to create folder ${this.upsertNewFolderName}`, undefined, folderEntity.LatestResult);
-        }
-        this.toggleUpsertFolderView(false, false);
-        this.sharedService.CreateSimpleNotification(`successfully created folder ${this.upsertNewFolderName}`, 'success', 1500);
-        let folder = new Folder(folderEntity.Get("ID"), folderEntity.Get("Name"));
-        folder.ParentFolderID = folderEntity.Get("ParentID");
-        folder.Description = folderEntity.Get("Description");
-        let item = new Item(folder, ItemType.Folder);
-        //navigate to the newly created folder
-        //by raising an item click event
-        this.itemClick(item);
-    }
-    async unlinkItem(item) {
-        await this.deleteOrUnlink(item, false);
-    }
-    _currentDeleteOrUnlinkState = false;
-    async deleteOrUnlink(item, bDelete) {
-        if (!item) {
-            return;
-        }
-        this._currentDeleteOrUnlinkState = bDelete;
-        this.selectedItem = item;
-        if (item.Type === ItemType.Folder && bDelete) {
-            this.deleteDialogOpened = true;
-        }
-        else if (item.Type === ItemType.Resource && bDelete) {
-            this.deleteDialogOpened = true;
-        }
-        else if (item.Type === ItemType.Resource && !bDelete) {
-            this.deleteDialogOpened = true;
-        }
-    }
-    goToParent() {
-        this.NavigateToParentEvent.emit();
-    }
-    async deleteItem(item) {
-        await this.deleteOrUnlink(item, true);
-    }
-    async onConfirmDeleteItem(shouldDelete) {
-        if (!this.selectedItem || !shouldDelete) {
-            LogError("Selected item is not set or shouldDelete is false");
-            return;
-        }
-        this.deleteDialogOpened = false;
-        let item = this.selectedItem;
-        let success = false;
-        if (item.Type === ItemType.Folder && this._currentDeleteOrUnlinkState) {
-            success = await this.deleteFolder(item);
-        }
-        else if (item.Type === ItemType.Resource && this._currentDeleteOrUnlinkState) {
-            success = await this.deleteResource(item);
-        }
-        else if (item.Type === ItemType.Resource && !this._currentDeleteOrUnlinkState) {
-            success = await this.unlinkResource(item);
-        }
-        this.selectedItem = null;
-        if (success) {
-            await this.Refresh();
-        }
-    }
-    async deleteFolder(item) {
-        const folder = item.Data;
-        if (!folder || !folder.CategoryEntity) {
-            LogError("Folder or CategoryEntity is not set, cannot delete folder");
-            this.sharedService.CreateSimpleNotification("Unable to delete folder", "error", 2500);
-            return false;
-        }
-        const hasChildren = await this.doesFolderHaveChildren(folder.ID);
-        if (hasChildren) {
-            this.sharedService.CreateSimpleNotification(`Unable to delete Folder ${folder.Name} because it has children`, "error", 2500);
-            return false;
-        }
-        const categoryEntity = folder.CategoryEntity;
-        const deleteResult = await categoryEntity.Delete();
-        if (!deleteResult) {
-            LogError(`Unable to delete folder ${folder.Name}`, undefined, categoryEntity.LatestResult);
-            this.sharedService.CreateSimpleNotification(`unable to delete folder ${folder.Name}.`, "error", 2500);
-            return false;
-        }
-        this.sharedService.CreateSimpleNotification(`Successfully deleted folder ${folder.Name}`, "info", 2500);
-        return true;
-    }
-    async deleteResource(item) {
-        let genericEntity = item.Data;
-        if (!genericEntity) {
-            LogError("Item Data is not set, cannot delete resource");
-            return false;
-        }
-        const deleteEvent = new BeforeDeleteItemEvent(item);
-        this.DeleteItemEvent.emit(deleteEvent);
-        if (deleteEvent.Cancel) {
-            //parent will handle deletion, so we can return early
-            return true;
-        }
-        const entity = item.Data;
-        const deleteResult = await entity.Delete();
-        if (!deleteResult) {
-            LogError(`Unable to delete ${item.Name}`, undefined, entity.LatestResult);
-            this.sharedService.CreateSimpleNotification(`Unable to delete ${item.Name}`, "error", 2500);
-            return false;
-        }
-        return true;
-    }
-    async unlinkResource(item) {
-        return true;
-        // // remove the link by removing the Resource Link record
-        // if (item.ResourceLinkID) {
-        //   const md = new Metadata();
-        //   const link = await md.GetEntityObject<ResourceLinkEntity>("Resource Links");
-        //   if (await link.Load(item.ResourceLinkID))
-        //     return await link.Delete();  
-        //   else
-        //     return false;
-        // }
-        // else
-        //   return false;
-    }
-    async doesFolderHaveChildren(folderID) {
-        if (!this.ResourceType.CategoryEntity) {
-            throw new Error("ResourceType.CategoryEntity is not set, cannot check for children");
-        }
-        const rv = new RunView();
-        const folderResult = await rv.RunView({
-            EntityName: this.ResourceType.CategoryEntity,
-            ExtraFilter: `ParentID ='${folderID}'`
-        });
-        if (!folderResult.Success) {
-            throw new Error(`Unable to fetch children for folder ${folderID}. Reason: ${folderResult.ErrorMessage}`);
-        }
-        return folderResult.Results.length > 0;
-    }
-    changeViewMode(mode) {
-        this.DisplayMode = mode;
-    }
-    onKeyup(Value) {
-        this.filter = Value;
-        this.filterItemsSubject.next(true);
-    }
-    onUpsertFolderNameKeyup(value) {
-        this.upsertNewFolderName = value;
-    }
-    onUpsertFolderDescriptionKeyup(value) {
-        this.upsertNewFolderDescription = 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());
-        });
-    }
-    editItem(item) {
-        if (!item || !item.Data) {
-            LogError("Item or item data is not set");
-            this.sharedService.CreateSimpleNotification("Unable to edit item", "error", 2500);
-            return;
-        }
-        if (item.Type === ItemType.Folder) {
-            const folder = item.Data;
-            this.selectedFolder = folder;
-            this.toggleUpsertFolderView(true, false);
-        }
-        else {
-            const event = new BeforeUpdateItemEvent(item);
-            this.EditItemEvent.emit(event);
-        }
-    }
-    async onDropdownItemClick(dropdownItem) {
-        if (!dropdownItem || !dropdownItem.Action) {
-            LogError("Dropdown item or action is not set");
-            return;
-        }
-        dropdownItem.Action();
-    }
-    toggleCopyFromView() {
-        this.copyFromDialogOpened = !this.copyFromDialogOpened;
-    }
-    getCopyFromTitle() {
-        return `Select ${this.ResourceTypeName} to Copy`;
-    }
-    toggleUpsertFolderView(visible, createNew) {
-        this.upsertFolderDialogVisible = visible;
-        if (createNew) {
-            this.upsertNewFolderName = "";
-            this.upsertNewFolderDescription = "";
-            this.selectedFolder = null;
-        }
-        else if (visible && this.selectedFolder) {
-            this.upsertNewFolderName = this.selectedFolder.Name;
-            this.upsertNewFolderDescription = this.selectedFolder.Description || "";
-        }
-    }
-    getIconForResourceType(item) {
-        if (!item) {
-            return "";
-        }
-        const LargeClass = "fa-3x ";
-        if (item.Type === ItemType.Folder) {
-            return LargeClass + "fa-regular fa-folder";
-        }
-        const resourceType = this._allResourceTypes.find(rt => rt.ID === this.ResourceType.ID);
-        if (resourceType) {
-            return LargeClass + resourceType.Icon; // + rotateStyle;
-        }
-        return "";
-    }
-    static ɵfac = function ResourceBrowserComponent_Factory(t) { return new (t || ResourceBrowserComponent)(i0.ɵɵdirectiveInject(i1.SharedService)); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ResourceBrowserComponent, selectors: [["mj-resource-browser"]], inputs: { ResourceTypeName: "ResourceTypeName", EnableCategories: "EnableCategories", CategoryEntityID: "CategoryEntityID", CurrentCategoryID: "CurrentCategoryID", EnableItemEdit: "EnableItemEdit", EnableItemDelete: "EnableItemDelete", EnableRemoveLink: "EnableRemoveLink", Title: "Title", ItemFilter: "ItemFilter", OrderBy: "OrderBy", NewItemOptions: "NewItemOptions", DisplayMode: "DisplayMode" }, outputs: { ResourceSelected: "ResourceSelected", CategoryChanged: "CategoryChanged", DisplayModeChanged: "DisplayModeChanged", NavigateToParentEvent: "NavigateToParentEvent", EditItemEvent: "EditItemEvent", DeleteItemEvent: "DeleteItemEvent" }, decls: 30, vars: 14, consts: [["searchInput", ""], ["entityFormDialog", ""], [1, "mj-page-container"], [1, "mj-header"], [1, "mj-header-title"], ["title", "Back to Parent", 1, "mj-btn-icon-only"], [1, "mj-header-icon"], [1, "fa-regular", "fa-folder"], [1, "mj-header-subtitle"], [1, "mj-header-actions"], ["textField", "Text", "themeColor", "primary", "rounded", "medium", 3, "data"], [1, "mj-toolbar"], [1, "mj-search"], ["type", "text", "size", "medium", "rounded", "medium", "fillMode", "outline", 3, "keyup", "placeholder", "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"], [1, "mj-loading"], ["class", "mj-dialog-confirm", "title", "Confirm Action", 3, "minWidth", "width", "close", 4, "ngIf"], ["class", "mj-dialog-form", 3, "title", "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"], ["textField", "Text", "themeColor", "primary", "rounded", "medium", 3, "itemClick", "data"], [1, "button-content"], [1, "fas", "fa-plus"], [1, "fas", "fa-search", "search-prefix-icon"], ["size", "large", 3, "showText"], [1, "mj-grid-table", 3, "kendoGridBinding"], [1, "mj-grid-table", 3, "cellClick", "kendoGridBinding"], ["field", "Name", "title", "Name"], ["kendoGridCellTemplate", ""], ["field", "Description", "title", "Description"], ["field", "Type", "title", "Type"], ["title", "Actions", 3, "width"], [1, "mj-grid-name-cell"], [1, "mj-grid-name"], ["rounded", "full", "size", "small", 3, "label", "themeColor"], ["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"], ["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"], ["kendoButton", "", "themeColor", "primary", "rounded", "medium", 3, "click"], [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-icon-large", 3, "ngClass"], [1, "fa-solid", "fa-link", "mj-link-indicator"], ["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"], [3, "ngClass"], [1, "mj-dialog-form", 3, "close", "title", "minWidth", "width"], ["orientation", "vertical", 1, "mb-3"], ["text", "Folder Name"], ["placeholder", "Enter folder name...", "rounded", "medium", "fillMode", "outline", 3, "valueChange", "value", "clearButton"], ["orientation", "vertical"], ["text", "Description"], ["placeholder", "Enter description (optional)...", "rounded", "medium", "fillMode", "outline", 3, "valueChange", "value", "rows"], [1, "fas", "fa-folder", "search-prefix-icon"], [1, "fas", "fa-save"], [1, "fas", "fa-folder-plus"]], template: function ResourceBrowserComponent_Template(rf, ctx) { if (rf & 1) {
-            const _r1 = i0.ɵɵgetCurrentView();
-            i0.ɵɵelementStart(0, "div", 2)(1, "div", 3)(2, "div", 4);
-            i0.ɵɵtemplate(3, ResourceBrowserComponent_Conditional_3_Template, 2, 0, "span", 5);
-            i0.ɵɵelementStart(4, "div", 6);
-            i0.ɵɵelement(5, "span", 7);
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(6, "div")(7, "h1");
-            i0.ɵɵtext(8);
-            i0.ɵɵelementEnd();
-            i0.ɵɵtemplate(9, ResourceBrowserComponent_Conditional_9_Template, 3, 0, "div", 8);
-            i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(10, "div", 9);
-            i0.ɵɵtemplate(11, ResourceBrowserComponent_Conditional_11_Template, 4, 1, "kendo-dropdownbutton", 10);
-            i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(12, "div", 11)(13, "div", 12)(14, "kendo-textbox", 13, 0);
-            i0.ɵɵlistener("keyup", function ResourceBrowserComponent_Template_kendo_textbox_keyup_14_listener() { i0.ɵɵrestoreView(_r1); const searchInput_r5 = i0.ɵɵreference(15); return i0.ɵɵresetView(ctx.onKeyup(searchInput_r5.value)); });
-            i0.ɵɵtemplate(16, ResourceBrowserComponent_ng_template_16_Template, 1, 0, "ng-template", 14);
-            i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(17, "div", 15)(18, "kendo-buttongroup")(19, "button", 16);
-            i0.ɵɵlistener("click", function ResourceBrowserComponent_Template_button_click_19_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.changeViewMode("List")); });
-            i0.ɵɵelement(20, "span", 17);
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(21, "button", 18);
-            i0.ɵɵlistener("click", function ResourceBrowserComponent_Template_button_click_21_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.changeViewMode("Tile")); });
-            i0.ɵɵelement(22, "span", 19);
-            i0.ɵɵelementEnd()()()();
-            i0.ɵɵelementStart(23, "div", 20);
-            i0.ɵɵtemplate(24, ResourceBrowserComponent_Conditional_24_Template, 2, 1, "div", 21)(25, ResourceBrowserComponent_Conditional_25_Template, 2, 1);
-            i0.ɵɵelementEnd();
-            i0.ɵɵtemplate(26, ResourceBrowserComponent_kendo_dialog_26_Template, 19, 7, "kendo-dialog", 22)(27, ResourceBrowserComponent_kendo_dialog_27_Template, 14, 8, "kendo-dialog", 23);
-            i0.ɵɵelement(28, "mj-entity-form-dialog", 24, 1);
-            i0.ɵɵelementEnd();
-        } if (rf & 2) {
-            i0.ɵɵadvance(3);
-            i0.ɵɵconditional(ctx.CurrentCategoryID ? 3 : -1);
-            i0.ɵɵadvance(5);
-            i0.ɵɵtextInterpolate(ctx.Title);
-            i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.CurrentCategoryID ? 9 : -1);
-            i0.ɵɵadvance(2);
-            i0.ɵɵconditional(ctx.ItemOptions.length > 0 ? 11 : -1);
-            i0.ɵɵadvance(3);
-            i0.ɵɵpropertyInterpolate1("placeholder", "Search ", ctx.Title, "...");
-            i0.ɵɵproperty("clearButton", true);
-            i0.ɵɵadvance(5);
-            i0.ɵɵproperty("toggleable", true)("selected", ctx.DisplayMode === "List");
-            i0.ɵɵadvance(2);
-            i0.ɵɵproperty("toggleable", true)("selected", ctx.DisplayMode === "Tile");
-            i0.ɵɵadvance(3);
-            i0.ɵɵconditional(ctx.IsLoading ? 24 : 25);
-            i0.ɵɵadvance(2);
-            i0.ɵɵproperty("ngIf", ctx.deleteDialogOpened);
-            i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", ctx.upsertFolderDialogVisible);
-        } }, 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.TextAreaComponent, i6.TextBoxComponent, i6.TextBoxPrefixTemplateDirective, i6.FormFieldComponent, i7.LabelComponent, i8.CardComponent, i8.CardBodyComponent, i9.EntityFormDialogComponent, i10.LoadingComponent], styles: ["\n\n\n\n\n.generic-browser-list-container[_ngcontent-%COMP%] {\n    @extend .mj-page-container;\n}\n\n\n\n.title-wrapper[_ngcontent-%COMP%] {\n    @extend .mj-toolbar;\n    margin-bottom: 20px;\n}\n\n.title-flex-display[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 15px;\n}\n\n.title-folder[_ngcontent-%COMP%] {\n    width: 44px;\n    height: 44px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    border-radius: var(--border-radius);\n    transition: var(--transition-time);\n    color: var(--mj-blue);\n}\n\n.title-folder[_ngcontent-%COMP%]:hover {\n    background: var(--gray-600);\n    color: var(--navy);\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.title-wrapper[_ngcontent-%COMP%]:last-child {\n    border-bottom: none;\n    padding-bottom: 0;\n    margin-bottom: 30px;\n}\n\n.search[_ngcontent-%COMP%] {\n    @extend .mj-search;\n    max-width: 360px;\n}\n\n.filter-wrapper[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n}\n\n.btn-cmn[_ngcontent-%COMP%] {\n    @extend .mj-btn-icon-only;\n    \n    &.active {\n        background: var(--mj-blue);\n        color: var(--white-color);\n        border-color: var(--mj-blue);\n    }\n}\n\n\n\n  .title-wrapper .k-dropdown-button .k-button {\n    @extend .mj-btn-primary;\n    \n    .k-button-text {\n        display: flex;\n        align-items: center;\n        gap: 8px;\n    }\n}\n\n\n\n.main-area[_ngcontent-%COMP%] {\n    position: relative;\n}\n\n\n\n.nav-container[_ngcontent-%COMP%] {\n    @extend .mj-grid-responsive;\n}\n\n.nav-item[_ngcontent-%COMP%] {\n    @extend .mj-card;\n    @extend .mj-grid-item;\n    position: relative;\n}\n\n.nav-item-icon[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: center;\n    margin-bottom: 16px;\n    \n    i, span {\n        font-size: 3rem;\n        color: var(--mj-blue);\n        transition: var(--transition-time);\n    }\n}\n\n.nav-item-content[_ngcontent-%COMP%] {\n    @extend .mj-card-body;\n    text-align: center;\n    padding-top: 0;\n}\n\n.nav-item-title[_ngcontent-%COMP%] {\n    margin: 0 0 8px 0;\n    font-size: 1.25rem;\n    font-weight: 600;\n    color: var(--navy);\n    cursor: pointer;\n    transition: var(--transition-time);\n}\n\n.nav-item-title[_ngcontent-%COMP%]:hover {\n    color: var(--mj-blue);\n    text-decoration: underline;\n}\n\n.nav-item-subtitle[_ngcontent-%COMP%] {\n    margin: 0 0 16px 0;\n    font-size: 0.9rem;\n    color: var(--gray-800);\n    line-height: 1.4;\n    display: -webkit-box;\n    -webkit-line-clamp: 3;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n}\n\n.nav-item-edit[_ngcontent-%COMP%] {\n    @extend .mj-card-actions;\n    position: static;\n    opacity: 1;\n    justify-content: center;\n    margin-top: 12px;\n}\n\n.nav-item[_ngcontent-%COMP%]:hover   .nav-item-edit[_ngcontent-%COMP%] {\n    opacity: 1;\n}\n\n\n\n.list-btn[_ngcontent-%COMP%] {\n    @extend .mj-btn-icon-only;\n    @extend .mj-btn-sm;\n    \n    &:hover {\n        color: var(--white-color);\n        background: var(--mj-blue);\n        border-color: var(--mj-blue);\n    }\n}\n\n\n\n.nav-item[_ngcontent-%COMP%]:hover {\n    .nav-item-icon i,\n    .nav-item-icon span {\n        color: var(--navy);\n        transform: scale(1.1);\n    }\n    \n    .nav-item-title {\n        color: var(--mj-blue);\n    }\n}\n\n\n\n.kendo-grid[_ngcontent-%COMP%] {\n    border-radius: var(--border-radius);\n    overflow: hidden;\n    box-shadow: var(--shadow);\n}\n\n.grid-wrapper[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    justify-content: center;\n}\n\n\n\n.dialog-wrapper[_ngcontent-%COMP%] {\n    .k-window-content {\n        padding: 0;\n    }\n}\n\n.dialog-wrapper[_ngcontent-%COMP%]   .k-window-title[_ngcontent-%COMP%] {\n    font-size: 1.5rem;\n    font-weight: 600;\n    color: var(--navy);\n    margin: 0;\n}\n\n.dialog-wrapper[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n    font-size: 1rem;\n    color: var(--gray-900);\n    line-height: 1.5;\n    margin: 0;\n}\n\n.popup-actions-btn[_ngcontent-%COMP%] {\n    @extend .mj-card-footer;\n    gap: 12px;\n}\n\n.popup-actions-btn[_ngcontent-%COMP%]   .cancel-btn[_ngcontent-%COMP%] {\n    @extend .mj-btn-primary;\n    flex: 1;\n}\n\n.popup-actions-btn[_ngcontent-%COMP%]   .yes-btn[_ngcontent-%COMP%] {\n    @extend .mj-btn-secondary;\n    flex: 1;\n}\n\n\n\n.dialog-wrapper[_ngcontent-%COMP%]   .search[_ngcontent-%COMP%] {\n    margin-bottom: 20px;\n}\n\n.dialog-wrapper[_ngcontent-%COMP%]   .search[_ngcontent-%COMP%]   kendo-label[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    \n    .k-label {\n        color: var(--navy);\n        font-size: 14px;\n        font-weight: 500;\n    }\n}\n\n.dialog-wrapper[_ngcontent-%COMP%]   kendo-textbox[_ngcontent-%COMP%] {\n    width: 100%;\n    \n    .k-input {\n        border-radius: var(--border-radius);\n        border: 1px solid var(--gray-700);\n        padding: 10px 12px;\n        font-size: 16px;\n        transition: var(--transition-time);\n        \n        &:focus {\n            border-color: var(--mj-blue);\n            box-shadow: 0 0 0 2px rgba(0, 118, 182, 0.2);\n        }\n    }\n}\n\n\n\n.breadcrumb-wrap[_ngcontent-%COMP%] {\n    @extend .mj-breadcrumb;\n}\n\n.breadcrumb-icon[_ngcontent-%COMP%]:hover {\n    color: var(--mj-blue);\n}\n\n\n\n  .k-menu-popup {\n    background: var(--white-color);\n    border-radius: var(--border-radius);\n    box-shadow: var(--shadow);\n    border: 1px solid var(--gray-700);\n    padding: 8px 0;\n}\n\n  .k-menu-popup .k-menu-link {\n    padding: 10px 16px;\n    color: var(--navy);\n    transition: var(--transition-time);\n    border-radius: 0;\n}\n\n  .k-menu-popup .k-menu-link:hover {\n    background: var(--gray-600);\n    color: var(--mj-blue);\n}\n\n\n\n.margin-left-small[_ngcontent-%COMP%] {\n    margin-left: 10px;\n}\n\n.padding-top-small[_ngcontent-%COMP%] {\n    padding-top: 10px;\n}\n\n.cursor-pointer[_ngcontent-%COMP%] {\n    cursor: pointer;\n}\n\n\n\n.card-wrapper[_ngcontent-%COMP%] {\n    min-width: 280px;\n    min-height: 200px;\n}\n\n\n\n  .card-header-entity .title-wrap h1 {\n    @extend .mj-header-title;\n    font-size: 2.25rem !important;\n    line-height: 1.2 !important;\n    color: var(--navy) !important;\n    margin: 0 !important;\n}\n\n  .card-header-entity .add-item .k-button {\n    @extend .mj-btn-primary;\n}\n\n  .card-header-entity .add-item .k-button:hover {\n    transform: translateY(-1px);\n    box-shadow: 0 4px 8px rgba(0, 118, 182, 0.3);\n}\n\n\n\n\n\n\n@media (max-width: 768px) {\n    .title-wrapper[_ngcontent-%COMP%] {\n        flex-direction: column;\n        align-items: stretch;\n        gap: 15px;\n    }\n    \n    .filter-wrapper[_ngcontent-%COMP%] {\n        justify-content: space-between;\n    }\n    \n    .search[_ngcontent-%COMP%] {\n        max-width: none;\n    }\n}\n\n@media (max-width: 480px) {\n    .title-flex-display[_ngcontent-%COMP%] {\n        gap: 10px;\n    }\n    \n    .filter-wrapper[_ngcontent-%COMP%] {\n        flex-wrap: wrap;\n        gap: 8px;\n    }\n}"] });
-}
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ResourceBrowserComponent, [{
-        type: Component,
-        args: [{ selector: 'mj-resource-browser', template: "<div class=\"mj-page-container\">\n    <!-- Header Section -->\n    <div class=\"mj-header\">\n      <div class=\"mj-header-title\">\n        @if(CurrentCategoryID) {\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 class=\"fa-regular fa-folder\"></span>\n        </div>\n        <div>\n          <h1>{{Title}}</h1>\n          @if(CurrentCategoryID) {\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        @if(ItemOptions.length > 0) {\n          <kendo-dropdownbutton \n            (itemClick)=\"onDropdownItemClick($event)\" \n            [data]=\"ItemOptions\" \n            textField=\"Text\"\n            themeColor=\"primary\"\n            rounded=\"medium\">\n            <span class=\"button-content\">\n              <i class=\"fas fa-plus\"></i>\n              Create New\n            </span>\n          </kendo-dropdownbutton> \n        }\n      </div>\n    </div>\n\n    <!-- Toolbar Section -->\n    <div class=\"mj-toolbar\">\n      <div class=\"mj-search\">\n        <kendo-textbox \n          type=\"text\" \n          #searchInput \n          placeholder=\"Search {{Title}}...\" \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]=\"DisplayMode === 'List'\"\n                  (click)=\"changeViewMode('List')\" \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]=\"DisplayMode === 'Tile'\"\n                  (click)=\"changeViewMode('Tile')\" \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      @if (IsLoading) {\n        <div class=\"mj-loading\">\n          <mj-loading [showText]=\"false\" size=\"large\"></mj-loading>\n        </div>\n      }\n      @else {\n        <!-- List View -->\n        @if(DisplayMode === 'List') {\n          <kendo-grid \n            (cellClick)=\"onCellItemClicked($event)\" \n            [kendoGridBinding]=\"Items\"\n            class=\"mj-grid-table\">\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=\"Description\" title=\"Description\"></kendo-grid-column>\n            <kendo-grid-column field=\"Type\" title=\"Type\">\n              <ng-template kendoGridCellTemplate let-dataItem>\n                <kendo-chip \n                  [label]=\"dataItem.Type\" \n                  rounded=\"full\"\n                  [themeColor]=\"dataItem.Type === 'Folder' ? 'info' : 'base'\"\n                  size=\"small\">\n                </kendo-chip>\n              </ng-template>\n            </kendo-grid-column>\n            <kendo-grid-column title=\"Actions\" [width]=\"150\">\n              <ng-template kendoGridCellTemplate let-dataItem>\n                <div class=\"mj-toolbar-actions\">\n                  @if(EnableItemEdit && (!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(EnableItemDelete && (!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                  @if(EnableRemoveLink && 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        @else {\n          <!-- Card View -->\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 {{Title}} Found</h3>\n              <p>There are no items to display in this category.</p>\n              @if(ItemOptions.length > 0) {\n                <button kendoButton themeColor=\"primary\" rounded=\"medium\" (click)=\"onDropdownItemClick({Text: ItemOptions[0].Text})\">\n                  <span class=\"button-content\">\n                    <i class=\"fas fa-plus\"></i>\n                    Create Your First Item\n                  </span>\n                </button>\n              }\n            </div>\n          }\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(EnableItemEdit && (!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(EnableItemDelete && (!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 (EnableRemoveLink && 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                    <!-- Type chip -->\n                    <kendo-chip \n                      [label]=\"item.Type\" \n                      rounded=\"full\"\n                      [themeColor]=\"item.Type === 'Folder' ? 'info' : 'base'\"\n                      size=\"small\">\n                    </kendo-chip>\n                  </kendo-card-body>\n                </kendo-card>\n              }\n            </div>\n          }\n        }\n      }\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  <!-- Folder Creation/Edit Dialog -->\n  <kendo-dialog \n    [title]=\"selectedFolder ? 'Edit Folder' : 'Create New Folder'\" \n    *ngIf=\"upsertFolderDialogVisible\" \n    (close)=\"toggleUpsertFolderView(false, false)\"\n    [minWidth]=\"400\"\n    [width]=\"500\"\n    class=\"mj-dialog-form\">\n    \n    <div class=\"mj-dialog-content\">\n      <kendo-formfield orientation=\"vertical\" class=\"mb-3\">\n        <kendo-label text=\"Folder Name\"></kendo-label>\n        <kendo-textbox \n          [value]=\"upsertNewFolderName\" \n          placeholder=\"Enter folder name...\" \n          (valueChange)=\"onUpsertFolderNameKeyup($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      \n      <kendo-formfield orientation=\"vertical\">\n        <kendo-label text=\"Description\"></kendo-label>\n        <kendo-textarea \n          [value]=\"upsertNewFolderDescription\" \n          placeholder=\"Enter description (optional)...\" \n          (valueChange)=\"onUpsertFolderDescriptionKeyup($event)\"\n          rounded=\"medium\"\n          fillMode=\"outline\"\n          [rows]=\"3\">\n        </kendo-textarea>\n      </kendo-formfield>\n    </div>\n    \n    <kendo-dialog-actions class=\"mj-dialog-actions\">\n      <button kendoButton fillMode=\"outline\" rounded=\"medium\" (click)=\"toggleUpsertFolderView(false, false)\">\n        Cancel\n      </button>\n      @if(selectedFolder) {\n        <button kendoButton themeColor=\"primary\" rounded=\"medium\" (click)=\"updateFolder()\">\n          <span class=\"button-content\">\n            <i class=\"fas fa-save\"></i>\n            Update Folder\n          </span>\n        </button>\n      }\n      @else {\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      }\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   RESOURCE BROWSER COMPONENT - STANDARDIZED\n   =================================== */\n\n.generic-browser-list-container {\n    @extend .mj-page-container;\n}\n\n/* Header Section */\n.title-wrapper {\n    @extend .mj-toolbar;\n    margin-bottom: 20px;\n}\n\n.title-flex-display {\n    display: flex;\n    align-items: center;\n    gap: 15px;\n}\n\n.title-folder {\n    width: 44px;\n    height: 44px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    border-radius: var(--border-radius);\n    transition: var(--transition-time);\n    color: var(--mj-blue);\n}\n\n.title-folder:hover {\n    background: var(--gray-600);\n    color: var(--navy);\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/* Search and Filter Section */\n.title-wrapper:last-child {\n    border-bottom: none;\n    padding-bottom: 0;\n    margin-bottom: 30px;\n}\n\n.search {\n    @extend .mj-search;\n    max-width: 360px;\n}\n\n.filter-wrapper {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n}\n\n.btn-cmn {\n    @extend .mj-btn-icon-only;\n    \n    &.active {\n        background: var(--mj-blue);\n        color: var(--white-color);\n        border-color: var(--mj-blue);\n    }\n}\n\n/* Create New Dropdown */\n::ng-deep .title-wrapper .k-dropdown-button .k-button {\n    @extend .mj-btn-primary;\n    \n    .k-button-text {\n        display: flex;\n        align-items: center;\n        gap: 8px;\n    }\n}\n\n/* Main Content Area */\n.main-area {\n    position: relative;\n}\n\n/* Navigation Container (Tile View) */\n.nav-container {\n    @extend .mj-grid-responsive;\n}\n\n.nav-item {\n    @extend .mj-card;\n    @extend .mj-grid-item;\n    position: relative;\n}\n\n.nav-item-icon {\n    display: flex;\n    justify-content: center;\n    margin-bottom: 16px;\n    \n    i, span {\n        font-size: 3rem;\n        color: var(--mj-blue);\n        transition: var(--transition-time);\n    }\n}\n\n.nav-item-content {\n    @extend .mj-card-body;\n    text-align: center;\n    padding-top: 0;\n}\n\n.nav-item-title {\n    margin: 0 0 8px 0;\n    font-size: 1.25rem;\n    font-weight: 600;\n    color: var(--navy);\n    cursor: pointer;\n    transition: var(--transition-time);\n}\n\n.nav-item-title:hover {\n    color: var(--mj-blue);\n    text-decoration: underline;\n}\n\n.nav-item-subtitle {\n    margin: 0 0 16px 0;\n    font-size: 0.9rem;\n    color: var(--gray-800);\n    line-height: 1.4;\n    display: -webkit-box;\n    -webkit-line-clamp: 3;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n}\n\n.nav-item-edit {\n    @extend .mj-card-actions;\n    position: static;\n    opacity: 1;\n    justify-content: center;\n    margin-top: 12px;\n}\n\n.nav-item:hover .nav-item-edit {\n    opacity: 1;\n}\n\n/* List Item Buttons */\n.list-btn {\n    @extend .mj-btn-icon-only;\n    @extend .mj-btn-sm;\n    \n    &:hover {\n        color: var(--white-color);\n        background: var(--mj-blue);\n        border-color: var(--mj-blue);\n    }\n}\n\n/* Card Hover Effects */\n.nav-item:hover {\n    .nav-item-icon i,\n    .nav-item-icon span {\n        color: var(--navy);\n        transform: scale(1.1);\n    }\n    \n    .nav-item-title {\n        color: var(--mj-blue);\n    }\n}\n\n/* Grid View Styles */\n.kendo-grid {\n    border-radius: var(--border-radius);\n    overflow: hidden;\n    box-shadow: var(--shadow);\n}\n\n.grid-wrapper {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    justify-content: center;\n}\n\n/* Dialog Styles */\n.dialog-wrapper {\n    .k-window-content {\n        padding: 0;\n    }\n}\n\n.dialog-wrapper .k-window-title {\n    font-size: 1.5rem;\n    font-weight: 600;\n    color: var(--navy);\n    margin: 0;\n}\n\n.dialog-wrapper p {\n    font-size: 1rem;\n    color: var(--gray-900);\n    line-height: 1.5;\n    margin: 0;\n}\n\n.popup-actions-btn {\n    @extend .mj-card-footer;\n    gap: 12px;\n}\n\n.popup-actions-btn .cancel-btn {\n    @extend .mj-btn-primary;\n    flex: 1;\n}\n\n.popup-actions-btn .yes-btn {\n    @extend .mj-btn-secondary;\n    flex: 1;\n}\n\n/* Form Styles */\n.dialog-wrapper .search {\n    margin-bottom: 20px;\n}\n\n.dialog-wrapper .search kendo-label {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    \n    .k-label {\n        color: var(--navy);\n        font-size: 14px;\n        font-weight: 500;\n    }\n}\n\n.dialog-wrapper kendo-textbox {\n    width: 100%;\n    \n    .k-input {\n        border-radius: var(--border-radius);\n        border: 1px solid var(--gray-700);\n        padding: 10px 12px;\n        font-size: 16px;\n        transition: var(--transition-time);\n        \n        &:focus {\n            border-color: var(--mj-blue);\n            box-shadow: 0 0 0 2px rgba(0, 118, 182, 0.2);\n        }\n    }\n}\n\n/* Breadcrumb */\n.breadcrumb-wrap {\n    @extend .mj-breadcrumb;\n}\n\n.breadcrumb-icon:hover {\n    color: var(--mj-blue);\n}\n\n/* Context Menu */\n::ng-deep .k-menu-popup {\n    background: var(--white-color);\n    border-radius: var(--border-radius);\n    box-shadow: var(--shadow);\n    border: 1px solid var(--gray-700);\n    padding: 8px 0;\n}\n\n::ng-deep .k-menu-popup .k-menu-link {\n    padding: 10px 16px;\n    color: var(--navy);\n    transition: var(--transition-time);\n    border-radius: 0;\n}\n\n::ng-deep .k-menu-popup .k-menu-link:hover {\n    background: var(--gray-600);\n    color: var(--mj-blue);\n}\n\n/* Utility Classes */\n.margin-left-small {\n    margin-left: 10px;\n}\n\n.padding-top-small {\n    padding-top: 10px;\n}\n\n.cursor-pointer {\n    cursor: pointer;\n}\n\n/* Card Wrapper Override for Legacy Support */\n.card-wrapper {\n    min-width: 280px;\n    min-height: 200px;\n}\n\n/* Legacy Card Header Overrides */\n::ng-deep .card-header-entity .title-wrap h1 {\n    @extend .mj-header-title;\n    font-size: 2.25rem !important;\n    line-height: 1.2 !important;\n    color: var(--navy) !important;\n    margin: 0 !important;\n}\n\n::ng-deep .card-header-entity .add-item .k-button {\n    @extend .mj-btn-primary;\n}\n\n::ng-deep .card-header-entity .add-item .k-button:hover {\n    transform: translateY(-1px);\n    box-shadow: 0 4px 8px rgba(0, 118, 182, 0.3);\n}\n\n/* ===================================\n   RESPONSIVE DESIGN\n   =================================== */\n\n@media (max-width: 768px) {\n    .title-wrapper {\n        flex-direction: column;\n        align-items: stretch;\n        gap: 15px;\n    }\n    \n    .filter-wrapper {\n        justify-content: space-between;\n    }\n    \n    .search {\n        max-width: none;\n    }\n}\n\n@media (max-width: 480px) {\n    .title-flex-display {\n        gap: 10px;\n    }\n    \n    .filter-wrapper {\n        flex-wrap: wrap;\n        gap: 8px;\n    }\n}"] }]
-    }], () => [{ type: i1.SharedService }], { ResourceTypeName: [{
-            type: Input,
-            args: [{ required: true }]
-        }], EnableCategories: [{
-            type: Input
-        }], CategoryEntityID: [{
-            type: Input
-        }], CurrentCategoryID: [{
-            type: Input
-        }], EnableItemEdit: [{
-            type: Input
-        }], EnableItemDelete: [{
-            type: Input
-        }], EnableRemoveLink: [{
-            type: Input
-        }], Title: [{
-            type: Input
-        }], ItemFilter: [{
-            type: Input
-        }], OrderBy: [{
-            type: Input
-        }], NewItemOptions: [{
-            type: Input
-        }], DisplayMode: [{
-            type: Input
-        }], ResourceSelected: [{
-            type: Output
-        }], CategoryChanged: [{
-            type: Output
-        }], DisplayModeChanged: [{
-            type: Output
-        }], NavigateToParentEvent: [{
-            type: Output
-        }], EditItemEvent: [{
-            type: Output
-        }], DeleteItemEvent: [{
-            type: Output
-        }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ResourceBrowserComponent, { className: "ResourceBrowserComponent" }); })();
-//# sourceMappingURL=resource-browser.component.js.map