@memberjunction/ng-dashboards 5.39.0 → 5.40.1

package/dist/KnowledgeHub/components/visualize/tag-cloud/tag-cloud.component.d.ts

@@ -0,0 +1,81 @@
+/**
+ * @fileoverview Knowledge Hub Tag Cloud (Visualize > Tag Cloud mode)
+ *
+ * Renders a weighted tag cloud via `@memberjunction/ng-word-cloud`'s
+ * `MJWordCloudComponent`, driven by `TagCloudEngine.Instance.GetTagCloud(...)`.
+ *
+ * Provides a scope picker (Content Source / Content Type / Tag root) plus a
+ * sizing control. Loads on init and whenever the scope changes. Emits a
+ * `TagSelected` intent up to the host so the shared record-drilldown panel can
+ * be populated by the host (this component never touches NavigationService).
+ */
+import { EventEmitter, OnInit } from '@angular/core';
+import { IMetadataProvider } from '@memberjunction/core';
+import { BaseAngularComponent } from '@memberjunction/ng-base-types';
+import { TagCloudScope } from '@memberjunction/tag-engine-base';
+import { WordCloudItem, WordCloudItemEvent } from '@memberjunction/ng-word-cloud';
+import * as i0 from "@angular/core";
+/** A selectable scope option (content source / content type / tag root). */
+interface ScopeOption {
+    ID: string;
+    Name: string;
+}
+/**
+ * Emitted when the user clicks a tag word. The host resolves this into the
+ * shared drilldown panel (records carrying the tag).
+ */
+export interface TagCloudSelection {
+    /** The clicked tag's text. */
+    Tag: string;
+    /** Raw frequency count carried from TagCloudItem. */
+    Count: number;
+    /** The scope currently applied (so the host can scope the drilldown query). */
+    Scope: TagCloudScope;
+}
+export declare class TagCloudComponent extends BaseAngularComponent implements OnInit {
+    private cdr;
+    /** Re-declared so the host can bind `[Provider]` and we thread it through. */
+    Provider: IMetadataProvider | null;
+    /** Emitted when a tag word is clicked. */
+    TagSelected: EventEmitter<TagCloudSelection>;
+    IsLoading: boolean;
+    Items: WordCloudItem[];
+    /** Scope picker options. */
+    ContentSourceOptions: ScopeOption[];
+    ContentTypeOptions: ScopeOption[];
+    TagRootOptions: ScopeOption[];
+    /** Current scope selections (empty string = "All"). */
+    SelectedContentSourceID: string;
+    SelectedContentTypeID: string;
+    SelectedTagRootID: string;
+    /** Sizing: maximum font size driven by weight. */
+    MaxFontSize: number;
+    MinFontSize: number;
+    /** Color mode passed to the word cloud. */
+    ColorMode: 'brand' | 'categorical' | 'weight-gradient';
+    ngOnInit(): Promise<void>;
+    /** Re-load the cloud for the current scope. Called on init + scope change. */
+    LoadCloud(): Promise<void>;
+    /** Reload after any scope dropdown change. */
+    OnScopeChanged(): void;
+    /** Apply a new max font size (sizing-by-weight control). */
+    OnSizeChanged(value: number): void;
+    /** Clear all scope filters and reload. */
+    ClearScope(): void;
+    get HasActiveScope(): boolean;
+    get HasItems(): boolean;
+    /** Word-cloud click handler — emits a selection up to the host. */
+    OnWordClicked(event: WordCloudItemEvent): void;
+    /** Build the current TagCloudScope from the picker selections. */
+    BuildScope(): TagCloudScope;
+    /** Map an engine TagCloudItem to a word-cloud WordCloudItem (Count → Metadata). */
+    private toWordCloudItem;
+    /** Populate scope-picker options from the KH + Tag engines. */
+    private loadScopeOptions;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TagCloudComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TagCloudComponent, "app-kh-tag-cloud", never, { "Provider": { "alias": "Provider"; "required": false; }; }, { "TagSelected": "TagSelected"; }, never, never, false, never>;
+}
+/** Tree-shaking prevention */
+export declare function LoadTagCloudComponent(): void;
+export {};
+//# sourceMappingURL=tag-cloud.component.d.ts.map

package/dist/KnowledgeHub/components/visualize/tag-cloud/tag-cloud.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tag-cloud.component.d.ts","sourceRoot":"","sources":["../../../../../src/KnowledgeHub/components/visualize/tag-cloud/tag-cloud.component.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAIH,YAAY,EAEZ,MAAM,EAET,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,EAEH,aAAa,EAEhB,MAAM,iCAAiC,CAAC;AAGzC,OAAO,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;;AAElF,4EAA4E;AAC5E,UAAU,WAAW;IACjB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;CAChB;AAED;;;GAGG;AACH,MAAM,WAAW,iBAAiB;IAC9B,8BAA8B;IAC9B,GAAG,EAAE,MAAM,CAAC;IACZ,qDAAqD;IACrD,KAAK,EAAE,MAAM,CAAC;IACd,+EAA+E;IAC/E,KAAK,EAAE,aAAa,CAAC;CACxB;AAED,qBAMa,iBAAkB,SAAQ,oBAAqB,YAAW,MAAM;IACzE,OAAO,CAAC,GAAG,CAA6B;IAExC,8EAA8E;IAC5D,QAAQ,EAAE,iBAAiB,GAAG,IAAI,CAAQ;IAE5D,0CAA0C;IAChC,WAAW,kCAAyC;IAMvD,SAAS,UAAQ;IACjB,KAAK,EAAE,aAAa,EAAE,CAAM;IAEnC,4BAA4B;IACrB,oBAAoB,EAAE,WAAW,EAAE,CAAM;IACzC,kBAAkB,EAAE,WAAW,EAAE,CAAM;IACvC,cAAc,EAAE,WAAW,EAAE,CAAM;IAE1C,uDAAuD;IAChD,uBAAuB,SAAM;IAC7B,qBAAqB,SAAM;IAC3B,iBAAiB,SAAM;IAE9B,kDAAkD;IAC3C,WAAW,SAAM;IACjB,WAAW,SAAM;IAExB,2CAA2C;IACpC,SAAS,EAAE,OAAO,GAAG,aAAa,GAAG,iBAAiB,CAAqB;IAM5E,QAAQ,IAAI,OAAO,CAAC,IAAI,CAAC;IAS/B,8EAA8E;IACjE,SAAS,IAAI,OAAO,CAAC,IAAI,CAAC;IAuBvC,8CAA8C;IACvC,cAAc,IAAI,IAAI;IAI7B,4DAA4D;IACrD,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAKzC,0CAA0C;IACnC,UAAU,IAAI,IAAI;IAOzB,IAAW,cAAc,IAAI,OAAO,CAEnC;IAED,IAAW,QAAQ,IAAI,OAAO,CAE7B;IAED,mEAAmE;IAC5D,aAAa,CAAC,KAAK,EAAE,kBAAkB,GAAG,IAAI;IASrD,kEAAkE;IAC3D,UAAU,IAAI,aAAa;IAkBlC,mFAAmF;IACnF,OAAO,CAAC,eAAe;IAQvB,+DAA+D;YACjD,gBAAgB;yCAxIrB,iBAAiB;2CAAjB,iBAAiB;CAiK7B;AAED,8BAA8B;AAC9B,wBAAgB,qBAAqB,IAAI,IAAI,CAE5C"}

