@memberjunction/ng-conversations 6.2.0-edge.0 → 6.2.0-edge.1

package/dist/lib/components/export/export-modal.component.js

@@ -221,7 +221,7 @@ export class ExportModalComponent {
     dialogService;
     toastService;
     _isVisible = false;
-    set isVisible(value) {
+    set IsVisible(value) {
         const opening = value && !this._isVisible;
         this._isVisible = value;
         if (opening) {
@@ -231,26 +231,98 @@ export class ExportModalComponent {
             // pass must bind [branding] FIRST (Angular sets inputs in template order).
             // chat-area's template does; a host mounting with isVisible already true and
             // branding bound after would get the checkbox defaulted off.
-            this.exportOptions.includeTheme = !!this.branding;
+            this.ExportOptions.includeTheme = !!this.Branding;
         }
     }
-    get isVisible() {
+    get IsVisible() {
         return this._isVisible;
     }
-    conversation;
-    currentUser;
+    /** @deprecated Use {@link IsVisible}. */
+    get isVisible() {
+        return this.IsVisible;
+    }
+    /** @deprecated Use {@link IsVisible}. */
+    set isVisible(value) {
+        this.IsVisible = value;
+    }
+    Conversation;
+    /** @deprecated Use {@link Conversation}. */
+    set conversation(value) {
+        this.Conversation = value;
+    }
+    /** @deprecated Use {@link Conversation}. */
+    get conversation() {
+        return this.Conversation;
+    }
+    CurrentUser;
+    /** @deprecated Use {@link CurrentUser}. */
+    set currentUser(value) {
+        this.CurrentUser = value;
+    }
+    /** @deprecated Use {@link CurrentUser}. */
+    get currentUser() {
+        return this.CurrentUser;
+    }
     /**
      * Host-supplied export branding (theme tokens / logo / title). When set, the
      * HTML format's "Include branding" checkbox defaults on and the branding is
      * passed to {@link ExportService} on export. See `ExportBranding`.
      */
-    branding = null;
-    cancelled = new EventEmitter();
-    exported = new EventEmitter();
-    selectedFormat = 'markdown';
-    isExporting = false;
-    errorMessage = '';
-    exportOptions = {
+    Branding = null;
+    /** @deprecated Use {@link Branding}. */
+    set branding(value) {
+        this.Branding = value;
+    }
+    /** @deprecated Use {@link Branding}. */
+    get branding() {
+        return this.Branding;
+    }
+    Cancelled = new EventEmitter();
+    /**
+     * @deprecated Use {@link Cancelled}.
+     *
+     * The same emitter under the old binding name, so a template still binding
+     * (cancelled) keeps working. Must stay AFTER Cancelled: class fields
+     * initialise in order, and the other way round this captures undefined.
+     */
+    cancelled = this.Cancelled;
+    Exported = new EventEmitter();
+    /**
+     * @deprecated Use {@link Exported}.
+     *
+     * The same emitter under the old binding name, so a template still binding
+     * (exported) keeps working. Must stay AFTER Exported: class fields
+     * initialise in order, and the other way round this captures undefined.
+     */
+    exported = this.Exported;
+    SelectedFormat = 'markdown';
+    /** @deprecated Use {@link SelectedFormat}. */
+    get selectedFormat() {
+        return this.SelectedFormat;
+    }
+    /** @deprecated Use {@link SelectedFormat}. */
+    set selectedFormat(value) {
+        this.SelectedFormat = value;
+    }
+    IsExporting = false;
+    /** @deprecated Use {@link IsExporting}. */
+    get isExporting() {
+        return this.IsExporting;
+    }
+    /** @deprecated Use {@link IsExporting}. */
+    set isExporting(value) {
+        this.IsExporting = value;
+    }
+    ErrorMessage = '';
+    /** @deprecated Use {@link ErrorMessage}. */
+    get errorMessage() {
+        return this.ErrorMessage;
+    }
+    /** @deprecated Use {@link ErrorMessage}. */
+    set errorMessage(value) {
+        this.ErrorMessage = value;
+    }
+    ExportOptions = {
         includeMessages: true,
         includeMetadata: true,
         prettyPrint: true,
@@ -258,17 +330,29 @@ export class ExportModalComponent {
         includeTheme: false,
         themeMode: 'light'
     };
+    /** @deprecated Use {@link ExportOptions}. */
+    get exportOptions() {
+        return this.ExportOptions;
+    }
+    /** @deprecated Use {@link ExportOptions}. */
+    set exportOptions(value) {
+        this.ExportOptions = value;
+    }
     /** Format-aware hint under the "Include branding" checkbox. */
-    get brandingHint() {
-        if (this.selectedFormat === 'html') {
-            if (!this.exportOptions.includeCSS) {
+    get BrandingHint() {
+        if (this.SelectedFormat === 'html') {
+            if (!this.ExportOptions.includeCSS) {
                 return 'Requires "Include CSS styling"';
             }
-            return `Embed the app's theme colors${this.branding?.logoUrl ? ', logo,' : ''} and attribution line`;
+            return `Embed the app's theme colors${this.Branding?.logoUrl ? ', logo,' : ''} and attribution line`;
         }
-        const logo = this.branding?.logoUrl && this.selectedFormat === 'markdown' ? ', logo,' : '';
+        const logo = this.Branding?.logoUrl && this.SelectedFormat === 'markdown' ? ', logo,' : '';
         return `Add the title${logo} and attribution line`;
     }
+    /** @deprecated Use {@link BrandingHint}. */
+    get brandingHint() {
+        return this.BrandingHint;
+    }
     /**
      * The options actually handed to the service. `includeTheme` is the user's INTENT;
      * this resolves it against the selected format:
@@ -281,23 +365,31 @@ export class ExportModalComponent {
      *   format.
      */
     resolveExportOptions() {
-        const unstyledHtml = this.selectedFormat === 'html' && !this.exportOptions.includeCSS;
-        const brandingOn = !!this.exportOptions.includeTheme && !unstyledHtml;
+        const unstyledHtml = this.SelectedFormat === 'html' && !this.ExportOptions.includeCSS;
+        const brandingOn = !!this.ExportOptions.includeTheme && !unstyledHtml;
         return {
-            ...this.exportOptions,
+            ...this.ExportOptions,
             includeTheme: brandingOn,
-            branding: brandingOn ? (this.branding ?? undefined) : undefined
+            branding: brandingOn ? (this.Branding ?? undefined) : undefined
         };
     }
+    get ExportTitle() {
+        return `Export: ${this.Conversation?.Name || 'Conversation'}`;
+    }
+    /** @deprecated Use {@link ExportTitle}. */
     get exportTitle() {
-        return `Export: ${this.conversation?.Name || 'Conversation'}`;
+        return this.ExportTitle;
     }
+    get CanExport() {
+        return !this.IsExporting &&
+            !!this.SelectedFormat &&
+            (this.ExportOptions.includeMessages === true);
+    }
+    /** @deprecated Use {@link CanExport}. */
     get canExport() {
-        return !this.isExporting &&
-            !!this.selectedFormat &&
-            (this.exportOptions.includeMessages === true);
+        return this.CanExport;
     }
-    formats = [
+    Formats = [
         {
             value: 'markdown',
             name: 'Markdown',
@@ -323,60 +415,80 @@ export class ExportModalComponent {
             icon: 'fa-solid fa-file'
         }
     ];
+    /** @deprecated Use {@link Formats}. */
+    get formats() {
+        return this.Formats;
+    }
+    /** @deprecated Use {@link Formats}. */
+    set formats(value) {
+        this.Formats = value;
+    }
     constructor(exportService, dialogService, toastService) {
         this.exportService = exportService;
         this.dialogService = dialogService;
         this.toastService = toastService;
     }
-    selectFormat(format) {
-        if (!this.isExporting) {
-            this.selectedFormat = format;
+    SelectFormat(format) {
+        if (!this.IsExporting) {
+            this.SelectedFormat = format;
         }
     }
-    async onExport() {
-        if (!this.canExport || !this.conversation) {
+    /** @deprecated Use {@link SelectFormat}. */
+    selectFormat(format) {
+        return this.SelectFormat(format);
+    }
+    async OnExport() {
+        if (!this.CanExport || !this.Conversation) {
             return;
         }
-        if (!this.exportOptions.includeMessages) {
-            this.errorMessage = 'At least "Include messages" must be selected';
+        if (!this.ExportOptions.includeMessages) {
+            this.ErrorMessage = 'At least "Include messages" must be selected';
             return;
         }
-        this.isExporting = true;
-        this.errorMessage = '';
+        this.IsExporting = true;
+        this.ErrorMessage = '';
         try {
-            await this.exportService.exportConversation(this.conversation.ID, this.selectedFormat, this.currentUser, this.resolveExportOptions());
+            await this.exportService.exportConversation(this.Conversation.ID, this.SelectedFormat, this.CurrentUser, this.resolveExportOptions());
             this.toastService.success('Conversation exported successfully');
-            this.exported.emit();
+            this.Exported.emit();
             this.resetForm();
         }
         catch (error) {
             console.error('Error exporting conversation:', error);
-            this.errorMessage = error instanceof Error ? error.message : 'Failed to export conversation';
-            this.toastService.error(this.errorMessage);
+            this.ErrorMessage = error instanceof Error ? error.message : 'Failed to export conversation';
+            this.toastService.error(this.ErrorMessage);
         }
         finally {
-            this.isExporting = false;
+            this.IsExporting = false;
         }
     }
-    onCancel() {
-        this.cancelled.emit();
+    /** @deprecated Use {@link OnExport}. */
+    async onExport() {
+        return this.OnExport();
+    }
+    OnCancel() {
+        this.Cancelled.emit();
         this.resetForm();
     }
+    /** @deprecated Use {@link OnCancel}. */
+    onCancel() {
+        return this.OnCancel();
+    }
     resetForm() {
-        this.selectedFormat = 'markdown';
-        this.errorMessage = '';
-        this.exportOptions = {
+        this.SelectedFormat = 'markdown';
+        this.ErrorMessage = '';
+        this.ExportOptions = {
             includeMessages: true,
             includeMetadata: true,
             prettyPrint: true,
             includeCSS: true,
-            includeTheme: !!this.branding,
+            includeTheme: !!this.Branding,
             themeMode: 'light'
         };
-        this.isVisible = false;
+        this.IsVisible = false;
     }
     static ɵfac = function ExportModalComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ExportModalComponent)(i0.ɵɵdirectiveInject(i1.ExportService), i0.ɵɵdirectiveInject(i2.DialogService), i0.ɵɵdirectiveInject(i3.ToastService)); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ExportModalComponent, selectors: [["mj-export-modal"]], inputs: { isVisible: "isVisible", conversation: "conversation", currentUser: "currentUser", branding: "branding" }, outputs: { cancelled: "cancelled", exported: "exported" }, standalone: false, decls: 1, vars: 1, consts: [[3, "Title", "Width", "Height", "Visible"], [3, "Close", "Title", "Width", "Height", "Visible"], [1, "export-modal-content"], [1, "format-section"], [1, "section-title"], [1, "fa-solid", "fa-file-export"], [1, "section-description"], [1, "format-options"], [1, "format-option", 3, "selected"], [1, "options-section"], [1, "fa-solid", "fa-sliders"], [1, "option-checkboxes"], [1, "checkbox-label"], ["type", "checkbox", 3, "ngModelChange", "ngModel", "disabled"], [1, "format-specific-options"], [1, "error-message"], [1, "loading-indicator"], ["mjButton", "", 3, "click", "disabled"], [1, "fa-solid", "fa-times"], ["mjButton", "", "variant", "primary", 3, "click", "disabled"], [1, "fa-solid", "fa-download"], [1, "format-option", 3, "click"], [1, "format-details"], [1, "format-name"], [1, "format-description"], [1, "fa-solid", "fa-check-circle", "check-icon"], [1, "subsection-title"], [1, "mj-input", "theme-mode-select", 3, "ngModelChange", "ngModel", "disabled"], ["value", "light"], ["value", "dark"], [1, "fa-solid", "fa-exclamation-triangle"], ["text", "Exporting conversation...", "size", "small"]], template: function ExportModalComponent_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ExportModalComponent, selectors: [["mj-export-modal"]], inputs: { IsVisible: "IsVisible", isVisible: "isVisible", Conversation: "Conversation", conversation: "conversation", CurrentUser: "CurrentUser", currentUser: "currentUser", Branding: "Branding", branding: "branding" }, outputs: { Cancelled: "Cancelled", cancelled: "cancelled", Exported: "Exported", exported: "exported" }, standalone: false, decls: 1, vars: 1, consts: [[3, "Title", "Width", "Height", "Visible"], [3, "Close", "Title", "Width", "Height", "Visible"], [1, "export-modal-content"], [1, "format-section"], [1, "section-title"], [1, "fa-solid", "fa-file-export"], [1, "section-description"], [1, "format-options"], [1, "format-option", 3, "selected"], [1, "options-section"], [1, "fa-solid", "fa-sliders"], [1, "option-checkboxes"], [1, "checkbox-label"], ["type", "checkbox", 3, "ngModelChange", "ngModel", "disabled"], [1, "format-specific-options"], [1, "error-message"], [1, "loading-indicator"], ["mjButton", "", 3, "click", "disabled"], [1, "fa-solid", "fa-times"], ["mjButton", "", "variant", "primary", 3, "click", "disabled"], [1, "fa-solid", "fa-download"], [1, "format-option", 3, "click"], [1, "format-details"], [1, "format-name"], [1, "format-description"], [1, "fa-solid", "fa-check-circle", "check-icon"], [1, "subsection-title"], [1, "mj-input", "theme-mode-select", 3, "ngModelChange", "ngModel", "disabled"], ["value", "light"], ["value", "dark"], [1, "fa-solid", "fa-exclamation-triangle"], ["text", "Exporting conversation...", "size", "small"]], template: function ExportModalComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵconditionalCreate(0, ExportModalComponent_Conditional_0_Template, 40, 15, "mj-dialog", 0);
         } if (rf & 2) {
             i0.ɵɵconditional(ctx.isVisible ? 0 : -1);
@@ -524,16 +636,28 @@ export class ExportModalComponent {
       </mj-dialog>
     }
     `, styles: ["\n    .export-modal-content {\n      padding: 20px;\n      max-height: calc(600px - 120px);\n      overflow-y: auto;\n    }\n\n    section {\n      margin-bottom: 24px;\n    }\n\n    .section-title {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      margin: 0 0 8px 0;\n      font-size: 16px;\n      font-weight: 600;\n      color: var(--mj-text-primary);\n    }\n\n    .section-title i {\n      color: var(--mj-brand-primary);\n    }\n\n    .section-description {\n      margin: 0 0 16px 0;\n      color: var(--mj-text-muted);\n      font-size: 14px;\n    }\n\n    .format-options {\n      display: flex;\n      flex-direction: column;\n      gap: 10px;\n    }\n\n    .format-option {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      padding: 12px;\n      border: 2px solid var(--mj-border-strong);\n      border-radius: 6px;\n      cursor: pointer;\n      transition: all 0.2s;\n      background: var(--mj-bg-surface-card);\n    }\n\n    .format-option:hover {\n      border-color: var(--mj-brand-primary);\n      background: var(--mj-bg-surface-sunken);\n    }\n\n    .format-option.selected {\n      border-color: var(--mj-brand-primary);\n      background: color-mix(in srgb, var(--mj-brand-primary) 20%, var(--mj-bg-surface-card));\n    }\n\n    .format-option > i.fa-solid,\n    .format-option > i.fas {\n      font-size: 24px;\n      color: var(--mj-text-muted);\n      width: 32px;\n      text-align: center;\n    }\n\n    .format-option.selected > i.fa-solid,\n    .format-option.selected > i.fas {\n      color: var(--mj-brand-primary);\n    }\n\n    .format-details {\n      flex: 1;\n    }\n\n    .format-name {\n      font-weight: 500;\n      font-size: 14px;\n      margin-bottom: 2px;\n    }\n\n    .format-description {\n      font-size: 12px;\n      color: var(--mj-text-muted);\n    }\n\n    .check-icon {\n      font-size: 20px;\n      color: var(--mj-status-success);\n    }\n\n    .option-checkboxes {\n      display: flex;\n      flex-direction: column;\n      gap: 12px;\n    }\n\n    .checkbox-label {\n      display: flex;\n      flex-direction: column;\n      gap: 4px;\n      cursor: pointer;\n      padding: 8px;\n      border-radius: 4px;\n      transition: background 0.2s;\n    }\n\n    .checkbox-label:hover {\n      background: var(--mj-bg-surface-sunken);\n    }\n\n    .checkbox-label input[type=\"checkbox\"] {\n      margin-right: 8px;\n      cursor: pointer;\n    }\n\n    .checkbox-label > span {\n      display: inline-flex;\n      align-items: center;\n      font-size: 14px;\n      font-weight: 500;\n    }\n\n    .checkbox-label input[type=\"checkbox\"]:disabled {\n      cursor: not-allowed;\n    }\n\n    .theme-mode-select {\n      margin-left: 8px;\n      padding: 2px 6px;\n      font-size: 13px;\n    }\n\n    .checkbox-label small {\n      margin-left: 28px;\n      font-size: 12px;\n      color: var(--mj-text-muted);\n    }\n\n    .format-specific-options {\n      margin-top: 16px;\n      padding-top: 16px;\n      border-top: 1px solid var(--mj-border-default);\n    }\n\n    .subsection-title {\n      margin: 0 0 12px 0;\n      font-size: 14px;\n      font-weight: 600;\n      color: var(--mj-text-secondary);\n    }\n\n    .error-message {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      color: var(--mj-status-error);\n      font-size: 13px;\n      margin-top: 15px;\n      padding: 10px 12px;\n      background: color-mix(in srgb, var(--mj-status-error) 15%, var(--mj-bg-surface));\n      border-left: 3px solid var(--mj-status-error);\n      border-radius: 4px;\n    }\n\n    .loading-indicator {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      margin-top: 15px;\n      padding: 12px;\n      background: var(--mj-bg-surface-sunken);\n      border-radius: 4px;\n      color: var(--mj-text-muted);\n    }\n\n    mj-dialog-actions {\n      display: flex;\n      justify-content: flex-end;\n      gap: 10px;\n      padding: 15px 20px;\n      border-top: 1px solid var(--mj-border-default);\n    }\n\n    mj-dialog-actions button i {\n      margin-right: 6px;\n    }\n  "] }]
-    }], () => [{ type: i1.ExportService }, { type: i2.DialogService }, { type: i3.ToastService }], { isVisible: [{
+    }], () => [{ type: i1.ExportService }, { type: i2.DialogService }, { type: i3.ToastService }], { IsVisible: [{
+            type: Input
+        }], isVisible: [{
+            type: Input
+        }], Conversation: [{
             type: Input
         }], conversation: [{
             type: Input
+        }], CurrentUser: [{
+            type: Input
         }], currentUser: [{
             type: Input
+        }], Branding: [{
+            type: Input
         }], branding: [{
             type: Input
+        }], Cancelled: [{
+            type: Output
         }], cancelled: [{
             type: Output
+        }], Exported: [{
+            type: Output
         }], exported: [{
             type: Output
         }] }); })();

package/dist/lib/components/export/export-modal.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"export-modal.component.js","sourceRoot":"","sources":["../../../../src/lib/components/export/export-modal.component.ts"],"names":[],"mappings":"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","sourcesContent":["import { Component, EventEmitter, Input, Output } from '@angular/core';\nimport { MJConversationEntity } from '@memberjunction/core-entities';\nimport { UserInfo } from '@memberjunction/core';\nimport { ExportService, ExportFormat, ExportOptions, ExportBranding } from '../../services/export.service';\nimport { DialogService } from '../../services/dialog.service';\nimport { ToastService } from '../../services/toast.service';\n\n@Component({\n  standalone: false,\n  selector: 'mj-export-modal',\n  template: `\n    @if (isVisible) {\n      <mj-dialog\n        [Title]=\"exportTitle\"\n        [Width]=\"600\"\n        [Height]=\"600\"\n        [Visible]=\"true\"\n        (Close)=\"onCancel()\">\n        <div class=\"export-modal-content\">\n          <section class=\"format-section\">\n            <h3 class=\"section-title\">\n              <i class=\"fa-solid fa-file-export\"></i>\n              Export Format\n            </h3>\n            <p class=\"section-description\">\n              Choose a format to export this conversation:\n            </p>\n            <div class=\"format-options\">\n              @for (format of formats; track format.value) {\n                <div\n                  class=\"format-option\"\n                  [class.selected]=\"selectedFormat === format.value\"\n                  (click)=\"selectFormat(format.value)\">\n                  <i [class]=\"format.icon\"></i>\n                  <div class=\"format-details\">\n                    <div class=\"format-name\">{{ format.name }}</div>\n                    <div class=\"format-description\">{{ format.description }}</div>\n                  </div>\n                  @if (selectedFormat === format.value) {\n                    <i class=\"fa-solid fa-check-circle check-icon\"></i>\n                  }\n                </div>\n              }\n            </div>\n          </section>\n          <section class=\"options-section\">\n            <h3 class=\"section-title\">\n              <i class=\"fa-solid fa-sliders\"></i>\n              Export Options\n            </h3>\n            <div class=\"option-checkboxes\">\n              <label class=\"checkbox-label\">\n                <input\n                  type=\"checkbox\"\n                  [(ngModel)]=\"exportOptions.includeMessages\"\n                  [disabled]=\"isExporting\">\n                <span>Include messages</span>\n                <small>Export all conversation messages</small>\n              </label>\n              <label class=\"checkbox-label\">\n                <input\n                  type=\"checkbox\"\n                  [(ngModel)]=\"exportOptions.includeMetadata\"\n                  [disabled]=\"isExporting\">\n                <span>Include metadata</span>\n                <small>Add creation date, IDs, and other metadata</small>\n              </label>\n              <!-- Branding applies to EVERY format (HTML gets theme colors + logo +\n                   footer; markdown/text/JSON get the title and attribution), so it\n                   belongs here rather than under HTML Options. Shown for HTML even with\n                   no host branding, because it still snapshots the app's theme. -->\n              @if (selectedFormat === 'html' || branding) {\n                <label class=\"checkbox-label\">\n                  <input\n                    type=\"checkbox\"\n                    [(ngModel)]=\"exportOptions.includeTheme\"\n                    [disabled]=\"isExporting || (selectedFormat === 'html' && !exportOptions.includeCSS)\">\n                  <span>Include branding</span>\n                  <small>{{ brandingHint }}</small>\n                </label>\n              }\n            </div>\n            @if (selectedFormat === 'json') {\n              <div class=\"format-specific-options\">\n                <h4 class=\"subsection-title\">JSON Options</h4>\n                <label class=\"checkbox-label\">\n                  <input\n                    type=\"checkbox\"\n                    [(ngModel)]=\"exportOptions.prettyPrint\"\n                    [disabled]=\"isExporting\">\n                  <span>Pretty print</span>\n                  <small>Format JSON with indentation</small>\n                </label>\n              </div>\n            }\n            @if (selectedFormat === 'html') {\n              <div class=\"format-specific-options\">\n                <h4 class=\"subsection-title\">HTML Options</h4>\n                <label class=\"checkbox-label\">\n                  <input\n                    type=\"checkbox\"\n                    [(ngModel)]=\"exportOptions.includeCSS\"\n                    [disabled]=\"isExporting\">\n                  <span>Include CSS styling</span>\n                  <small>Embed styles for better presentation</small>\n                </label>\n                <!-- Which palette gets baked in — NOT the mode the app happens to be in.\n                     Exporting from a dark session would otherwise put dark text on the\n                     export's white page. -->\n                @if (exportOptions.includeTheme && exportOptions.includeCSS) {\n                  <label class=\"checkbox-label\">\n                    <span>Theme</span>\n                    <select\n                      class=\"mj-input theme-mode-select\"\n                      [(ngModel)]=\"exportOptions.themeMode\"\n                      [disabled]=\"isExporting\">\n                      <option value=\"light\">Light</option>\n                      <option value=\"dark\">Dark</option>\n                    </select>\n                    <small>Palette baked into the exported file</small>\n                  </label>\n                }\n              </div>\n            }\n          </section>\n          @if (errorMessage) {\n            <div class=\"error-message\">\n              <i class=\"fa-solid fa-exclamation-triangle\"></i>\n              {{ errorMessage }}\n            </div>\n          }\n          @if (isExporting) {\n            <div class=\"loading-indicator\">\n              <mj-loading text=\"Exporting conversation...\" size=\"small\"></mj-loading>\n            </div>\n          }\n        </div>\n        <mj-dialog-actions>\n          <button mjButton [disabled]=\"isExporting\" (click)=\"onCancel()\">\n            <i class=\"fa-solid fa-times\"></i>\n            Cancel\n          </button>\n          <button mjButton variant=\"primary\" [disabled]=\"!canExport\" (click)=\"onExport()\">\n            <i class=\"fa-solid fa-download\"></i>\n            Export\n          </button>\n        </mj-dialog-actions>\n      </mj-dialog>\n    }\n    `,\n  styles: [`\n    .export-modal-content {\n      padding: 20px;\n      max-height: calc(600px - 120px);\n      overflow-y: auto;\n    }\n\n    section {\n      margin-bottom: 24px;\n    }\n\n    .section-title {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      margin: 0 0 8px 0;\n      font-size: 16px;\n      font-weight: 600;\n      color: var(--mj-text-primary);\n    }\n\n    .section-title i {\n      color: var(--mj-brand-primary);\n    }\n\n    .section-description {\n      margin: 0 0 16px 0;\n      color: var(--mj-text-muted);\n      font-size: 14px;\n    }\n\n    .format-options {\n      display: flex;\n      flex-direction: column;\n      gap: 10px;\n    }\n\n    .format-option {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      padding: 12px;\n      border: 2px solid var(--mj-border-strong);\n      border-radius: 6px;\n      cursor: pointer;\n      transition: all 0.2s;\n      background: var(--mj-bg-surface-card);\n    }\n\n    .format-option:hover {\n      border-color: var(--mj-brand-primary);\n      background: var(--mj-bg-surface-sunken);\n    }\n\n    .format-option.selected {\n      border-color: var(--mj-brand-primary);\n      background: color-mix(in srgb, var(--mj-brand-primary) 20%, var(--mj-bg-surface-card));\n    }\n\n    .format-option > i.fa-solid,\n    .format-option > i.fas {\n      font-size: 24px;\n      color: var(--mj-text-muted);\n      width: 32px;\n      text-align: center;\n    }\n\n    .format-option.selected > i.fa-solid,\n    .format-option.selected > i.fas {\n      color: var(--mj-brand-primary);\n    }\n\n    .format-details {\n      flex: 1;\n    }\n\n    .format-name {\n      font-weight: 500;\n      font-size: 14px;\n      margin-bottom: 2px;\n    }\n\n    .format-description {\n      font-size: 12px;\n      color: var(--mj-text-muted);\n    }\n\n    .check-icon {\n      font-size: 20px;\n      color: var(--mj-status-success);\n    }\n\n    .option-checkboxes {\n      display: flex;\n      flex-direction: column;\n      gap: 12px;\n    }\n\n    .checkbox-label {\n      display: flex;\n      flex-direction: column;\n      gap: 4px;\n      cursor: pointer;\n      padding: 8px;\n      border-radius: 4px;\n      transition: background 0.2s;\n    }\n\n    .checkbox-label:hover {\n      background: var(--mj-bg-surface-sunken);\n    }\n\n    .checkbox-label input[type=\"checkbox\"] {\n      margin-right: 8px;\n      cursor: pointer;\n    }\n\n    .checkbox-label > span {\n      display: inline-flex;\n      align-items: center;\n      font-size: 14px;\n      font-weight: 500;\n    }\n\n    .checkbox-label input[type=\"checkbox\"]:disabled {\n      cursor: not-allowed;\n    }\n\n    .theme-mode-select {\n      margin-left: 8px;\n      padding: 2px 6px;\n      font-size: 13px;\n    }\n\n    .checkbox-label small {\n      margin-left: 28px;\n      font-size: 12px;\n      color: var(--mj-text-muted);\n    }\n\n    .format-specific-options {\n      margin-top: 16px;\n      padding-top: 16px;\n      border-top: 1px solid var(--mj-border-default);\n    }\n\n    .subsection-title {\n      margin: 0 0 12px 0;\n      font-size: 14px;\n      font-weight: 600;\n      color: var(--mj-text-secondary);\n    }\n\n    .error-message {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      color: var(--mj-status-error);\n      font-size: 13px;\n      margin-top: 15px;\n      padding: 10px 12px;\n      background: color-mix(in srgb, var(--mj-status-error) 15%, var(--mj-bg-surface));\n      border-left: 3px solid var(--mj-status-error);\n      border-radius: 4px;\n    }\n\n    .loading-indicator {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      margin-top: 15px;\n      padding: 12px;\n      background: var(--mj-bg-surface-sunken);\n      border-radius: 4px;\n      color: var(--mj-text-muted);\n    }\n\n    mj-dialog-actions {\n      display: flex;\n      justify-content: flex-end;\n      gap: 10px;\n      padding: 15px 20px;\n      border-top: 1px solid var(--mj-border-default);\n    }\n\n    mj-dialog-actions button i {\n      margin-right: 6px;\n    }\n  `]\n})\nexport class ExportModalComponent {\n  private _isVisible = false;\n  @Input()\n  set isVisible(value: boolean) {\n    const opening = value && !this._isVisible;\n    this._isVisible = value;\n    if (opening) {\n      // Fresh open: \"Include branding\" defaults ON only when the host explicitly\n      // configured export branding — plain MJ Explorer keeps today's unthemed file.\n      // NOTE this reads `branding`, so a host binding both in one change-detection\n      // pass must bind [branding] FIRST (Angular sets inputs in template order).\n      // chat-area's template does; a host mounting with isVisible already true and\n      // branding bound after would get the checkbox defaulted off.\n      this.exportOptions.includeTheme = !!this.branding;\n    }\n  }\n  get isVisible(): boolean {\n    return this._isVisible;\n  }\n\n  @Input() conversation?: MJConversationEntity;\n  @Input() currentUser!: UserInfo;\n  /**\n   * Host-supplied export branding (theme tokens / logo / title). When set, the\n   * HTML format's \"Include branding\" checkbox defaults on and the branding is\n   * passed to {@link ExportService} on export. See `ExportBranding`.\n   */\n  @Input() branding: ExportBranding | null = null;\n  @Output() cancelled = new EventEmitter<void>();\n  @Output() exported = new EventEmitter<void>();\n\n  selectedFormat: ExportFormat | null = 'markdown';\n  isExporting = false;\n  errorMessage = '';\n\n  exportOptions: ExportOptions = {\n    includeMessages: true,\n    includeMetadata: true,\n    prettyPrint: true,\n    includeCSS: true,\n    includeTheme: false,\n    themeMode: 'light'\n  };\n\n  /** Format-aware hint under the \"Include branding\" checkbox. */\n  get brandingHint(): string {\n    if (this.selectedFormat === 'html') {\n      if (!this.exportOptions.includeCSS) {\n        return 'Requires \"Include CSS styling\"';\n      }\n      return `Embed the app's theme colors${this.branding?.logoUrl ? ', logo,' : ''} and attribution line`;\n    }\n    const logo = this.branding?.logoUrl && this.selectedFormat === 'markdown' ? ', logo,' : '';\n    return `Add the title${logo} and attribution line`;\n  }\n\n  /**\n   * The options actually handed to the service. `includeTheme` is the user's INTENT;\n   * this resolves it against the selected format:\n   *\n   * - HTML with the stylesheet off cannot carry branding (a full-size unstyled logo and\n   *   an unstyled footer would leak), so it drops.\n   * - `includeCSS` is an HTML-only concern and must NOT decide anything for\n   *   markdown / text / JSON — resolving here rather than mutating `includeTheme` is\n   *   what keeps an HTML-format toggle from silently following the user into another\n   *   format.\n   */\n  private resolveExportOptions(): ExportOptions {\n    const unstyledHtml = this.selectedFormat === 'html' && !this.exportOptions.includeCSS;\n    const brandingOn = !!this.exportOptions.includeTheme && !unstyledHtml;\n    return {\n      ...this.exportOptions,\n      includeTheme: brandingOn,\n      branding: brandingOn ? (this.branding ?? undefined) : undefined\n    };\n  }\n\n  get exportTitle(): string {\n    return `Export: ${this.conversation?.Name || 'Conversation'}`;\n  }\n\n  get canExport(): boolean {\n    return !this.isExporting &&\n           !!this.selectedFormat &&\n           (this.exportOptions.includeMessages === true);\n  }\n\n  formats = [\n    {\n      value: 'markdown' as ExportFormat,\n      name: 'Markdown',\n      description: 'Formatted text with markdown syntax',\n      icon: 'fa-solid fa-file-alt'\n    },\n    {\n      value: 'json' as ExportFormat,\n      name: 'JSON',\n      description: 'Structured data format',\n      icon: 'fa-solid fa-code'\n    },\n    {\n      value: 'html' as ExportFormat,\n      name: 'HTML',\n      description: 'Web page format',\n      icon: 'fa-solid fa-file-code'\n    },\n    {\n      value: 'text' as ExportFormat,\n      name: 'Plain Text',\n      description: 'Simple text file',\n      icon: 'fa-solid fa-file'\n    }\n  ];\n\n  constructor(\n    private exportService: ExportService,\n    private dialogService: DialogService,\n    private toastService: ToastService\n  ) {}\n\n  selectFormat(format: ExportFormat): void {\n    if (!this.isExporting) {\n      this.selectedFormat = format;\n    }\n  }\n\n  async onExport(): Promise<void> {\n    if (!this.canExport || !this.conversation) {\n      return;\n    }\n\n    if (!this.exportOptions.includeMessages) {\n      this.errorMessage = 'At least \"Include messages\" must be selected';\n      return;\n    }\n\n    this.isExporting = true;\n    this.errorMessage = '';\n\n    try {\n      await this.exportService.exportConversation(\n        this.conversation.ID,\n        this.selectedFormat!,\n        this.currentUser,\n        this.resolveExportOptions()\n      );\n\n      this.toastService.success('Conversation exported successfully');\n      this.exported.emit();\n      this.resetForm();\n    } catch (error) {\n      console.error('Error exporting conversation:', error);\n      this.errorMessage = error instanceof Error ? error.message : 'Failed to export conversation';\n      this.toastService.error(this.errorMessage);\n    } finally {\n      this.isExporting = false;\n    }\n  }\n\n  onCancel(): void {\n    this.cancelled.emit();\n    this.resetForm();\n  }\n\n  private resetForm(): void {\n    this.selectedFormat = 'markdown';\n    this.errorMessage = '';\n    this.exportOptions = {\n      includeMessages: true,\n      includeMetadata: true,\n      prettyPrint: true,\n      includeCSS: true,\n      includeTheme: !!this.branding,\n      themeMode: 'light'\n    };\n    this.isVisible = false;\n  }\n}\n"]}
+{"version":3,"file":"export-modal.component.js","sourceRoot":"","sources":["../../../../src/lib/components/export/export-modal.component.ts"],"names":[],"mappings":"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","sourcesContent":["import { Component, EventEmitter, Input, Output } from '@angular/core';\nimport { MJConversationEntity } from '@memberjunction/core-entities';\nimport { UserInfo } from '@memberjunction/core';\nimport { ExportService, ExportFormat, ExportOptions, ExportBranding } from '../../services/export.service';\nimport { DialogService } from '../../services/dialog.service';\nimport { ToastService } from '../../services/toast.service';\n\n@Component({\n  standalone: false,\n  selector: 'mj-export-modal',\n  template: `\n    @if (isVisible) {\n      <mj-dialog\n        [Title]=\"exportTitle\"\n        [Width]=\"600\"\n        [Height]=\"600\"\n        [Visible]=\"true\"\n        (Close)=\"onCancel()\">\n        <div class=\"export-modal-content\">\n          <section class=\"format-section\">\n            <h3 class=\"section-title\">\n              <i class=\"fa-solid fa-file-export\"></i>\n              Export Format\n            </h3>\n            <p class=\"section-description\">\n              Choose a format to export this conversation:\n            </p>\n            <div class=\"format-options\">\n              @for (format of formats; track format.value) {\n                <div\n                  class=\"format-option\"\n                  [class.selected]=\"selectedFormat === format.value\"\n                  (click)=\"selectFormat(format.value)\">\n                  <i [class]=\"format.icon\"></i>\n                  <div class=\"format-details\">\n                    <div class=\"format-name\">{{ format.name }}</div>\n                    <div class=\"format-description\">{{ format.description }}</div>\n                  </div>\n                  @if (selectedFormat === format.value) {\n                    <i class=\"fa-solid fa-check-circle check-icon\"></i>\n                  }\n                </div>\n              }\n            </div>\n          </section>\n          <section class=\"options-section\">\n            <h3 class=\"section-title\">\n              <i class=\"fa-solid fa-sliders\"></i>\n              Export Options\n            </h3>\n            <div class=\"option-checkboxes\">\n              <label class=\"checkbox-label\">\n                <input\n                  type=\"checkbox\"\n                  [(ngModel)]=\"exportOptions.includeMessages\"\n                  [disabled]=\"isExporting\">\n                <span>Include messages</span>\n                <small>Export all conversation messages</small>\n              </label>\n              <label class=\"checkbox-label\">\n                <input\n                  type=\"checkbox\"\n                  [(ngModel)]=\"exportOptions.includeMetadata\"\n                  [disabled]=\"isExporting\">\n                <span>Include metadata</span>\n                <small>Add creation date, IDs, and other metadata</small>\n              </label>\n              <!-- Branding applies to EVERY format (HTML gets theme colors + logo +\n                   footer; markdown/text/JSON get the title and attribution), so it\n                   belongs here rather than under HTML Options. Shown for HTML even with\n                   no host branding, because it still snapshots the app's theme. -->\n              @if (selectedFormat === 'html' || branding) {\n                <label class=\"checkbox-label\">\n                  <input\n                    type=\"checkbox\"\n                    [(ngModel)]=\"exportOptions.includeTheme\"\n                    [disabled]=\"isExporting || (selectedFormat === 'html' && !exportOptions.includeCSS)\">\n                  <span>Include branding</span>\n                  <small>{{ brandingHint }}</small>\n                </label>\n              }\n            </div>\n            @if (selectedFormat === 'json') {\n              <div class=\"format-specific-options\">\n                <h4 class=\"subsection-title\">JSON Options</h4>\n                <label class=\"checkbox-label\">\n                  <input\n                    type=\"checkbox\"\n                    [(ngModel)]=\"exportOptions.prettyPrint\"\n                    [disabled]=\"isExporting\">\n                  <span>Pretty print</span>\n                  <small>Format JSON with indentation</small>\n                </label>\n              </div>\n            }\n            @if (selectedFormat === 'html') {\n              <div class=\"format-specific-options\">\n                <h4 class=\"subsection-title\">HTML Options</h4>\n                <label class=\"checkbox-label\">\n                  <input\n                    type=\"checkbox\"\n                    [(ngModel)]=\"exportOptions.includeCSS\"\n                    [disabled]=\"isExporting\">\n                  <span>Include CSS styling</span>\n                  <small>Embed styles for better presentation</small>\n                </label>\n                <!-- Which palette gets baked in — NOT the mode the app happens to be in.\n                     Exporting from a dark session would otherwise put dark text on the\n                     export's white page. -->\n                @if (exportOptions.includeTheme && exportOptions.includeCSS) {\n                  <label class=\"checkbox-label\">\n                    <span>Theme</span>\n                    <select\n                      class=\"mj-input theme-mode-select\"\n                      [(ngModel)]=\"exportOptions.themeMode\"\n                      [disabled]=\"isExporting\">\n                      <option value=\"light\">Light</option>\n                      <option value=\"dark\">Dark</option>\n                    </select>\n                    <small>Palette baked into the exported file</small>\n                  </label>\n                }\n              </div>\n            }\n          </section>\n          @if (errorMessage) {\n            <div class=\"error-message\">\n              <i class=\"fa-solid fa-exclamation-triangle\"></i>\n              {{ errorMessage }}\n            </div>\n          }\n          @if (isExporting) {\n            <div class=\"loading-indicator\">\n              <mj-loading text=\"Exporting conversation...\" size=\"small\"></mj-loading>\n            </div>\n          }\n        </div>\n        <mj-dialog-actions>\n          <button mjButton [disabled]=\"isExporting\" (click)=\"onCancel()\">\n            <i class=\"fa-solid fa-times\"></i>\n            Cancel\n          </button>\n          <button mjButton variant=\"primary\" [disabled]=\"!canExport\" (click)=\"onExport()\">\n            <i class=\"fa-solid fa-download\"></i>\n            Export\n          </button>\n        </mj-dialog-actions>\n      </mj-dialog>\n    }\n    `,\n  styles: [`\n    .export-modal-content {\n      padding: 20px;\n      max-height: calc(600px - 120px);\n      overflow-y: auto;\n    }\n\n    section {\n      margin-bottom: 24px;\n    }\n\n    .section-title {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      margin: 0 0 8px 0;\n      font-size: 16px;\n      font-weight: 600;\n      color: var(--mj-text-primary);\n    }\n\n    .section-title i {\n      color: var(--mj-brand-primary);\n    }\n\n    .section-description {\n      margin: 0 0 16px 0;\n      color: var(--mj-text-muted);\n      font-size: 14px;\n    }\n\n    .format-options {\n      display: flex;\n      flex-direction: column;\n      gap: 10px;\n    }\n\n    .format-option {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      padding: 12px;\n      border: 2px solid var(--mj-border-strong);\n      border-radius: 6px;\n      cursor: pointer;\n      transition: all 0.2s;\n      background: var(--mj-bg-surface-card);\n    }\n\n    .format-option:hover {\n      border-color: var(--mj-brand-primary);\n      background: var(--mj-bg-surface-sunken);\n    }\n\n    .format-option.selected {\n      border-color: var(--mj-brand-primary);\n      background: color-mix(in srgb, var(--mj-brand-primary) 20%, var(--mj-bg-surface-card));\n    }\n\n    .format-option > i.fa-solid,\n    .format-option > i.fas {\n      font-size: 24px;\n      color: var(--mj-text-muted);\n      width: 32px;\n      text-align: center;\n    }\n\n    .format-option.selected > i.fa-solid,\n    .format-option.selected > i.fas {\n      color: var(--mj-brand-primary);\n    }\n\n    .format-details {\n      flex: 1;\n    }\n\n    .format-name {\n      font-weight: 500;\n      font-size: 14px;\n      margin-bottom: 2px;\n    }\n\n    .format-description {\n      font-size: 12px;\n      color: var(--mj-text-muted);\n    }\n\n    .check-icon {\n      font-size: 20px;\n      color: var(--mj-status-success);\n    }\n\n    .option-checkboxes {\n      display: flex;\n      flex-direction: column;\n      gap: 12px;\n    }\n\n    .checkbox-label {\n      display: flex;\n      flex-direction: column;\n      gap: 4px;\n      cursor: pointer;\n      padding: 8px;\n      border-radius: 4px;\n      transition: background 0.2s;\n    }\n\n    .checkbox-label:hover {\n      background: var(--mj-bg-surface-sunken);\n    }\n\n    .checkbox-label input[type=\"checkbox\"] {\n      margin-right: 8px;\n      cursor: pointer;\n    }\n\n    .checkbox-label > span {\n      display: inline-flex;\n      align-items: center;\n      font-size: 14px;\n      font-weight: 500;\n    }\n\n    .checkbox-label input[type=\"checkbox\"]:disabled {\n      cursor: not-allowed;\n    }\n\n    .theme-mode-select {\n      margin-left: 8px;\n      padding: 2px 6px;\n      font-size: 13px;\n    }\n\n    .checkbox-label small {\n      margin-left: 28px;\n      font-size: 12px;\n      color: var(--mj-text-muted);\n    }\n\n    .format-specific-options {\n      margin-top: 16px;\n      padding-top: 16px;\n      border-top: 1px solid var(--mj-border-default);\n    }\n\n    .subsection-title {\n      margin: 0 0 12px 0;\n      font-size: 14px;\n      font-weight: 600;\n      color: var(--mj-text-secondary);\n    }\n\n    .error-message {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      color: var(--mj-status-error);\n      font-size: 13px;\n      margin-top: 15px;\n      padding: 10px 12px;\n      background: color-mix(in srgb, var(--mj-status-error) 15%, var(--mj-bg-surface));\n      border-left: 3px solid var(--mj-status-error);\n      border-radius: 4px;\n    }\n\n    .loading-indicator {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      margin-top: 15px;\n      padding: 12px;\n      background: var(--mj-bg-surface-sunken);\n      border-radius: 4px;\n      color: var(--mj-text-muted);\n    }\n\n    mj-dialog-actions {\n      display: flex;\n      justify-content: flex-end;\n      gap: 10px;\n      padding: 15px 20px;\n      border-top: 1px solid var(--mj-border-default);\n    }\n\n    mj-dialog-actions button i {\n      margin-right: 6px;\n    }\n  `]\n})\nexport class ExportModalComponent {\n  private _isVisible = false;\n  @Input()\n  set IsVisible(value: boolean) {\n    const opening = value && !this._isVisible;\n    this._isVisible = value;\n    if (opening) {\n      // Fresh open: \"Include branding\" defaults ON only when the host explicitly\n      // configured export branding — plain MJ Explorer keeps today's unthemed file.\n      // NOTE this reads `branding`, so a host binding both in one change-detection\n      // pass must bind [branding] FIRST (Angular sets inputs in template order).\n      // chat-area's template does; a host mounting with isVisible already true and\n      // branding bound after would get the checkbox defaulted off.\n      this.ExportOptions.includeTheme = !!this.Branding;\n    }\n  }\n  get IsVisible(): boolean {\n    return this._isVisible;\n  }\n\n  /** @deprecated Use {@link IsVisible}. */\n  get isVisible(): boolean {\n    return this.IsVisible;\n  }\n  /** @deprecated Use {@link IsVisible}. */\n  @Input() set isVisible(value: boolean) {\n    this.IsVisible = value;\n  }\n\n  @Input() Conversation?: MJConversationEntity;\n\n  /** @deprecated Use {@link Conversation}. */\n  @Input() set conversation(value: MJConversationEntity | undefined) {\n    this.Conversation = value;\n  }\n  /** @deprecated Use {@link Conversation}. */\n  get conversation(): MJConversationEntity | undefined {\n    return this.Conversation;\n  }\n  @Input() CurrentUser!: UserInfo;\n\n  /** @deprecated Use {@link CurrentUser}. */\n  @Input() set currentUser(value: UserInfo) {\n    this.CurrentUser = value;\n  }\n  /** @deprecated Use {@link CurrentUser}. */\n  get currentUser(): UserInfo {\n    return this.CurrentUser;\n  }\n  /**\n   * Host-supplied export branding (theme tokens / logo / title). When set, the\n   * HTML format's \"Include branding\" checkbox defaults on and the branding is\n   * passed to {@link ExportService} on export. See `ExportBranding`.\n   */\n  @Input() Branding: ExportBranding | null = null;\n\n  /** @deprecated Use {@link Branding}. */\n  @Input() set branding(value: ExportBranding | null) {\n    this.Branding = value;\n  }\n  /** @deprecated Use {@link Branding}. */\n  get branding(): ExportBranding | null {\n    return this.Branding;\n  }\n  @Output() Cancelled = new EventEmitter<void>();\n\n  /**\n   * @deprecated Use {@link Cancelled}.\n   *\n   * The same emitter under the old binding name, so a template still binding\n   * (cancelled) keeps working. Must stay AFTER Cancelled: class fields\n   * initialise in order, and the other way round this captures undefined.\n   */\n  @Output() cancelled = this.Cancelled;\n  @Output() Exported = new EventEmitter<void>();\n\n  /**\n   * @deprecated Use {@link Exported}.\n   *\n   * The same emitter under the old binding name, so a template still binding\n   * (exported) keeps working. Must stay AFTER Exported: class fields\n   * initialise in order, and the other way round this captures undefined.\n   */\n  @Output() exported = this.Exported;\n\n  SelectedFormat: ExportFormat | null = 'markdown';\n\n  /** @deprecated Use {@link SelectedFormat}. */\n  get selectedFormat(): ExportFormat | null {\n    return this.SelectedFormat;\n  }\n  /** @deprecated Use {@link SelectedFormat}. */\n  set selectedFormat(value: ExportFormat | null) {\n    this.SelectedFormat = value;\n  }\n  IsExporting = false;\n\n  /** @deprecated Use {@link IsExporting}. */\n  get isExporting() {\n    return this.IsExporting;\n  }\n  /** @deprecated Use {@link IsExporting}. */\n  set isExporting(value) {\n    this.IsExporting = value;\n  }\n  ErrorMessage = '';\n\n  /** @deprecated Use {@link ErrorMessage}. */\n  get errorMessage() {\n    return this.ErrorMessage;\n  }\n  /** @deprecated Use {@link ErrorMessage}. */\n  set errorMessage(value) {\n    this.ErrorMessage = value;\n  }\n\n  ExportOptions: ExportOptions = {\n    includeMessages: true,\n    includeMetadata: true,\n    prettyPrint: true,\n    includeCSS: true,\n    includeTheme: false,\n    themeMode: 'light'\n  };\n\n  /** @deprecated Use {@link ExportOptions}. */\n  get exportOptions(): ExportOptions {\n    return this.ExportOptions;\n  }\n  /** @deprecated Use {@link ExportOptions}. */\n  set exportOptions(value: ExportOptions) {\n    this.ExportOptions = value;\n  }\n\n  /** Format-aware hint under the \"Include branding\" checkbox. */\n  get BrandingHint(): string {\n    if (this.SelectedFormat === 'html') {\n      if (!this.ExportOptions.includeCSS) {\n        return 'Requires \"Include CSS styling\"';\n      }\n      return `Embed the app's theme colors${this.Branding?.logoUrl ? ', logo,' : ''} and attribution line`;\n    }\n    const logo = this.Branding?.logoUrl && this.SelectedFormat === 'markdown' ? ', logo,' : '';\n    return `Add the title${logo} and attribution line`;\n  }\n\n  /** @deprecated Use {@link BrandingHint}. */\n  get brandingHint(): string {\n    return this.BrandingHint;\n  }\n\n  /**\n   * The options actually handed to the service. `includeTheme` is the user's INTENT;\n   * this resolves it against the selected format:\n   *\n   * - HTML with the stylesheet off cannot carry branding (a full-size unstyled logo and\n   *   an unstyled footer would leak), so it drops.\n   * - `includeCSS` is an HTML-only concern and must NOT decide anything for\n   *   markdown / text / JSON — resolving here rather than mutating `includeTheme` is\n   *   what keeps an HTML-format toggle from silently following the user into another\n   *   format.\n   */\n  private resolveExportOptions(): ExportOptions {\n    const unstyledHtml = this.SelectedFormat === 'html' && !this.ExportOptions.includeCSS;\n    const brandingOn = !!this.ExportOptions.includeTheme && !unstyledHtml;\n    return {\n      ...this.ExportOptions,\n      includeTheme: brandingOn,\n      branding: brandingOn ? (this.Branding ?? undefined) : undefined\n    };\n  }\n\n  get ExportTitle(): string {\n    return `Export: ${this.Conversation?.Name || 'Conversation'}`;\n  }\n\n  /** @deprecated Use {@link ExportTitle}. */\n  get exportTitle(): string {\n    return this.ExportTitle;\n  }\n\n  get CanExport(): boolean {\n    return !this.IsExporting &&\n           !!this.SelectedFormat &&\n           (this.ExportOptions.includeMessages === true);\n  }\n\n  /** @deprecated Use {@link CanExport}. */\n  get canExport(): boolean {\n    return this.CanExport;\n  }\n\n  Formats = [\n    {\n      value: 'markdown' as ExportFormat,\n      name: 'Markdown',\n      description: 'Formatted text with markdown syntax',\n      icon: 'fa-solid fa-file-alt'\n    },\n    {\n      value: 'json' as ExportFormat,\n      name: 'JSON',\n      description: 'Structured data format',\n      icon: 'fa-solid fa-code'\n    },\n    {\n      value: 'html' as ExportFormat,\n      name: 'HTML',\n      description: 'Web page format',\n      icon: 'fa-solid fa-file-code'\n    },\n    {\n      value: 'text' as ExportFormat,\n      name: 'Plain Text',\n      description: 'Simple text file',\n      icon: 'fa-solid fa-file'\n    }\n  ];\n\n  /** @deprecated Use {@link Formats}. */\n  get formats() {\n    return this.Formats;\n  }\n  /** @deprecated Use {@link Formats}. */\n  set formats(value) {\n    this.Formats = value;\n  }\n\n  constructor(\n    private exportService: ExportService,\n    private dialogService: DialogService,\n    private toastService: ToastService\n  ) {}\n\n  SelectFormat(format: ExportFormat): void {\n    if (!this.IsExporting) {\n      this.SelectedFormat = format;\n    }\n  }\n\n  /** @deprecated Use {@link SelectFormat}. */\n  selectFormat(format: ExportFormat): void {\n    return this.SelectFormat(format);\n  }\n\n  async OnExport(): Promise<void> {\n    if (!this.CanExport || !this.Conversation) {\n      return;\n    }\n\n    if (!this.ExportOptions.includeMessages) {\n      this.ErrorMessage = 'At least \"Include messages\" must be selected';\n      return;\n    }\n\n    this.IsExporting = true;\n    this.ErrorMessage = '';\n\n    try {\n      await this.exportService.exportConversation(\n        this.Conversation.ID,\n        this.SelectedFormat!,\n        this.CurrentUser,\n        this.resolveExportOptions()\n      );\n\n      this.toastService.success('Conversation exported successfully');\n      this.Exported.emit();\n      this.resetForm();\n    } catch (error) {\n      console.error('Error exporting conversation:', error);\n      this.ErrorMessage = error instanceof Error ? error.message : 'Failed to export conversation';\n      this.toastService.error(this.ErrorMessage);\n    } finally {\n      this.IsExporting = false;\n    }\n  }\n\n  /** @deprecated Use {@link OnExport}. */\n  async onExport(): Promise<void> {\n    return this.OnExport();\n  }\n\n  OnCancel(): void {\n    this.Cancelled.emit();\n    this.resetForm();\n  }\n\n  /** @deprecated Use {@link OnCancel}. */\n  onCancel(): void {\n    return this.OnCancel();\n  }\n\n  private resetForm(): void {\n    this.SelectedFormat = 'markdown';\n    this.ErrorMessage = '';\n    this.ExportOptions = {\n      includeMessages: true,\n      includeMetadata: true,\n      prettyPrint: true,\n      includeCSS: true,\n      includeTheme: !!this.Branding,\n      themeMode: 'light'\n    };\n    this.IsVisible = false;\n  }\n}\n"]}

package/dist/lib/components/global-tasks/global-tasks-panel.component.d.ts

@@ -7,19 +7,45 @@ import * as i0 from "@angular/core";
  */
 export declare class GlobalTasksPanelComponent implements OnInit, OnDestroy {
     private activeTasksService;
-    tasks: ActiveTask[];
-    isMinimized: boolean;
+    Tasks: ActiveTask[];
+    /** @deprecated Use {@link Tasks}. */
+    get tasks(): ActiveTask[];
+    /** @deprecated Use {@link Tasks}. */
+    set tasks(value: ActiveTask[]);
+    IsMinimized: boolean;
+    /** @deprecated Use {@link IsMinimized}. */
+    get isMinimized(): boolean;
+    /** @deprecated Use {@link IsMinimized}. */
+    set isMinimized(value: boolean);
     private destroy$;
+    TaskClicked: EventEmitter<ActiveTask>;
+    /**
+     * @deprecated Use {@link TaskClicked}.
+     *
+     * The same emitter under the old binding name, so a template still binding
+     * (taskClicked) keeps working. Must stay AFTER TaskClicked: class fields
+     * initialise in order, and the other way round this captures undefined.
+     */
     taskClicked: EventEmitter<ActiveTask>;
     constructor(activeTasksService: ActiveTasksService);
     ngOnInit(): void;
     ngOnDestroy(): void;
+    Expand(): void;
+    /** @deprecated Use {@link Expand}. */
     expand(): void;
+    Minimize(): void;
+    /** @deprecated Use {@link Minimize}. */
     minimize(): void;
+    OnTaskClick(task: ActiveTask): void;
+    /** @deprecated Use {@link OnTaskClick}. */
     onTaskClick(task: ActiveTask): void;
+    GetTrimmedStatus(status: string): string;
+    /** @deprecated Use {@link GetTrimmedStatus}. */
     getTrimmedStatus(status: string): string;
+    GetElapsedTime(task: ActiveTask): string;
+    /** @deprecated Use {@link GetElapsedTime}. */
     getElapsedTime(task: ActiveTask): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<GlobalTasksPanelComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GlobalTasksPanelComponent, "mj-global-tasks-panel", never, {}, { "taskClicked": "taskClicked"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GlobalTasksPanelComponent, "mj-global-tasks-panel", never, {}, { "TaskClicked": "TaskClicked"; "taskClicked": "taskClicked"; }, never, never, false, never>;
 }
 //# sourceMappingURL=global-tasks-panel.component.d.ts.map

package/dist/lib/components/global-tasks/global-tasks-panel.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"global-tasks-panel.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/global-tasks/global-tasks-panel.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,MAAM,EAAE,SAAS,EAAU,YAAY,EAAE,MAAM,eAAe,CAAC;AACnF,OAAO,EAAE,kBAAkB,EAAE,UAAU,EAAE,MAAM,qCAAqC,CAAC;;AAIrF;;;GAGG;AACH,qBAkSa,yBAA0B,YAAW,MAAM,EAAE,SAAS;IAQrD,OAAO,CAAC,kBAAkB;IAP/B,KAAK,EAAE,UAAU,EAAE,CAAM;IACzB,WAAW,EAAE,OAAO,CAAS;IAEpC,OAAO,CAAC,QAAQ,CAAuB;IAE7B,WAAW,2BAAkC;gBAEnC,kBAAkB,EAAE,kBAAkB;IAE1D,QAAQ;IAcR,WAAW;IAKX,MAAM;IAIN,QAAQ;IAIR,WAAW,CAAC,IAAI,EAAE,UAAU;IAI5B,gBAAgB,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM;IAMxC,cAAc,CAAC,IAAI,EAAE,UAAU,GAAG,MAAM;yCA/C7B,yBAAyB;2CAAzB,yBAAyB;CA6DrC"}
+{"version":3,"file":"global-tasks-panel.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/global-tasks/global-tasks-panel.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,MAAM,EAAE,SAAS,EAAU,YAAY,EAAE,MAAM,eAAe,CAAC;AACnF,OAAO,EAAE,kBAAkB,EAAE,UAAU,EAAE,MAAM,qCAAqC,CAAC;;AAIrF;;;GAGG;AACH,qBAkSa,yBAA0B,YAAW,MAAM,EAAE,SAAS;IAmCrD,OAAO,CAAC,kBAAkB;IAlC/B,KAAK,EAAE,UAAU,EAAE,CAAM;IAEhC,qCAAqC;IACrC,IAAW,KAAK,IAAI,UAAU,EAAE,CAE/B;IACD,qCAAqC;IACrC,IAAW,KAAK,CAAC,KAAK,EAAE,UAAU,EAAE,EAEnC;IACM,WAAW,EAAE,OAAO,CAAS;IAEpC,2CAA2C;IAC3C,IAAW,WAAW,IAAI,OAAO,CAEhC;IACD,2CAA2C;IAC3C,IAAW,WAAW,CAAC,KAAK,EAAE,OAAO,EAEpC;IAED,OAAO,CAAC,QAAQ,CAAuB;IAE7B,WAAW,2BAAkC;IAEvD;;;;;;OAMG;IACO,WAAW,2BAAoB;gBAErB,kBAAkB,EAAE,kBAAkB;IAE1D,QAAQ;IAcR,WAAW;IAKX,MAAM;IAIN,sCAAsC;IACtC,MAAM;IAIN,QAAQ;IAIR,wCAAwC;IACxC,QAAQ;IAIR,WAAW,CAAC,IAAI,EAAE,UAAU;IAI5B,2CAA2C;IAC3C,WAAW,CAAC,IAAI,EAAE,UAAU;IAI5B,gBAAgB,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM;IAMxC,gDAAgD;IAChD,gBAAgB,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM;IAIxC,cAAc,CAAC,IAAI,EAAE,UAAU,GAAG,MAAM;IAexC,8CAA8C;IAC9C,cAAc,CAAC,IAAI,EAAE,UAAU,GAAG,MAAM;yCA9G7B,yBAAyB;2CAAzB,yBAAyB;CAiHrC"}