@memberjunction/ng-list-management 5.34.1 → 5.36.0

package/dist/lib/components/tag-chips/tag-chips.component.js

@@ -0,0 +1,392 @@
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, EventEmitter, Input, Output, inject } from '@angular/core';
+import { BaseAngularComponent } from '@memberjunction/ng-base-types';
+import { LogError, Metadata, RunView } from '@memberjunction/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+const _forTrack0 = ($index, $item) => $item.TaggedItemID;
+const _forTrack1 = ($index, $item) => $item.ID;
+function TagChipsComponent_For_2_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "i", 8);
+    i0.ɵɵlistener("click", function TagChipsComponent_For_2_Conditional_4_Template_i_click_0_listener($event) { i0.ɵɵrestoreView(_r4); const tag_r2 = i0.ɵɵnextContext().$implicit; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.OnRemove(tag_r2, $event)); });
+    i0.ɵɵelementEnd();
+} }
+function TagChipsComponent_For_2_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "span", 4);
+    i0.ɵɵlistener("click", function TagChipsComponent_For_2_Template_span_click_0_listener() { const tag_r2 = i0.ɵɵrestoreView(_r1).$implicit; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.OnTagClick(tag_r2)); });
+    i0.ɵɵelement(1, "i", 5);
+    i0.ɵɵelementStart(2, "span", 6);
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(4, TagChipsComponent_For_2_Conditional_4_Template, 1, 0, "i", 7);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const tag_r2 = ctx.$implicit;
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(tag_r2.Name);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r2.Editable ? 4 : -1);
+} }
+function TagChipsComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 2);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1("+", ctx_r2.extraTagCount, " more");
+} }
+function TagChipsComponent_Conditional_4_Conditional_2_For_2_Template(rf, ctx) { if (rf & 1) {
+    const _r6 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 13);
+    i0.ɵɵlistener("click", function TagChipsComponent_Conditional_4_Conditional_2_For_2_Template_button_click_0_listener() { const s_r7 = i0.ɵɵrestoreView(_r6).$implicit; const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.OnAddTag(s_r7)); });
+    i0.ɵɵelement(1, "i", 5);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const s_r7 = ctx.$implicit;
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" ", s_r7.Name, " ");
+} }
+function TagChipsComponent_Conditional_4_Conditional_2_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    const _r8 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 14);
+    i0.ɵɵlistener("click", function TagChipsComponent_Conditional_4_Conditional_2_Conditional_3_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r8); const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.OnCreateNew()); });
+    i0.ɵɵelement(1, "i", 15);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" Create \"", ctx_r2.addInput.trim(), "\" ");
+} }
+function TagChipsComponent_Conditional_4_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 10);
+    i0.ɵɵrepeaterCreate(1, TagChipsComponent_Conditional_4_Conditional_2_For_2_Template, 3, 1, "button", 11, _forTrack1);
+    i0.ɵɵconditionalCreate(3, TagChipsComponent_Conditional_4_Conditional_2_Conditional_3_Template, 3, 1, "button", 12);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r2.suggestions);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r2.canCreateNew ? 3 : -1);
+} }
+function TagChipsComponent_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    const _r5 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 3)(1, "input", 9);
+    i0.ɵɵtwoWayListener("ngModelChange", function TagChipsComponent_Conditional_4_Template_input_ngModelChange_1_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r2 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r2.addInput, $event) || (ctx_r2.addInput = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵlistener("ngModelChange", function TagChipsComponent_Conditional_4_Template_input_ngModelChange_1_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.OnAddInputChange($event)); })("keydown.enter", function TagChipsComponent_Conditional_4_Template_input_keydown_enter_1_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.OnAddInputSubmit($event)); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(2, TagChipsComponent_Conditional_4_Conditional_2_Template, 4, 1, "div", 10);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r2.addInput);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r2.showSuggestions && (ctx_r2.suggestions.length > 0 || ctx_r2.canCreateNew) ? 2 : -1);
+} }
+export class TagChipsComponent extends BaseAngularComponent {
+    cdr = inject(ChangeDetectorRef);
+    /** Entity name (e.g. 'MJ: Lists'). Required. */
+    set EntityName(value) {
+        if (this._entityName !== value) {
+            this._entityName = value;
+            if (this.initialized && value && this._recordId)
+                void this.loadTags();
+        }
+    }
+    get EntityName() {
+        return this._entityName;
+    }
+    _entityName = null;
+    /** Record ID (the row's primary key, serialized). Required. */
+    set RecordID(value) {
+        if (this._recordId !== value) {
+            this._recordId = value;
+            if (this.initialized && value && this._entityName)
+                void this.loadTags();
+        }
+    }
+    get RecordID() {
+        return this._recordId;
+    }
+    _recordId = null;
+    /** When true, shows add input + remove buttons on chips. */
+    Editable = false;
+    /** Cap visible chips and surface "+N more". Defaults to 6 for cards. */
+    MaxDisplay = 6;
+    /** Emitted when a chip is clicked. Lets the parent drive filter-by-tag. */
+    TagClicked = new EventEmitter();
+    /** Emitted after add/remove so parents can refresh dependent data. */
+    TagsChanged = new EventEmitter();
+    tags = [];
+    loading = false;
+    addInput = '';
+    suggestions = [];
+    showSuggestions = false;
+    /** True when the trimmed input doesn't exactly match any existing tag —
+     *  drives the "Create '<term>'" affordance at the top of the dropdown. */
+    canCreateNew = false;
+    initialized = false;
+    entityID = null;
+    async ngOnInit() {
+        this.initialized = true;
+        if (this._entityName && this._recordId)
+            await this.loadTags();
+    }
+    get displayedTags() {
+        return this.tags.slice(0, this.MaxDisplay);
+    }
+    get extraTagCount() {
+        return Math.max(0, this.tags.length - this.MaxDisplay);
+    }
+    OnTagClick(tag) {
+        this.TagClicked.emit({ TagID: tag.TagID, Name: tag.Name });
+    }
+    async OnRemove(tag, event) {
+        event.stopPropagation();
+        if (!this.Editable)
+            return;
+        try {
+            const md = this.metadata();
+            const entity = await md.GetEntityObject('MJ: Tagged Items', this.ProviderToUse.CurrentUser ?? undefined);
+            const loaded = await entity.Load(tag.TaggedItemID);
+            if (!loaded)
+                return;
+            const ok = await entity.Delete();
+            if (ok) {
+                this.tags = this.tags.filter((t) => t.TaggedItemID !== tag.TaggedItemID);
+                this.TagsChanged.emit();
+                this.cdr.markForCheck();
+            }
+        }
+        catch (e) {
+            LogError(`tag-chips: remove failed: ${e instanceof Error ? e.message : String(e)}`);
+        }
+    }
+    async OnAddInputChange(value) {
+        this.addInput = value;
+        const term = value.trim();
+        if (term.length < 1) {
+            this.suggestions = [];
+            this.canCreateNew = false;
+            this.showSuggestions = false;
+            this.cdr.markForCheck();
+            return;
+        }
+        try {
+            const rv = RunView.FromMetadataProvider(this.ProviderToUse);
+            const escaped = term.replace(/'/g, "''");
+            const result = await rv.RunView({
+                EntityName: 'MJ: Tags',
+                ExtraFilter: `Name LIKE '%${escaped}%'`,
+                OrderBy: 'Name',
+                MaxRows: 8,
+                ResultType: 'entity_object',
+            });
+            const alreadyApplied = new Set(this.tags.map((t) => t.TagID));
+            this.suggestions = (result.Results ?? []).filter((t) => !alreadyApplied.has(t.ID));
+            // Offer "Create '<term>'" when the typed text doesn't exactly
+            // match any existing tag (case-insensitive). Without this, typing
+            // a brand-new tag name and hitting Enter does nothing — there's
+            // no suggestion to click.
+            const lowerTerm = term.toLowerCase();
+            this.canCreateNew = !this.suggestions.some((s) => s.Name.toLowerCase() === lowerTerm);
+            this.showSuggestions = true;
+        }
+        catch (e) {
+            LogError(`tag-chips: suggestion lookup failed: ${e instanceof Error ? e.message : String(e)}`);
+        }
+        finally {
+            this.cdr.markForCheck();
+        }
+    }
+    /**
+     * Enter-key handler on the input. If suggestions are showing,
+     * picks the first one (existing tag); otherwise creates a new tag
+     * from the typed text and applies it. Closes the suggestion menu
+     * on either path.
+     */
+    async OnAddInputSubmit(event) {
+        event?.preventDefault();
+        const term = this.addInput.trim();
+        if (term.length === 0)
+            return;
+        // Existing tag in suggestions takes priority — Enter selects the
+        // first match (matching most autocomplete UIs).
+        if (this.suggestions.length > 0) {
+            await this.OnAddTag(this.suggestions[0]);
+            return;
+        }
+        if (this.canCreateNew) {
+            await this.CreateAndAddTag(term);
+        }
+    }
+    async OnAddTag(tag) {
+        if (!this._entityName || !this._recordId)
+            return;
+        await this.applyTagToRecord(tag.ID, tag.Name);
+    }
+    /** Click handler for the "Create '<term>'" affordance. Creates the
+     *  `MJ: Tags` row then attaches it via the standard apply path. */
+    async OnCreateNew() {
+        const term = this.addInput.trim();
+        if (term.length === 0)
+            return;
+        await this.CreateAndAddTag(term);
+    }
+    async CreateAndAddTag(name) {
+        if (!this._entityName || !this._recordId)
+            return;
+        try {
+            const md = this.metadata();
+            const tag = await md.GetEntityObject('MJ: Tags', this.ProviderToUse.CurrentUser ?? undefined);
+            tag.NewRecord();
+            tag.Name = name;
+            // MJ: Tags requires both Name (canonical) and DisplayName (UI).
+            // Default DisplayName to the same text the user typed — they can
+            // refine it later via the Tags entity editor if needed.
+            tag.DisplayName = name;
+            const ok = await tag.Save();
+            if (!ok) {
+                LogError(`tag-chips: create-tag save failed: ${tag.LatestResult?.CompleteMessage ?? 'unknown'}`);
+                return;
+            }
+            await this.applyTagToRecord(tag.ID, tag.Name);
+        }
+        catch (e) {
+            LogError(`tag-chips: create-and-add failed: ${e instanceof Error ? e.message : String(e)}`);
+        }
+    }
+    async applyTagToRecord(tagId, tagName) {
+        if (!this._entityName || !this._recordId)
+            return;
+        try {
+            const md = this.metadata();
+            const entity = await md.GetEntityObject('MJ: Tagged Items', this.ProviderToUse.CurrentUser ?? undefined);
+            entity.NewRecord();
+            entity.TagID = tagId;
+            entity.RecordID = this._recordId;
+            const entityInfo = md.EntityByName(this._entityName);
+            if (entityInfo)
+                entity.EntityID = entityInfo.ID;
+            entity.Weight = 1.0;
+            const ok = await entity.Save();
+            if (!ok) {
+                LogError(`tag-chips: attach-tag save failed: ${entity.LatestResult?.CompleteMessage ?? 'unknown'}`);
+                return;
+            }
+            this.tags = [...this.tags, { TaggedItemID: entity.ID, TagID: tagId, Name: tagName }];
+            this.addInput = '';
+            this.suggestions = [];
+            this.canCreateNew = false;
+            this.showSuggestions = false;
+            this.TagsChanged.emit();
+            this.cdr.markForCheck();
+        }
+        catch (e) {
+            LogError(`tag-chips: apply failed: ${e instanceof Error ? e.message : String(e)}`);
+        }
+    }
+    /**
+     * Bulk-load tags + their names in two RunViews — one for the join
+     * rows and one to resolve display names. Cheap; this typically returns
+     * fewer than 10 rows.
+     */
+    async loadTags() {
+        if (!this._entityName || !this._recordId) {
+            this.tags = [];
+            return;
+        }
+        this.loading = true;
+        this.cdr.markForCheck();
+        try {
+            const md = this.metadata();
+            const entityInfo = md.EntityByName(this._entityName);
+            if (!entityInfo) {
+                this.tags = [];
+                return;
+            }
+            this.entityID = entityInfo.ID;
+            const rv = RunView.FromMetadataProvider(this.ProviderToUse);
+            const recordIdEscaped = this._recordId.replace(/'/g, "''");
+            const joinResult = await rv.RunView({
+                EntityName: 'MJ: Tagged Items',
+                ExtraFilter: `EntityID='${entityInfo.ID}' AND RecordID='${recordIdEscaped}'`,
+                Fields: ['ID', 'TagID'],
+                ResultType: 'simple',
+            });
+            if (!joinResult.Success) {
+                this.tags = [];
+                return;
+            }
+            const rows = joinResult.Results ?? [];
+            if (rows.length === 0) {
+                this.tags = [];
+                return;
+            }
+            const tagIds = Array.from(new Set(rows.map((r) => String(r.TagID))));
+            const tagsResult = await rv.RunView({
+                EntityName: 'MJ: Tags',
+                ExtraFilter: `ID IN (${tagIds.map((id) => `'${id}'`).join(',')})`,
+                Fields: ['ID', 'Name'],
+                ResultType: 'simple',
+            });
+            const nameById = new Map();
+            for (const t of tagsResult.Results ?? [])
+                nameById.set(String(t.ID), String(t.Name));
+            this.tags = rows
+                .map((r) => ({
+                TaggedItemID: String(r.ID),
+                TagID: String(r.TagID),
+                Name: nameById.get(String(r.TagID)) ?? '(unknown tag)',
+            }))
+                .sort((a, b) => a.Name.localeCompare(b.Name));
+        }
+        finally {
+            this.loading = false;
+            this.cdr.markForCheck();
+        }
+    }
+    metadata() {
+        return this.ProviderToUse ?? new Metadata();
+    }
+    static ɵfac = /*@__PURE__*/ (() => { let ɵTagChipsComponent_BaseFactory; return function TagChipsComponent_Factory(__ngFactoryType__) { return (ɵTagChipsComponent_BaseFactory || (ɵTagChipsComponent_BaseFactory = i0.ɵɵgetInheritedFactory(TagChipsComponent)))(__ngFactoryType__ || TagChipsComponent); }; })();
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TagChipsComponent, selectors: [["mj-tag-chips"]], inputs: { EntityName: "EntityName", RecordID: "RecordID", Editable: "Editable", MaxDisplay: "MaxDisplay" }, outputs: { TagClicked: "TagClicked", TagsChanged: "TagsChanged" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 5, vars: 4, consts: [[1, "tag-chips"], [1, "tag-chip"], [1, "tag-chip", "tag-chip--more"], [1, "tag-chip-add"], [1, "tag-chip", 3, "click"], [1, "fa-solid", "fa-tag"], [1, "tag-chip__name"], ["title", "Remove tag", 1, "fa-solid", "fa-xmark", "tag-chip__remove"], ["title", "Remove tag", 1, "fa-solid", "fa-xmark", "tag-chip__remove", 3, "click"], ["type", "text", "placeholder", "Add tag\u2026", 1, "tag-chip-add__input", 3, "ngModelChange", "keydown.enter", "ngModel"], [1, "tag-chip-add__suggestions"], ["type", "button", 1, "tag-chip-add__suggestion"], ["type", "button", "title", "Create a new tag with this name", 1, "tag-chip-add__suggestion", "tag-chip-add__suggestion--create"], ["type", "button", 1, "tag-chip-add__suggestion", 3, "click"], ["type", "button", "title", "Create a new tag with this name", 1, "tag-chip-add__suggestion", "tag-chip-add__suggestion--create", 3, "click"], [1, "fa-solid", "fa-plus"]], template: function TagChipsComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0);
+            i0.ɵɵrepeaterCreate(1, TagChipsComponent_For_2_Template, 5, 2, "span", 1, _forTrack0);
+            i0.ɵɵconditionalCreate(3, TagChipsComponent_Conditional_3_Template, 2, 1, "span", 2);
+            i0.ɵɵconditionalCreate(4, TagChipsComponent_Conditional_4_Template, 3, 2, "div", 3);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵclassProp("tag-chips--loading", ctx.loading);
+            i0.ɵɵadvance();
+            i0.ɵɵrepeater(ctx.displayedTags);
+            i0.ɵɵadvance(2);
+            i0.ɵɵconditional(ctx.extraTagCount > 0 ? 3 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.Editable ? 4 : -1);
+        } }, dependencies: [i1.DefaultValueAccessor, i1.NgControlStatus, i1.NgModel], styles: [".tag-chips[_ngcontent-%COMP%] {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 6px;\n  align-items: center;\n}\n\n.tag-chips--loading[_ngcontent-%COMP%] {\n  opacity: 0.6;\n}\n\n.tag-chip[_ngcontent-%COMP%] {\n  display: inline-flex;\n  align-items: center;\n  gap: 5px;\n  padding: 2px 8px;\n  border-radius: 999px;\n  background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n  color: var(--mj-brand-primary);\n  border: 1px solid color-mix(in srgb, var(--mj-brand-primary) 25%, var(--mj-border-default));\n  font-size: 11px;\n  cursor: pointer;\n  user-select: none;\n  transition: background 0.12s ease;\n}\n\n.tag-chip[_ngcontent-%COMP%]:hover {\n  background: color-mix(in srgb, var(--mj-brand-primary) 18%, var(--mj-bg-surface));\n}\n\n.tag-chip__name[_ngcontent-%COMP%] {\n  white-space: nowrap;\n}\n\n.tag-chip__remove[_ngcontent-%COMP%] {\n  cursor: pointer;\n  margin-left: 2px;\n  opacity: 0.6;\n  font-size: 10px;\n}\n\n.tag-chip__remove[_ngcontent-%COMP%]:hover {\n  opacity: 1;\n  color: var(--mj-status-error);\n}\n\n.tag-chip--more[_ngcontent-%COMP%] {\n  background: var(--mj-bg-surface-sunken);\n  color: var(--mj-text-muted);\n  border-color: var(--mj-border-default);\n}\n\n.tag-chip-add[_ngcontent-%COMP%] {\n  position: relative;\n  display: inline-block;\n}\n\n.tag-chip-add__input[_ngcontent-%COMP%] {\n  padding: 3px 8px;\n  border: 1px dashed var(--mj-border-default);\n  border-radius: 999px;\n  background: transparent;\n  font-size: 11px;\n  width: 110px;\n  color: var(--mj-text-primary);\n}\n\n.tag-chip-add__input[_ngcontent-%COMP%]:focus {\n  outline: none;\n  border-style: solid;\n  border-color: var(--mj-brand-primary);\n}\n\n.tag-chip-add__suggestions[_ngcontent-%COMP%] {\n  position: absolute;\n  top: 100%;\n  left: 0;\n  z-index: 50;\n  margin-top: 2px;\n  background: var(--mj-bg-surface);\n  border: 1px solid var(--mj-border-default);\n  border-radius: 6px;\n  box-shadow: var(--mj-shadow-md);\n  min-width: 180px;\n  max-height: 200px;\n  overflow-y: auto;\n}\n\n.tag-chip-add__suggestion[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  width: 100%;\n  text-align: left;\n  background: none;\n  border: none;\n  padding: 6px 10px;\n  font-size: 12px;\n  color: var(--mj-text-primary);\n  cursor: pointer;\n}\n\n.tag-chip-add__suggestion[_ngcontent-%COMP%]:hover {\n  background: var(--mj-bg-surface-card);\n}\n\n\n\n.tag-chip-add__suggestion--create[_ngcontent-%COMP%] {\n  border-top: 1px solid var(--mj-border-default);\n  color: var(--mj-brand-primary);\n  font-weight: 500;\n}\n.tag-chip-add__suggestion--create[_ngcontent-%COMP%]:hover {\n  background: color-mix(in srgb, var(--mj-brand-primary) 8%, var(--mj-bg-surface));\n}"], changeDetection: 0 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TagChipsComponent, [{
+        type: Component,
+        args: [{ standalone: false, selector: 'mj-tag-chips', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"tag-chips\" [class.tag-chips--loading]=\"loading\">\n  @for (tag of displayedTags; track tag.TaggedItemID) {\n    <span class=\"tag-chip\" (click)=\"OnTagClick(tag)\">\n      <i class=\"fa-solid fa-tag\"></i>\n      <span class=\"tag-chip__name\">{{ tag.Name }}</span>\n      @if (Editable) {\n        <i\n          class=\"fa-solid fa-xmark tag-chip__remove\"\n          title=\"Remove tag\"\n          (click)=\"OnRemove(tag, $event)\"></i>\n      }\n    </span>\n  }\n\n  @if (extraTagCount > 0) {\n    <span class=\"tag-chip tag-chip--more\">+{{ extraTagCount }} more</span>\n  }\n\n  @if (Editable) {\n    <div class=\"tag-chip-add\">\n      <input\n        type=\"text\"\n        class=\"tag-chip-add__input\"\n        [(ngModel)]=\"addInput\"\n        (ngModelChange)=\"OnAddInputChange($event)\"\n        (keydown.enter)=\"OnAddInputSubmit($event)\"\n        placeholder=\"Add tag\u2026\" />\n      @if (showSuggestions && (suggestions.length > 0 || canCreateNew)) {\n        <div class=\"tag-chip-add__suggestions\">\n          @for (s of suggestions; track s.ID) {\n            <button class=\"tag-chip-add__suggestion\" (click)=\"OnAddTag(s)\" type=\"button\">\n              <i class=\"fa-solid fa-tag\"></i>\n              {{ s.Name }}\n            </button>\n          }\n          @if (canCreateNew) {\n            <button\n              class=\"tag-chip-add__suggestion tag-chip-add__suggestion--create\"\n              (click)=\"OnCreateNew()\"\n              type=\"button\"\n              title=\"Create a new tag with this name\">\n              <i class=\"fa-solid fa-plus\"></i>\n              Create \"{{ addInput.trim() }}\"\n            </button>\n          }\n        </div>\n      }\n    </div>\n  }\n</div>\n", styles: [".tag-chips {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 6px;\n  align-items: center;\n}\n\n.tag-chips--loading {\n  opacity: 0.6;\n}\n\n.tag-chip {\n  display: inline-flex;\n  align-items: center;\n  gap: 5px;\n  padding: 2px 8px;\n  border-radius: 999px;\n  background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n  color: var(--mj-brand-primary);\n  border: 1px solid color-mix(in srgb, var(--mj-brand-primary) 25%, var(--mj-border-default));\n  font-size: 11px;\n  cursor: pointer;\n  user-select: none;\n  transition: background 0.12s ease;\n}\n\n.tag-chip:hover {\n  background: color-mix(in srgb, var(--mj-brand-primary) 18%, var(--mj-bg-surface));\n}\n\n.tag-chip__name {\n  white-space: nowrap;\n}\n\n.tag-chip__remove {\n  cursor: pointer;\n  margin-left: 2px;\n  opacity: 0.6;\n  font-size: 10px;\n}\n\n.tag-chip__remove:hover {\n  opacity: 1;\n  color: var(--mj-status-error);\n}\n\n.tag-chip--more {\n  background: var(--mj-bg-surface-sunken);\n  color: var(--mj-text-muted);\n  border-color: var(--mj-border-default);\n}\n\n.tag-chip-add {\n  position: relative;\n  display: inline-block;\n}\n\n.tag-chip-add__input {\n  padding: 3px 8px;\n  border: 1px dashed var(--mj-border-default);\n  border-radius: 999px;\n  background: transparent;\n  font-size: 11px;\n  width: 110px;\n  color: var(--mj-text-primary);\n}\n\n.tag-chip-add__input:focus {\n  outline: none;\n  border-style: solid;\n  border-color: var(--mj-brand-primary);\n}\n\n.tag-chip-add__suggestions {\n  position: absolute;\n  top: 100%;\n  left: 0;\n  z-index: 50;\n  margin-top: 2px;\n  background: var(--mj-bg-surface);\n  border: 1px solid var(--mj-border-default);\n  border-radius: 6px;\n  box-shadow: var(--mj-shadow-md);\n  min-width: 180px;\n  max-height: 200px;\n  overflow-y: auto;\n}\n\n.tag-chip-add__suggestion {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  width: 100%;\n  text-align: left;\n  background: none;\n  border: none;\n  padding: 6px 10px;\n  font-size: 12px;\n  color: var(--mj-text-primary);\n  cursor: pointer;\n}\n\n.tag-chip-add__suggestion:hover {\n  background: var(--mj-bg-surface-card);\n}\n\n/* \"Create '<term>'\" affordance \u2014 visually distinct from existing-tag suggestions */\n.tag-chip-add__suggestion--create {\n  border-top: 1px solid var(--mj-border-default);\n  color: var(--mj-brand-primary);\n  font-weight: 500;\n}\n.tag-chip-add__suggestion--create:hover {\n  background: color-mix(in srgb, var(--mj-brand-primary) 8%, var(--mj-bg-surface));\n}\n"] }]
+    }], null, { EntityName: [{
+            type: Input
+        }], RecordID: [{
+            type: Input
+        }], Editable: [{
+            type: Input
+        }], MaxDisplay: [{
+            type: Input
+        }], TagClicked: [{
+            type: Output
+        }], TagsChanged: [{
+            type: Output
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TagChipsComponent, { className: "TagChipsComponent", filePath: "src/lib/components/tag-chips/tag-chips.component.ts", lineNumber: 35 }); })();
+//# sourceMappingURL=tag-chips.component.js.map

package/dist/lib/components/tag-chips/tag-chips.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tag-chips.component.js","sourceRoot":"","sources":["../../../../src/lib/components/tag-chips/tag-chips.component.ts","../../../../src/lib/components/tag-chips/tag-chips.component.html"],"names":[],"mappings":"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","sourcesContent":["import { ChangeDetectionStrategy, ChangeDetectorRef, Component, EventEmitter, Input, OnInit, Output, inject } from '@angular/core';\n\nimport { BaseAngularComponent } from '@memberjunction/ng-base-types';\nimport { LogError, Metadata, RunView } from '@memberjunction/core';\nimport type { MJTagEntity, MJTaggedItemEntity } from '@memberjunction/core-entities';\n\n/**\n * Compact tag chips for a single record (mockup 22). Loads tags by\n * querying `MJ: Tagged Items` filtered to `(EntityID, RecordID)`, then\n * resolves names from `MJ: Tags` in a single batch. Render-only by\n * default; pass `Editable=true` to surface an inline add field and\n * per-chip remove buttons.\n *\n * Intentionally lightweight — not a tag manager. For richer tag tooling\n * (cloud view, related records, etc.) use `mj-record-tags` from\n * `@memberjunction/ng-record-tags`.\n */\n\ninterface DisplayTag {\n  /** TaggedItem row ID — used for removal. */\n  TaggedItemID: string;\n  /** Tag.ID — useful for downstream filtering / lookups. */\n  TagID: string;\n  /** Tag display name. */\n  Name: string;\n}\n\n@Component({\n  standalone: false,\n  selector: 'mj-tag-chips',\n  templateUrl: './tag-chips.component.html',\n  styleUrls: ['./tag-chips.component.css'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TagChipsComponent extends BaseAngularComponent implements OnInit {\n  private readonly cdr = inject(ChangeDetectorRef);\n\n  /** Entity name (e.g. 'MJ: Lists'). Required. */\n  @Input()\n  set EntityName(value: string | null) {\n    if (this._entityName !== value) {\n      this._entityName = value;\n      if (this.initialized && value && this._recordId) void this.loadTags();\n    }\n  }\n  get EntityName(): string | null {\n    return this._entityName;\n  }\n  private _entityName: string | null = null;\n\n  /** Record ID (the row's primary key, serialized). Required. */\n  @Input()\n  set RecordID(value: string | null) {\n    if (this._recordId !== value) {\n      this._recordId = value;\n      if (this.initialized && value && this._entityName) void this.loadTags();\n    }\n  }\n  get RecordID(): string | null {\n    return this._recordId;\n  }\n  private _recordId: string | null = null;\n\n  /** When true, shows add input + remove buttons on chips. */\n  @Input() Editable = false;\n\n  /** Cap visible chips and surface \"+N more\". Defaults to 6 for cards. */\n  @Input() MaxDisplay = 6;\n\n  /** Emitted when a chip is clicked. Lets the parent drive filter-by-tag. */\n  @Output() TagClicked = new EventEmitter<{ TagID: string; Name: string }>();\n\n  /** Emitted after add/remove so parents can refresh dependent data. */\n  @Output() TagsChanged = new EventEmitter<void>();\n\n  public tags: DisplayTag[] = [];\n  public loading = false;\n  public addInput = '';\n  public suggestions: MJTagEntity[] = [];\n  public showSuggestions = false;\n  /** True when the trimmed input doesn't exactly match any existing tag —\n   *  drives the \"Create '<term>'\" affordance at the top of the dropdown. */\n  public canCreateNew = false;\n\n  private initialized = false;\n  private entityID: string | null = null;\n\n  async ngOnInit(): Promise<void> {\n    this.initialized = true;\n    if (this._entityName && this._recordId) await this.loadTags();\n  }\n\n  public get displayedTags(): DisplayTag[] {\n    return this.tags.slice(0, this.MaxDisplay);\n  }\n\n  public get extraTagCount(): number {\n    return Math.max(0, this.tags.length - this.MaxDisplay);\n  }\n\n  public OnTagClick(tag: DisplayTag): void {\n    this.TagClicked.emit({ TagID: tag.TagID, Name: tag.Name });\n  }\n\n  public async OnRemove(tag: DisplayTag, event: Event): Promise<void> {\n    event.stopPropagation();\n    if (!this.Editable) return;\n    try {\n      const md = this.metadata();\n      const entity = await md.GetEntityObject<MJTaggedItemEntity>('MJ: Tagged Items', this.ProviderToUse.CurrentUser ?? undefined);\n      const loaded = await entity.Load(tag.TaggedItemID);\n      if (!loaded) return;\n      const ok = await entity.Delete();\n      if (ok) {\n        this.tags = this.tags.filter((t) => t.TaggedItemID !== tag.TaggedItemID);\n        this.TagsChanged.emit();\n        this.cdr.markForCheck();\n      }\n    } catch (e) {\n      LogError(`tag-chips: remove failed: ${e instanceof Error ? e.message : String(e)}`);\n    }\n  }\n\n  public async OnAddInputChange(value: string): Promise<void> {\n    this.addInput = value;\n    const term = value.trim();\n    if (term.length < 1) {\n      this.suggestions = [];\n      this.canCreateNew = false;\n      this.showSuggestions = false;\n      this.cdr.markForCheck();\n      return;\n    }\n    try {\n      const rv = RunView.FromMetadataProvider(this.ProviderToUse);\n      const escaped = term.replace(/'/g, \"''\");\n      const result = await rv.RunView<MJTagEntity>({\n        EntityName: 'MJ: Tags',\n        ExtraFilter: `Name LIKE '%${escaped}%'`,\n        OrderBy: 'Name',\n        MaxRows: 8,\n        ResultType: 'entity_object',\n      });\n      const alreadyApplied = new Set(this.tags.map((t) => t.TagID));\n      this.suggestions = (result.Results ?? []).filter((t) => !alreadyApplied.has(t.ID));\n      // Offer \"Create '<term>'\" when the typed text doesn't exactly\n      // match any existing tag (case-insensitive). Without this, typing\n      // a brand-new tag name and hitting Enter does nothing — there's\n      // no suggestion to click.\n      const lowerTerm = term.toLowerCase();\n      this.canCreateNew = !this.suggestions.some(\n        (s) => s.Name.toLowerCase() === lowerTerm,\n      );\n      this.showSuggestions = true;\n    } catch (e) {\n      LogError(`tag-chips: suggestion lookup failed: ${e instanceof Error ? e.message : String(e)}`);\n    } finally {\n      this.cdr.markForCheck();\n    }\n  }\n\n  /**\n   * Enter-key handler on the input. If suggestions are showing,\n   * picks the first one (existing tag); otherwise creates a new tag\n   * from the typed text and applies it. Closes the suggestion menu\n   * on either path.\n   */\n  public async OnAddInputSubmit(event?: Event): Promise<void> {\n    event?.preventDefault();\n    const term = this.addInput.trim();\n    if (term.length === 0) return;\n    // Existing tag in suggestions takes priority — Enter selects the\n    // first match (matching most autocomplete UIs).\n    if (this.suggestions.length > 0) {\n      await this.OnAddTag(this.suggestions[0]);\n      return;\n    }\n    if (this.canCreateNew) {\n      await this.CreateAndAddTag(term);\n    }\n  }\n\n  public async OnAddTag(tag: MJTagEntity): Promise<void> {\n    if (!this._entityName || !this._recordId) return;\n    await this.applyTagToRecord(tag.ID, tag.Name);\n  }\n\n  /** Click handler for the \"Create '<term>'\" affordance. Creates the\n   *  `MJ: Tags` row then attaches it via the standard apply path. */\n  public async OnCreateNew(): Promise<void> {\n    const term = this.addInput.trim();\n    if (term.length === 0) return;\n    await this.CreateAndAddTag(term);\n  }\n\n  private async CreateAndAddTag(name: string): Promise<void> {\n    if (!this._entityName || !this._recordId) return;\n    try {\n      const md = this.metadata();\n      const tag = await md.GetEntityObject<MJTagEntity>('MJ: Tags', this.ProviderToUse.CurrentUser ?? undefined);\n      tag.NewRecord();\n      tag.Name = name;\n      // MJ: Tags requires both Name (canonical) and DisplayName (UI).\n      // Default DisplayName to the same text the user typed — they can\n      // refine it later via the Tags entity editor if needed.\n      tag.DisplayName = name;\n      const ok = await tag.Save();\n      if (!ok) {\n        LogError(`tag-chips: create-tag save failed: ${tag.LatestResult?.CompleteMessage ?? 'unknown'}`);\n        return;\n      }\n      await this.applyTagToRecord(tag.ID, tag.Name);\n    } catch (e) {\n      LogError(`tag-chips: create-and-add failed: ${e instanceof Error ? e.message : String(e)}`);\n    }\n  }\n\n  private async applyTagToRecord(tagId: string, tagName: string): Promise<void> {\n    if (!this._entityName || !this._recordId) return;\n    try {\n      const md = this.metadata();\n      const entity = await md.GetEntityObject<MJTaggedItemEntity>('MJ: Tagged Items', this.ProviderToUse.CurrentUser ?? undefined);\n      entity.NewRecord();\n      entity.TagID = tagId;\n      entity.RecordID = this._recordId;\n      const entityInfo = md.EntityByName(this._entityName);\n      if (entityInfo) entity.EntityID = entityInfo.ID;\n      entity.Weight = 1.0;\n      const ok = await entity.Save();\n      if (!ok) {\n        LogError(`tag-chips: attach-tag save failed: ${entity.LatestResult?.CompleteMessage ?? 'unknown'}`);\n        return;\n      }\n      this.tags = [...this.tags, { TaggedItemID: entity.ID, TagID: tagId, Name: tagName }];\n      this.addInput = '';\n      this.suggestions = [];\n      this.canCreateNew = false;\n      this.showSuggestions = false;\n      this.TagsChanged.emit();\n      this.cdr.markForCheck();\n    } catch (e) {\n      LogError(`tag-chips: apply failed: ${e instanceof Error ? e.message : String(e)}`);\n    }\n  }\n\n  /**\n   * Bulk-load tags + their names in two RunViews — one for the join\n   * rows and one to resolve display names. Cheap; this typically returns\n   * fewer than 10 rows.\n   */\n  private async loadTags(): Promise<void> {\n    if (!this._entityName || !this._recordId) {\n      this.tags = [];\n      return;\n    }\n    this.loading = true;\n    this.cdr.markForCheck();\n    try {\n      const md = this.metadata();\n      const entityInfo = md.EntityByName(this._entityName);\n      if (!entityInfo) {\n        this.tags = [];\n        return;\n      }\n      this.entityID = entityInfo.ID;\n\n      const rv = RunView.FromMetadataProvider(this.ProviderToUse);\n      const recordIdEscaped = this._recordId.replace(/'/g, \"''\");\n      const joinResult = await rv.RunView<{ ID: string; TagID: string }>({\n        EntityName: 'MJ: Tagged Items',\n        ExtraFilter: `EntityID='${entityInfo.ID}' AND RecordID='${recordIdEscaped}'`,\n        Fields: ['ID', 'TagID'],\n        ResultType: 'simple',\n      });\n      if (!joinResult.Success) {\n        this.tags = [];\n        return;\n      }\n      const rows = joinResult.Results ?? [];\n      if (rows.length === 0) {\n        this.tags = [];\n        return;\n      }\n      const tagIds = Array.from(new Set(rows.map((r) => String(r.TagID))));\n      const tagsResult = await rv.RunView<{ ID: string; Name: string }>({\n        EntityName: 'MJ: Tags',\n        ExtraFilter: `ID IN (${tagIds.map((id) => `'${id}'`).join(',')})`,\n        Fields: ['ID', 'Name'],\n        ResultType: 'simple',\n      });\n      const nameById = new Map<string, string>();\n      for (const t of tagsResult.Results ?? []) nameById.set(String(t.ID), String(t.Name));\n      this.tags = rows\n        .map((r) => ({\n          TaggedItemID: String(r.ID),\n          TagID: String(r.TagID),\n          Name: nameById.get(String(r.TagID)) ?? '(unknown tag)',\n        }))\n        .sort((a, b) => a.Name.localeCompare(b.Name));\n    } finally {\n      this.loading = false;\n      this.cdr.markForCheck();\n    }\n  }\n\n  private metadata(): Metadata {\n    return (this.ProviderToUse as unknown as Metadata) ?? new Metadata();\n  }\n}\n","<div class=\"tag-chips\" [class.tag-chips--loading]=\"loading\">\n  @for (tag of displayedTags; track tag.TaggedItemID) {\n    <span class=\"tag-chip\" (click)=\"OnTagClick(tag)\">\n      <i class=\"fa-solid fa-tag\"></i>\n      <span class=\"tag-chip__name\">{{ tag.Name }}</span>\n      @if (Editable) {\n        <i\n          class=\"fa-solid fa-xmark tag-chip__remove\"\n          title=\"Remove tag\"\n          (click)=\"OnRemove(tag, $event)\"></i>\n      }\n    </span>\n  }\n\n  @if (extraTagCount > 0) {\n    <span class=\"tag-chip tag-chip--more\">+{{ extraTagCount }} more</span>\n  }\n\n  @if (Editable) {\n    <div class=\"tag-chip-add\">\n      <input\n        type=\"text\"\n        class=\"tag-chip-add__input\"\n        [(ngModel)]=\"addInput\"\n        (ngModelChange)=\"OnAddInputChange($event)\"\n        (keydown.enter)=\"OnAddInputSubmit($event)\"\n        placeholder=\"Add tag…\" />\n      @if (showSuggestions && (suggestions.length > 0 || canCreateNew)) {\n        <div class=\"tag-chip-add__suggestions\">\n          @for (s of suggestions; track s.ID) {\n            <button class=\"tag-chip-add__suggestion\" (click)=\"OnAddTag(s)\" type=\"button\">\n              <i class=\"fa-solid fa-tag\"></i>\n              {{ s.Name }}\n            </button>\n          }\n          @if (canCreateNew) {\n            <button\n              class=\"tag-chip-add__suggestion tag-chip-add__suggestion--create\"\n              (click)=\"OnCreateNew()\"\n              type=\"button\"\n              title=\"Create a new tag with this name\">\n              <i class=\"fa-solid fa-plus\"></i>\n              Create \"{{ addInput.trim() }}\"\n            </button>\n          }\n        </div>\n      }\n    </div>\n  }\n</div>\n"]}

package/dist/lib/models/list-sharing.models.d.ts

@@ -189,5 +189,10 @@ export interface ListShareDialogResult {
      * Shares that were removed
      */
     sharesRemoved: string[];
+    /**
+     * Whether the user wants newly-added shares to fan out as notifications
+     * to the recipient (email + in-app, per their preferences). Default true.
+     */
+    notifyByEmail?: boolean;
 }
 //# sourceMappingURL=list-sharing.models.d.ts.map

package/dist/lib/models/list-sharing.models.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"list-sharing.models.d.ts","sourceRoot":"","sources":["../../../src/lib/models/list-sharing.models.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,MAAM,mBAAmB,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;AAE5D;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;IAEhB;;OAEG;IACH,MAAM,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,IAAI,EAAE,MAAM,GAAG,MAAM,CAAC;IAEtB;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACH,aAAa,EAAE,MAAM,CAAC;IAEtB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB;;OAEG;IACH,eAAe,EAAE,mBAAmB,CAAC;IAErC;;OAEG;IACH,MAAM,EAAE,UAAU,GAAG,SAAS,GAAG,UAAU,CAAC;IAE5C;;OAEG;IACH,cAAc,CAAC,EAAE,IAAI,CAAC;IAEtB;;OAEG;IACH,YAAY,CAAC,EAAE,IAAI,CAAC;CACrB;AAED;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B;;OAEG;IACH,OAAO,EAAE,OAAO,CAAC;IAEjB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;CACjB;AAED;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IAEX;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,IAAI,EAAE,MAAM,GAAG,MAAM,CAAC;CACvB;AAED;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC;;OAEG;IACH,MAAM,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACH,UAAU,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,UAAU,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,cAAc,EAAE,OAAO,CAAC;IAExB;;OAEG;IACH,YAAY,EAAE,OAAO,CAAC;CACvB;AAED;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B;;OAEG;IACH,OAAO,EAAE,OAAO,CAAC;IAEjB;;OAEG;IACH,YAAY,EAAE,OAAO,CAAC;IAEtB;;OAEG;IACH,iBAAiB,EAAE,OAAO,CAAC;IAE3B;;OAEG;IACH,QAAQ,EAAE,OAAO,CAAC;IAElB;;OAEG;IACH,SAAS,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,cAAc,EAAE,mBAAmB,GAAG,MAAM,CAAC;IAE7C;;OAEG;IACH,OAAO,EAAE,OAAO,CAAC;CAClB;AAED;;GAEG;AACH,MAAM,WAAW,qBAAqB;IACpC;;OAEG;IACH,MAAM,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;IAEjB;;OAEG;IACH,aAAa,EAAE,MAAM,CAAC;IAEtB;;OAEG;IACH,OAAO,EAAE,OAAO,CAAC;CAClB;AAED;;GAEG;AACH,MAAM,WAAW,qBAAqB;IACpC;;OAEG;IACH,MAAM,EAAE,OAAO,GAAG,QAAQ,CAAC;IAE3B;;OAEG;IACH,WAAW,EAAE,aAAa,EAAE,CAAC;IAE7B;;OAEG;IACH,aAAa,EAAE,aAAa,EAAE,CAAC;IAE/B;;OAEG;IACH,aAAa,EAAE,MAAM,EAAE,CAAC;CACzB"}
+{"version":3,"file":"list-sharing.models.d.ts","sourceRoot":"","sources":["../../../src/lib/models/list-sharing.models.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,MAAM,mBAAmB,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;AAE5D;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;IAEhB;;OAEG;IACH,MAAM,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,IAAI,EAAE,MAAM,GAAG,MAAM,CAAC;IAEtB;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACH,aAAa,EAAE,MAAM,CAAC;IAEtB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB;;OAEG;IACH,eAAe,EAAE,mBAAmB,CAAC;IAErC;;OAEG;IACH,MAAM,EAAE,UAAU,GAAG,SAAS,GAAG,UAAU,CAAC;IAE5C;;OAEG;IACH,cAAc,CAAC,EAAE,IAAI,CAAC;IAEtB;;OAEG;IACH,YAAY,CAAC,EAAE,IAAI,CAAC;CACrB;AAED;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B;;OAEG;IACH,OAAO,EAAE,OAAO,CAAC;IAEjB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;CACjB;AAED;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IAEX;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,IAAI,EAAE,MAAM,GAAG,MAAM,CAAC;CACvB;AAED;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC;;OAEG;IACH,MAAM,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACH,UAAU,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,UAAU,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,cAAc,EAAE,OAAO,CAAC;IAExB;;OAEG;IACH,YAAY,EAAE,OAAO,CAAC;CACvB;AAED;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B;;OAEG;IACH,OAAO,EAAE,OAAO,CAAC;IAEjB;;OAEG;IACH,YAAY,EAAE,OAAO,CAAC;IAEtB;;OAEG;IACH,iBAAiB,EAAE,OAAO,CAAC;IAE3B;;OAEG;IACH,QAAQ,EAAE,OAAO,CAAC;IAElB;;OAEG;IACH,SAAS,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,cAAc,EAAE,mBAAmB,GAAG,MAAM,CAAC;IAE7C;;OAEG;IACH,OAAO,EAAE,OAAO,CAAC;CAClB;AAED;;GAEG;AACH,MAAM,WAAW,qBAAqB;IACpC;;OAEG;IACH,MAAM,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;IAEjB;;OAEG;IACH,aAAa,EAAE,MAAM,CAAC;IAEtB;;OAEG;IACH,OAAO,EAAE,OAAO,CAAC;CAClB;AAED;;GAEG;AACH,MAAM,WAAW,qBAAqB;IACpC;;OAEG;IACH,MAAM,EAAE,OAAO,GAAG,QAAQ,CAAC;IAE3B;;OAEG;IACH,WAAW,EAAE,aAAa,EAAE,CAAC;IAE7B;;OAEG;IACH,aAAa,EAAE,aAAa,EAAE,CAAC;IAE/B;;OAEG;IACH,aAAa,EAAE,MAAM,EAAE,CAAC;IAExB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB"}

package/dist/lib/models/list-sharing.models.js.map

@@ -1 +1 @@
-{"version":3,"file":"list-sharing.models.js","sourceRoot":"","sources":["../../../src/lib/models/list-sharing.models.ts"],"names":[],"mappings":"","sourcesContent":["/**\n * Permission levels for list sharing\n * Maps to the PermissionLevel values in ResourcePermission table\n */\nexport type ListPermissionLevel = 'View' | 'Edit' | 'Owner';\n\n/**\n * Information about a list share\n */\nexport interface ListShareInfo {\n  /**\n   * The ResourcePermission record ID\n   */\n  shareId: string;\n\n  /**\n   * The List ID being shared\n   */\n  listId: string;\n\n  /**\n   * Type of recipient\n   */\n  type: 'User' | 'Role';\n\n  /**\n   * User or Role ID\n   */\n  recipientId: string;\n\n  /**\n   * Name of the user or role\n   */\n  recipientName: string;\n\n  /**\n   * Email (only for users)\n   */\n  recipientEmail?: string;\n\n  /**\n   * Permission level granted\n   */\n  permissionLevel: ListPermissionLevel;\n\n  /**\n   * Status of the share (Approved, Pending, Rejected)\n   */\n  status: 'Approved' | 'Pending' | 'Rejected';\n\n  /**\n   * When sharing starts (optional)\n   */\n  startSharingAt?: Date;\n\n  /**\n   * When sharing ends (optional)\n   */\n  endSharingAt?: Date;\n}\n\n/**\n * Result of a share operation\n */\nexport interface ListShareResult {\n  /**\n   * Whether the operation succeeded\n   */\n  success: boolean;\n\n  /**\n   * The share ID (ResourcePermission ID) if successful\n   */\n  shareId?: string;\n\n  /**\n   * Message describing the result\n   */\n  message: string;\n}\n\n/**\n * Recipient for sharing (used in autocomplete)\n */\nexport interface ShareRecipient {\n  /**\n   * User or Role ID\n   */\n  id: string;\n\n  /**\n   * Display name\n   */\n  name: string;\n\n  /**\n   * Email (only for users)\n   */\n  email?: string;\n\n  /**\n   * Type of recipient\n   */\n  type: 'User' | 'Role';\n}\n\n/**\n * Summary of sharing status for a list\n */\nexport interface ListSharingSummary {\n  /**\n   * List ID\n   */\n  listId: string;\n\n  /**\n   * Total number of shares\n   */\n  totalShares: number;\n\n  /**\n   * Number of user shares\n   */\n  userShares: number;\n\n  /**\n   * Number of role shares\n   */\n  roleShares: number;\n\n  /**\n   * Is this list shared with the current user (not owner)\n   */\n  isSharedWithMe: boolean;\n\n  /**\n   * Has the current user shared this list with others\n   */\n  isSharedByMe: boolean;\n}\n\n/**\n * Permission capabilities based on role\n */\nexport interface ListPermissions {\n  /**\n   * Can view the list contents\n   */\n  canView: boolean;\n\n  /**\n   * Can add/remove items from the list\n   */\n  canEditItems: boolean;\n\n  /**\n   * Can edit list properties (name, description, category)\n   */\n  canEditProperties: boolean;\n\n  /**\n   * Can share the list with others\n   */\n  canShare: boolean;\n\n  /**\n   * Can delete the list\n   */\n  canDelete: boolean;\n\n  /**\n   * The effective permission level\n   */\n  effectiveLevel: ListPermissionLevel | 'None';\n\n  /**\n   * Whether the user is the owner\n   */\n  isOwner: boolean;\n}\n\n/**\n * Configuration for the share dialog\n */\nexport interface ListShareDialogConfig {\n  /**\n   * The list being shared\n   */\n  listId: string;\n\n  /**\n   * List name for display\n   */\n  listName: string;\n\n  /**\n   * Current user ID\n   */\n  currentUserId: string;\n\n  /**\n   * Whether the current user is the owner\n   */\n  isOwner: boolean;\n}\n\n/**\n * Result from the share dialog\n */\nexport interface ListShareDialogResult {\n  /**\n   * Action taken\n   */\n  action: 'apply' | 'cancel';\n\n  /**\n   * Shares that were added\n   */\n  sharesAdded: ListShareInfo[];\n\n  /**\n   * Shares that were updated\n   */\n  sharesUpdated: ListShareInfo[];\n\n  /**\n   * Shares that were removed\n   */\n  sharesRemoved: string[];\n}\n"]}
+{"version":3,"file":"list-sharing.models.js","sourceRoot":"","sources":["../../../src/lib/models/list-sharing.models.ts"],"names":[],"mappings":"","sourcesContent":["/**\n * Permission levels for list sharing\n * Maps to the PermissionLevel values in ResourcePermission table\n */\nexport type ListPermissionLevel = 'View' | 'Edit' | 'Owner';\n\n/**\n * Information about a list share\n */\nexport interface ListShareInfo {\n  /**\n   * The ResourcePermission record ID\n   */\n  shareId: string;\n\n  /**\n   * The List ID being shared\n   */\n  listId: string;\n\n  /**\n   * Type of recipient\n   */\n  type: 'User' | 'Role';\n\n  /**\n   * User or Role ID\n   */\n  recipientId: string;\n\n  /**\n   * Name of the user or role\n   */\n  recipientName: string;\n\n  /**\n   * Email (only for users)\n   */\n  recipientEmail?: string;\n\n  /**\n   * Permission level granted\n   */\n  permissionLevel: ListPermissionLevel;\n\n  /**\n   * Status of the share (Approved, Pending, Rejected)\n   */\n  status: 'Approved' | 'Pending' | 'Rejected';\n\n  /**\n   * When sharing starts (optional)\n   */\n  startSharingAt?: Date;\n\n  /**\n   * When sharing ends (optional)\n   */\n  endSharingAt?: Date;\n}\n\n/**\n * Result of a share operation\n */\nexport interface ListShareResult {\n  /**\n   * Whether the operation succeeded\n   */\n  success: boolean;\n\n  /**\n   * The share ID (ResourcePermission ID) if successful\n   */\n  shareId?: string;\n\n  /**\n   * Message describing the result\n   */\n  message: string;\n}\n\n/**\n * Recipient for sharing (used in autocomplete)\n */\nexport interface ShareRecipient {\n  /**\n   * User or Role ID\n   */\n  id: string;\n\n  /**\n   * Display name\n   */\n  name: string;\n\n  /**\n   * Email (only for users)\n   */\n  email?: string;\n\n  /**\n   * Type of recipient\n   */\n  type: 'User' | 'Role';\n}\n\n/**\n * Summary of sharing status for a list\n */\nexport interface ListSharingSummary {\n  /**\n   * List ID\n   */\n  listId: string;\n\n  /**\n   * Total number of shares\n   */\n  totalShares: number;\n\n  /**\n   * Number of user shares\n   */\n  userShares: number;\n\n  /**\n   * Number of role shares\n   */\n  roleShares: number;\n\n  /**\n   * Is this list shared with the current user (not owner)\n   */\n  isSharedWithMe: boolean;\n\n  /**\n   * Has the current user shared this list with others\n   */\n  isSharedByMe: boolean;\n}\n\n/**\n * Permission capabilities based on role\n */\nexport interface ListPermissions {\n  /**\n   * Can view the list contents\n   */\n  canView: boolean;\n\n  /**\n   * Can add/remove items from the list\n   */\n  canEditItems: boolean;\n\n  /**\n   * Can edit list properties (name, description, category)\n   */\n  canEditProperties: boolean;\n\n  /**\n   * Can share the list with others\n   */\n  canShare: boolean;\n\n  /**\n   * Can delete the list\n   */\n  canDelete: boolean;\n\n  /**\n   * The effective permission level\n   */\n  effectiveLevel: ListPermissionLevel | 'None';\n\n  /**\n   * Whether the user is the owner\n   */\n  isOwner: boolean;\n}\n\n/**\n * Configuration for the share dialog\n */\nexport interface ListShareDialogConfig {\n  /**\n   * The list being shared\n   */\n  listId: string;\n\n  /**\n   * List name for display\n   */\n  listName: string;\n\n  /**\n   * Current user ID\n   */\n  currentUserId: string;\n\n  /**\n   * Whether the current user is the owner\n   */\n  isOwner: boolean;\n}\n\n/**\n * Result from the share dialog\n */\nexport interface ListShareDialogResult {\n  /**\n   * Action taken\n   */\n  action: 'apply' | 'cancel';\n\n  /**\n   * Shares that were added\n   */\n  sharesAdded: ListShareInfo[];\n\n  /**\n   * Shares that were updated\n   */\n  sharesUpdated: ListShareInfo[];\n\n  /**\n   * Shares that were removed\n   */\n  sharesRemoved: string[];\n\n  /**\n   * Whether the user wants newly-added shares to fan out as notifications\n   * to the recipient (email + in-app, per their preferences). Default true.\n   */\n  notifyByEmail?: boolean;\n}\n"]}

package/dist/lib/module.d.ts

@@ -1,17 +1,26 @@
 import * as i0 from "@angular/core";
-import * as i1 from "./components/list-management-dialog/list-management-dialog.component";
-import * as i2 from "./components/list-share-dialog/list-share-dialog.component";
-import * as i3 from "@angular/common";
-import * as i4 from "@angular/forms";
-import * as i5 from "@memberjunction/ng-ui-components";
-import * as i6 from "@memberjunction/ng-container-directives";
-import * as i7 from "@memberjunction/ng-shared-generic";
+import * as i1 from "./components/audience-source-picker/audience-source-picker.component";
+import * as i2 from "./components/audience-source-summary/audience-source-summary.component";
+import * as i3 from "./components/list-audit-log/list-audit-log.component";
+import * as i4 from "./components/list-delta-confirm/list-delta-confirm.component";
+import * as i5 from "./components/list-invitations/list-invitations.component";
+import * as i6 from "./components/list-management-dialog/list-management-dialog.component";
+import * as i7 from "./components/list-share-dialog/list-share-dialog.component";
+import * as i8 from "./components/list-stats/list-stats.component";
+import * as i9 from "./components/shared-with-me/shared-with-me.component";
+import * as i10 from "./components/save-view-as-list-dialog/save-view-as-list-dialog.component";
+import * as i11 from "./components/tag-chips/tag-chips.component";
+import * as i12 from "@angular/common";
+import * as i13 from "@angular/forms";
+import * as i14 from "@memberjunction/ng-ui-components";
+import * as i15 from "@memberjunction/ng-container-directives";
+import * as i16 from "@memberjunction/ng-shared-generic";
 /**
  * Module providing list management components for MemberJunction.
  */
 export declare class ListManagementModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ListManagementModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ListManagementModule, [typeof i1.ListManagementDialogComponent, typeof i2.ListShareDialogComponent], [typeof i3.CommonModule, typeof i4.FormsModule, typeof i5.MJButtonDirective, typeof i5.MJDialogComponent, typeof i5.MJDialogActionsComponent, typeof i5.MJDropdownComponent, typeof i6.ContainerDirectivesModule, typeof i7.SharedGenericModule], [typeof i1.ListManagementDialogComponent, typeof i2.ListShareDialogComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ListManagementModule, [typeof i1.AudienceSourcePickerComponent, typeof i2.AudienceSourceSummaryComponent, typeof i3.ListAuditLogComponent, typeof i4.ListDeltaConfirmComponent, typeof i5.ListInvitationsComponent, typeof i6.ListManagementDialogComponent, typeof i7.ListShareDialogComponent, typeof i8.ListStatsComponent, typeof i9.ListsSharedWithMeComponent, typeof i10.SaveViewAsListDialogComponent, typeof i11.TagChipsComponent], [typeof i12.CommonModule, typeof i13.FormsModule, typeof i14.MJButtonDirective, typeof i14.MJDialogComponent, typeof i14.MJDialogActionsComponent, typeof i14.MJDropdownComponent, typeof i15.ContainerDirectivesModule, typeof i16.SharedGenericModule], [typeof i1.AudienceSourcePickerComponent, typeof i2.AudienceSourceSummaryComponent, typeof i3.ListAuditLogComponent, typeof i4.ListDeltaConfirmComponent, typeof i5.ListInvitationsComponent, typeof i6.ListManagementDialogComponent, typeof i7.ListShareDialogComponent, typeof i8.ListStatsComponent, typeof i9.ListsSharedWithMeComponent, typeof i10.SaveViewAsListDialogComponent, typeof i11.TagChipsComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ListManagementModule>;
 }
 //# sourceMappingURL=module.d.ts.map

package/dist/lib/module.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"module.d.ts","sourceRoot":"","sources":["../../src/lib/module.ts"],"names":[],"mappings":";;;;;;;;AAwBA;;GAEG;AACH,qBAwBa,oBAAoB;yCAApB,oBAAoB;0CAApB,oBAAoB;0CAApB,oBAAoB;CAAI"}
+{"version":3,"file":"module.d.ts","sourceRoot":"","sources":["../../src/lib/module.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAiCA;;GAEG;AACH,qBA0Ca,oBAAoB;yCAApB,oBAAoB;0CAApB,oBAAoB;0CAApB,oBAAoB;CAAI"}