package/dist/KnowledgeHub/components/visualize/tag-cloud/tag-cloud.component.js

@@ -0,0 +1,308 @@
+/**
+ * @fileoverview Knowledge Hub Tag Cloud (Visualize > Tag Cloud mode)
+ *
+ * Renders a weighted tag cloud via `@memberjunction/ng-word-cloud`'s
+ * `MJWordCloudComponent`, driven by `TagCloudEngine.Instance.GetTagCloud(...)`.
+ *
+ * Provides a scope picker (Content Source / Content Type / Tag root) plus a
+ * sizing control. Loads on init and whenever the scope changes. Emits a
+ * `TagSelected` intent up to the host so the shared record-drilldown panel can
+ * be populated by the host (this component never touches NavigationService).
+ */
+import { Component, Input, Output, EventEmitter, ChangeDetectorRef, inject, } from '@angular/core';
+import { BaseAngularComponent } from '@memberjunction/ng-base-types';
+import { TagCloudEngine, } from '@memberjunction/tag-engine-base';
+import { TagEngineBase } from '@memberjunction/tag-engine-base';
+import { KnowledgeHubMetadataEngine } from '@memberjunction/core-entities';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+import * as i2 from "@memberjunction/ng-shared-generic";
+import * as i3 from "@memberjunction/ng-ui-components";
+import * as i4 from "@memberjunction/ng-word-cloud";
+const _forTrack0 = ($index, $item) => $item.ID;
+function TagCloudComponent_For_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "option", 5);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const opt_r1 = ctx.$implicit;
+    i0.ɵɵproperty("value", opt_r1.ID);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(opt_r1.Name);
+} }
+function TagCloudComponent_For_17_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "option", 5);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const opt_r2 = ctx.$implicit;
+    i0.ɵɵproperty("value", opt_r2.ID);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(opt_r2.Name);
+} }
+function TagCloudComponent_For_25_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "option", 5);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const opt_r3 = ctx.$implicit;
+    i0.ɵɵproperty("value", opt_r3.ID);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(opt_r3.Name);
+} }
+function TagCloudComponent_Conditional_30_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 13);
+    i0.ɵɵlistener("click", function TagCloudComponent_Conditional_30_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r4); const ctx_r4 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r4.ClearScope()); });
+    i0.ɵɵelement(1, "i", 14);
+    i0.ɵɵtext(2, " Clear ");
+    i0.ɵɵelementEnd();
+} }
+function TagCloudComponent_Conditional_32_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "mj-loading", 10);
+} }
+function TagCloudComponent_Conditional_33_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    const _r6 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 17);
+    i0.ɵɵlistener("click", function TagCloudComponent_Conditional_33_Conditional_4_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r6); const ctx_r4 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r4.ClearScope()); });
+    i0.ɵɵtext(1, "Clear filters");
+    i0.ɵɵelementEnd();
+} }
+function TagCloudComponent_Conditional_33_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 11);
+    i0.ɵɵelement(1, "i", 15);
+    i0.ɵɵelementStart(2, "p");
+    i0.ɵɵtext(3, "No tags found for the current scope");
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(4, TagCloudComponent_Conditional_33_Conditional_4_Template, 2, 0, "button", 16);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r4 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(4);
+    i0.ɵɵconditional(ctx_r4.HasActiveScope ? 4 : -1);
+} }
+function TagCloudComponent_Conditional_34_Template(rf, ctx) { if (rf & 1) {
+    const _r7 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mj-word-cloud", 18);
+    i0.ɵɵlistener("ItemClick", function TagCloudComponent_Conditional_34_Template_mj_word_cloud_ItemClick_0_listener($event) { i0.ɵɵrestoreView(_r7); const ctx_r4 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r4.OnWordClicked($event)); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r4 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("Items", ctx_r4.Items)("MinFontSize", ctx_r4.MinFontSize)("MaxFontSize", ctx_r4.MaxFontSize)("ColorMode", ctx_r4.ColorMode)("Interactive", true);
+} }
+export class TagCloudComponent extends BaseAngularComponent {
+    cdr = inject(ChangeDetectorRef);
+    /** Re-declared so the host can bind `[Provider]` and we thread it through. */
+    Provider = null;
+    /** Emitted when a tag word is clicked. */
+    TagSelected = new EventEmitter();
+    // ================================================================
+    // State
+    // ================================================================
+    IsLoading = true;
+    Items = [];
+    /** Scope picker options. */
+    ContentSourceOptions = [];
+    ContentTypeOptions = [];
+    TagRootOptions = [];
+    /** Current scope selections (empty string = "All"). */
+    SelectedContentSourceID = '';
+    SelectedContentTypeID = '';
+    SelectedTagRootID = '';
+    /** Sizing: maximum font size driven by weight. */
+    MaxFontSize = 56;
+    MinFontSize = 14;
+    /** Color mode passed to the word cloud. */
+    ColorMode = 'weight-gradient';
+    // ================================================================
+    // Lifecycle
+    // ================================================================
+    async ngOnInit() {
+        await this.loadScopeOptions();
+        await this.LoadCloud();
+    }
+    // ================================================================
+    // Public Methods
+    // ================================================================
+    /** Re-load the cloud for the current scope. Called on init + scope change. */
+    async LoadCloud() {
+        this.IsLoading = true;
+        this.cdr.detectChanges();
+        try {
+            const scope = this.BuildScope();
+            const provider = this.ProviderToUse;
+            const items = await TagCloudEngine.Instance.GetTagCloud(scope, { Limit: 150, MinWeight: 0 }, provider.CurrentUser, provider);
+            this.Items = items.map(item => this.toWordCloudItem(item));
+        }
+        catch (error) {
+            console.error('[TagCloud] Error loading tag cloud:', error);
+            this.Items = [];
+        }
+        finally {
+            this.IsLoading = false;
+            this.cdr.detectChanges();
+        }
+    }
+    /** Reload after any scope dropdown change. */
+    OnScopeChanged() {
+        void this.LoadCloud();
+    }
+    /** Apply a new max font size (sizing-by-weight control). */
+    OnSizeChanged(value) {
+        this.MaxFontSize = value;
+        this.cdr.detectChanges();
+    }
+    /** Clear all scope filters and reload. */
+    ClearScope() {
+        this.SelectedContentSourceID = '';
+        this.SelectedContentTypeID = '';
+        this.SelectedTagRootID = '';
+        void this.LoadCloud();
+    }
+    get HasActiveScope() {
+        return !!(this.SelectedContentSourceID || this.SelectedContentTypeID || this.SelectedTagRootID);
+    }
+    get HasItems() {
+        return this.Items.length > 0;
+    }
+    /** Word-cloud click handler — emits a selection up to the host. */
+    OnWordClicked(event) {
+        const count = Number(event.Item.Metadata?.['Count'] ?? 0);
+        this.TagSelected.emit({
+            Tag: event.Item.Text,
+            Count: count,
+            Scope: this.BuildScope(),
+        });
+    }
+    /** Build the current TagCloudScope from the picker selections. */
+    BuildScope() {
+        const scope = {};
+        if (this.SelectedContentSourceID) {
+            scope.ContentSourceIDs = [this.SelectedContentSourceID];
+        }
+        if (this.SelectedContentTypeID) {
+            scope.ContentTypeIDs = [this.SelectedContentTypeID];
+        }
+        if (this.SelectedTagRootID) {
+            scope.TagRootIDs = [this.SelectedTagRootID];
+        }
+        return scope;
+    }
+    // ================================================================
+    // Private Methods
+    // ================================================================
+    /** Map an engine TagCloudItem to a word-cloud WordCloudItem (Count → Metadata). */
+    toWordCloudItem(item) {
+        return {
+            Text: item.Text,
+            Weight: item.Weight,
+            Metadata: { Count: item.Count },
+        };
+    }
+    /** Populate scope-picker options from the KH + Tag engines. */
+    async loadScopeOptions() {
+        try {
+            const provider = this.ProviderToUse;
+            const khEngine = KnowledgeHubMetadataEngine.Instance;
+            await khEngine.Config(false, provider.CurrentUser, provider);
+            this.ContentSourceOptions = khEngine.ContentSources
+                .map(s => ({ ID: s.ID, Name: s.Name ?? 'Untitled' }))
+                .sort((a, b) => a.Name.localeCompare(b.Name));
+            this.ContentTypeOptions = khEngine.ContentTypes
+                .map(t => ({ ID: t.ID, Name: t.Name ?? 'Untitled' }))
+                .sort((a, b) => a.Name.localeCompare(b.Name));
+            const tagEngine = TagEngineBase.Instance;
+            await tagEngine.Config(false, provider.CurrentUser, provider);
+            this.TagRootOptions = tagEngine.Tags
+                .filter(t => !t.ParentID)
+                .map(t => ({ ID: t.ID, Name: t.DisplayName || t.Name }))
+                .sort((a, b) => a.Name.localeCompare(b.Name));
+        }
+        catch (error) {
+            console.warn('[TagCloud] Error loading scope options:', error);
+        }
+        this.cdr.detectChanges();
+    }
+    static ɵfac = /*@__PURE__*/ (() => { let ɵTagCloudComponent_BaseFactory; return function TagCloudComponent_Factory(__ngFactoryType__) { return (ɵTagCloudComponent_BaseFactory || (ɵTagCloudComponent_BaseFactory = i0.ɵɵgetInheritedFactory(TagCloudComponent)))(__ngFactoryType__ || TagCloudComponent); }; })();
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TagCloudComponent, selectors: [["app-kh-tag-cloud"]], inputs: { Provider: "Provider" }, outputs: { TagSelected: "TagSelected" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 35, vars: 7, consts: [[1, "tag-cloud-container"], [1, "tag-cloud-toolbar"], [1, "scope-field"], [1, "mj-input", 3, "ngModelChange", "ngModel"], ["value", ""], [3, "value"], [1, "scope-field", "size-field"], ["type", "range", "min", "28", "max", "96", "step", "4", 3, "input", "value"], ["mjButton", "", "variant", "flat", "size", "sm"], [1, "tag-cloud-area"], ["text", "Building tag cloud..."], [1, "tag-cloud-empty"], [3, "Items", "MinFontSize", "MaxFontSize", "ColorMode", "Interactive"], ["mjButton", "", "variant", "flat", "size", "sm", 3, "click"], [1, "fa-solid", "fa-filter-circle-xmark"], [1, "fa-solid", "fa-tags"], ["mjButton", "", "variant", "outline", "size", "sm"], ["mjButton", "", "variant", "outline", "size", "sm", 3, "click"], [3, "ItemClick", "Items", "MinFontSize", "MaxFontSize", "ColorMode", "Interactive"]], template: function TagCloudComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2)(3, "label");
+            i0.ɵɵtext(4, "Content Source");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(5, "select", 3);
+            i0.ɵɵtwoWayListener("ngModelChange", function TagCloudComponent_Template_select_ngModelChange_5_listener($event) { i0.ɵɵtwoWayBindingSet(ctx.SelectedContentSourceID, $event) || (ctx.SelectedContentSourceID = $event); return $event; });
+            i0.ɵɵlistener("ngModelChange", function TagCloudComponent_Template_select_ngModelChange_5_listener() { return ctx.OnScopeChanged(); });
+            i0.ɵɵelementStart(6, "option", 4);
+            i0.ɵɵtext(7, "All Sources");
+            i0.ɵɵelementEnd();
+            i0.ɵɵrepeaterCreate(8, TagCloudComponent_For_9_Template, 2, 2, "option", 5, _forTrack0);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(10, "div", 2)(11, "label");
+            i0.ɵɵtext(12, "Content Type");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(13, "select", 3);
+            i0.ɵɵtwoWayListener("ngModelChange", function TagCloudComponent_Template_select_ngModelChange_13_listener($event) { i0.ɵɵtwoWayBindingSet(ctx.SelectedContentTypeID, $event) || (ctx.SelectedContentTypeID = $event); return $event; });
+            i0.ɵɵlistener("ngModelChange", function TagCloudComponent_Template_select_ngModelChange_13_listener() { return ctx.OnScopeChanged(); });
+            i0.ɵɵelementStart(14, "option", 4);
+            i0.ɵɵtext(15, "All Types");
+            i0.ɵɵelementEnd();
+            i0.ɵɵrepeaterCreate(16, TagCloudComponent_For_17_Template, 2, 2, "option", 5, _forTrack0);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(18, "div", 2)(19, "label");
+            i0.ɵɵtext(20, "Tag Root");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(21, "select", 3);
+            i0.ɵɵtwoWayListener("ngModelChange", function TagCloudComponent_Template_select_ngModelChange_21_listener($event) { i0.ɵɵtwoWayBindingSet(ctx.SelectedTagRootID, $event) || (ctx.SelectedTagRootID = $event); return $event; });
+            i0.ɵɵlistener("ngModelChange", function TagCloudComponent_Template_select_ngModelChange_21_listener() { return ctx.OnScopeChanged(); });
+            i0.ɵɵelementStart(22, "option", 4);
+            i0.ɵɵtext(23, "All Tags");
+            i0.ɵɵelementEnd();
+            i0.ɵɵrepeaterCreate(24, TagCloudComponent_For_25_Template, 2, 2, "option", 5, _forTrack0);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(26, "div", 6)(27, "label");
+            i0.ɵɵtext(28);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(29, "input", 7);
+            i0.ɵɵlistener("input", function TagCloudComponent_Template_input_input_29_listener($event) { return ctx.OnSizeChanged($event.target.valueAsNumber); });
+            i0.ɵɵelementEnd()();
+            i0.ɵɵconditionalCreate(30, TagCloudComponent_Conditional_30_Template, 3, 0, "button", 8);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(31, "div", 9);
+            i0.ɵɵconditionalCreate(32, TagCloudComponent_Conditional_32_Template, 1, 0, "mj-loading", 10)(33, TagCloudComponent_Conditional_33_Template, 5, 1, "div", 11)(34, TagCloudComponent_Conditional_34_Template, 1, 5, "mj-word-cloud", 12);
+            i0.ɵɵelementEnd()();
+        } if (rf & 2) {
+            i0.ɵɵadvance(5);
+            i0.ɵɵtwoWayProperty("ngModel", ctx.SelectedContentSourceID);
+            i0.ɵɵadvance(3);
+            i0.ɵɵrepeater(ctx.ContentSourceOptions);
+            i0.ɵɵadvance(5);
+            i0.ɵɵtwoWayProperty("ngModel", ctx.SelectedContentTypeID);
+            i0.ɵɵadvance(3);
+            i0.ɵɵrepeater(ctx.ContentTypeOptions);
+            i0.ɵɵadvance(5);
+            i0.ɵɵtwoWayProperty("ngModel", ctx.SelectedTagRootID);
+            i0.ɵɵadvance(3);
+            i0.ɵɵrepeater(ctx.TagRootOptions);
+            i0.ɵɵadvance(4);
+            i0.ɵɵtextInterpolate1("Max Size: ", ctx.MaxFontSize, "px");
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("value", ctx.MaxFontSize);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.HasActiveScope ? 30 : -1);
+            i0.ɵɵadvance(2);
+            i0.ɵɵconditional(ctx.IsLoading ? 32 : !ctx.HasItems ? 33 : 34);
+        } }, dependencies: [i1.NgSelectOption, i1.ɵNgSelectMultipleOption, i1.SelectControlValueAccessor, i1.NgControlStatus, i1.NgModel, i2.LoadingComponent, i3.MJButtonDirective, i4.MJWordCloudComponent], styles: ["[_nghost-%COMP%] {\n  display: block;\n  height: 100%;\n}\n\n.tag-cloud-container[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  min-height: 0;\n}\n\n.tag-cloud-toolbar[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: flex-end;\n  flex-wrap: wrap;\n  gap: 16px;\n  padding: 12px 16px;\n  border-bottom: 1px solid var(--mj-border-default);\n  background: var(--mj-bg-surface-card);\n}\n\n.scope-field[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  min-width: 160px;\n}\n\n.scope-field[_ngcontent-%COMP%]   label[_ngcontent-%COMP%] {\n  font-size: 12px;\n  font-weight: 600;\n  color: var(--mj-text-secondary);\n}\n\n.scope-field[_ngcontent-%COMP%]   select[_ngcontent-%COMP%] {\n  min-width: 160px;\n}\n\n.size-field[_ngcontent-%COMP%] {\n  min-width: 180px;\n}\n\n.size-field[_ngcontent-%COMP%]   input[type=\"range\"][_ngcontent-%COMP%] {\n  width: 100%;\n  accent-color: var(--mj-brand-primary);\n}\n\n.tag-cloud-area[_ngcontent-%COMP%] {\n  flex: 1;\n  min-height: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 24px;\n  overflow: hidden;\n}\n\n.tag-cloud-area[_ngcontent-%COMP%]   mj-word-cloud[_ngcontent-%COMP%] {\n  width: 100%;\n  height: 100%;\n}\n\n.tag-cloud-empty[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: 12px;\n  color: var(--mj-text-muted);\n  text-align: center;\n}\n\n.tag-cloud-empty[_ngcontent-%COMP%]    > i[_ngcontent-%COMP%] {\n  font-size: 40px;\n  opacity: 0.5;\n}"] });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TagCloudComponent, [{
+        type: Component,
+        args: [{ standalone: false, selector: 'app-kh-tag-cloud', template: "<div class=\"tag-cloud-container\">\n  <!-- Scope picker / sizing toolbar -->\n  <div class=\"tag-cloud-toolbar\">\n    <div class=\"scope-field\">\n      <label>Content Source</label>\n      <select class=\"mj-input\" [(ngModel)]=\"SelectedContentSourceID\" (ngModelChange)=\"OnScopeChanged()\">\n        <option value=\"\">All Sources</option>\n        @for (opt of ContentSourceOptions; track opt.ID) {\n          <option [value]=\"opt.ID\">{{ opt.Name }}</option>\n        }\n      </select>\n    </div>\n\n    <div class=\"scope-field\">\n      <label>Content Type</label>\n      <select class=\"mj-input\" [(ngModel)]=\"SelectedContentTypeID\" (ngModelChange)=\"OnScopeChanged()\">\n        <option value=\"\">All Types</option>\n        @for (opt of ContentTypeOptions; track opt.ID) {\n          <option [value]=\"opt.ID\">{{ opt.Name }}</option>\n        }\n      </select>\n    </div>\n\n    <div class=\"scope-field\">\n      <label>Tag Root</label>\n      <select class=\"mj-input\" [(ngModel)]=\"SelectedTagRootID\" (ngModelChange)=\"OnScopeChanged()\">\n        <option value=\"\">All Tags</option>\n        @for (opt of TagRootOptions; track opt.ID) {\n          <option [value]=\"opt.ID\">{{ opt.Name }}</option>\n        }\n      </select>\n    </div>\n\n    <div class=\"scope-field size-field\">\n      <label>Max Size: {{ MaxFontSize }}px</label>\n      <input type=\"range\" min=\"28\" max=\"96\" step=\"4\"\n             [value]=\"MaxFontSize\"\n             (input)=\"OnSizeChanged($any($event.target).valueAsNumber)\" />\n    </div>\n\n    @if (HasActiveScope) {\n      <button mjButton variant=\"flat\" size=\"sm\" (click)=\"ClearScope()\">\n        <i class=\"fa-solid fa-filter-circle-xmark\"></i> Clear\n      </button>\n    }\n  </div>\n\n  <!-- Cloud area -->\n  <div class=\"tag-cloud-area\">\n    @if (IsLoading) {\n      <mj-loading text=\"Building tag cloud...\"></mj-loading>\n    } @else if (!HasItems) {\n      <div class=\"tag-cloud-empty\">\n        <i class=\"fa-solid fa-tags\"></i>\n        <p>No tags found for the current scope</p>\n        @if (HasActiveScope) {\n          <button mjButton variant=\"outline\" size=\"sm\" (click)=\"ClearScope()\">Clear filters</button>\n        }\n      </div>\n    } @else {\n      <mj-word-cloud\n        [Items]=\"Items\"\n        [MinFontSize]=\"MinFontSize\"\n        [MaxFontSize]=\"MaxFontSize\"\n        [ColorMode]=\"ColorMode\"\n        [Interactive]=\"true\"\n        (ItemClick)=\"OnWordClicked($event)\">\n      </mj-word-cloud>\n    }\n  </div>\n</div>\n", styles: [":host {\n  display: block;\n  height: 100%;\n}\n\n.tag-cloud-container {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  min-height: 0;\n}\n\n.tag-cloud-toolbar {\n  display: flex;\n  align-items: flex-end;\n  flex-wrap: wrap;\n  gap: 16px;\n  padding: 12px 16px;\n  border-bottom: 1px solid var(--mj-border-default);\n  background: var(--mj-bg-surface-card);\n}\n\n.scope-field {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  min-width: 160px;\n}\n\n.scope-field label {\n  font-size: 12px;\n  font-weight: 600;\n  color: var(--mj-text-secondary);\n}\n\n.scope-field select {\n  min-width: 160px;\n}\n\n.size-field {\n  min-width: 180px;\n}\n\n.size-field input[type=\"range\"] {\n  width: 100%;\n  accent-color: var(--mj-brand-primary);\n}\n\n.tag-cloud-area {\n  flex: 1;\n  min-height: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 24px;\n  overflow: hidden;\n}\n\n.tag-cloud-area mj-word-cloud {\n  width: 100%;\n  height: 100%;\n}\n\n.tag-cloud-empty {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: 12px;\n  color: var(--mj-text-muted);\n  text-align: center;\n}\n\n.tag-cloud-empty > i {\n  font-size: 40px;\n  opacity: 0.5;\n}\n"] }]
+    }], null, { Provider: [{
+            type: Input
+        }], TagSelected: [{
+            type: Output
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TagCloudComponent, { className: "TagCloudComponent", filePath: "src/KnowledgeHub/components/visualize/tag-cloud/tag-cloud.component.ts", lineNumber: 58 }); })();
+/** Tree-shaking prevention */
+export function LoadTagCloudComponent() {
+    // Prevents tree-shaking of the component
+}
+//# sourceMappingURL=tag-cloud.component.js.map

