@memberjunction/ng-dashboards 5.38.0 → 5.40.0

package/dist/KnowledgeHub/components/visualize/record-drilldown/record-drilldown.component.d.ts

@@ -0,0 +1,65 @@
+/**
+ * @fileoverview Shared Record Drilldown Panel
+ *
+ * A single, reusable side panel that lists records behind a selection on the
+ * Knowledge Hub "Visualize" surface. It is driven entirely by inputs and emits
+ * record-open intents up to the host — it never imports NavigationService, so it
+ * stays a generic child that the KH resource host wires to navigation.
+ *
+ * Consumed by BOTH:
+ *  - Cluster-point selection: the host passes a single record row.
+ *  - Tag-cloud word selection: the host passes the records carrying that tag.
+ */
+import { EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * A single record row shown in the drilldown panel. `EntityName` + `RecordID`
+ * are the open-intent payload; `Title`/`Subtitle`/`Weight` are display-only.
+ */
+export interface DrilldownRecord {
+    /** Entity the record belongs to (e.g. 'MJ: Content Items' or a business entity). */
+    EntityName: string;
+    /** Primary-key URL segment used to open the record. */
+    RecordID: string;
+    /** Primary display label. */
+    Title: string;
+    /** Optional secondary line (source, content type, etc.). */
+    Subtitle?: string;
+    /** Optional weight/relevance shown as a chip (0.0 - 1.0). */
+    Weight?: number;
+}
+/**
+ * Emitted when the user asks to open one of the listed records. The host
+ * translates this into a NavigationService call.
+ */
+export interface DrilldownOpenRequest {
+    EntityName: string;
+    RecordID: string;
+}
+export declare class RecordDrilldownComponent {
+    /** Panel heading (e.g. the tag text or the selected record's label). */
+    Title: string;
+    /** Optional sub-heading under the title (e.g. "12 records"). */
+    Subtitle: string;
+    /** Icon class shown next to the title. */
+    Icon: string;
+    /** Whether the panel is visible. */
+    Visible: boolean;
+    /** Whether records are currently loading. */
+    IsLoading: boolean;
+    /** The records to list. */
+    Records: DrilldownRecord[];
+    /** Emitted when the user closes the panel. */
+    Closed: EventEmitter<void>;
+    /** Emitted when the user clicks a record to open it. */
+    OpenRecord: EventEmitter<DrilldownOpenRequest>;
+    OnClose(): void;
+    OnOpen(record: DrilldownRecord): void;
+    TrackByRecord(_index: number, record: DrilldownRecord): string;
+    WeightPercent(weight: number | undefined): number;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RecordDrilldownComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RecordDrilldownComponent, "app-kh-record-drilldown", never, { "Title": { "alias": "Title"; "required": false; }; "Subtitle": { "alias": "Subtitle"; "required": false; }; "Icon": { "alias": "Icon"; "required": false; }; "Visible": { "alias": "Visible"; "required": false; }; "IsLoading": { "alias": "IsLoading"; "required": false; }; "Records": { "alias": "Records"; "required": false; }; }, { "Closed": "Closed"; "OpenRecord": "OpenRecord"; }, never, never, false, never>;
+}
+/** Tree-shaking prevention */
+export declare function LoadRecordDrilldownComponent(): void;
+//# sourceMappingURL=record-drilldown.component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"record-drilldown.component.d.ts","sourceRoot":"","sources":["../../../../../src/KnowledgeHub/components/visualize/record-drilldown/record-drilldown.component.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,OAAO,EAA4B,YAAY,EAA2B,MAAM,eAAe,CAAC;;AAEhG;;;GAGG;AACH,MAAM,WAAW,eAAe;IAC5B,oFAAoF;IACpF,UAAU,EAAE,MAAM,CAAC;IACnB,uDAAuD;IACvD,QAAQ,EAAE,MAAM,CAAC;IACjB,6BAA6B;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,6DAA6D;IAC7D,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB;AAED;;;GAGG;AACH,MAAM,WAAW,oBAAoB;IACjC,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;CACpB;AAED,qBAOa,wBAAwB;IACjC,wEAAwE;IAC/D,KAAK,SAAM;IACpB,gEAAgE;IACvD,QAAQ,SAAM;IACvB,0CAA0C;IACjC,IAAI,SAAsB;IACnC,oCAAoC;IAC3B,OAAO,UAAS;IACzB,6CAA6C;IACpC,SAAS,UAAS;IAC3B,2BAA2B;IAClB,OAAO,EAAE,eAAe,EAAE,CAAM;IAEzC,8CAA8C;IACpC,MAAM,qBAA4B;IAC5C,wDAAwD;IAC9C,UAAU,qCAA4C;IAEzD,OAAO,IAAI,IAAI;IAIf,MAAM,CAAC,MAAM,EAAE,eAAe,GAAG,IAAI;IAOrC,aAAa,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,eAAe,GAAG,MAAM;IAI9D,aAAa,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM;yCAlC/C,wBAAwB;2CAAxB,wBAAwB;CAwCpC;AAED,8BAA8B;AAC9B,wBAAgB,4BAA4B,IAAI,IAAI,CAEnD"}

package/dist/KnowledgeHub/components/visualize/record-drilldown/record-drilldown.component.js

@@ -0,0 +1,176 @@
+/**
+ * @fileoverview Shared Record Drilldown Panel
+ *
+ * A single, reusable side panel that lists records behind a selection on the
+ * Knowledge Hub "Visualize" surface. It is driven entirely by inputs and emits
+ * record-open intents up to the host — it never imports NavigationService, so it
+ * stays a generic child that the KH resource host wires to navigation.
+ *
+ * Consumed by BOTH:
+ *  - Cluster-point selection: the host passes a single record row.
+ *  - Tag-cloud word selection: the host passes the records carrying that tag.
+ */
+import { Component, Input, Output, EventEmitter, ChangeDetectionStrategy } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@memberjunction/ng-shared-generic";
+import * as i2 from "@memberjunction/ng-ui-components";
+function RecordDrilldownComponent_Conditional_0_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 5);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r1.Subtitle);
+} }
+function RecordDrilldownComponent_Conditional_0_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "mj-loading", 9);
+} }
+function RecordDrilldownComponent_Conditional_0_Conditional_12_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 10);
+    i0.ɵɵelement(1, "i", 11);
+    i0.ɵɵelementStart(2, "p");
+    i0.ɵɵtext(3, "No records found");
+    i0.ɵɵelementEnd()();
+} }
+function RecordDrilldownComponent_Conditional_0_Conditional_13_For_1_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 16);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const record_r4 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(record_r4.Subtitle);
+} }
+function RecordDrilldownComponent_Conditional_0_Conditional_13_For_1_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 17);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const record_r4 = i0.ɵɵnextContext().$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1("", ctx_r1.WeightPercent(record_r4.Weight), "%");
+} }
+function RecordDrilldownComponent_Conditional_0_Conditional_13_For_1_Template(rf, ctx) { if (rf & 1) {
+    const _r3 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 13);
+    i0.ɵɵlistener("click", function RecordDrilldownComponent_Conditional_0_Conditional_13_For_1_Template_div_click_0_listener() { const record_r4 = i0.ɵɵrestoreView(_r3).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OnOpen(record_r4)); });
+    i0.ɵɵelementStart(1, "div", 14)(2, "span", 15);
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(4, RecordDrilldownComponent_Conditional_0_Conditional_13_For_1_Conditional_4_Template, 2, 1, "span", 16);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(5, RecordDrilldownComponent_Conditional_0_Conditional_13_For_1_Conditional_5_Template, 2, 1, "span", 17);
+    i0.ɵɵelement(6, "i", 18);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const record_r4 = ctx.$implicit;
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(record_r4.Title);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(record_r4.Subtitle ? 4 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(record_r4.Weight != null ? 5 : -1);
+} }
+function RecordDrilldownComponent_Conditional_0_Conditional_13_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵrepeaterCreate(0, RecordDrilldownComponent_Conditional_0_Conditional_13_For_1_Template, 7, 3, "div", 12, i0.ɵɵcomponentInstance().TrackByRecord, true);
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵrepeater(ctx_r1.Records);
+} }
+function RecordDrilldownComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2);
+    i0.ɵɵelement(3, "i");
+    i0.ɵɵelementStart(4, "div", 3)(5, "span", 4);
+    i0.ɵɵtext(6);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(7, RecordDrilldownComponent_Conditional_0_Conditional_7_Template, 2, 1, "span", 5);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(8, "button", 6);
+    i0.ɵɵlistener("click", function RecordDrilldownComponent_Conditional_0_Template_button_click_8_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnClose()); });
+    i0.ɵɵelement(9, "i", 7);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(10, "div", 8);
+    i0.ɵɵconditionalCreate(11, RecordDrilldownComponent_Conditional_0_Conditional_11_Template, 1, 0, "mj-loading", 9)(12, RecordDrilldownComponent_Conditional_0_Conditional_12_Template, 4, 0, "div", 10)(13, RecordDrilldownComponent_Conditional_0_Conditional_13_Template, 2, 0);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(3);
+    i0.ɵɵclassMap(ctx_r1.Icon);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(ctx_r1.Title);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.Subtitle ? 7 : -1);
+    i0.ɵɵadvance(4);
+    i0.ɵɵconditional(ctx_r1.IsLoading ? 11 : ctx_r1.Records.length === 0 ? 12 : 13);
+} }
+export class RecordDrilldownComponent {
+    /** Panel heading (e.g. the tag text or the selected record's label). */
+    Title = '';
+    /** Optional sub-heading under the title (e.g. "12 records"). */
+    Subtitle = '';
+    /** Icon class shown next to the title. */
+    Icon = 'fa-solid fa-list';
+    /** Whether the panel is visible. */
+    Visible = false;
+    /** Whether records are currently loading. */
+    IsLoading = false;
+    /** The records to list. */
+    Records = [];
+    /** Emitted when the user closes the panel. */
+    Closed = new EventEmitter();
+    /** Emitted when the user clicks a record to open it. */
+    OpenRecord = new EventEmitter();
+    OnClose() {
+        this.Closed.emit();
+    }
+    OnOpen(record) {
+        if (!record.EntityName || !record.RecordID) {
+            return;
+        }
+        this.OpenRecord.emit({ EntityName: record.EntityName, RecordID: record.RecordID });
+    }
+    TrackByRecord(_index, record) {
+        return `${record.EntityName}|${record.RecordID}`;
+    }
+    WeightPercent(weight) {
+        if (weight == null) {
+            return 0;
+        }
+        return Math.round(Math.max(0, Math.min(1, weight)) * 100);
+    }
+    static ɵfac = function RecordDrilldownComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || RecordDrilldownComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: RecordDrilldownComponent, selectors: [["app-kh-record-drilldown"]], inputs: { Title: "Title", Subtitle: "Subtitle", Icon: "Icon", Visible: "Visible", IsLoading: "IsLoading", Records: "Records" }, outputs: { Closed: "Closed", OpenRecord: "OpenRecord" }, standalone: false, decls: 1, vars: 1, consts: [[1, "drilldown-panel"], [1, "drilldown-header"], [1, "drilldown-title"], [1, "drilldown-title-text"], [1, "drilldown-title-main"], [1, "drilldown-title-sub"], ["mjButton", "", "variant", "icon", "size", "sm", "title", "Close", 3, "click"], [1, "fa-solid", "fa-times"], [1, "drilldown-body"], ["text", "Loading records..."], [1, "drilldown-empty"], [1, "fa-solid", "fa-inbox"], [1, "drilldown-item"], [1, "drilldown-item", 3, "click"], [1, "drilldown-item-main"], [1, "drilldown-item-title"], [1, "drilldown-item-subtitle"], [1, "drilldown-item-weight"], [1, "fa-solid", "fa-chevron-right", "drilldown-item-chevron"]], template: function RecordDrilldownComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵconditionalCreate(0, RecordDrilldownComponent_Conditional_0_Template, 14, 5, "div", 0);
+        } if (rf & 2) {
+            i0.ɵɵconditional(ctx.Visible ? 0 : -1);
+        } }, dependencies: [i1.LoadingComponent, i2.MJButtonDirective], styles: ["[_nghost-%COMP%] {\n  display: block;\n  height: 100%;\n}\n\n.drilldown-panel[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  width: 340px;\n  max-width: 100%;\n  background: var(--mj-bg-surface);\n  border-left: 1px solid var(--mj-border-default);\n}\n\n.drilldown-header[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 8px;\n  padding: 12px 16px;\n  border-bottom: 1px solid var(--mj-border-default);\n  background: var(--mj-bg-surface-card);\n}\n\n.drilldown-title[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  min-width: 0;\n}\n\n.drilldown-title[_ngcontent-%COMP%]    > i[_ngcontent-%COMP%] {\n  color: var(--mj-brand-primary);\n  font-size: 16px;\n}\n\n.drilldown-title-text[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  min-width: 0;\n}\n\n.drilldown-title-main[_ngcontent-%COMP%] {\n  font-weight: 600;\n  color: var(--mj-text-primary);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.drilldown-title-sub[_ngcontent-%COMP%] {\n  font-size: 12px;\n  color: var(--mj-text-muted);\n}\n\n.drilldown-body[_ngcontent-%COMP%] {\n  flex: 1;\n  overflow-y: auto;\n  padding: 8px;\n}\n\n.drilldown-empty[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n  padding: 32px 16px;\n  color: var(--mj-text-muted);\n  text-align: center;\n}\n\n.drilldown-empty[_ngcontent-%COMP%]    > i[_ngcontent-%COMP%] {\n  font-size: 28px;\n  opacity: 0.6;\n}\n\n.drilldown-item[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  padding: 10px 12px;\n  border-radius: 6px;\n  cursor: pointer;\n  transition: background 0.15s ease;\n}\n\n.drilldown-item[_ngcontent-%COMP%]:hover {\n  background: var(--mj-bg-surface-hover);\n}\n\n.drilldown-item-main[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  min-width: 0;\n  flex: 1;\n}\n\n.drilldown-item-title[_ngcontent-%COMP%] {\n  font-weight: 500;\n  color: var(--mj-text-primary);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.drilldown-item-subtitle[_ngcontent-%COMP%] {\n  font-size: 12px;\n  color: var(--mj-text-muted);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.drilldown-item-weight[_ngcontent-%COMP%] {\n  font-size: 12px;\n  font-weight: 600;\n  color: var(--mj-brand-primary);\n  background: color-mix(in srgb, var(--mj-brand-primary) 12%, transparent);\n  border-radius: 10px;\n  padding: 2px 8px;\n  flex-shrink: 0;\n}\n\n.drilldown-item-chevron[_ngcontent-%COMP%] {\n  color: var(--mj-text-disabled);\n  font-size: 12px;\n  flex-shrink: 0;\n}"], changeDetection: 0 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(RecordDrilldownComponent, [{
+        type: Component,
+        args: [{ selector: 'app-kh-record-drilldown', standalone: false, changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (Visible) {\n  <div class=\"drilldown-panel\">\n    <div class=\"drilldown-header\">\n      <div class=\"drilldown-title\">\n        <i [class]=\"Icon\"></i>\n        <div class=\"drilldown-title-text\">\n          <span class=\"drilldown-title-main\">{{ Title }}</span>\n          @if (Subtitle) {\n            <span class=\"drilldown-title-sub\">{{ Subtitle }}</span>\n          }\n        </div>\n      </div>\n      <button mjButton variant=\"icon\" size=\"sm\" (click)=\"OnClose()\" title=\"Close\">\n        <i class=\"fa-solid fa-times\"></i>\n      </button>\n    </div>\n\n    <div class=\"drilldown-body\">\n      @if (IsLoading) {\n        <mj-loading text=\"Loading records...\"></mj-loading>\n      } @else if (Records.length === 0) {\n        <div class=\"drilldown-empty\">\n          <i class=\"fa-solid fa-inbox\"></i>\n          <p>No records found</p>\n        </div>\n      } @else {\n        @for (record of Records; track TrackByRecord($index, record)) {\n          <div class=\"drilldown-item\" (click)=\"OnOpen(record)\">\n            <div class=\"drilldown-item-main\">\n              <span class=\"drilldown-item-title\">{{ record.Title }}</span>\n              @if (record.Subtitle) {\n                <span class=\"drilldown-item-subtitle\">{{ record.Subtitle }}</span>\n              }\n            </div>\n            @if (record.Weight != null) {\n              <span class=\"drilldown-item-weight\">{{ WeightPercent(record.Weight) }}%</span>\n            }\n            <i class=\"fa-solid fa-chevron-right drilldown-item-chevron\"></i>\n          </div>\n        }\n      }\n    </div>\n  </div>\n}\n", styles: [":host {\n  display: block;\n  height: 100%;\n}\n\n.drilldown-panel {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  width: 340px;\n  max-width: 100%;\n  background: var(--mj-bg-surface);\n  border-left: 1px solid var(--mj-border-default);\n}\n\n.drilldown-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 8px;\n  padding: 12px 16px;\n  border-bottom: 1px solid var(--mj-border-default);\n  background: var(--mj-bg-surface-card);\n}\n\n.drilldown-title {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  min-width: 0;\n}\n\n.drilldown-title > i {\n  color: var(--mj-brand-primary);\n  font-size: 16px;\n}\n\n.drilldown-title-text {\n  display: flex;\n  flex-direction: column;\n  min-width: 0;\n}\n\n.drilldown-title-main {\n  font-weight: 600;\n  color: var(--mj-text-primary);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.drilldown-title-sub {\n  font-size: 12px;\n  color: var(--mj-text-muted);\n}\n\n.drilldown-body {\n  flex: 1;\n  overflow-y: auto;\n  padding: 8px;\n}\n\n.drilldown-empty {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n  padding: 32px 16px;\n  color: var(--mj-text-muted);\n  text-align: center;\n}\n\n.drilldown-empty > i {\n  font-size: 28px;\n  opacity: 0.6;\n}\n\n.drilldown-item {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  padding: 10px 12px;\n  border-radius: 6px;\n  cursor: pointer;\n  transition: background 0.15s ease;\n}\n\n.drilldown-item:hover {\n  background: var(--mj-bg-surface-hover);\n}\n\n.drilldown-item-main {\n  display: flex;\n  flex-direction: column;\n  min-width: 0;\n  flex: 1;\n}\n\n.drilldown-item-title {\n  font-weight: 500;\n  color: var(--mj-text-primary);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.drilldown-item-subtitle {\n  font-size: 12px;\n  color: var(--mj-text-muted);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.drilldown-item-weight {\n  font-size: 12px;\n  font-weight: 600;\n  color: var(--mj-brand-primary);\n  background: color-mix(in srgb, var(--mj-brand-primary) 12%, transparent);\n  border-radius: 10px;\n  padding: 2px 8px;\n  flex-shrink: 0;\n}\n\n.drilldown-item-chevron {\n  color: var(--mj-text-disabled);\n  font-size: 12px;\n  flex-shrink: 0;\n}\n"] }]
+    }], null, { Title: [{
+            type: Input
+        }], Subtitle: [{
+            type: Input
+        }], Icon: [{
+            type: Input
+        }], Visible: [{
+            type: Input
+        }], IsLoading: [{
+            type: Input
+        }], Records: [{
+            type: Input
+        }], Closed: [{
+            type: Output
+        }], OpenRecord: [{
+            type: Output
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(RecordDrilldownComponent, { className: "RecordDrilldownComponent", filePath: "src/KnowledgeHub/components/visualize/record-drilldown/record-drilldown.component.ts", lineNumber: 49 }); })();
+/** Tree-shaking prevention */
+export function LoadRecordDrilldownComponent() {
+    // Prevents tree-shaking of the component
+}
+//# sourceMappingURL=record-drilldown.component.js.map

package/dist/KnowledgeHub/components/visualize/record-drilldown/record-drilldown.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"record-drilldown.component.js","sourceRoot":"","sources":["../../../../../src/KnowledgeHub/components/visualize/record-drilldown/record-drilldown.component.ts","../../../../../src/KnowledgeHub/components/visualize/record-drilldown/record-drilldown.component.html"],"names":[],"mappings":"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","sourcesContent":["/**\n * @fileoverview Shared Record Drilldown Panel\n *\n * A single, reusable side panel that lists records behind a selection on the\n * Knowledge Hub \"Visualize\" surface. It is driven entirely by inputs and emits\n * record-open intents up to the host — it never imports NavigationService, so it\n * stays a generic child that the KH resource host wires to navigation.\n *\n * Consumed by BOTH:\n *  - Cluster-point selection: the host passes a single record row.\n *  - Tag-cloud word selection: the host passes the records carrying that tag.\n */\n\nimport { Component, Input, Output, EventEmitter, ChangeDetectionStrategy } from '@angular/core';\n\n/**\n * A single record row shown in the drilldown panel. `EntityName` + `RecordID`\n * are the open-intent payload; `Title`/`Subtitle`/`Weight` are display-only.\n */\nexport interface DrilldownRecord {\n    /** Entity the record belongs to (e.g. 'MJ: Content Items' or a business entity). */\n    EntityName: string;\n    /** Primary-key URL segment used to open the record. */\n    RecordID: string;\n    /** Primary display label. */\n    Title: string;\n    /** Optional secondary line (source, content type, etc.). */\n    Subtitle?: string;\n    /** Optional weight/relevance shown as a chip (0.0 - 1.0). */\n    Weight?: number;\n}\n\n/**\n * Emitted when the user asks to open one of the listed records. The host\n * translates this into a NavigationService call.\n */\nexport interface DrilldownOpenRequest {\n    EntityName: string;\n    RecordID: string;\n}\n\n@Component({\n    selector: 'app-kh-record-drilldown',\n    standalone: false,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    templateUrl: './record-drilldown.component.html',\n    styleUrls: ['./record-drilldown.component.css'],\n})\nexport class RecordDrilldownComponent {\n    /** Panel heading (e.g. the tag text or the selected record's label). */\n    @Input() Title = '';\n    /** Optional sub-heading under the title (e.g. \"12 records\"). */\n    @Input() Subtitle = '';\n    /** Icon class shown next to the title. */\n    @Input() Icon = 'fa-solid fa-list';\n    /** Whether the panel is visible. */\n    @Input() Visible = false;\n    /** Whether records are currently loading. */\n    @Input() IsLoading = false;\n    /** The records to list. */\n    @Input() Records: DrilldownRecord[] = [];\n\n    /** Emitted when the user closes the panel. */\n    @Output() Closed = new EventEmitter<void>();\n    /** Emitted when the user clicks a record to open it. */\n    @Output() OpenRecord = new EventEmitter<DrilldownOpenRequest>();\n\n    public OnClose(): void {\n        this.Closed.emit();\n    }\n\n    public OnOpen(record: DrilldownRecord): void {\n        if (!record.EntityName || !record.RecordID) {\n            return;\n        }\n        this.OpenRecord.emit({ EntityName: record.EntityName, RecordID: record.RecordID });\n    }\n\n    public TrackByRecord(_index: number, record: DrilldownRecord): string {\n        return `${record.EntityName}|${record.RecordID}`;\n    }\n\n    public WeightPercent(weight: number | undefined): number {\n        if (weight == null) {\n            return 0;\n        }\n        return Math.round(Math.max(0, Math.min(1, weight)) * 100);\n    }\n}\n\n/** Tree-shaking prevention */\nexport function LoadRecordDrilldownComponent(): void {\n    // Prevents tree-shaking of the component\n}\n","@if (Visible) {\n  <div class=\"drilldown-panel\">\n    <div class=\"drilldown-header\">\n      <div class=\"drilldown-title\">\n        <i [class]=\"Icon\"></i>\n        <div class=\"drilldown-title-text\">\n          <span class=\"drilldown-title-main\">{{ Title }}</span>\n          @if (Subtitle) {\n            <span class=\"drilldown-title-sub\">{{ Subtitle }}</span>\n          }\n        </div>\n      </div>\n      <button mjButton variant=\"icon\" size=\"sm\" (click)=\"OnClose()\" title=\"Close\">\n        <i class=\"fa-solid fa-times\"></i>\n      </button>\n    </div>\n\n    <div class=\"drilldown-body\">\n      @if (IsLoading) {\n        <mj-loading text=\"Loading records...\"></mj-loading>\n      } @else if (Records.length === 0) {\n        <div class=\"drilldown-empty\">\n          <i class=\"fa-solid fa-inbox\"></i>\n          <p>No records found</p>\n        </div>\n      } @else {\n        @for (record of Records; track TrackByRecord($index, record)) {\n          <div class=\"drilldown-item\" (click)=\"OnOpen(record)\">\n            <div class=\"drilldown-item-main\">\n              <span class=\"drilldown-item-title\">{{ record.Title }}</span>\n              @if (record.Subtitle) {\n                <span class=\"drilldown-item-subtitle\">{{ record.Subtitle }}</span>\n              }\n            </div>\n            @if (record.Weight != null) {\n              <span class=\"drilldown-item-weight\">{{ WeightPercent(record.Weight) }}%</span>\n            }\n            <i class=\"fa-solid fa-chevron-right drilldown-item-chevron\"></i>\n          </div>\n        }\n      }\n    </div>\n  </div>\n}\n"]}

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"}