npm - @memberjunction/ng-core-entity-forms - Versions diffs - 6.2.0-edge.0 → 6.2.0-edge.1 - Mend

@memberjunction/ng-core-entity-forms 6.2.0-edge.0 → 6.2.0-edge.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (275) hide show

package/dist/lib/custom/AIPrompts/template-selector-dialog.component.js CHANGED Viewed

@@ -107,7 +107,7 @@ function TemplateSelectorDialogComponent_Conditional_21_For_2_Template(rf, ctx)
     const ctx_r3 = i0.ɵɵnextContext(2);
     i0.ɵɵclassProp("selected", ctx_r3.isTemplateSelected(template_r3));
     i0.ɵɵadvance(2);
-    i0.ɵɵconditional(ctx_r3.config.multiSelect ? 2 : 3);
+    i0.ɵɵconditional(ctx_r3.config.MultiSelect ? 2 : 3);
     i0.ɵɵadvance(5);
     i0.ɵɵtextInterpolate(template_r3.Name);
     i0.ɵɵadvance(2);
@@ -157,33 +157,105 @@ function TemplateSelectorDialogComponent_Conditional_25_Template(rf, ctx) { if (
  * This dialog provides a searchable interface with category filtering and template preview.
  */
 export class TemplateSelectorDialogComponent extends BaseAngularComponent {
+    /** @deprecated Use {@link Result}. */
+    get result() {
+        return this.Result;
+    }
+    /** @deprecated Use {@link Result}. */
+    set result(value) {
+        this.Result = value;
+    }
+    /** @deprecated Use {@link IsLoading$}. */
+    get isLoading$() {
+        return this.IsLoading$;
+    }
+    /** @deprecated Use {@link IsLoading$}. */
+    set isLoading$(value) {
+        this.IsLoading$ = value;
+    }
+    /** @deprecated Use {@link Templates$}. */
+    get templates$() {
+        return this.Templates$;
+    }
+    /** @deprecated Use {@link Templates$}. */
+    set templates$(value) {
+        this.Templates$ = value;
+    }
+    /** @deprecated Use {@link FilteredTemplates$}. */
+    get filteredTemplates$() {
+        return this.FilteredTemplates$;
+    }
+    /** @deprecated Use {@link FilteredTemplates$}. */
+    set filteredTemplates$(value) {
+        this.FilteredTemplates$ = value;
+    }
+    /** @deprecated Use {@link Categories$}. */
+    get categories$() {
+        return this.Categories$;
+    }
+    /** @deprecated Use {@link Categories$}. */
+    set categories$(value) {
+        this.Categories$ = value;
+    }
+    /** @deprecated Use {@link SearchControl}. */
+    get searchControl() {
+        return this.SearchControl;
+    }
+    /** @deprecated Use {@link SearchControl}. */
+    set searchControl(value) {
+        this.SearchControl = value;
+    }
+    /** @deprecated Use {@link SelectedCategory}. */
+    get selectedCategory() {
+        return this.SelectedCategory;
+    }
+    /** @deprecated Use {@link SelectedCategory}. */
+    set selectedCategory(value) {
+        this.SelectedCategory = value;
+    }
+    /** @deprecated Use {@link SelectedTemplates}. */
+    get selectedTemplates() {
+        return this.SelectedTemplates;
+    }
+    /** @deprecated Use {@link SelectedTemplates}. */
+    set selectedTemplates(value) {
+        this.SelectedTemplates = value;
+    }
+    /** @deprecated Use {@link ViewMode}. */
+    get viewMode() {
+        return this.ViewMode;
+    }
+    /** @deprecated Use {@link ViewMode}. */
+    set viewMode(value) {
+        this.ViewMode = value;
+    }
     constructor(cdr) {
         super();
         this.cdr = cdr;
         // Input configuration
-        this.config = { title: 'Select Template' };
+        this.config = { Title: 'Select Template' };
         // State management
         this.destroy$ = new Subject();
-        this.result = new Subject();
+        this.Result = new Subject();
         // Data and UI state
-        this.isLoading$ = new BehaviorSubject(false);
-        this.templates$ = new BehaviorSubject([]);
-        this.filteredTemplates$ = new BehaviorSubject([]);
-        this.categories$ = new BehaviorSubject([]);
+        this.IsLoading$ = new BehaviorSubject(false);
+        this.Templates$ = new BehaviorSubject([]);
+        this.FilteredTemplates$ = new BehaviorSubject([]);
+        this.Categories$ = new BehaviorSubject([]);
         // Search and filtering
-        this.searchControl = new FormControl('');
-        this.selectedCategory = null;
-        this.selectedTemplates = new Set();
+        this.SearchControl = new FormControl('');
+        this.SelectedCategory = null;
+        this.SelectedTemplates = new Set();
         // View mode
-        this.viewMode = 'list';
+        this.ViewMode = 'list';
         this.DialogClose = new EventEmitter();
     }
     ngOnInit() {
         this.setupSearch();
         this.loadData();
         // Initialize selected templates if provided
-        if (this.config.selectedTemplateIds) {
-            this.selectedTemplates = new Set(this.config.selectedTemplateIds);
+        if (this.config.SelectedTemplateIds) {
+            this.SelectedTemplates = new Set(this.config.SelectedTemplateIds);
         }
     }
     ngOnDestroy() {
@@ -191,14 +263,14 @@ export class TemplateSelectorDialogComponent extends BaseAngularComponent {
         this.destroy$.complete();
     }
     setupSearch() {
-        this.searchControl.valueChanges
+        this.SearchControl.valueChanges
             .pipe(debounceTime(300), distinctUntilChanged(), takeUntil(this.destroy$))
             .subscribe(searchTerm => {
             this.filterTemplates(searchTerm || '');
         });
     }
     async loadData() {
-        this.isLoading$.next(true);
+        this.IsLoading$.next(true);
         try {
             // Load both templates and categories in parallel
             await Promise.all([
@@ -211,7 +283,7 @@ export class TemplateSelectorDialogComponent extends BaseAngularComponent {
             MJNotificationService.Instance.CreateSimpleNotification('Error loading templates. Please try again.', 'error', 3000);
         }
         finally {
-            this.isLoading$.next(false);
+            this.IsLoading$.next(false);
         }
     }
     async loadTemplates() {
@@ -219,11 +291,11 @@ export class TemplateSelectorDialogComponent extends BaseAngularComponent {
             const rv = RunView.FromMetadataProvider(this.ProviderToUse);
             // Build filter
             let filter = '';
-            if (this.config.showActiveOnly !== false) {
+            if (this.config.ShowActiveOnly !== false) {
                 filter = "IsActive = 1";
             }
-            if (this.config.extraFilter) {
-                filter += filter ? ` AND ${this.config.extraFilter}` : this.config.extraFilter;
+            if (this.config.ExtraFilter) {
+                filter += filter ? ` AND ${this.config.ExtraFilter}` : this.config.ExtraFilter;
             }
             const result = await rv.RunView({
                 EntityName: 'MJ: Templates',
@@ -234,8 +306,8 @@ export class TemplateSelectorDialogComponent extends BaseAngularComponent {
             });
             if (result.Success) {
                 const templates = result.Results || [];
-                this.templates$.next(templates);
-                this.filteredTemplates$.next(templates);
+                this.Templates$.next(templates);
+                this.FilteredTemplates$.next(templates);
             }
             else {
                 throw new Error(result.ErrorMessage || 'Failed to load templates');
@@ -243,8 +315,8 @@ export class TemplateSelectorDialogComponent extends BaseAngularComponent {
         }
         catch (error) {
             console.error('Error loading templates:', error);
-            this.templates$.next([]);
-            this.filteredTemplates$.next([]);
+            this.Templates$.next([]);
+            this.FilteredTemplates$.next([]);
         }
     }
     async loadCategories() {
@@ -259,7 +331,7 @@ export class TemplateSelectorDialogComponent extends BaseAngularComponent {
             });
             if (result.Success) {
                 const categories = result.Results || [];
-                this.categories$.next(categories);
+                this.Categories$.next(categories);
             }
             else {
                 throw new Error(result.ErrorMessage || 'Failed to load categories');
@@ -267,11 +339,11 @@ export class TemplateSelectorDialogComponent extends BaseAngularComponent {
         }
         catch (error) {
             console.error('Error loading categories:', error);
-            this.categories$.next([]);
+            this.Categories$.next([]);
         }
     }
     filterTemplates(searchTerm) {
-        const allTemplates = this.templates$.value;
+        const allTemplates = this.Templates$.value;
         let filtered = allTemplates;
         // Apply search filter
         if (searchTerm.trim()) {
@@ -279,48 +351,72 @@ export class TemplateSelectorDialogComponent extends BaseAngularComponent {
                 template.Description?.toLowerCase().includes(searchTerm.toLowerCase()));
         }
         // Apply category filter
-        if (this.selectedCategory) {
-            filtered = filtered.filter(template => UUIDsEqual(template.CategoryID, this.selectedCategory));
+        if (this.SelectedCategory) {
+            filtered = filtered.filter(template => UUIDsEqual(template.CategoryID, this.SelectedCategory));
         }
-        this.filteredTemplates$.next(filtered);
+        this.FilteredTemplates$.next(filtered);
     }
     // === Category Management ===
+    OnCategoryChange(categoryId) {
+        this.SelectedCategory = categoryId === '' ? null : categoryId;
+        this.filterTemplates(this.SearchControl.value || '');
+    }
+    /** @deprecated Use {@link OnCategoryChange}. */
     onCategoryChange(categoryId) {
-        this.selectedCategory = categoryId === '' ? null : categoryId;
-        this.filterTemplates(this.searchControl.value || '');
+        return this.OnCategoryChange(categoryId);
     }
-    getCategoryDisplayName(categoryId) {
-        const category = this.categories$.value.find(c => UUIDsEqual(c.ID, categoryId));
+    GetCategoryDisplayName(categoryId) {
+        const category = this.Categories$.value.find(c => UUIDsEqual(c.ID, categoryId));
         return category?.Name || 'Unknown Category';
     }
+    /** @deprecated Use {@link GetCategoryDisplayName}. */
+    getCategoryDisplayName(categoryId) {
+        return this.GetCategoryDisplayName(categoryId);
+    }
     // === Selection Management ===
-    toggleTemplateSelection(template) {
-        if (this.config.multiSelect) {
-            if (this.selectedTemplates.has(template.ID)) {
-                this.selectedTemplates.delete(template.ID);
+    ToggleTemplateSelection(template) {
+        if (this.config.MultiSelect) {
+            if (this.SelectedTemplates.has(template.ID)) {
+                this.SelectedTemplates.delete(template.ID);
             }
             else {
-                this.selectedTemplates.add(template.ID);
+                this.SelectedTemplates.add(template.ID);
             }
         }
         else {
             // Single select - replace current selection
-            this.selectedTemplates.clear();
-            this.selectedTemplates.add(template.ID);
+            this.SelectedTemplates.clear();
+            this.SelectedTemplates.add(template.ID);
         }
     }
+    /** @deprecated Use {@link ToggleTemplateSelection}. */
+    toggleTemplateSelection(template) {
+        return this.ToggleTemplateSelection(template);
+    }
+    IsTemplateSelected(template) {
+        return this.SelectedTemplates.has(template.ID);
+    }
+    /** @deprecated Use {@link IsTemplateSelected}. */
     isTemplateSelected(template) {
-        return this.selectedTemplates.has(template.ID);
+        return this.IsTemplateSelected(template);
+    }
+    GetSelectedTemplateObjects() {
+        const allTemplates = this.Templates$.value;
+        return allTemplates.filter(template => this.SelectedTemplates.has(template.ID));
     }
+    /** @deprecated Use {@link GetSelectedTemplateObjects}. */
     getSelectedTemplateObjects() {
-        const allTemplates = this.templates$.value;
-        return allTemplates.filter(template => this.selectedTemplates.has(template.ID));
+        return this.GetSelectedTemplateObjects();
     }
     // === UI Helpers ===
+    ToggleViewMode() {
+        this.ViewMode = this.ViewMode === 'grid' ? 'list' : 'grid';
+    }
+    /** @deprecated Use {@link ToggleViewMode}. */
     toggleViewMode() {
-        this.viewMode = this.viewMode === 'grid' ? 'list' : 'grid';
+        return this.ToggleViewMode();
     }
-    getTemplateStatusColor(template) {
+    GetTemplateStatusColor(template) {
         if (!template.IsActive)
             return '#6c757d';
         if (template.DisabledAt && new Date(template.DisabledAt) <= new Date())
@@ -329,7 +425,11 @@ export class TemplateSelectorDialogComponent extends BaseAngularComponent {
             return '#ffc107';
         return '#28a745';
     }
-    getTemplateStatusText(template) {
+    /** @deprecated Use {@link GetTemplateStatusColor}. */
+    getTemplateStatusColor(template) {
+        return this.GetTemplateStatusColor(template);
+    }
+    GetTemplateStatusText(template) {
         if (!template.IsActive)
             return 'Inactive';
         if (template.DisabledAt && new Date(template.DisabledAt) <= new Date())
@@ -338,13 +438,21 @@ export class TemplateSelectorDialogComponent extends BaseAngularComponent {
             return 'Scheduled';
         return 'Active';
     }
-    getTemplatePreview(template) {
+    /** @deprecated Use {@link GetTemplateStatusText}. */
+    getTemplateStatusText(template) {
+        return this.GetTemplateStatusText(template);
+    }
+    GetTemplatePreview(template) {
         if (!template.Description)
             return 'No description available';
         return template.Description.length > 100
             ? template.Description.substring(0, 100) + '...'
             : template.Description;
     }
+    /** @deprecated Use {@link GetTemplatePreview}. */
+    getTemplatePreview(template) {
+        return this.GetTemplatePreview(template);
+    }
     formatDate(date) {
         if (!date)
             return '';
@@ -352,28 +460,36 @@ export class TemplateSelectorDialogComponent extends BaseAngularComponent {
         return d.toLocaleDateString();
     }
     // === Dialog Actions ===
-    selectTemplates() {
-        const selectedTemplateObjects = this.getSelectedTemplateObjects();
+    SelectTemplates() {
+        const selectedTemplateObjects = this.GetSelectedTemplateObjects();
         if (selectedTemplateObjects.length === 0) {
             MJNotificationService.Instance.CreateSimpleNotification('Please select at least one template', 'warning', 2000);
             return;
         }
         const result = {
-            selectedTemplates: selectedTemplateObjects
+            SelectedTemplates: selectedTemplateObjects
         };
-        this.result.next(result);
+        this.Result.next(result);
         this.DialogClose.emit();
     }
-    createNew() {
+    /** @deprecated Use {@link SelectTemplates}. */
+    selectTemplates() {
+        return this.SelectTemplates();
+    }
+    CreateNew() {
         const result = {
-            selectedTemplates: [],
+            SelectedTemplates: [],
             createNew: true
         };
-        this.result.next(result);
+        this.Result.next(result);
         this.DialogClose.emit();
     }
+    /** @deprecated Use {@link CreateNew}. */
+    createNew() {
+        return this.CreateNew();
+    }
     cancel() {
-        this.result.next(null);
+        this.Result.next(null);
         this.DialogClose.emit();
     }
     static { this.ɵfac = function TemplateSelectorDialogComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TemplateSelectorDialogComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); }; }
@@ -414,7 +530,7 @@ export class TemplateSelectorDialogComponent extends BaseAngularComponent {
             i0.ɵɵelementEnd()()()();
         } if (rf & 2) {
             i0.ɵɵadvance(3);
-            i0.ɵɵtextInterpolate(ctx.config.title);
+            i0.ɵɵtextInterpolate(ctx.config.Title);
             i0.ɵɵadvance(3);
             i0.ɵɵclassMap(ctx.viewMode === "list" ? "fa-solid fa-th" : "fa-solid fa-list");
             i0.ɵɵadvance();
@@ -430,7 +546,7 @@ export class TemplateSelectorDialogComponent extends BaseAngularComponent {
             i0.ɵɵadvance(2);
             i0.ɵɵconditional(!i0.ɵɵpipeBind1(22, 15, ctx.isLoading$) ? 21 : -1);
             i0.ɵɵadvance(4);
-            i0.ɵɵconditional(ctx.config.showCreateNew ? 25 : -1);
+            i0.ɵɵconditional(ctx.config.ShowCreateNew ? 25 : -1);
             i0.ɵɵadvance(3);
             i0.ɵɵproperty("disabled", ctx.selectedTemplates.size === 0);
             i0.ɵɵadvance(2);
@@ -439,7 +555,7 @@ export class TemplateSelectorDialogComponent extends BaseAngularComponent {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TemplateSelectorDialogComponent, [{
         type: Component,
-        args: [{ selector: 'mj-template-selector-dialog', standalone: true, imports: [CommonModule, ReactiveFormsModule], template: "<!-- Template Selector Dialog -->\n<div class=\"template-selector-dialog\">\n  <!-- Header -->\n  <div class=\"dialog-header\">\n    <h3>{{ config.title }}</h3>\n    <div class=\"header-actions\">\n      <button\n        mjButton\n        size=\"sm\"\n        (click)=\"toggleViewMode()\"\n      >\n        <i [class]=\"viewMode === 'list' ? 'fa-solid fa-th' : 'fa-solid fa-list'\"></i>\n        {{ viewMode === 'list' ? 'Grid' : 'List' }}\n      </button>\n    </div>\n  </div>\n\n  <!-- Search and Filter Section -->\n  <div class=\"search-filter-section\">\n    <!-- Search Input -->\n    <div class=\"search-container\">\n      <input\n        class=\"mj-input\"\n        type=\"text\"\n        [formControl]=\"searchControl\"\n        placeholder=\"Search templates...\"\n      />\n      <i class=\"fa-solid fa-search search-icon\"></i>\n    </div>\n\n    <!-- Category Filter -->\n    <div class=\"category-filter\">\n      <select\n        class=\"mj-input\"\n        [value]=\"selectedCategory || ''\"\n        (change)=\"onCategoryChange($any($event.target).value || null)\"\n      >\n        <option value=\"\">All Categories</option>\n        @for (category of categories$ | async; track category.ID) {\n          <option [value]=\"category.ID\">{{ category.Name }}</option>\n        }\n      </select>\n    </div>\n  </div>\n\n  <!-- Loading State -->\n  @if (isLoading$ | async) {\n    <div class=\"loading-container\">\n      <i class=\"fa-solid fa-spinner fa-spin\"></i>\n      <span>Loading templates...</span>\n    </div>\n  }\n\n  <!-- Template List/Grid -->\n  @if (!(isLoading$ | async)) {\n    <div class=\"templates-container\" [class.grid-mode]=\"viewMode === 'grid'\">\n      @for (template of filteredTemplates$ | async; track template.ID) {\n        <div \n          class=\"template-item\"\n          [class.selected]=\"isTemplateSelected(template)\"\n          (click)=\"toggleTemplateSelection(template)\"\n        >\n          <!-- Selection Checkbox -->\n          <div class=\"selection-indicator\">\n            @if (config.multiSelect) {\n              <input\n                type=\"checkbox\"\n                [checked]=\"isTemplateSelected(template)\"\n                (change)=\"toggleTemplateSelection(template)\"\n              />\n            } @else {\n              <input\n                type=\"radio\"\n                [checked]=\"isTemplateSelected(template)\"\n                (change)=\"toggleTemplateSelection(template)\"\n              />\n            }\n          </div>\n\n          <!-- Template Info -->\n          <div class=\"template-info\">\n            <div class=\"template-header\">\n              <h4 class=\"template-name\">{{ template.Name }}</h4>\n              <div class=\"template-status\">\n                <span \n                  class=\"status-badge\"\n                  [style.background-color]=\"getTemplateStatusColor(template)\"\n                >\n                  {{ getTemplateStatusText(template) }}\n                </span>\n              </div>\n            </div>\n\n            <!-- Template Description -->\n            @if (template.Description) {\n              <div class=\"template-description\">\n                {{ getTemplatePreview(template) }}\n              </div>\n            }\n\n            <!-- Template Metadata -->\n            <div class=\"template-metadata\">\n              <div class=\"metadata-item\">\n                <i class=\"fa-solid fa-user\"></i>\n                <span>{{ template.User || 'Unknown User' }}</span>\n              </div>\n              \n              @if (template.Category) {\n                <div class=\"metadata-item\">\n                  <i class=\"fa-solid fa-folder\"></i>\n                  <span>{{ template.Category }}</span>\n                </div>\n              }\n              \n              @if (template.__mj_CreatedAt) {\n                <div class=\"metadata-item\">\n                  <i class=\"fa-solid fa-calendar\"></i>\n                  <span>{{ formatDate(template.__mj_CreatedAt) }}</span>\n                </div>\n              }\n            </div>\n          </div>\n        </div>\n      } @empty {\n        <div class=\"no-templates\">\n          <i class=\"fa-solid fa-file-alt fa-3x\"></i>\n          <h4>No templates found</h4>\n          <p>No templates match your current search criteria.</p>\n        </div>\n      }\n    </div>\n  }\n\n  <!-- Dialog Actions -->\n  <div class=\"dialog-actions\">\n    <div class=\"action-buttons\">\n      @if (config.showCreateNew) {\n        <button\n          mjButton\n          variant=\"outline\"\n          (click)=\"createNew()\"\n        >\n          <i class=\"fa-solid fa-plus\"></i>\n          Create New\n        </button>\n      }\n      \n      <button\n        mjButton\n        (click)=\"cancel()\"\n      >\n        Cancel\n      </button>\n      \n      <button\n        mjButton\n        variant=\"primary\"\n        (click)=\"selectTemplates()\"\n        [disabled]=\"selectedTemplates.size === 0\"\n      >\n        <i class=\"fa-solid fa-check\"></i>\n        Select {{ selectedTemplates.size > 0 ? '(' + selectedTemplates.size + ')' : '' }}\n      </button>\n    </div>\n  </div>\n</div>", styles: ["/* Template Selector Dialog Styles */\n.template-selector-dialog {\n  padding: 20px;\n  width: 100%;\n  max-width: 800px;\n  height: 600px;\n  display: flex;\n  flex-direction: column;\n}\n\n/* Header */\n.dialog-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-bottom: 20px;\n  padding-bottom: 15px;\n  border-bottom: 1px solid var(--mj-border-default);\n}\n\n.dialog-header h3 {\n  margin: 0;\n  font-size: 1.5rem;\n  color: var(--mj-text-primary);\n}\n\n.header-actions {\n  display: flex;\n  gap: 10px;\n}\n\n/* Search and Filter Section */\n.search-filter-section {\n  display: flex;\n  gap: 15px;\n  margin-bottom: 20px;\n}\n\n.search-container {\n  flex: 1;\n  position: relative;\n}\n\n.search-icon {\n  position: absolute;\n  left: 10px;\n  top: 50%;\n  transform: translateY(-50%);\n  color: var(--mj-text-muted);\n  pointer-events: none;\n}\n\n.search-container input {\n  padding-left: 35px;\n  width: 100%;\n}\n\n.category-filter {\n  min-width: 200px;\n}\n\n.category-filter select {\n  width: 100%;\n}\n\n/* Loading State */\n.loading-container {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 10px;\n  padding: 60px;\n  font-size: 1.1rem;\n  color: var(--mj-text-secondary);\n}\n\n.loading-container i {\n  font-size: 1.5rem;\n  color: var(--mj-brand-primary);\n}\n\n/* Templates Container */\n.templates-container {\n  flex: 1;\n  overflow-y: auto;\n  border: 1px solid var(--mj-border-default);\n  border-radius: 4px;\n  background: var(--mj-bg-surface);\n  padding: 10px;\n}\n\n.templates-container.grid-mode {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));\n  gap: 15px;\n}\n\n/* Template Item */\n.template-item {\n  display: flex;\n  align-items: flex-start;\n  gap: 12px;\n  padding: 15px;\n  border: 2px solid transparent;\n  border-radius: 6px;\n  cursor: pointer;\n  transition: all 0.2s ease;\n  background: var(--mj-bg-surface-card);\n  margin-bottom: 8px;\n}\n\n.template-item:hover {\n  border-color: var(--mj-brand-primary);\n  background: color-mix(in srgb, var(--mj-brand-primary) 8%, var(--mj-bg-surface));\n}\n\n.template-item.selected {\n  border-color: var(--mj-brand-primary);\n  background: color-mix(in srgb, var(--mj-brand-primary) 8%, var(--mj-bg-surface));\n}\n\n.grid-mode .template-item {\n  flex-direction: column;\n  margin-bottom: 0;\n}\n\n.grid-mode .template-item .selection-indicator {\n  align-self: flex-end;\n}\n\n/* Selection Indicator */\n.selection-indicator {\n  flex-shrink: 0;\n  margin-top: 2px;\n}\n\n.selection-indicator input[type=\"checkbox\"],\n.selection-indicator input[type=\"radio\"] {\n  width: 16px;\n  height: 16px;\n  cursor: pointer;\n}\n\n/* Template Info */\n.template-info {\n  flex: 1;\n  min-width: 0;\n}\n\n.template-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-start;\n  margin-bottom: 8px;\n}\n\n.template-name {\n  margin: 0;\n  font-size: 1.1rem;\n  font-weight: 600;\n  color: var(--mj-text-primary);\n  word-break: break-word;\n}\n\n.template-status {\n  flex-shrink: 0;\n  margin-left: 10px;\n}\n\n.status-badge {\n  display: inline-block;\n  padding: 2px 8px;\n  border-radius: 12px;\n  font-size: 0.75rem;\n  font-weight: 500;\n  color: var(--mj-text-inverse);\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n}\n\n/* Template Description */\n.template-description {\n  margin-bottom: 12px;\n  color: var(--mj-text-secondary);\n  font-size: 0.9rem;\n  line-height: 1.4;\n}\n\n/* Template Metadata */\n.template-metadata {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 15px;\n  font-size: 0.85rem;\n  color: var(--mj-text-muted);\n}\n\n.metadata-item {\n  display: flex;\n  align-items: center;\n  gap: 5px;\n}\n\n.metadata-item i {\n  font-size: 0.8rem;\n  color: var(--mj-text-muted);\n}\n\n/* No Templates State */\n.no-templates {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 60px 20px;\n  text-align: center;\n  color: var(--mj-text-secondary);\n}\n\n.no-templates i {\n  margin-bottom: 20px;\n  color: var(--mj-text-muted);\n}\n\n.no-templates h4 {\n  margin: 0 0 10px 0;\n  font-size: 1.2rem;\n}\n\n.no-templates p {\n  margin: 0;\n  font-size: 0.9rem;\n  color: var(--mj-text-muted);\n}\n\n/* Dialog Actions */\n.dialog-actions {\n  margin-top: 20px;\n  padding-top: 20px;\n  border-top: 1px solid var(--mj-border-default);\n}\n\n.action-buttons {\n  display: flex;\n  justify-content: flex-end;\n  gap: 10px;\n}\n\n.action-buttons button {\n  min-width: 100px;\n}\n\n.action-buttons button i {\n  margin-right: 5px;\n}\n\n/* Responsive Design */\n@media (max-width: 768px) {\n  .template-selector-dialog {\n    padding: 15px;\n    height: 500px;\n  }\n\n  .search-filter-section {\n    flex-direction: column;\n    gap: 10px;\n  }\n\n  .category-filter {\n    min-width: auto;\n  }\n\n  .templates-container.grid-mode {\n    grid-template-columns: 1fr;\n  }\n\n  .template-header {\n    flex-direction: column;\n    align-items: flex-start;\n  }\n\n  .template-status {\n    margin-left: 0;\n    margin-top: 5px;\n  }\n\n  .template-metadata {\n    flex-direction: column;\n    gap: 8px;\n  }\n\n  .action-buttons {\n    flex-direction: column;\n  }\n\n  .action-buttons button {\n    min-width: auto;\n  }\n}\n\n/* Scrollbar Styling */\n.templates-container::-webkit-scrollbar {\n  width: 8px;\n}\n\n.templates-container::-webkit-scrollbar-track {\n  background: var(--mj-bg-surface-card);\n  border-radius: 4px;\n}\n\n.templates-container::-webkit-scrollbar-thumb {\n  background: var(--mj-border-strong);\n  border-radius: 4px;\n}\n\n.templates-container::-webkit-scrollbar-thumb:hover {\n  background: var(--mj-text-muted);\n}\n"] }]
+        args: [{ selector: 'mj-template-selector-dialog', standalone: true, imports: [CommonModule, ReactiveFormsModule], template: "<!-- Template Selector Dialog -->\n<div class=\"template-selector-dialog\">\n  <!-- Header -->\n  <div class=\"dialog-header\">\n    <h3>{{ config.Title }}</h3>\n    <div class=\"header-actions\">\n      <button\n        mjButton\n        size=\"sm\"\n        (click)=\"toggleViewMode()\"\n      >\n        <i [class]=\"viewMode === 'list' ? 'fa-solid fa-th' : 'fa-solid fa-list'\"></i>\n        {{ viewMode === 'list' ? 'Grid' : 'List' }}\n      </button>\n    </div>\n  </div>\n\n  <!-- Search and Filter Section -->\n  <div class=\"search-filter-section\">\n    <!-- Search Input -->\n    <div class=\"search-container\">\n      <input\n        class=\"mj-input\"\n        type=\"text\"\n        [formControl]=\"searchControl\"\n        placeholder=\"Search templates...\"\n      />\n      <i class=\"fa-solid fa-search search-icon\"></i>\n    </div>\n\n    <!-- Category Filter -->\n    <div class=\"category-filter\">\n      <select\n        class=\"mj-input\"\n        [value]=\"selectedCategory || ''\"\n        (change)=\"onCategoryChange($any($event.target).value || null)\"\n      >\n        <option value=\"\">All Categories</option>\n        @for (category of categories$ | async; track category.ID) {\n          <option [value]=\"category.ID\">{{ category.Name }}</option>\n        }\n      </select>\n    </div>\n  </div>\n\n  <!-- Loading State -->\n  @if (isLoading$ | async) {\n    <div class=\"loading-container\">\n      <i class=\"fa-solid fa-spinner fa-spin\"></i>\n      <span>Loading templates...</span>\n    </div>\n  }\n\n  <!-- Template List/Grid -->\n  @if (!(isLoading$ | async)) {\n    <div class=\"templates-container\" [class.grid-mode]=\"viewMode === 'grid'\">\n      @for (template of filteredTemplates$ | async; track template.ID) {\n        <div \n          class=\"template-item\"\n          [class.selected]=\"isTemplateSelected(template)\"\n          (click)=\"toggleTemplateSelection(template)\"\n        >\n          <!-- Selection Checkbox -->\n          <div class=\"selection-indicator\">\n            @if (config.MultiSelect) {\n              <input\n                type=\"checkbox\"\n                [checked]=\"isTemplateSelected(template)\"\n                (change)=\"toggleTemplateSelection(template)\"\n              />\n            } @else {\n              <input\n                type=\"radio\"\n                [checked]=\"isTemplateSelected(template)\"\n                (change)=\"toggleTemplateSelection(template)\"\n              />\n            }\n          </div>\n\n          <!-- Template Info -->\n          <div class=\"template-info\">\n            <div class=\"template-header\">\n              <h4 class=\"template-name\">{{ template.Name }}</h4>\n              <div class=\"template-status\">\n                <span \n                  class=\"status-badge\"\n                  [style.background-color]=\"getTemplateStatusColor(template)\"\n                >\n                  {{ getTemplateStatusText(template) }}\n                </span>\n              </div>\n            </div>\n\n            <!-- Template Description -->\n            @if (template.Description) {\n              <div class=\"template-description\">\n                {{ getTemplatePreview(template) }}\n              </div>\n            }\n\n            <!-- Template Metadata -->\n            <div class=\"template-metadata\">\n              <div class=\"metadata-item\">\n                <i class=\"fa-solid fa-user\"></i>\n                <span>{{ template.User || 'Unknown User' }}</span>\n              </div>\n              \n              @if (template.Category) {\n                <div class=\"metadata-item\">\n                  <i class=\"fa-solid fa-folder\"></i>\n                  <span>{{ template.Category }}</span>\n                </div>\n              }\n              \n              @if (template.__mj_CreatedAt) {\n                <div class=\"metadata-item\">\n                  <i class=\"fa-solid fa-calendar\"></i>\n                  <span>{{ formatDate(template.__mj_CreatedAt) }}</span>\n                </div>\n              }\n            </div>\n          </div>\n        </div>\n      } @empty {\n        <div class=\"no-templates\">\n          <i class=\"fa-solid fa-file-alt fa-3x\"></i>\n          <h4>No templates found</h4>\n          <p>No templates match your current search criteria.</p>\n        </div>\n      }\n    </div>\n  }\n\n  <!-- Dialog Actions -->\n  <div class=\"dialog-actions\">\n    <div class=\"action-buttons\">\n      @if (config.ShowCreateNew) {\n        <button\n          mjButton\n          variant=\"outline\"\n          (click)=\"createNew()\"\n        >\n          <i class=\"fa-solid fa-plus\"></i>\n          Create New\n        </button>\n      }\n      \n      <button\n        mjButton\n        (click)=\"cancel()\"\n      >\n        Cancel\n      </button>\n      \n      <button\n        mjButton\n        variant=\"primary\"\n        (click)=\"selectTemplates()\"\n        [disabled]=\"selectedTemplates.size === 0\"\n      >\n        <i class=\"fa-solid fa-check\"></i>\n        Select {{ selectedTemplates.size > 0 ? '(' + selectedTemplates.size + ')' : '' }}\n      </button>\n    </div>\n  </div>\n</div>", styles: ["/* Template Selector Dialog Styles */\n.template-selector-dialog {\n  padding: 20px;\n  width: 100%;\n  max-width: 800px;\n  height: 600px;\n  display: flex;\n  flex-direction: column;\n}\n\n/* Header */\n.dialog-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-bottom: 20px;\n  padding-bottom: 15px;\n  border-bottom: 1px solid var(--mj-border-default);\n}\n\n.dialog-header h3 {\n  margin: 0;\n  font-size: 1.5rem;\n  color: var(--mj-text-primary);\n}\n\n.header-actions {\n  display: flex;\n  gap: 10px;\n}\n\n/* Search and Filter Section */\n.search-filter-section {\n  display: flex;\n  gap: 15px;\n  margin-bottom: 20px;\n}\n\n.search-container {\n  flex: 1;\n  position: relative;\n}\n\n.search-icon {\n  position: absolute;\n  left: 10px;\n  top: 50%;\n  transform: translateY(-50%);\n  color: var(--mj-text-muted);\n  pointer-events: none;\n}\n\n.search-container input {\n  padding-left: 35px;\n  width: 100%;\n}\n\n.category-filter {\n  min-width: 200px;\n}\n\n.category-filter select {\n  width: 100%;\n}\n\n/* Loading State */\n.loading-container {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 10px;\n  padding: 60px;\n  font-size: 1.1rem;\n  color: var(--mj-text-secondary);\n}\n\n.loading-container i {\n  font-size: 1.5rem;\n  color: var(--mj-brand-primary);\n}\n\n/* Templates Container */\n.templates-container {\n  flex: 1;\n  overflow-y: auto;\n  border: 1px solid var(--mj-border-default);\n  border-radius: 4px;\n  background: var(--mj-bg-surface);\n  padding: 10px;\n}\n\n.templates-container.grid-mode {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));\n  gap: 15px;\n}\n\n/* Template Item */\n.template-item {\n  display: flex;\n  align-items: flex-start;\n  gap: 12px;\n  padding: 15px;\n  border: 2px solid transparent;\n  border-radius: 6px;\n  cursor: pointer;\n  transition: all 0.2s ease;\n  background: var(--mj-bg-surface-card);\n  margin-bottom: 8px;\n}\n\n.template-item:hover {\n  border-color: var(--mj-brand-primary);\n  background: color-mix(in srgb, var(--mj-brand-primary) 8%, var(--mj-bg-surface));\n}\n\n.template-item.selected {\n  border-color: var(--mj-brand-primary);\n  background: color-mix(in srgb, var(--mj-brand-primary) 8%, var(--mj-bg-surface));\n}\n\n.grid-mode .template-item {\n  flex-direction: column;\n  margin-bottom: 0;\n}\n\n.grid-mode .template-item .selection-indicator {\n  align-self: flex-end;\n}\n\n/* Selection Indicator */\n.selection-indicator {\n  flex-shrink: 0;\n  margin-top: 2px;\n}\n\n.selection-indicator input[type=\"checkbox\"],\n.selection-indicator input[type=\"radio\"] {\n  width: 16px;\n  height: 16px;\n  cursor: pointer;\n}\n\n/* Template Info */\n.template-info {\n  flex: 1;\n  min-width: 0;\n}\n\n.template-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-start;\n  margin-bottom: 8px;\n}\n\n.template-name {\n  margin: 0;\n  font-size: 1.1rem;\n  font-weight: 600;\n  color: var(--mj-text-primary);\n  word-break: break-word;\n}\n\n.template-status {\n  flex-shrink: 0;\n  margin-left: 10px;\n}\n\n.status-badge {\n  display: inline-block;\n  padding: 2px 8px;\n  border-radius: 12px;\n  font-size: 0.75rem;\n  font-weight: 500;\n  color: var(--mj-text-inverse);\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n}\n\n/* Template Description */\n.template-description {\n  margin-bottom: 12px;\n  color: var(--mj-text-secondary);\n  font-size: 0.9rem;\n  line-height: 1.4;\n}\n\n/* Template Metadata */\n.template-metadata {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 15px;\n  font-size: 0.85rem;\n  color: var(--mj-text-muted);\n}\n\n.metadata-item {\n  display: flex;\n  align-items: center;\n  gap: 5px;\n}\n\n.metadata-item i {\n  font-size: 0.8rem;\n  color: var(--mj-text-muted);\n}\n\n/* No Templates State */\n.no-templates {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 60px 20px;\n  text-align: center;\n  color: var(--mj-text-secondary);\n}\n\n.no-templates i {\n  margin-bottom: 20px;\n  color: var(--mj-text-muted);\n}\n\n.no-templates h4 {\n  margin: 0 0 10px 0;\n  font-size: 1.2rem;\n}\n\n.no-templates p {\n  margin: 0;\n  font-size: 0.9rem;\n  color: var(--mj-text-muted);\n}\n\n/* Dialog Actions */\n.dialog-actions {\n  margin-top: 20px;\n  padding-top: 20px;\n  border-top: 1px solid var(--mj-border-default);\n}\n\n.action-buttons {\n  display: flex;\n  justify-content: flex-end;\n  gap: 10px;\n}\n\n.action-buttons button {\n  min-width: 100px;\n}\n\n.action-buttons button i {\n  margin-right: 5px;\n}\n\n/* Responsive Design */\n@media (max-width: 768px) {\n  .template-selector-dialog {\n    padding: 15px;\n    height: 500px;\n  }\n\n  .search-filter-section {\n    flex-direction: column;\n    gap: 10px;\n  }\n\n  .category-filter {\n    min-width: auto;\n  }\n\n  .templates-container.grid-mode {\n    grid-template-columns: 1fr;\n  }\n\n  .template-header {\n    flex-direction: column;\n    align-items: flex-start;\n  }\n\n  .template-status {\n    margin-left: 0;\n    margin-top: 5px;\n  }\n\n  .template-metadata {\n    flex-direction: column;\n    gap: 8px;\n  }\n\n  .action-buttons {\n    flex-direction: column;\n  }\n\n  .action-buttons button {\n    min-width: auto;\n  }\n}\n\n/* Scrollbar Styling */\n.templates-container::-webkit-scrollbar {\n  width: 8px;\n}\n\n.templates-container::-webkit-scrollbar-track {\n  background: var(--mj-bg-surface-card);\n  border-radius: 4px;\n}\n\n.templates-container::-webkit-scrollbar-thumb {\n  background: var(--mj-border-strong);\n  border-radius: 4px;\n}\n\n.templates-container::-webkit-scrollbar-thumb:hover {\n  background: var(--mj-text-muted);\n}\n"] }]
     }], () => [{ type: i0.ChangeDetectorRef }], { DialogClose: [{
             type: Output
         }] }); })();

package/dist/lib/custom/AIPrompts/template-selector-dialog.component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"template-selector-dialog.component.js","sourceRoot":"","sources":["../../../../src/lib/custom/AIPrompts/template-selector-dialog.component.ts","../../../../src/lib/custom/AIPrompts/template-selector-dialog.component.html"],"names":[],"mappings":"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","sourcesContent":["import { Component, OnInit, OnDestroy, ChangeDetectorRef, Output, EventEmitter } from '@angular/core';\nimport { Subject, BehaviorSubject, debounceTime, distinctUntilChanged, takeUntil } from 'rxjs';\nimport { FormControl, ReactiveFormsModule } from '@angular/forms';\nimport { CommonModule } from '@angular/common';\nimport { RunView } from '@memberjunction/core';\nimport { MJTemplateEntity, MJTemplateCategoryEntity } from '@memberjunction/core-entities';\nimport { MJNotificationService } from '@memberjunction/ng-notifications';\nimport { UUIDsEqual } from '@memberjunction/global';\n\nimport { BaseAngularComponent } from '@memberjunction/ng-base-types';\nexport interface TemplateSelectorConfig {\n /** Title for the dialog /\n title: string;\n /* Whether to show the \"Create New\" option /\n showCreateNew?: boolean;\n /* Filter criteria for templates /\n extraFilter?: string;\n /* Allow multiple selection /\n multiSelect?: boolean;\n /* Pre-selected template IDs /\n selectedTemplateIds?: string[];\n /* Show only active templates /\n showActiveOnly?: boolean;\n}\n\nexport interface TemplateSelectorResult {\n /* Selected templates /\n selectedTemplates: MJTemplateEntity[];\n /* Whether user chose to create new /\n createNew?: boolean;\n}\n\n/\n Template selector dialog that allows users to search and select from existing templates.\n * This dialog provides a searchable interface with category filtering and template preview.\n */\n@Component({\n selector: 'mj-template-selector-dialog',\n templateUrl: './template-selector-dialog.component.html',\n styleUrls: ['./template-selector-dialog.component.css'],\n standalone: true,\n imports: [CommonModule, ReactiveFormsModule]\n})\nexport class TemplateSelectorDialogComponent extends BaseAngularComponent implements OnInit, OnDestroy {\n \n // Input configuration\n config: TemplateSelectorConfig = { title: 'Select Template' };\n \n // State management\n private destroy$ = new Subject<void>();\n public result = new Subject<TemplateSelectorResult \| null>();\n \n // Data and UI state\n isLoading$ = new BehaviorSubject<boolean>(false);\n templates$ = new BehaviorSubject<MJTemplateEntity[]>([]);\n filteredTemplates$ = new BehaviorSubject<MJTemplateEntity[]>([]);\n categories$ = new BehaviorSubject<MJTemplateCategoryEntity[]>([]);\n \n // Search and filtering\n searchControl = new FormControl('');\n selectedCategory: string \| null = null;\n selectedTemplates: Set<string> = new Set();\n \n // View mode\n viewMode: 'grid' \| 'list' = 'list';\n\n @Output() DialogClose = new EventEmitter<void>();\n\n constructor(\n private cdr: ChangeDetectorRef\n ) {\n super();}\n\n ngOnInit() {\n this.setupSearch();\n this.loadData();\n \n // Initialize selected templates if provided\n if (this.config.selectedTemplateIds) {\n this.selectedTemplates = new Set(this.config.selectedTemplateIds);\n }\n }\n\n ngOnDestroy() {\n this.destroy$.next();\n this.destroy$.complete();\n }\n\n private setupSearch() {\n this.searchControl.valueChanges\n .pipe(\n debounceTime(300),\n distinctUntilChanged(),\n takeUntil(this.destroy$)\n )\n .subscribe(searchTerm => {\n this.filterTemplates(searchTerm \|\| '');\n });\n }\n\n private async loadData() {\n this.isLoading$.next(true);\n \n try {\n // Load both templates and categories in parallel\n await Promise.all([\n this.loadTemplates(),\n this.loadCategories()\n ]);\n } catch (error) {\n console.error('Error loading template data:', error);\n MJNotificationService.Instance.CreateSimpleNotification(\n 'Error loading templates. Please try again.',\n 'error',\n 3000\n );\n } finally {\n this.isLoading$.next(false);\n }\n }\n\n private async loadTemplates() {\n try {\n const rv = RunView.FromMetadataProvider(this.ProviderToUse);\n \n // Build filter\n let filter = '';\n if (this.config.showActiveOnly !== false) {\n filter = \"IsActive = 1\";\n }\n if (this.config.extraFilter) {\n filter += filter ? ` AND ${this.config.extraFilter}` : this.config.extraFilter;\n }\n \n const result = await rv.RunView<MJTemplateEntity>({\n EntityName: 'MJ: Templates',\n ExtraFilter: filter,\n OrderBy: 'Name ASC',\n ResultType: 'entity_object',\n MaxRows: 1000\n });\n\n if (result.Success) {\n const templates = result.Results \|\| [];\n this.templates$.next(templates);\n this.filteredTemplates$.next(templates);\n } else {\n throw new Error(result.ErrorMessage \|\| 'Failed to load templates');\n }\n } catch (error) {\n console.error('Error loading templates:', error);\n this.templates$.next([]);\n this.filteredTemplates$.next([]);\n }\n }\n\n private async loadCategories() {\n try {\n const rv = RunView.FromMetadataProvider(this.ProviderToUse);\n \n const result = await rv.RunView<MJTemplateCategoryEntity>({\n EntityName: 'MJ: Template Categories',\n ExtraFilter: '',\n OrderBy: 'Name ASC',\n ResultType: 'entity_object',\n MaxRows: 1000\n });\n\n if (result.Success) {\n const categories = result.Results \|\| [];\n this.categories$.next(categories);\n } else {\n throw new Error(result.ErrorMessage \|\| 'Failed to load categories');\n }\n } catch (error) {\n console.error('Error loading categories:', error);\n this.categories$.next([]);\n }\n }\n\n private filterTemplates(searchTerm: string) {\n const allTemplates = this.templates$.value;\n let filtered = allTemplates;\n \n // Apply search filter\n if (searchTerm.trim()) {\n filtered = filtered.filter(template => \n template.Name?.toLowerCase().includes(searchTerm.toLowerCase()) \|\|\n template.Description?.toLowerCase().includes(searchTerm.toLowerCase())\n );\n }\n \n // Apply category filter\n if (this.selectedCategory) {\n filtered = filtered.filter(template => \n UUIDsEqual(template.CategoryID, this.selectedCategory)\n );\n }\n \n this.filteredTemplates$.next(filtered);\n }\n\n // === Category Management ===\n\n onCategoryChange(categoryId: string \| null) {\n this.selectedCategory = categoryId === '' ? null : categoryId;\n this.filterTemplates(this.searchControl.value \|\| '');\n }\n\n getCategoryDisplayName(categoryId: string): string {\n const category = this.categories$.value.find(c => UUIDsEqual(c.ID, categoryId));\n return category?.Name \|\| 'Unknown Category';\n }\n\n // === Selection Management ===\n\n toggleTemplateSelection(template: MJTemplateEntity) {\n if (this.config.multiSelect) {\n if (this.selectedTemplates.has(template.ID)) {\n this.selectedTemplates.delete(template.ID);\n } else {\n this.selectedTemplates.add(template.ID);\n }\n } else {\n // Single select - replace current selection\n this.selectedTemplates.clear();\n this.selectedTemplates.add(template.ID);\n }\n }\n\n isTemplateSelected(template: MJTemplateEntity): boolean {\n return this.selectedTemplates.has(template.ID);\n }\n\n getSelectedTemplateObjects(): MJTemplateEntity[] {\n const allTemplates = this.templates$.value;\n return allTemplates.filter(template => this.selectedTemplates.has(template.ID));\n }\n\n // === UI Helpers ===\n\n toggleViewMode() {\n this.viewMode = this.viewMode === 'grid' ? 'list' : 'grid';\n }\n\n getTemplateStatusColor(template: MJTemplateEntity): string {\n if (!template.IsActive) return '#6c757d';\n if (template.DisabledAt && new Date(template.DisabledAt) <= new Date()) return '#dc3545';\n if (template.ActiveAt && new Date(template.ActiveAt) > new Date()) return '#ffc107';\n return '#28a745';\n }\n\n getTemplateStatusText(template: MJTemplateEntity): string {\n if (!template.IsActive) return 'Inactive';\n if (template.DisabledAt && new Date(template.DisabledAt) <= new Date()) return 'Disabled';\n if (template.ActiveAt && new Date(template.ActiveAt) > new Date()) return 'Scheduled';\n return 'Active';\n }\n\n getTemplatePreview(template: MJTemplateEntity): string {\n if (!template.Description) return 'No description available';\n return template.Description.length > 100 \n ? template.Description.substring(0, 100) + '...' \n : template.Description;\n }\n\n formatDate(date: Date \| string \| null): string {\n if (!date) return '';\n const d = new Date(date);\n return d.toLocaleDateString();\n }\n\n // === Dialog Actions ===\n\n selectTemplates() {\n const selectedTemplateObjects = this.getSelectedTemplateObjects();\n \n if (selectedTemplateObjects.length === 0) {\n MJNotificationService.Instance.CreateSimpleNotification(\n 'Please select at least one template',\n 'warning',\n 2000\n );\n return;\n }\n\n const result: TemplateSelectorResult = {\n selectedTemplates: selectedTemplateObjects\n };\n\n this.result.next(result);\n this.DialogClose.emit();\n }\n\n createNew() {\n const result: TemplateSelectorResult = {\n selectedTemplates: [],\n createNew: true\n };\n\n this.result.next(result);\n this.DialogClose.emit();\n }\n\n cancel() {\n this.result.next(null);\n this.DialogClose.emit();\n }\n}","<!-- Template Selector Dialog -->\n<div class=\"template-selector-dialog\">\n <!-- Header -->\n <div class=\"dialog-header\">\n <h3>{{ config.title }}</h3>\n <div class=\"header-actions\">\n <button\n mjButton\n size=\"sm\"\n (click)=\"toggleViewMode()\"\n >\n <i [class]=\"viewMode === 'list' ? 'fa-solid fa-th' : 'fa-solid fa-list'\"></i>\n {{ viewMode === 'list' ? 'Grid' : 'List' }}\n </button>\n </div>\n </div>\n\n <!-- Search and Filter Section -->\n <div class=\"search-filter-section\">\n <!-- Search Input -->\n <div class=\"search-container\">\n <input\n class=\"mj-input\"\n type=\"text\"\n [formControl]=\"searchControl\"\n placeholder=\"Search templates...\"\n />\n <i class=\"fa-solid fa-search search-icon\"></i>\n </div>\n\n <!-- Category Filter -->\n <div class=\"category-filter\">\n <select\n class=\"mj-input\"\n [value]=\"selectedCategory \|\| ''\"\n (change)=\"onCategoryChange($any($event.target).value \|\| null)\"\n >\n <option value=\"\">All Categories</option>\n @for (category of categories$ \| async; track category.ID) {\n <option [value]=\"category.ID\">{{ category.Name }}</option>\n }\n </select>\n </div>\n </div>\n\n <!-- Loading State -->\n @if (isLoading$ \| async) {\n <div class=\"loading-container\">\n <i class=\"fa-solid fa-spinner fa-spin\"></i>\n <span>Loading templates...</span>\n </div>\n }\n\n <!-- Template List/Grid -->\n @if (!(isLoading$ \| async)) {\n <div class=\"templates-container\" [class.grid-mode]=\"viewMode === 'grid'\">\n @for (template of filteredTemplates$ \| async; track template.ID) {\n <div \n class=\"template-item\"\n [class.selected]=\"isTemplateSelected(template)\"\n (click)=\"toggleTemplateSelection(template)\"\n >\n <!-- Selection Checkbox -->\n <div class=\"selection-indicator\">\n @if (config.multiSelect) {\n <input\n type=\"checkbox\"\n [checked]=\"isTemplateSelected(template)\"\n (change)=\"toggleTemplateSelection(template)\"\n />\n } @else {\n <input\n type=\"radio\"\n [checked]=\"isTemplateSelected(template)\"\n (change)=\"toggleTemplateSelection(template)\"\n />\n }\n </div>\n\n <!-- Template Info -->\n <div class=\"template-info\">\n <div class=\"template-header\">\n <h4 class=\"template-name\">{{ template.Name }}</h4>\n <div class=\"template-status\">\n <span \n class=\"status-badge\"\n [style.background-color]=\"getTemplateStatusColor(template)\"\n >\n {{ getTemplateStatusText(template) }}\n </span>\n </div>\n </div>\n\n <!-- Template Description -->\n @if (template.Description) {\n <div class=\"template-description\">\n {{ getTemplatePreview(template) }}\n </div>\n }\n\n <!-- Template Metadata -->\n <div class=\"template-metadata\">\n <div class=\"metadata-item\">\n <i class=\"fa-solid fa-user\"></i>\n <span>{{ template.User \|\| 'Unknown User' }}</span>\n </div>\n \n @if (template.Category) {\n <div class=\"metadata-item\">\n <i class=\"fa-solid fa-folder\"></i>\n <span>{{ template.Category }}</span>\n </div>\n }\n \n @if (template.__mj_CreatedAt) {\n <div class=\"metadata-item\">\n <i class=\"fa-solid fa-calendar\"></i>\n <span>{{ formatDate(template.__mj_CreatedAt) }}</span>\n </div>\n }\n </div>\n </div>\n </div>\n } @empty {\n <div class=\"no-templates\">\n <i class=\"fa-solid fa-file-alt fa-3x\"></i>\n <h4>No templates found</h4>\n <p>No templates match your current search criteria.</p>\n </div>\n }\n </div>\n }\n\n <!-- Dialog Actions -->\n <div class=\"dialog-actions\">\n <div class=\"action-buttons\">\n @if (config.showCreateNew) {\n <button\n mjButton\n variant=\"outline\"\n (click)=\"createNew()\"\n >\n <i class=\"fa-solid fa-plus\"></i>\n Create New\n </button>\n }\n \n <button\n mjButton\n (click)=\"cancel()\"\n >\n Cancel\n </button>\n \n <button\n mjButton\n variant=\"primary\"\n (click)=\"selectTemplates()\"\n [disabled]=\"selectedTemplates.size === 0\"\n >\n <i class=\"fa-solid fa-check\"></i>\n Select {{ selectedTemplates.size > 0 ? '(' + selectedTemplates.size + ')' : '' }}\n </button>\n </div>\n </div>\n</div>"]}
1	+ {"version":3,"file":"template-selector-dialog.component.js","sourceRoot":"","sources":["../../../../src/lib/custom/AIPrompts/template-selector-dialog.component.ts","../../../../src/lib/custom/AIPrompts/template-selector-dialog.component.html"],"names":[],"mappings":"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","sourcesContent":["import { Component, OnInit, OnDestroy, ChangeDetectorRef, Output, EventEmitter } from '@angular/core';\nimport { Subject, BehaviorSubject, debounceTime, distinctUntilChanged, takeUntil } from 'rxjs';\nimport { FormControl, ReactiveFormsModule } from '@angular/forms';\nimport { CommonModule } from '@angular/common';\nimport { RunView } from '@memberjunction/core';\nimport { MJTemplateEntity, MJTemplateCategoryEntity } from '@memberjunction/core-entities';\nimport { MJNotificationService } from '@memberjunction/ng-notifications';\nimport { UUIDsEqual } from '@memberjunction/global';\n\nimport { BaseAngularComponent } from '@memberjunction/ng-base-types';\nexport interface TemplateSelectorConfig {\n /** Title for the dialog /\n Title: string;\n /* Whether to show the \"Create New\" option /\n ShowCreateNew?: boolean;\n /* Filter criteria for templates /\n ExtraFilter?: string;\n /* Allow multiple selection /\n MultiSelect?: boolean;\n /* Pre-selected template IDs /\n SelectedTemplateIds?: string[];\n /* Show only active templates /\n ShowActiveOnly?: boolean;\n}\n\nexport interface TemplateSelectorResult {\n /* Selected templates /\n SelectedTemplates: MJTemplateEntity[];\n /* Whether user chose to create new /\n createNew?: boolean; // case-violation-ok-legacy-back-compat: optional, and the old name is also read off a value the checker cannot type; renaming it stays assignable and silently yields undefined\n}\n\n/\n Template selector dialog that allows users to search and select from existing templates.\n * This dialog provides a searchable interface with category filtering and template preview.\n /\n@Component({\n selector: 'mj-template-selector-dialog',\n templateUrl: './template-selector-dialog.component.html',\n styleUrls: ['./template-selector-dialog.component.css'],\n standalone: true,\n imports: [CommonModule, ReactiveFormsModule]\n})\nexport class TemplateSelectorDialogComponent extends BaseAngularComponent implements OnInit, OnDestroy {\n \n // Input configuration\n config: TemplateSelectorConfig = { Title: 'Select Template' };\n \n // State management\n private destroy$ = new Subject<void>();\n public Result = new Subject<TemplateSelectorResult \| null>();\n\n /* @deprecated Use {@link Result}. /\n public get result() {\n return this.Result;\n }\n /* @deprecated Use {@link Result}. /\n public set result(value) {\n this.Result = value;\n }\n \n // Data and UI state\n IsLoading$ = new BehaviorSubject<boolean>(false);\n\n /* @deprecated Use {@link IsLoading$}. /\n get isLoading$() {\n return this.IsLoading$;\n }\n /* @deprecated Use {@link IsLoading$}. /\n set isLoading$(value) {\n this.IsLoading$ = value;\n }\n Templates$ = new BehaviorSubject<MJTemplateEntity[]>([]);\n\n /* @deprecated Use {@link Templates$}. /\n get templates$() {\n return this.Templates$;\n }\n /* @deprecated Use {@link Templates$}. /\n set templates$(value) {\n this.Templates$ = value;\n }\n FilteredTemplates$ = new BehaviorSubject<MJTemplateEntity[]>([]);\n\n /* @deprecated Use {@link FilteredTemplates$}. /\n get filteredTemplates$() {\n return this.FilteredTemplates$;\n }\n /* @deprecated Use {@link FilteredTemplates$}. /\n set filteredTemplates$(value) {\n this.FilteredTemplates$ = value;\n }\n Categories$ = new BehaviorSubject<MJTemplateCategoryEntity[]>([]);\n\n /* @deprecated Use {@link Categories$}. /\n get categories$() {\n return this.Categories$;\n }\n /* @deprecated Use {@link Categories$}. /\n set categories$(value) {\n this.Categories$ = value;\n }\n \n // Search and filtering\n SearchControl = new FormControl('');\n\n /* @deprecated Use {@link SearchControl}. /\n get searchControl() {\n return this.SearchControl;\n }\n /* @deprecated Use {@link SearchControl}. /\n set searchControl(value) {\n this.SearchControl = value;\n }\n SelectedCategory: string \| null = null;\n\n /* @deprecated Use {@link SelectedCategory}. /\n get selectedCategory(): string \| null {\n return this.SelectedCategory;\n }\n /* @deprecated Use {@link SelectedCategory}. /\n set selectedCategory(value: string \| null) {\n this.SelectedCategory = value;\n }\n SelectedTemplates: Set<string> = new Set();\n\n /* @deprecated Use {@link SelectedTemplates}. /\n get selectedTemplates(): Set<string> {\n return this.SelectedTemplates;\n }\n /* @deprecated Use {@link SelectedTemplates}. /\n set selectedTemplates(value: Set<string>) {\n this.SelectedTemplates = value;\n }\n \n // View mode\n ViewMode: 'grid' \| 'list' = 'list';\n\n /* @deprecated Use {@link ViewMode}. /\n get viewMode(): 'grid' \| 'list' {\n return this.ViewMode;\n }\n /* @deprecated Use {@link ViewMode}. /\n set viewMode(value: 'grid' \| 'list') {\n this.ViewMode = value;\n }\n\n @Output() DialogClose = new EventEmitter<void>();\n\n constructor(\n private cdr: ChangeDetectorRef\n ) {\n super();}\n\n ngOnInit() {\n this.setupSearch();\n this.loadData();\n \n // Initialize selected templates if provided\n if (this.config.SelectedTemplateIds) {\n this.SelectedTemplates = new Set(this.config.SelectedTemplateIds);\n }\n }\n\n ngOnDestroy() {\n this.destroy$.next();\n this.destroy$.complete();\n }\n\n private setupSearch() {\n this.SearchControl.valueChanges\n .pipe(\n debounceTime(300),\n distinctUntilChanged(),\n takeUntil(this.destroy$)\n )\n .subscribe(searchTerm => {\n this.filterTemplates(searchTerm \|\| '');\n });\n }\n\n private async loadData() {\n this.IsLoading$.next(true);\n \n try {\n // Load both templates and categories in parallel\n await Promise.all([\n this.loadTemplates(),\n this.loadCategories()\n ]);\n } catch (error) {\n console.error('Error loading template data:', error);\n MJNotificationService.Instance.CreateSimpleNotification(\n 'Error loading templates. Please try again.',\n 'error',\n 3000\n );\n } finally {\n this.IsLoading$.next(false);\n }\n }\n\n private async loadTemplates() {\n try {\n const rv = RunView.FromMetadataProvider(this.ProviderToUse);\n \n // Build filter\n let filter = '';\n if (this.config.ShowActiveOnly !== false) {\n filter = \"IsActive = 1\";\n }\n if (this.config.ExtraFilter) {\n filter += filter ? ` AND ${this.config.ExtraFilter}` : this.config.ExtraFilter;\n }\n \n const result = await rv.RunView<MJTemplateEntity>({\n EntityName: 'MJ: Templates',\n ExtraFilter: filter,\n OrderBy: 'Name ASC',\n ResultType: 'entity_object',\n MaxRows: 1000\n });\n\n if (result.Success) {\n const templates = result.Results \|\| [];\n this.Templates$.next(templates);\n this.FilteredTemplates$.next(templates);\n } else {\n throw new Error(result.ErrorMessage \|\| 'Failed to load templates');\n }\n } catch (error) {\n console.error('Error loading templates:', error);\n this.Templates$.next([]);\n this.FilteredTemplates$.next([]);\n }\n }\n\n private async loadCategories() {\n try {\n const rv = RunView.FromMetadataProvider(this.ProviderToUse);\n \n const result = await rv.RunView<MJTemplateCategoryEntity>({\n EntityName: 'MJ: Template Categories',\n ExtraFilter: '',\n OrderBy: 'Name ASC',\n ResultType: 'entity_object',\n MaxRows: 1000\n });\n\n if (result.Success) {\n const categories = result.Results \|\| [];\n this.Categories$.next(categories);\n } else {\n throw new Error(result.ErrorMessage \|\| 'Failed to load categories');\n }\n } catch (error) {\n console.error('Error loading categories:', error);\n this.Categories$.next([]);\n }\n }\n\n private filterTemplates(searchTerm: string) {\n const allTemplates = this.Templates$.value;\n let filtered = allTemplates;\n \n // Apply search filter\n if (searchTerm.trim()) {\n filtered = filtered.filter(template => \n template.Name?.toLowerCase().includes(searchTerm.toLowerCase()) \|\|\n template.Description?.toLowerCase().includes(searchTerm.toLowerCase())\n );\n }\n \n // Apply category filter\n if (this.SelectedCategory) {\n filtered = filtered.filter(template => \n UUIDsEqual(template.CategoryID, this.SelectedCategory)\n );\n }\n \n this.FilteredTemplates$.next(filtered);\n }\n\n // === Category Management ===\n\n OnCategoryChange(categoryId: string \| null) {\n this.SelectedCategory = categoryId === '' ? null : categoryId;\n this.filterTemplates(this.SearchControl.value \|\| '');\n }\n\n /* @deprecated Use {@link OnCategoryChange}. /\n onCategoryChange(categoryId: string \| null) {\n return this.OnCategoryChange(categoryId);\n }\n\n GetCategoryDisplayName(categoryId: string): string {\n const category = this.Categories$.value.find(c => UUIDsEqual(c.ID, categoryId));\n return category?.Name \|\| 'Unknown Category';\n }\n\n /* @deprecated Use {@link GetCategoryDisplayName}. /\n getCategoryDisplayName(categoryId: string): string {\n return this.GetCategoryDisplayName(categoryId);\n }\n\n // === Selection Management ===\n\n ToggleTemplateSelection(template: MJTemplateEntity) {\n if (this.config.MultiSelect) {\n if (this.SelectedTemplates.has(template.ID)) {\n this.SelectedTemplates.delete(template.ID);\n } else {\n this.SelectedTemplates.add(template.ID);\n }\n } else {\n // Single select - replace current selection\n this.SelectedTemplates.clear();\n this.SelectedTemplates.add(template.ID);\n }\n }\n\n /* @deprecated Use {@link ToggleTemplateSelection}. /\n toggleTemplateSelection(template: MJTemplateEntity) {\n return this.ToggleTemplateSelection(template);\n }\n\n IsTemplateSelected(template: MJTemplateEntity): boolean {\n return this.SelectedTemplates.has(template.ID);\n }\n\n /* @deprecated Use {@link IsTemplateSelected}. /\n isTemplateSelected(template: MJTemplateEntity): boolean {\n return this.IsTemplateSelected(template);\n }\n\n GetSelectedTemplateObjects(): MJTemplateEntity[] {\n const allTemplates = this.Templates$.value;\n return allTemplates.filter(template => this.SelectedTemplates.has(template.ID));\n }\n\n /* @deprecated Use {@link GetSelectedTemplateObjects}. /\n getSelectedTemplateObjects(): MJTemplateEntity[] {\n return this.GetSelectedTemplateObjects();\n }\n\n // === UI Helpers ===\n\n ToggleViewMode() {\n this.ViewMode = this.ViewMode === 'grid' ? 'list' : 'grid';\n }\n\n /* @deprecated Use {@link ToggleViewMode}. /\n toggleViewMode() {\n return this.ToggleViewMode();\n }\n\n GetTemplateStatusColor(template: MJTemplateEntity): string {\n if (!template.IsActive) return '#6c757d';\n if (template.DisabledAt && new Date(template.DisabledAt) <= new Date()) return '#dc3545';\n if (template.ActiveAt && new Date(template.ActiveAt) > new Date()) return '#ffc107';\n return '#28a745';\n }\n\n /* @deprecated Use {@link GetTemplateStatusColor}. /\n getTemplateStatusColor(template: MJTemplateEntity): string {\n return this.GetTemplateStatusColor(template);\n }\n\n GetTemplateStatusText(template: MJTemplateEntity): string {\n if (!template.IsActive) return 'Inactive';\n if (template.DisabledAt && new Date(template.DisabledAt) <= new Date()) return 'Disabled';\n if (template.ActiveAt && new Date(template.ActiveAt) > new Date()) return 'Scheduled';\n return 'Active';\n }\n\n /* @deprecated Use {@link GetTemplateStatusText}. /\n getTemplateStatusText(template: MJTemplateEntity): string {\n return this.GetTemplateStatusText(template);\n }\n\n GetTemplatePreview(template: MJTemplateEntity): string {\n if (!template.Description) return 'No description available';\n return template.Description.length > 100 \n ? template.Description.substring(0, 100) + '...' \n : template.Description;\n }\n\n /* @deprecated Use {@link GetTemplatePreview}. /\n getTemplatePreview(template: MJTemplateEntity): string {\n return this.GetTemplatePreview(template);\n }\n\n formatDate(date: Date \| string \| null): string {\n if (!date) return '';\n const d = new Date(date);\n return d.toLocaleDateString();\n }\n\n // === Dialog Actions ===\n\n SelectTemplates() {\n const selectedTemplateObjects = this.GetSelectedTemplateObjects();\n \n if (selectedTemplateObjects.length === 0) {\n MJNotificationService.Instance.CreateSimpleNotification(\n 'Please select at least one template',\n 'warning',\n 2000\n );\n return;\n }\n\n const result: TemplateSelectorResult = {\n SelectedTemplates: selectedTemplateObjects\n };\n\n this.Result.next(result);\n this.DialogClose.emit();\n }\n\n /* @deprecated Use {@link SelectTemplates}. /\n selectTemplates() {\n return this.SelectTemplates();\n }\n\n CreateNew() {\n const result: TemplateSelectorResult = {\n SelectedTemplates: [],\n createNew: true\n };\n\n this.Result.next(result);\n this.DialogClose.emit();\n }\n\n /* @deprecated Use {@link CreateNew}. */\n createNew() {\n return this.CreateNew();\n }\n\n cancel() {\n this.Result.next(null);\n this.DialogClose.emit();\n }\n}","<!-- Template Selector Dialog -->\n<div class=\"template-selector-dialog\">\n <!-- Header -->\n <div class=\"dialog-header\">\n <h3>{{ config.Title }}</h3>\n <div class=\"header-actions\">\n <button\n mjButton\n size=\"sm\"\n (click)=\"toggleViewMode()\"\n >\n <i [class]=\"viewMode === 'list' ? 'fa-solid fa-th' : 'fa-solid fa-list'\"></i>\n {{ viewMode === 'list' ? 'Grid' : 'List' }}\n </button>\n </div>\n </div>\n\n <!-- Search and Filter Section -->\n <div class=\"search-filter-section\">\n <!-- Search Input -->\n <div class=\"search-container\">\n <input\n class=\"mj-input\"\n type=\"text\"\n [formControl]=\"searchControl\"\n placeholder=\"Search templates...\"\n />\n <i class=\"fa-solid fa-search search-icon\"></i>\n </div>\n\n <!-- Category Filter -->\n <div class=\"category-filter\">\n <select\n class=\"mj-input\"\n [value]=\"selectedCategory \|\| ''\"\n (change)=\"onCategoryChange($any($event.target).value \|\| null)\"\n >\n <option value=\"\">All Categories</option>\n @for (category of categories$ \| async; track category.ID) {\n <option [value]=\"category.ID\">{{ category.Name }}</option>\n }\n </select>\n </div>\n </div>\n\n <!-- Loading State -->\n @if (isLoading$ \| async) {\n <div class=\"loading-container\">\n <i class=\"fa-solid fa-spinner fa-spin\"></i>\n <span>Loading templates...</span>\n </div>\n }\n\n <!-- Template List/Grid -->\n @if (!(isLoading$ \| async)) {\n <div class=\"templates-container\" [class.grid-mode]=\"viewMode === 'grid'\">\n @for (template of filteredTemplates$ \| async; track template.ID) {\n <div \n class=\"template-item\"\n [class.selected]=\"isTemplateSelected(template)\"\n (click)=\"toggleTemplateSelection(template)\"\n >\n <!-- Selection Checkbox -->\n <div class=\"selection-indicator\">\n @if (config.MultiSelect) {\n <input\n type=\"checkbox\"\n [checked]=\"isTemplateSelected(template)\"\n (change)=\"toggleTemplateSelection(template)\"\n />\n } @else {\n <input\n type=\"radio\"\n [checked]=\"isTemplateSelected(template)\"\n (change)=\"toggleTemplateSelection(template)\"\n />\n }\n </div>\n\n <!-- Template Info -->\n <div class=\"template-info\">\n <div class=\"template-header\">\n <h4 class=\"template-name\">{{ template.Name }}</h4>\n <div class=\"template-status\">\n <span \n class=\"status-badge\"\n [style.background-color]=\"getTemplateStatusColor(template)\"\n >\n {{ getTemplateStatusText(template) }}\n </span>\n </div>\n </div>\n\n <!-- Template Description -->\n @if (template.Description) {\n <div class=\"template-description\">\n {{ getTemplatePreview(template) }}\n </div>\n }\n\n <!-- Template Metadata -->\n <div class=\"template-metadata\">\n <div class=\"metadata-item\">\n <i class=\"fa-solid fa-user\"></i>\n <span>{{ template.User \|\| 'Unknown User' }}</span>\n </div>\n \n @if (template.Category) {\n <div class=\"metadata-item\">\n <i class=\"fa-solid fa-folder\"></i>\n <span>{{ template.Category }}</span>\n </div>\n }\n \n @if (template.__mj_CreatedAt) {\n <div class=\"metadata-item\">\n <i class=\"fa-solid fa-calendar\"></i>\n <span>{{ formatDate(template.__mj_CreatedAt) }}</span>\n </div>\n }\n </div>\n </div>\n </div>\n } @empty {\n <div class=\"no-templates\">\n <i class=\"fa-solid fa-file-alt fa-3x\"></i>\n <h4>No templates found</h4>\n <p>No templates match your current search criteria.</p>\n </div>\n }\n </div>\n }\n\n <!-- Dialog Actions -->\n <div class=\"dialog-actions\">\n <div class=\"action-buttons\">\n @if (config.ShowCreateNew) {\n <button\n mjButton\n variant=\"outline\"\n (click)=\"createNew()\"\n >\n <i class=\"fa-solid fa-plus\"></i>\n Create New\n </button>\n }\n \n <button\n mjButton\n (click)=\"cancel()\"\n >\n Cancel\n </button>\n \n <button\n mjButton\n variant=\"primary\"\n (click)=\"selectTemplates()\"\n [disabled]=\"selectedTemplates.size === 0\"\n >\n <i class=\"fa-solid fa-check\"></i>\n Select {{ selectedTemplates.size > 0 ? '(' + selectedTemplates.size + ')' : '' }}\n </button>\n </div>\n </div>\n</div>"]}