package/dist/KnowledgeHub/components/visualize/tag-cloud/tag-cloud.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tag-cloud.component.js","sourceRoot":"","sources":["../../../../../src/KnowledgeHub/components/visualize/tag-cloud/tag-cloud.component.ts","../../../../../src/KnowledgeHub/components/visualize/tag-cloud/tag-cloud.component.html"],"names":[],"mappings":"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","sourcesContent":["/**\n * @fileoverview Knowledge Hub Tag Cloud (Visualize > Tag Cloud mode)\n *\n * Renders a weighted tag cloud via `@memberjunction/ng-word-cloud`'s\n * `MJWordCloudComponent`, driven by `TagCloudEngine.Instance.GetTagCloud(...)`.\n *\n * Provides a scope picker (Content Source / Content Type / Tag root) plus a\n * sizing control. Loads on init and whenever the scope changes. Emits a\n * `TagSelected` intent up to the host so the shared record-drilldown panel can\n * be populated by the host (this component never touches NavigationService).\n */\n\nimport {\n    Component,\n    Input,\n    Output,\n    EventEmitter,\n    ChangeDetectorRef,\n    OnInit,\n    inject,\n} from '@angular/core';\nimport { IMetadataProvider } from '@memberjunction/core';\nimport { BaseAngularComponent } from '@memberjunction/ng-base-types';\nimport {\n    TagCloudEngine,\n    TagCloudScope,\n    TagCloudItem,\n} from '@memberjunction/tag-engine-base';\nimport { TagEngineBase } from '@memberjunction/tag-engine-base';\nimport { KnowledgeHubMetadataEngine } from '@memberjunction/core-entities';\nimport { WordCloudItem, WordCloudItemEvent } from '@memberjunction/ng-word-cloud';\n\n/** A selectable scope option (content source / content type / tag root). */\ninterface ScopeOption {\n    ID: string;\n    Name: string;\n}\n\n/**\n * Emitted when the user clicks a tag word. The host resolves this into the\n * shared drilldown panel (records carrying the tag).\n */\nexport interface TagCloudSelection {\n    /** The clicked tag's text. */\n    Tag: string;\n    /** Raw frequency count carried from TagCloudItem. */\n    Count: number;\n    /** The scope currently applied (so the host can scope the drilldown query). */\n    Scope: TagCloudScope;\n}\n\n@Component({\n    standalone: false,\n    selector: 'app-kh-tag-cloud',\n    templateUrl: './tag-cloud.component.html',\n    styleUrls: ['./tag-cloud.component.css'],\n})\nexport class TagCloudComponent extends BaseAngularComponent implements OnInit {\n    private cdr = inject(ChangeDetectorRef);\n\n    /** Re-declared so the host can bind `[Provider]` and we thread it through. */\n    @Input() override Provider: IMetadataProvider | null = null;\n\n    /** Emitted when a tag word is clicked. */\n    @Output() TagSelected = new EventEmitter<TagCloudSelection>();\n\n    // ================================================================\n    // State\n    // ================================================================\n\n    public IsLoading = true;\n    public Items: WordCloudItem[] = [];\n\n    /** Scope picker options. */\n    public ContentSourceOptions: ScopeOption[] = [];\n    public ContentTypeOptions: ScopeOption[] = [];\n    public TagRootOptions: ScopeOption[] = [];\n\n    /** Current scope selections (empty string = \"All\"). */\n    public SelectedContentSourceID = '';\n    public SelectedContentTypeID = '';\n    public SelectedTagRootID = '';\n\n    /** Sizing: maximum font size driven by weight. */\n    public MaxFontSize = 56;\n    public MinFontSize = 14;\n\n    /** Color mode passed to the word cloud. */\n    public ColorMode: 'brand' | 'categorical' | 'weight-gradient' = 'weight-gradient';\n\n    // ================================================================\n    // Lifecycle\n    // ================================================================\n\n    async ngOnInit(): Promise<void> {\n        await this.loadScopeOptions();\n        await this.LoadCloud();\n    }\n\n    // ================================================================\n    // Public Methods\n    // ================================================================\n\n    /** Re-load the cloud for the current scope. Called on init + scope change. */\n    public async LoadCloud(): Promise<void> {\n        this.IsLoading = true;\n        this.cdr.detectChanges();\n\n        try {\n            const scope = this.BuildScope();\n            const provider = this.ProviderToUse;\n            const items: TagCloudItem[] = await TagCloudEngine.Instance.GetTagCloud(\n                scope,\n                { Limit: 150, MinWeight: 0 },\n                provider.CurrentUser,\n                provider,\n            );\n            this.Items = items.map(item => this.toWordCloudItem(item));\n        } catch (error) {\n            console.error('[TagCloud] Error loading tag cloud:', error);\n            this.Items = [];\n        } finally {\n            this.IsLoading = false;\n            this.cdr.detectChanges();\n        }\n    }\n\n    /** Reload after any scope dropdown change. */\n    public OnScopeChanged(): void {\n        void this.LoadCloud();\n    }\n\n    /** Apply a new max font size (sizing-by-weight control). */\n    public OnSizeChanged(value: number): void {\n        this.MaxFontSize = value;\n        this.cdr.detectChanges();\n    }\n\n    /** Clear all scope filters and reload. */\n    public ClearScope(): void {\n        this.SelectedContentSourceID = '';\n        this.SelectedContentTypeID = '';\n        this.SelectedTagRootID = '';\n        void this.LoadCloud();\n    }\n\n    public get HasActiveScope(): boolean {\n        return !!(this.SelectedContentSourceID || this.SelectedContentTypeID || this.SelectedTagRootID);\n    }\n\n    public get HasItems(): boolean {\n        return this.Items.length > 0;\n    }\n\n    /** Word-cloud click handler — emits a selection up to the host. */\n    public OnWordClicked(event: WordCloudItemEvent): void {\n        const count = Number(event.Item.Metadata?.['Count'] ?? 0);\n        this.TagSelected.emit({\n            Tag: event.Item.Text,\n            Count: count,\n            Scope: this.BuildScope(),\n        });\n    }\n\n    /** Build the current TagCloudScope from the picker selections. */\n    public BuildScope(): TagCloudScope {\n        const scope: TagCloudScope = {};\n        if (this.SelectedContentSourceID) {\n            scope.ContentSourceIDs = [this.SelectedContentSourceID];\n        }\n        if (this.SelectedContentTypeID) {\n            scope.ContentTypeIDs = [this.SelectedContentTypeID];\n        }\n        if (this.SelectedTagRootID) {\n            scope.TagRootIDs = [this.SelectedTagRootID];\n        }\n        return scope;\n    }\n\n    // ================================================================\n    // Private Methods\n    // ================================================================\n\n    /** Map an engine TagCloudItem to a word-cloud WordCloudItem (Count → Metadata). */\n    private toWordCloudItem(item: TagCloudItem): WordCloudItem {\n        return {\n            Text: item.Text,\n            Weight: item.Weight,\n            Metadata: { Count: item.Count },\n        };\n    }\n\n    /** Populate scope-picker options from the KH + Tag engines. */\n    private async loadScopeOptions(): Promise<void> {\n        try {\n            const provider = this.ProviderToUse;\n            const khEngine = KnowledgeHubMetadataEngine.Instance;\n            await khEngine.Config(false, provider.CurrentUser, provider);\n\n            this.ContentSourceOptions = khEngine.ContentSources\n                .map(s => ({ ID: s.ID, Name: s.Name ?? 'Untitled' }))\n                .sort((a, b) => a.Name.localeCompare(b.Name));\n\n            this.ContentTypeOptions = khEngine.ContentTypes\n                .map(t => ({ ID: t.ID, Name: t.Name ?? 'Untitled' }))\n                .sort((a, b) => a.Name.localeCompare(b.Name));\n\n            const tagEngine = TagEngineBase.Instance;\n            await tagEngine.Config(false, provider.CurrentUser, provider);\n            this.TagRootOptions = tagEngine.Tags\n                .filter(t => !t.ParentID)\n                .map(t => ({ ID: t.ID, Name: t.DisplayName || t.Name }))\n                .sort((a, b) => a.Name.localeCompare(b.Name));\n        } catch (error) {\n            console.warn('[TagCloud] Error loading scope options:', error);\n        }\n        this.cdr.detectChanges();\n    }\n}\n\n/** Tree-shaking prevention */\nexport function LoadTagCloudComponent(): void {\n    // Prevents tree-shaking of the component\n}\n","<div class=\"tag-cloud-container\">\n  <!-- Scope picker / sizing toolbar -->\n  <div class=\"tag-cloud-toolbar\">\n    <div class=\"scope-field\">\n      <label>Content Source</label>\n      <select class=\"mj-input\" [(ngModel)]=\"SelectedContentSourceID\" (ngModelChange)=\"OnScopeChanged()\">\n        <option value=\"\">All Sources</option>\n        @for (opt of ContentSourceOptions; track opt.ID) {\n          <option [value]=\"opt.ID\">{{ opt.Name }}</option>\n        }\n      </select>\n    </div>\n\n    <div class=\"scope-field\">\n      <label>Content Type</label>\n      <select class=\"mj-input\" [(ngModel)]=\"SelectedContentTypeID\" (ngModelChange)=\"OnScopeChanged()\">\n        <option value=\"\">All Types</option>\n        @for (opt of ContentTypeOptions; track opt.ID) {\n          <option [value]=\"opt.ID\">{{ opt.Name }}</option>\n        }\n      </select>\n    </div>\n\n    <div class=\"scope-field\">\n      <label>Tag Root</label>\n      <select class=\"mj-input\" [(ngModel)]=\"SelectedTagRootID\" (ngModelChange)=\"OnScopeChanged()\">\n        <option value=\"\">All Tags</option>\n        @for (opt of TagRootOptions; track opt.ID) {\n          <option [value]=\"opt.ID\">{{ opt.Name }}</option>\n        }\n      </select>\n    </div>\n\n    <div class=\"scope-field size-field\">\n      <label>Max Size: {{ MaxFontSize }}px</label>\n      <input type=\"range\" min=\"28\" max=\"96\" step=\"4\"\n             [value]=\"MaxFontSize\"\n             (input)=\"OnSizeChanged($any($event.target).valueAsNumber)\" />\n    </div>\n\n    @if (HasActiveScope) {\n      <button mjButton variant=\"flat\" size=\"sm\" (click)=\"ClearScope()\">\n        <i class=\"fa-solid fa-filter-circle-xmark\"></i> Clear\n      </button>\n    }\n  </div>\n\n  <!-- Cloud area -->\n  <div class=\"tag-cloud-area\">\n    @if (IsLoading) {\n      <mj-loading text=\"Building tag cloud...\"></mj-loading>\n    } @else if (!HasItems) {\n      <div class=\"tag-cloud-empty\">\n        <i class=\"fa-solid fa-tags\"></i>\n        <p>No tags found for the current scope</p>\n        @if (HasActiveScope) {\n          <button mjButton variant=\"outline\" size=\"sm\" (click)=\"ClearScope()\">Clear filters</button>\n        }\n      </div>\n    } @else {\n      <mj-word-cloud\n        [Items]=\"Items\"\n        [MinFontSize]=\"MinFontSize\"\n        [MaxFontSize]=\"MaxFontSize\"\n        [ColorMode]=\"ColorMode\"\n        [Interactive]=\"true\"\n        (ItemClick)=\"OnWordClicked($event)\">\n      </mj-word-cloud>\n    }\n  </div>\n</div>\n"]}

package/dist/KnowledgeHub/components/visualize/visualize-resource.component.d.ts

@@ -0,0 +1,85 @@
+/**
+ * @fileoverview Knowledge Hub "Visualize" Resource (host surface)
+ *
+ * Phase 5 host surface that replaces the standalone "Clusters" tab. It hosts two
+ * visualization modes behind an internal segmented control:
+ *   - "Clusters"  — the existing cluster scatter visualization (embedded child).
+ *   - "Tag Cloud" — a weighted tag cloud driven by TagCloudEngine.
+ *
+ * Both modes feed ONE shared record-drilldown panel:
+ *   - cluster point selection  → a single record opened/listed.
+ *   - tag-cloud word selection → the records carrying that tag (via RunView).
+ *
+ * The host owns the resource lifecycle (NotifyLoadComplete), agent context
+ * (ActiveVisualizationMode), and all navigation — the embedded children emit
+ * open-record intents up to here.
+ */
+import { OnDestroy, AfterViewInit } from '@angular/core';
+import { Subject } from 'rxjs';
+import { ResourceData } from '@memberjunction/core-entities';
+import { BaseResourceComponent, NavigationService } from '@memberjunction/ng-shared';
+import { TagCloudComponent, TagCloudSelection } from './tag-cloud/tag-cloud.component';
+import { DrilldownRecord, DrilldownOpenRequest } from './record-drilldown/record-drilldown.component';
+import * as i0 from "@angular/core";
+/** Visualization modes hosted by this surface. */
+export type VisualizationMode = 'clusters' | 'tagcloud';
+interface ModeOption {
+    ID: VisualizationMode;
+    Label: string;
+    Icon: string;
+}
+export declare class VisualizeResourceComponent extends BaseResourceComponent implements AfterViewInit, OnDestroy {
+    tagCloud?: TagCloudComponent;
+    private cdr;
+    protected navigationService: NavigationService;
+    protected destroy$: Subject<void>;
+    GetResourceDisplayName(_data: ResourceData): Promise<string>;
+    GetResourceIconClass(_data: ResourceData): Promise<string>;
+    Modes: ModeOption[];
+    ActiveMode: VisualizationMode;
+    DrilldownVisible: boolean;
+    DrilldownTitle: string;
+    DrilldownSubtitle: string;
+    DrilldownIcon: string;
+    DrilldownLoading: boolean;
+    DrilldownRecords: DrilldownRecord[];
+    /** Current preference key for the active mode. */
+    private static readonly PREFS_KEY;
+    /** Legacy key (pre-rename) — read for back-compat only. */
+    private static readonly LEGACY_PREFS_KEY;
+    ngAfterViewInit(): Promise<void>;
+    ngOnDestroy(): void;
+    SelectMode(mode: VisualizationMode): void;
+    IsActiveMode(mode: VisualizationMode): boolean;
+    TrackByMode(_index: number, mode: ModeOption): string;
+    /** Cluster mode: open the underlying entity record directly. */
+    OnClusterOpenRecord(request: {
+        EntityName: string;
+        RecordID: string;
+    }): void;
+    /** Tag-cloud mode: list the records carrying the clicked tag in the drilldown. */
+    OnTagSelected(selection: TagCloudSelection): Promise<void>;
+    /** Drilldown open-record intent (from the shared panel). */
+    OnDrilldownOpenRecord(request: DrilldownOpenRequest): void;
+    CloseDrilldown(): void;
+    /**
+     * Load the content-item records carrying a given tag, scoped to the same
+     * content-source / content-type the cloud was built with. Each returned row
+     * is a `MJ: Content Items` record the user can open.
+     */
+    private loadRecordsForTag;
+    /** Build the `MJ: Content Items` filter: ID IN (...) plus optional scope. */
+    private buildItemFilter;
+    /** Open an entity record via NavigationService (single navigation path). */
+    private openEntityRecord;
+    private emitAgentContext;
+    private registerAgentTools;
+    private persistModePreference;
+    private loadModePreference;
+    static ɵfac: i0.ɵɵFactoryDeclaration<VisualizeResourceComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<VisualizeResourceComponent, "app-visualize-resource", never, {}, {}, never, never, false, never>;
+}
+/** Tree-shaking prevention */
+export declare function LoadVisualizeResource(): void;
+export {};
+//# sourceMappingURL=visualize-resource.component.d.ts.map

package/dist/KnowledgeHub/components/visualize/visualize-resource.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"visualize-resource.component.d.ts","sourceRoot":"","sources":["../../../../src/KnowledgeHub/components/visualize/visualize-resource.component.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,EAAgC,SAAS,EAAE,aAAa,EAAqB,MAAM,eAAe,CAAC;AAC1G,OAAO,EAAE,OAAO,EAAE,MAAM,MAAM,CAAC;AAE/B,OAAO,EAAE,YAAY,EAAkB,MAAM,+BAA+B,CAAC;AAE7E,OAAO,EAAE,qBAAqB,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAErF,OAAO,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AACvF,OAAO,EAAE,eAAe,EAAE,oBAAoB,EAAE,MAAM,+CAA+C,CAAC;;AAEtG,kDAAkD;AAClD,MAAM,MAAM,iBAAiB,GAAG,UAAU,GAAG,UAAU,CAAC;AAExD,UAAU,UAAU;IAChB,EAAE,EAAE,iBAAiB,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;CAChB;AAED,qBAOa,0BAA2B,SAAQ,qBAAsB,YAAW,aAAa,EAAE,SAAS;IAC9E,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAEpD,OAAO,CAAC,GAAG,CAA6B;IACxC,UAAmB,iBAAiB,oBAA6B;IACjE,UAAmB,QAAQ,gBAAuB;IAM5C,sBAAsB,CAAC,KAAK,EAAE,YAAY,GAAG,OAAO,CAAC,MAAM,CAAC;IAI5D,oBAAoB,CAAC,KAAK,EAAE,YAAY,GAAG,OAAO,CAAC,MAAM,CAAC;IAQzD,KAAK,EAAE,UAAU,EAAE,CAGxB;IAEK,UAAU,EAAE,iBAAiB,CAAc;IAM3C,gBAAgB,UAAS;IACzB,cAAc,SAAM;IACpB,iBAAiB,SAAM;IACvB,aAAa,SAAsB;IACnC,gBAAgB,UAAS;IACzB,gBAAgB,EAAE,eAAe,EAAE,CAAM;IAMhD,kDAAkD;IAClD,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,SAAS,CAAuB;IACxD,2DAA2D;IAC3D,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,gBAAgB,CAA2B;IAM7D,eAAe,IAAI,OAAO,CAAC,IAAI,CAAC;IAatC,WAAW,IAAI,IAAI;IAUZ,UAAU,CAAC,IAAI,EAAE,iBAAiB,GAAG,IAAI;IAWzC,YAAY,CAAC,IAAI,EAAE,iBAAiB,GAAG,OAAO;IAI9C,WAAW,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,UAAU,GAAG,MAAM;IAQ5D,gEAAgE;IACzD,mBAAmB,CAAC,OAAO,EAAE;QAAE,UAAU,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI;IAInF,kFAAkF;IACrE,aAAa,CAAC,SAAS,EAAE,iBAAiB,GAAG,OAAO,CAAC,IAAI,CAAC;IAoBvE,4DAA4D;IACrD,qBAAqB,CAAC,OAAO,EAAE,oBAAoB,GAAG,IAAI;IAI1D,cAAc,IAAI,IAAI;IAW7B;;;;OAIG;YACW,iBAAiB;IAyD/B,6EAA6E;IAC7E,OAAO,CAAC,eAAe;IAiBvB,4EAA4E;IAC5E,OAAO,CAAC,gBAAgB;IAmBxB,OAAO,CAAC,gBAAgB;IAMxB,OAAO,CAAC,kBAAkB;IA0B1B,OAAO,CAAC,qBAAqB;IAI7B,OAAO,CAAC,kBAAkB;yCAtRjB,0BAA0B;2CAA1B,0BAA0B;CA8RtC;AAED,8BAA8B;AAC9B,wBAAgB,qBAAqB,IAAI,IAAI,CAE5C"}