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

package/dist/lib/components/conversation/pinned-messages-panel.component.d.ts

@@ -7,19 +7,55 @@ export declare class PinnedMessagesPanelComponent {
      * a stable reference between real changes is what keeps this input from re-firing every
      * change detection cycle. The panel renders it; it never mutates it.
      */
-    pinnedMessages: readonly MJConversationDetailEntity[];
+    PinnedMessages: readonly MJConversationDetailEntity[];
+    /** @deprecated Use {@link PinnedMessages}. */
+    set pinnedMessages(value: readonly MJConversationDetailEntity[]);
+    /** @deprecated Use {@link PinnedMessages}. */
+    get pinnedMessages(): readonly MJConversationDetailEntity[];
     /**
      * True during the panel's first open, while its rows are being fetched.
      *
      * Pins are no longer loaded during conversation open — the open path reads only a count —
      * so the panel can now render before its contents exist.
      */
-    isLoading: boolean;
+    IsLoading: boolean;
+    /** @deprecated Use {@link IsLoading}. */
+    set isLoading(value: PinnedMessagesPanelComponent['IsLoading']);
+    /** @deprecated Use {@link IsLoading}. */
+    get isLoading(): PinnedMessagesPanelComponent['IsLoading'];
+    Closed: EventEmitter<void>;
+    /**
+     * @deprecated Use {@link Closed}.
+     *
+     * The same emitter under the old binding name, so a template still binding
+     * (closed) keeps working. Must stay AFTER Closed: class fields
+     * initialise in order, and the other way round this captures undefined.
+     */
     closed: EventEmitter<void>;
+    JumpRequested: EventEmitter<string>;
+    /**
+     * @deprecated Use {@link JumpRequested}.
+     *
+     * The same emitter under the old binding name, so a template still binding
+     * (jumpRequested) keeps working. Must stay AFTER JumpRequested: class fields
+     * initialise in order, and the other way round this captures undefined.
+     */
     jumpRequested: EventEmitter<string>;
+    UnpinRequested: EventEmitter<MJConversationDetailEntity>;
+    /**
+     * @deprecated Use {@link UnpinRequested}.
+     *
+     * The same emitter under the old binding name, so a template still binding
+     * (unpinRequested) keeps working. Must stay AFTER UnpinRequested: class fields
+     * initialise in order, and the other way round this captures undefined.
+     */
     unpinRequested: EventEmitter<MJConversationDetailEntity>;
     /** IDs currently being removed (for fade-out animation) */
-    unpinningIds: Set<string>;
+    UnpinningIds: Set<string>;
+    /** @deprecated Use {@link UnpinningIds}. */
+    get unpinningIds(): Set<string>;
+    /** @deprecated Use {@link UnpinningIds}. */
+    set unpinningIds(value: Set<string>);
     Close(): void;
     OnJump(message: MJConversationDetailEntity): void;
     OnUnpin(message: MJConversationDetailEntity): void;
@@ -31,6 +67,6 @@ export declare class PinnedMessagesPanelComponent {
     /** Display name for the message sender */
     GetSenderName(message: MJConversationDetailEntity): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<PinnedMessagesPanelComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PinnedMessagesPanelComponent, "mj-pinned-messages-panel", never, { "pinnedMessages": { "alias": "pinnedMessages"; "required": false; }; "isLoading": { "alias": "isLoading"; "required": false; }; }, { "closed": "closed"; "jumpRequested": "jumpRequested"; "unpinRequested": "unpinRequested"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PinnedMessagesPanelComponent, "mj-pinned-messages-panel", never, { "PinnedMessages": { "alias": "PinnedMessages"; "required": false; }; "pinnedMessages": { "alias": "pinnedMessages"; "required": false; }; "IsLoading": { "alias": "IsLoading"; "required": false; }; "isLoading": { "alias": "isLoading"; "required": false; }; }, { "Closed": "Closed"; "closed": "closed"; "JumpRequested": "JumpRequested"; "jumpRequested": "jumpRequested"; "UnpinRequested": "UnpinRequested"; "unpinRequested": "unpinRequested"; }, never, never, false, never>;
 }
 //# sourceMappingURL=pinned-messages-panel.component.d.ts.map

package/dist/lib/components/conversation/pinned-messages-panel.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pinned-messages-panel.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/conversation/pinned-messages-panel.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,YAAY,EAAE,MAAM,eAAe,CAAC;AACvE,OAAO,EAAE,0BAA0B,EAAE,MAAM,+BAA+B,CAAC;;AAE3E,qBAMa,4BAA4B;IACvC;;;;OAIG;IACa,cAAc,EAAE,SAAS,0BAA0B,EAAE,CAAM;IAE3E;;;;;OAKG;IACa,SAAS,UAAS;IAEjB,MAAM,qBAA4B;IAClC,aAAa,uBAA8B;IAC3C,cAAc,2CAAkD;IAEjF,2DAA2D;IACpD,YAAY,cAAqB;IAEjC,KAAK,IAAI,IAAI;IAIb,MAAM,CAAC,OAAO,EAAE,0BAA0B,GAAG,IAAI;IAIjD,OAAO,CAAC,OAAO,EAAE,0BAA0B,GAAG,IAAI;IASlD,WAAW,CAAC,OAAO,EAAE,0BAA0B,GAAG,OAAO;IAIhE,qDAAqD;IAC9C,cAAc,CAAC,OAAO,EAAE,0BAA0B,GAAG,MAAM;IAgBlE,wCAAwC;IACjC,eAAe,CAAC,OAAO,EAAE,0BAA0B,GAAG,MAAM;IAenE,0CAA0C;IACnC,aAAa,CAAC,OAAO,EAAE,0BAA0B,GAAG,MAAM;yCA9EtD,4BAA4B;2CAA5B,4BAA4B;CAkFxC"}
+{"version":3,"file":"pinned-messages-panel.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/conversation/pinned-messages-panel.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,YAAY,EAAE,MAAM,eAAe,CAAC;AACvE,OAAO,EAAE,0BAA0B,EAAE,MAAM,+BAA+B,CAAC;;AAE3E,qBAMa,4BAA4B;IACvC;;;;OAIG;IACa,cAAc,EAAE,SAAS,0BAA0B,EAAE,CAAM;IAE3E,8CAA8C;IAC9C,IAAoB,cAAc,CAAC,KAAK,EAAE,SAAS,0BAA0B,EAAE,EAE9E;IACD,8CAA8C;IAC9C,IAAW,cAAc,IAAI,SAAS,0BAA0B,EAAE,CAEjE;IAED;;;;;OAKG;IACa,SAAS,UAAS;IAElC,yCAAyC;IACzC,IAAoB,SAAS,CAAC,KAAK,EAAE,4BAA4B,CAAC,WAAW,CAAC,EAE7E;IACD,yCAAyC;IACzC,IAAW,SAAS,IAAI,4BAA4B,CAAC,WAAW,CAAC,CAEhE;IAEgB,MAAM,qBAA4B;IAEnD;;;;;;OAMG;IACc,MAAM,qBAAe;IACrB,aAAa,uBAA8B;IAE5D;;;;;;OAMG;IACc,aAAa,uBAAsB;IACnC,cAAc,2CAAkD;IAEjF;;;;;;OAMG;IACc,cAAc,2CAAuB;IAEtD,2DAA2D;IACpD,YAAY,cAAqB;IAExC,4CAA4C;IAC5C,IAAW,YAAY,gBAEtB;IACD,4CAA4C;IAC5C,IAAW,YAAY,CAAC,KAAK,aAAA,EAE5B;IAEM,KAAK,IAAI,IAAI;IAIb,MAAM,CAAC,OAAO,EAAE,0BAA0B,GAAG,IAAI;IAIjD,OAAO,CAAC,OAAO,EAAE,0BAA0B,GAAG,IAAI;IASlD,WAAW,CAAC,OAAO,EAAE,0BAA0B,GAAG,OAAO;IAIhE,qDAAqD;IAC9C,cAAc,CAAC,OAAO,EAAE,0BAA0B,GAAG,MAAM;IAgBlE,wCAAwC;IACjC,eAAe,CAAC,OAAO,EAAE,0BAA0B,GAAG,MAAM;IAenE,0CAA0C;IACnC,aAAa,CAAC,OAAO,EAAE,0BAA0B,GAAG,MAAM;yCApItD,4BAA4B;2CAA5B,4BAA4B;CAwIxC"}

package/dist/lib/components/conversation/pinned-messages-panel.component.js

@@ -50,35 +50,83 @@ export class PinnedMessagesPanelComponent {
      * a stable reference between real changes is what keeps this input from re-firing every
      * change detection cycle. The panel renders it; it never mutates it.
      */
-    pinnedMessages = [];
+    PinnedMessages = [];
+    /** @deprecated Use {@link PinnedMessages}. */
+    set pinnedMessages(value) {
+        this.PinnedMessages = value;
+    }
+    /** @deprecated Use {@link PinnedMessages}. */
+    get pinnedMessages() {
+        return this.PinnedMessages;
+    }
     /**
      * True during the panel's first open, while its rows are being fetched.
      *
      * Pins are no longer loaded during conversation open — the open path reads only a count —
      * so the panel can now render before its contents exist.
      */
-    isLoading = false;
-    closed = new EventEmitter();
-    jumpRequested = new EventEmitter(); // emits messageId
-    unpinRequested = new EventEmitter();
+    IsLoading = false;
+    /** @deprecated Use {@link IsLoading}. */
+    set isLoading(value) {
+        this.IsLoading = value;
+    }
+    /** @deprecated Use {@link IsLoading}. */
+    get isLoading() {
+        return this.IsLoading;
+    }
+    Closed = new EventEmitter();
+    /**
+     * @deprecated Use {@link Closed}.
+     *
+     * The same emitter under the old binding name, so a template still binding
+     * (closed) keeps working. Must stay AFTER Closed: class fields
+     * initialise in order, and the other way round this captures undefined.
+     */
+    closed = this.Closed;
+    JumpRequested = new EventEmitter();
+    /**
+     * @deprecated Use {@link JumpRequested}.
+     *
+     * The same emitter under the old binding name, so a template still binding
+     * (jumpRequested) keeps working. Must stay AFTER JumpRequested: class fields
+     * initialise in order, and the other way round this captures undefined.
+     */
+    jumpRequested = this.JumpRequested; // emits messageId
+    UnpinRequested = new EventEmitter();
+    /**
+     * @deprecated Use {@link UnpinRequested}.
+     *
+     * The same emitter under the old binding name, so a template still binding
+     * (unpinRequested) keeps working. Must stay AFTER UnpinRequested: class fields
+     * initialise in order, and the other way round this captures undefined.
+     */
+    unpinRequested = this.UnpinRequested;
     /** IDs currently being removed (for fade-out animation) */
-    unpinningIds = new Set();
+    UnpinningIds = new Set();
+    /** @deprecated Use {@link UnpinningIds}. */
+    get unpinningIds() {
+        return this.UnpinningIds;
+    }
+    /** @deprecated Use {@link UnpinningIds}. */
+    set unpinningIds(value) {
+        this.UnpinningIds = value;
+    }
     Close() {
-        this.closed.emit();
+        this.Closed.emit();
     }
     OnJump(message) {
-        this.jumpRequested.emit(message.ID);
+        this.JumpRequested.emit(message.ID);
     }
     OnUnpin(message) {
-        this.unpinningIds.add(message.ID);
+        this.UnpinningIds.add(message.ID);
         // Let the card animate out before the parent removes it from the list
         setTimeout(() => {
-            this.unpinningIds.delete(message.ID);
-            this.unpinRequested.emit(message);
+            this.UnpinningIds.delete(message.ID);
+            this.UnpinRequested.emit(message);
         }, 200);
     }
     IsUnpinning(message) {
-        return this.unpinningIds.has(message.ID);
+        return this.UnpinningIds.has(message.ID);
     }
     /** Strip markdown to plain prose for card preview */
     GetPreviewText(message) {
@@ -124,7 +172,7 @@ export class PinnedMessagesPanelComponent {
         return 'AI Response';
     }
     static ɵfac = function PinnedMessagesPanelComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PinnedMessagesPanelComponent)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PinnedMessagesPanelComponent, selectors: [["mj-pinned-messages-panel"]], inputs: { pinnedMessages: "pinnedMessages", isLoading: "isLoading" }, outputs: { closed: "closed", jumpRequested: "jumpRequested", unpinRequested: "unpinRequested" }, standalone: false, decls: 15, vars: 2, consts: [[1, "pins-panel"], [1, "pins-header"], [1, "pins-title"], [1, "fas", "fa-thumbtack"], [1, "pins-count"], ["title", "Close", 1, "pins-close-btn", 3, "click"], [1, "fas", "fa-times"], [1, "pins-body"], ["text", "Loading pinned messages\u2026", "size", "small"], ["Size", "compact", "Icon", "fa-solid fa-thumbtack", "Title", "No pinned messages", 1, "pins-empty"], [1, "pin-card", 3, "unpinning"], [1, "pin-card"], [1, "pin-card-meta"], [1, "pin-sender"], [1, "pin-avatar"], [1, "fas", "fa-robot"], [1, "pin-sender-name"], [1, "pin-time"], [1, "pin-preview"], [1, "pin-actions"], ["title", "Jump to message", 1, "pin-action-btn", "jump-btn", 3, "click"], [1, "fas", "fa-arrow-up-right-from-square"], ["title", "Unpin this message", 1, "pin-action-btn", "unpin-btn", 3, "click"]], template: function PinnedMessagesPanelComponent_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PinnedMessagesPanelComponent, selectors: [["mj-pinned-messages-panel"]], inputs: { PinnedMessages: "PinnedMessages", pinnedMessages: "pinnedMessages", IsLoading: "IsLoading", isLoading: "isLoading" }, outputs: { Closed: "Closed", closed: "closed", JumpRequested: "JumpRequested", jumpRequested: "jumpRequested", UnpinRequested: "UnpinRequested", unpinRequested: "unpinRequested" }, standalone: false, decls: 15, vars: 2, consts: [[1, "pins-panel"], [1, "pins-header"], [1, "pins-title"], [1, "fas", "fa-thumbtack"], [1, "pins-count"], ["title", "Close", 1, "pins-close-btn", 3, "click"], [1, "fas", "fa-times"], [1, "pins-body"], ["text", "Loading pinned messages\u2026", "size", "small"], ["Size", "compact", "Icon", "fa-solid fa-thumbtack", "Title", "No pinned messages", 1, "pins-empty"], [1, "pin-card", 3, "unpinning"], [1, "pin-card"], [1, "pin-card-meta"], [1, "pin-sender"], [1, "pin-avatar"], [1, "fas", "fa-robot"], [1, "pin-sender-name"], [1, "pin-time"], [1, "pin-preview"], [1, "pin-actions"], ["title", "Jump to message", 1, "pin-action-btn", "jump-btn", 3, "click"], [1, "fas", "fa-arrow-up-right-from-square"], ["title", "Unpin this message", 1, "pin-action-btn", "unpin-btn", 3, "click"]], template: function PinnedMessagesPanelComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2);
             i0.ɵɵelement(3, "i", 3);
             i0.ɵɵelementStart(4, "span");
@@ -153,14 +201,24 @@ export class PinnedMessagesPanelComponent {
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PinnedMessagesPanelComponent, [{
         type: Component,
         args: [{ standalone: false, selector: 'mj-pinned-messages-panel', template: "<div class=\"pins-panel\">\n  <div class=\"pins-header\">\n    <div class=\"pins-title\">\n      <i class=\"fas fa-thumbtack\"></i>\n      <span>Pinned Messages</span>\n      <span class=\"pins-count\">{{ pinnedMessages.length }}</span>\n    </div>\n    <button class=\"pins-close-btn\" (click)=\"Close()\" title=\"Close\">\n      <i class=\"fas fa-times\"></i>\n    </button>\n  </div>\n\n  <div class=\"pins-body\">\n    <!-- Rows are fetched on first open now, so \"empty\" and \"not loaded yet\" are different\n         states \u2014 showing the empty state during the fetch would claim there are no pins. -->\n    @if (isLoading) {\n      <mj-loading text=\"Loading pinned messages\u2026\" size=\"small\"></mj-loading>\n    } @else if (pinnedMessages.length === 0) {\n      <mj-empty-state class=\"pins-empty\" Size=\"compact\"\n        Icon=\"fa-solid fa-thumbtack\"\n        Title=\"No pinned messages\" />\n    }\n\n    @for (message of pinnedMessages; track message.ID) {\n      <div class=\"pin-card\" [class.unpinning]=\"IsUnpinning(message)\">\n        <div class=\"pin-card-meta\">\n          <div class=\"pin-sender\">\n            <div class=\"pin-avatar\">\n              <i class=\"fas fa-robot\"></i>\n            </div>\n            <span class=\"pin-sender-name\">{{ GetSenderName(message) }}</span>\n          </div>\n          <span class=\"pin-time\">{{ GetRelativeTime(message) }}</span>\n        </div>\n\n        <p class=\"pin-preview\">{{ GetPreviewText(message) }}</p>\n\n        <div class=\"pin-actions\">\n          <button class=\"pin-action-btn jump-btn\" (click)=\"OnJump(message)\" title=\"Jump to message\">\n            <i class=\"fas fa-arrow-up-right-from-square\"></i>\n            Jump to message\n          </button>\n          <button class=\"pin-action-btn unpin-btn\" (click)=\"OnUnpin(message)\" title=\"Unpin this message\">\n            <i class=\"fas fa-thumbtack\"></i>\n            Unpin\n          </button>\n        </div>\n      </div>\n    }\n  </div>\n</div>\n", styles: ["/* ============================================================\n   Pinned Messages Panel \u2014 overlays the right edge of the chat\n   ============================================================ */\n\n:host {\n  display: block;\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  width: 340px;\n  z-index: 50;\n  pointer-events: auto;\n  animation: slideInPanel 0.22s cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n@keyframes slideInPanel {\n  from {\n    opacity: 0;\n    transform: translateX(24px);\n  }\n  to {\n    opacity: 1;\n    transform: translateX(0);\n  }\n}\n\n.pins-panel {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  background: var(--mj-bg-surface);\n  border-left: 1px solid var(--mj-border-default);\n  box-shadow: -4px 0 24px rgba(0, 0, 0, 0.12);\n}\n\n/* \u2500\u2500 Header \u2500\u2500 */\n.pins-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 12px 16px;\n  border-bottom: 1px solid var(--mj-border-default);\n  flex-shrink: 0;\n  background: var(--mj-bg-surface-card);\n}\n\n.pins-title {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--mj-text-primary);\n}\n\n.pins-title > i.fa-thumbtack {\n  color: var(--mj-status-warning);\n  font-size: 13px;\n}\n\n.pins-count {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 20px;\n  height: 20px;\n  padding: 0 6px;\n  border-radius: 10px;\n  background: color-mix(in srgb, var(--mj-status-warning) 15%, var(--mj-bg-surface));\n  border: 1px solid color-mix(in srgb, var(--mj-status-warning) 40%, transparent);\n  color: var(--mj-status-warning-text, var(--mj-status-warning));\n  font-size: 11px;\n  font-weight: 700;\n}\n\n.pins-close-btn {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 28px;\n  height: 28px;\n  border: none;\n  background: transparent;\n  color: var(--mj-text-muted);\n  border-radius: 6px;\n  cursor: pointer;\n  transition: all 0.15s;\n}\n\n.pins-close-btn:hover {\n  background: var(--mj-bg-surface-hover);\n  color: var(--mj-text-primary);\n}\n\n/* \u2500\u2500 Body / Scrollable list \u2500\u2500 */\n.pins-body {\n  flex: 1;\n  overflow-y: auto;\n  padding: 12px;\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n\n/* \u2500\u2500 Empty state \u2500\u2500 */\n.pins-empty {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n  gap: 12px;\n  color: var(--mj-text-muted);\n}\n\n.pins-empty i {\n  font-size: 32px;\n  opacity: 0.4;\n}\n\n.pins-empty p {\n  font-size: 14px;\n  margin: 0;\n}\n\n/* \u2500\u2500 Pin Card \u2500\u2500 */\n.pin-card {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  padding: 12px;\n  border-radius: 8px;\n  background: var(--mj-bg-surface-card);\n  border: 1px solid var(--mj-border-default);\n  border-left: 3px solid var(--mj-status-warning);\n  transition: opacity 0.2s, transform 0.2s;\n}\n\n.pin-card.unpinning {\n  opacity: 0;\n  transform: translateX(12px);\n}\n\n.pin-card:hover {\n  border-color: var(--mj-border-strong);\n  border-left-color: var(--mj-status-warning);\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);\n}\n\n/* Card meta row: avatar+name on left, time on right */\n.pin-card-meta {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 8px;\n}\n\n.pin-sender {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n}\n\n.pin-avatar {\n  width: 20px;\n  height: 20px;\n  border-radius: 50%;\n  background: color-mix(in srgb, var(--mj-brand-primary) 15%, var(--mj-bg-surface));\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n}\n\n.pin-avatar i {\n  font-size: 10px;\n  color: var(--mj-brand-primary);\n}\n\n.pin-sender-name {\n  font-size: 12px;\n  font-weight: 600;\n  color: var(--mj-text-secondary);\n}\n\n.pin-time {\n  font-size: 11px;\n  color: var(--mj-text-muted);\n  white-space: nowrap;\n}\n\n/* Preview text */\n.pin-preview {\n  margin: 0;\n  font-size: 13px;\n  line-height: 1.5;\n  color: var(--mj-text-primary);\n  display: -webkit-box;\n  -webkit-line-clamp: 3;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n}\n\n/* Card action buttons */\n.pin-actions {\n  display: flex;\n  gap: 6px;\n  margin-top: 2px;\n}\n\n.pin-action-btn {\n  display: inline-flex;\n  align-items: center;\n  gap: 5px;\n  padding: 5px 10px;\n  border-radius: 5px;\n  font-size: 12px;\n  font-weight: 500;\n  cursor: pointer;\n  transition: all 0.15s;\n  border: 1px solid var(--mj-border-default);\n}\n\n.pin-action-btn i {\n  font-size: 11px;\n}\n\n.jump-btn {\n  background: var(--mj-brand-primary);\n  color: var(--mj-text-inverse);\n  border-color: var(--mj-brand-primary);\n}\n\n.jump-btn:hover {\n  background: var(--mj-brand-primary-hover);\n  border-color: var(--mj-brand-primary-hover);\n}\n\n.unpin-btn {\n  background: transparent;\n  color: var(--mj-text-secondary);\n}\n\n.unpin-btn:hover {\n  background: var(--mj-bg-surface-hover);\n  color: var(--mj-text-primary);\n  border-color: var(--mj-border-strong);\n}\n\n/* \u2500\u2500 Scrollbar styling \u2500\u2500 */\n.pins-body::-webkit-scrollbar { width: 4px; }\n.pins-body::-webkit-scrollbar-track { background: transparent; }\n.pins-body::-webkit-scrollbar-thumb {\n  background: var(--mj-border-strong);\n  border-radius: 2px;\n}\n"] }]
-    }], null, { pinnedMessages: [{
+    }], null, { PinnedMessages: [{
+            type: Input
+        }], pinnedMessages: [{
+            type: Input
+        }], IsLoading: [{
             type: Input
         }], isLoading: [{
             type: Input
+        }], Closed: [{
+            type: Output
         }], closed: [{
             type: Output
+        }], JumpRequested: [{
+            type: Output
         }], jumpRequested: [{
             type: Output
+        }], UnpinRequested: [{
+            type: Output
         }], unpinRequested: [{
             type: Output
         }] }); })();

package/dist/lib/components/conversation/pinned-messages-panel.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"pinned-messages-panel.component.js","sourceRoot":"","sources":["../../../../src/lib/components/conversation/pinned-messages-panel.component.ts","../../../../src/lib/components/conversation/pinned-messages-panel.component.html"],"names":[],"mappings":"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","sourcesContent":["import { Component, Input, Output, EventEmitter } from '@angular/core';\nimport { MJConversationDetailEntity } from '@memberjunction/core-entities';\n\n@Component({\n  standalone: false,\n  selector: 'mj-pinned-messages-panel',\n  templateUrl: './pinned-messages-panel.component.html',\n  styleUrls: ['./pinned-messages-panel.component.css']\n})\nexport class PinnedMessagesPanelComponent {\n  /**\n   * Readonly because the chat area hands over the window store's own pin array by reference —\n   * a stable reference between real changes is what keeps this input from re-firing every\n   * change detection cycle. The panel renders it; it never mutates it.\n   */\n  @Input() public pinnedMessages: readonly MJConversationDetailEntity[] = [];\n\n  /**\n   * True during the panel's first open, while its rows are being fetched.\n   *\n   * Pins are no longer loaded during conversation open — the open path reads only a count —\n   * so the panel can now render before its contents exist.\n   */\n  @Input() public isLoading = false;\n\n  @Output() public closed = new EventEmitter<void>();\n  @Output() public jumpRequested = new EventEmitter<string>(); // emits messageId\n  @Output() public unpinRequested = new EventEmitter<MJConversationDetailEntity>();\n\n  /** IDs currently being removed (for fade-out animation) */\n  public unpinningIds = new Set<string>();\n\n  public Close(): void {\n    this.closed.emit();\n  }\n\n  public OnJump(message: MJConversationDetailEntity): void {\n    this.jumpRequested.emit(message.ID);\n  }\n\n  public OnUnpin(message: MJConversationDetailEntity): void {\n    this.unpinningIds.add(message.ID);\n    // Let the card animate out before the parent removes it from the list\n    setTimeout(() => {\n      this.unpinningIds.delete(message.ID);\n      this.unpinRequested.emit(message);\n    }, 200);\n  }\n\n  public IsUnpinning(message: MJConversationDetailEntity): boolean {\n    return this.unpinningIds.has(message.ID);\n  }\n\n  /** Strip markdown to plain prose for card preview */\n  public GetPreviewText(message: MJConversationDetailEntity): string {\n    const raw = message.Message || '';\n    const stripped = raw\n      .replace(/```[\\s\\S]*?```/g, '[code]')   // fenced code blocks\n      .replace(/`[^`]*`/g, '[code]')           // inline code\n      .replace(/#{1,6}\\s+/g, '')               // headings\n      .replace(/\\*\\*(.+?)\\*\\*/g, '$1')         // bold\n      .replace(/\\*(.+?)\\*/g, '$1')             // italic\n      .replace(/\\[([^\\]]+)\\]\\([^)]+\\)/g, '$1') // links\n      .replace(/!\\[([^\\]]*)\\]\\([^)]+\\)/g, '')  // images\n      .replace(/>\\s+/g, '')                    // blockquotes\n      .replace(/\\n+/g, ' ')                    // newlines → spaces\n      .trim();\n    return stripped.length > 200 ? stripped.substring(0, 197) + '…' : stripped;\n  }\n\n  /** Human-readable relative timestamp */\n  public GetRelativeTime(message: MJConversationDetailEntity): string {\n    const created = message.__mj_CreatedAt;\n    if (!created) return '';\n    const diffMs = Date.now() - new Date(created).getTime();\n    const mins = Math.floor(diffMs / 60_000);\n    const hours = Math.floor(diffMs / 3_600_000);\n    const days = Math.floor(diffMs / 86_400_000);\n    if (mins < 1) return 'just now';\n    if (mins < 60) return `${mins}m ago`;\n    if (hours < 24) return `${hours}h ago`;\n    if (days === 1) return 'Yesterday';\n    if (days < 7) return `${days} days ago`;\n    return new Date(created).toLocaleDateString(undefined, { month: 'short', day: 'numeric' });\n  }\n\n  /** Display name for the message sender */\n  public GetSenderName(message: MJConversationDetailEntity): string {\n    if (message.Role === 'User') return 'You';\n    return 'AI Response';\n  }\n}\n","<div class=\"pins-panel\">\n  <div class=\"pins-header\">\n    <div class=\"pins-title\">\n      <i class=\"fas fa-thumbtack\"></i>\n      <span>Pinned Messages</span>\n      <span class=\"pins-count\">{{ pinnedMessages.length }}</span>\n    </div>\n    <button class=\"pins-close-btn\" (click)=\"Close()\" title=\"Close\">\n      <i class=\"fas fa-times\"></i>\n    </button>\n  </div>\n\n  <div class=\"pins-body\">\n    <!-- Rows are fetched on first open now, so \"empty\" and \"not loaded yet\" are different\n         states — showing the empty state during the fetch would claim there are no pins. -->\n    @if (isLoading) {\n      <mj-loading text=\"Loading pinned messages…\" size=\"small\"></mj-loading>\n    } @else if (pinnedMessages.length === 0) {\n      <mj-empty-state class=\"pins-empty\" Size=\"compact\"\n        Icon=\"fa-solid fa-thumbtack\"\n        Title=\"No pinned messages\" />\n    }\n\n    @for (message of pinnedMessages; track message.ID) {\n      <div class=\"pin-card\" [class.unpinning]=\"IsUnpinning(message)\">\n        <div class=\"pin-card-meta\">\n          <div class=\"pin-sender\">\n            <div class=\"pin-avatar\">\n              <i class=\"fas fa-robot\"></i>\n            </div>\n            <span class=\"pin-sender-name\">{{ GetSenderName(message) }}</span>\n          </div>\n          <span class=\"pin-time\">{{ GetRelativeTime(message) }}</span>\n        </div>\n\n        <p class=\"pin-preview\">{{ GetPreviewText(message) }}</p>\n\n        <div class=\"pin-actions\">\n          <button class=\"pin-action-btn jump-btn\" (click)=\"OnJump(message)\" title=\"Jump to message\">\n            <i class=\"fas fa-arrow-up-right-from-square\"></i>\n            Jump to message\n          </button>\n          <button class=\"pin-action-btn unpin-btn\" (click)=\"OnUnpin(message)\" title=\"Unpin this message\">\n            <i class=\"fas fa-thumbtack\"></i>\n            Unpin\n          </button>\n        </div>\n      </div>\n    }\n  </div>\n</div>\n"]}
+{"version":3,"file":"pinned-messages-panel.component.js","sourceRoot":"","sources":["../../../../src/lib/components/conversation/pinned-messages-panel.component.ts","../../../../src/lib/components/conversation/pinned-messages-panel.component.html"],"names":[],"mappings":"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","sourcesContent":["import { Component, Input, Output, EventEmitter } from '@angular/core';\nimport { MJConversationDetailEntity } from '@memberjunction/core-entities';\n\n@Component({\n  standalone: false,\n  selector: 'mj-pinned-messages-panel',\n  templateUrl: './pinned-messages-panel.component.html',\n  styleUrls: ['./pinned-messages-panel.component.css']\n})\nexport class PinnedMessagesPanelComponent {\n  /**\n   * Readonly because the chat area hands over the window store's own pin array by reference —\n   * a stable reference between real changes is what keeps this input from re-firing every\n   * change detection cycle. The panel renders it; it never mutates it.\n   */\n  @Input() public PinnedMessages: readonly MJConversationDetailEntity[] = [];\n\n  /** @deprecated Use {@link PinnedMessages}. */\n  @Input() public set pinnedMessages(value: readonly MJConversationDetailEntity[]) {\n    this.PinnedMessages = value;\n  }\n  /** @deprecated Use {@link PinnedMessages}. */\n  public get pinnedMessages(): readonly MJConversationDetailEntity[] {\n    return this.PinnedMessages;\n  }\n\n  /**\n   * True during the panel's first open, while its rows are being fetched.\n   *\n   * Pins are no longer loaded during conversation open — the open path reads only a count —\n   * so the panel can now render before its contents exist.\n   */\n  @Input() public IsLoading = false;\n\n  /** @deprecated Use {@link IsLoading}. */\n  @Input() public set isLoading(value: PinnedMessagesPanelComponent['IsLoading']) {\n    this.IsLoading = value;\n  }\n  /** @deprecated Use {@link IsLoading}. */\n  public get isLoading(): PinnedMessagesPanelComponent['IsLoading'] {\n    return this.IsLoading;\n  }\n\n  @Output() public Closed = new EventEmitter<void>();\n\n  /**\n   * @deprecated Use {@link Closed}.\n   *\n   * The same emitter under the old binding name, so a template still binding\n   * (closed) keeps working. Must stay AFTER Closed: class fields\n   * initialise in order, and the other way round this captures undefined.\n   */\n  @Output() public closed = this.Closed;\n  @Output() public JumpRequested = new EventEmitter<string>();\n\n  /**\n   * @deprecated Use {@link JumpRequested}.\n   *\n   * The same emitter under the old binding name, so a template still binding\n   * (jumpRequested) keeps working. Must stay AFTER JumpRequested: class fields\n   * initialise in order, and the other way round this captures undefined.\n   */\n  @Output() public jumpRequested = this.JumpRequested; // emits messageId\n  @Output() public UnpinRequested = new EventEmitter<MJConversationDetailEntity>();\n\n  /**\n   * @deprecated Use {@link UnpinRequested}.\n   *\n   * The same emitter under the old binding name, so a template still binding\n   * (unpinRequested) keeps working. Must stay AFTER UnpinRequested: class fields\n   * initialise in order, and the other way round this captures undefined.\n   */\n  @Output() public unpinRequested = this.UnpinRequested;\n\n  /** IDs currently being removed (for fade-out animation) */\n  public UnpinningIds = new Set<string>();\n\n  /** @deprecated Use {@link UnpinningIds}. */\n  public get unpinningIds() {\n    return this.UnpinningIds;\n  }\n  /** @deprecated Use {@link UnpinningIds}. */\n  public set unpinningIds(value) {\n    this.UnpinningIds = value;\n  }\n\n  public Close(): void {\n    this.Closed.emit();\n  }\n\n  public OnJump(message: MJConversationDetailEntity): void {\n    this.JumpRequested.emit(message.ID);\n  }\n\n  public OnUnpin(message: MJConversationDetailEntity): void {\n    this.UnpinningIds.add(message.ID);\n    // Let the card animate out before the parent removes it from the list\n    setTimeout(() => {\n      this.UnpinningIds.delete(message.ID);\n      this.UnpinRequested.emit(message);\n    }, 200);\n  }\n\n  public IsUnpinning(message: MJConversationDetailEntity): boolean {\n    return this.UnpinningIds.has(message.ID);\n  }\n\n  /** Strip markdown to plain prose for card preview */\n  public GetPreviewText(message: MJConversationDetailEntity): string {\n    const raw = message.Message || '';\n    const stripped = raw\n      .replace(/```[\\s\\S]*?```/g, '[code]')   // fenced code blocks\n      .replace(/`[^`]*`/g, '[code]')           // inline code\n      .replace(/#{1,6}\\s+/g, '')               // headings\n      .replace(/\\*\\*(.+?)\\*\\*/g, '$1')         // bold\n      .replace(/\\*(.+?)\\*/g, '$1')             // italic\n      .replace(/\\[([^\\]]+)\\]\\([^)]+\\)/g, '$1') // links\n      .replace(/!\\[([^\\]]*)\\]\\([^)]+\\)/g, '')  // images\n      .replace(/>\\s+/g, '')                    // blockquotes\n      .replace(/\\n+/g, ' ')                    // newlines → spaces\n      .trim();\n    return stripped.length > 200 ? stripped.substring(0, 197) + '…' : stripped;\n  }\n\n  /** Human-readable relative timestamp */\n  public GetRelativeTime(message: MJConversationDetailEntity): string {\n    const created = message.__mj_CreatedAt;\n    if (!created) return '';\n    const diffMs = Date.now() - new Date(created).getTime();\n    const mins = Math.floor(diffMs / 60_000);\n    const hours = Math.floor(diffMs / 3_600_000);\n    const days = Math.floor(diffMs / 86_400_000);\n    if (mins < 1) return 'just now';\n    if (mins < 60) return `${mins}m ago`;\n    if (hours < 24) return `${hours}h ago`;\n    if (days === 1) return 'Yesterday';\n    if (days < 7) return `${days} days ago`;\n    return new Date(created).toLocaleDateString(undefined, { month: 'short', day: 'numeric' });\n  }\n\n  /** Display name for the message sender */\n  public GetSenderName(message: MJConversationDetailEntity): string {\n    if (message.Role === 'User') return 'You';\n    return 'AI Response';\n  }\n}\n","<div class=\"pins-panel\">\n  <div class=\"pins-header\">\n    <div class=\"pins-title\">\n      <i class=\"fas fa-thumbtack\"></i>\n      <span>Pinned Messages</span>\n      <span class=\"pins-count\">{{ pinnedMessages.length }}</span>\n    </div>\n    <button class=\"pins-close-btn\" (click)=\"Close()\" title=\"Close\">\n      <i class=\"fas fa-times\"></i>\n    </button>\n  </div>\n\n  <div class=\"pins-body\">\n    <!-- Rows are fetched on first open now, so \"empty\" and \"not loaded yet\" are different\n         states — showing the empty state during the fetch would claim there are no pins. -->\n    @if (isLoading) {\n      <mj-loading text=\"Loading pinned messages…\" size=\"small\"></mj-loading>\n    } @else if (pinnedMessages.length === 0) {\n      <mj-empty-state class=\"pins-empty\" Size=\"compact\"\n        Icon=\"fa-solid fa-thumbtack\"\n        Title=\"No pinned messages\" />\n    }\n\n    @for (message of pinnedMessages; track message.ID) {\n      <div class=\"pin-card\" [class.unpinning]=\"IsUnpinning(message)\">\n        <div class=\"pin-card-meta\">\n          <div class=\"pin-sender\">\n            <div class=\"pin-avatar\">\n              <i class=\"fas fa-robot\"></i>\n            </div>\n            <span class=\"pin-sender-name\">{{ GetSenderName(message) }}</span>\n          </div>\n          <span class=\"pin-time\">{{ GetRelativeTime(message) }}</span>\n        </div>\n\n        <p class=\"pin-preview\">{{ GetPreviewText(message) }}</p>\n\n        <div class=\"pin-actions\">\n          <button class=\"pin-action-btn jump-btn\" (click)=\"OnJump(message)\" title=\"Jump to message\">\n            <i class=\"fas fa-arrow-up-right-from-square\"></i>\n            Jump to message\n          </button>\n          <button class=\"pin-action-btn unpin-btn\" (click)=\"OnUnpin(message)\" title=\"Unpin this message\">\n            <i class=\"fas fa-thumbtack\"></i>\n            Unpin\n          </button>\n        </div>\n      </div>\n    }\n  </div>\n</div>\n"]}

package/dist/lib/components/dialogs/input-dialog.component.d.ts

@@ -1,19 +1,65 @@
 import * as i0 from "@angular/core";
 export declare class InputDialogComponent {
-    message: string;
-    inputLabel: string;
-    inputType: 'text' | 'textarea' | 'number' | 'email';
-    placeholder: string;
-    required: boolean;
-    value: string;
-    secondInputLabel: string;
-    secondInputPlaceholder: string;
-    secondInputRequired: boolean;
-    secondValue: string;
+    Message: string;
+    /** @deprecated Use {@link Message}. */
+    set message(value: string);
+    /** @deprecated Use {@link Message}. */
+    get message(): string;
+    InputLabel: string;
+    /** @deprecated Use {@link InputLabel}. */
+    set inputLabel(value: string);
+    /** @deprecated Use {@link InputLabel}. */
+    get inputLabel(): string;
+    InputType: 'text' | 'textarea' | 'number' | 'email';
+    /** @deprecated Use {@link InputType}. */
+    set inputType(value: 'text' | 'textarea' | 'number' | 'email');
+    /** @deprecated Use {@link InputType}. */
+    get inputType(): 'text' | 'textarea' | 'number' | 'email';
+    Placeholder: string;
+    /** @deprecated Use {@link Placeholder}. */
+    set placeholder(value: string);
+    /** @deprecated Use {@link Placeholder}. */
+    get placeholder(): string;
+    Required: boolean;
+    /** @deprecated Use {@link Required}. */
+    set required(value: boolean);
+    /** @deprecated Use {@link Required}. */
+    get required(): boolean;
+    Value: string;
+    /** @deprecated Use {@link Value}. */
+    set value(value: string);
+    /** @deprecated Use {@link Value}. */
+    get value(): string;
+    SecondInputLabel: string;
+    /** @deprecated Use {@link SecondInputLabel}. */
+    set secondInputLabel(value: string);
+    /** @deprecated Use {@link SecondInputLabel}. */
+    get secondInputLabel(): string;
+    SecondInputPlaceholder: string;
+    /** @deprecated Use {@link SecondInputPlaceholder}. */
+    set secondInputPlaceholder(value: string);
+    /** @deprecated Use {@link SecondInputPlaceholder}. */
+    get secondInputPlaceholder(): string;
+    SecondInputRequired: boolean;
+    /** @deprecated Use {@link SecondInputRequired}. */
+    set secondInputRequired(value: boolean);
+    /** @deprecated Use {@link SecondInputRequired}. */
+    get secondInputRequired(): boolean;
+    SecondValue: string;
+    /** @deprecated Use {@link SecondValue}. */
+    set secondValue(value: string);
+    /** @deprecated Use {@link SecondValue}. */
+    get secondValue(): string;
+    OnEnterKey(event: Event): void;
+    /** @deprecated Use {@link OnEnterKey}. */
     onEnterKey(event: Event): void;
+    GetValue(): string;
+    /** @deprecated Use {@link GetValue}. */
     getValue(): string;
+    GetSecondValue(): string;
+    /** @deprecated Use {@link GetSecondValue}. */
     getSecondValue(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<InputDialogComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<InputDialogComponent, "mj-input-dialog", never, { "message": { "alias": "message"; "required": false; }; "inputLabel": { "alias": "inputLabel"; "required": false; }; "inputType": { "alias": "inputType"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "required": { "alias": "required"; "required": false; }; "value": { "alias": "value"; "required": false; }; "secondInputLabel": { "alias": "secondInputLabel"; "required": false; }; "secondInputPlaceholder": { "alias": "secondInputPlaceholder"; "required": false; }; "secondInputRequired": { "alias": "secondInputRequired"; "required": false; }; "secondValue": { "alias": "secondValue"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InputDialogComponent, "mj-input-dialog", never, { "Message": { "alias": "Message"; "required": false; }; "message": { "alias": "message"; "required": false; }; "InputLabel": { "alias": "InputLabel"; "required": false; }; "inputLabel": { "alias": "inputLabel"; "required": false; }; "InputType": { "alias": "InputType"; "required": false; }; "inputType": { "alias": "inputType"; "required": false; }; "Placeholder": { "alias": "Placeholder"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "Required": { "alias": "Required"; "required": false; }; "required": { "alias": "required"; "required": false; }; "Value": { "alias": "Value"; "required": false; }; "value": { "alias": "value"; "required": false; }; "SecondInputLabel": { "alias": "SecondInputLabel"; "required": false; }; "secondInputLabel": { "alias": "secondInputLabel"; "required": false; }; "SecondInputPlaceholder": { "alias": "SecondInputPlaceholder"; "required": false; }; "secondInputPlaceholder": { "alias": "secondInputPlaceholder"; "required": false; }; "SecondInputRequired": { "alias": "SecondInputRequired"; "required": false; }; "secondInputRequired": { "alias": "secondInputRequired"; "required": false; }; "SecondValue": { "alias": "SecondValue"; "required": false; }; "secondValue": { "alias": "secondValue"; "required": false; }; }, {}, never, never, false, never>;
 }
 //# sourceMappingURL=input-dialog.component.d.ts.map

package/dist/lib/components/dialogs/input-dialog.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"input-dialog.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/dialogs/input-dialog.component.ts"],"names":[],"mappings":";AAEA,qBAsGa,oBAAoB;IACtB,OAAO,EAAE,MAAM,CAAM;IACrB,UAAU,EAAE,MAAM,CAAM;IACxB,SAAS,EAAE,MAAM,GAAG,UAAU,GAAG,QAAQ,GAAG,OAAO,CAAU;IAC7D,WAAW,EAAE,MAAM,CAAM;IACzB,QAAQ,EAAE,OAAO,CAAS;IAC1B,KAAK,EAAE,MAAM,CAAM;IACnB,gBAAgB,EAAE,MAAM,CAAM;IAC9B,sBAAsB,EAAE,MAAM,CAAM;IACpC,mBAAmB,EAAE,OAAO,CAAS;IACrC,WAAW,EAAE,MAAM,CAAM;IAElC,UAAU,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IAY9B,QAAQ,IAAI,MAAM;IAIlB,cAAc,IAAI,MAAM;yCA5Bb,oBAAoB;2CAApB,oBAAoB;CA+BhC"}
+{"version":3,"file":"input-dialog.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/dialogs/input-dialog.component.ts"],"names":[],"mappings":";AAEA,qBAsGa,oBAAoB;IACtB,OAAO,EAAE,MAAM,CAAM;IAE9B,uCAAuC;IACvC,IAAa,OAAO,CAAC,KAAK,EAAE,MAAM,EAEjC;IACD,uCAAuC;IACvC,IAAI,OAAO,IAAI,MAAM,CAEpB;IACQ,UAAU,EAAE,MAAM,CAAM;IAEjC,0CAA0C;IAC1C,IAAa,UAAU,CAAC,KAAK,EAAE,MAAM,EAEpC;IACD,0CAA0C;IAC1C,IAAI,UAAU,IAAI,MAAM,CAEvB;IACQ,SAAS,EAAE,MAAM,GAAG,UAAU,GAAG,QAAQ,GAAG,OAAO,CAAU;IAEtE,yCAAyC;IACzC,IAAa,SAAS,CAAC,KAAK,EAAE,MAAM,GAAG,UAAU,GAAG,QAAQ,GAAG,OAAO,EAErE;IACD,yCAAyC;IACzC,IAAI,SAAS,IAAI,MAAM,GAAG,UAAU,GAAG,QAAQ,GAAG,OAAO,CAExD;IACQ,WAAW,EAAE,MAAM,CAAM;IAElC,2CAA2C;IAC3C,IAAa,WAAW,CAAC,KAAK,EAAE,MAAM,EAErC;IACD,2CAA2C;IAC3C,IAAI,WAAW,IAAI,MAAM,CAExB;IACQ,QAAQ,EAAE,OAAO,CAAS;IAEnC,wCAAwC;IACxC,IAAa,QAAQ,CAAC,KAAK,EAAE,OAAO,EAEnC;IACD,wCAAwC;IACxC,IAAI,QAAQ,IAAI,OAAO,CAEtB;IACQ,KAAK,EAAE,MAAM,CAAM;IAE5B,qCAAqC;IACrC,IAAa,KAAK,CAAC,KAAK,EAAE,MAAM,EAE/B;IACD,qCAAqC;IACrC,IAAI,KAAK,IAAI,MAAM,CAElB;IACQ,gBAAgB,EAAE,MAAM,CAAM;IAEvC,gDAAgD;IAChD,IAAa,gBAAgB,CAAC,KAAK,EAAE,MAAM,EAE1C;IACD,gDAAgD;IAChD,IAAI,gBAAgB,IAAI,MAAM,CAE7B;IACQ,sBAAsB,EAAE,MAAM,CAAM;IAE7C,sDAAsD;IACtD,IAAa,sBAAsB,CAAC,KAAK,EAAE,MAAM,EAEhD;IACD,sDAAsD;IACtD,IAAI,sBAAsB,IAAI,MAAM,CAEnC;IACQ,mBAAmB,EAAE,OAAO,CAAS;IAE9C,mDAAmD;IACnD,IAAa,mBAAmB,CAAC,KAAK,EAAE,OAAO,EAE9C;IACD,mDAAmD;IACnD,IAAI,mBAAmB,IAAI,OAAO,CAEjC;IACQ,WAAW,EAAE,MAAM,CAAM;IAElC,2CAA2C;IAC3C,IAAa,WAAW,CAAC,KAAK,EAAE,MAAM,EAErC;IACD,2CAA2C;IAC3C,IAAI,WAAW,IAAI,MAAM,CAExB;IAED,UAAU,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IAY9B,0CAA0C;IAC1C,UAAU,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IAI9B,QAAQ,IAAI,MAAM;IAIlB,wCAAwC;IACxC,QAAQ,IAAI,MAAM;IAIlB,cAAc,IAAI,MAAM;IAIxB,8CAA8C;IAC9C,cAAc,IAAI,MAAM;yCArIb,oBAAoB;2CAApB,oBAAoB;CAwIhC"}

package/dist/lib/components/dialogs/input-dialog.component.js

@@ -54,19 +54,99 @@ function InputDialogComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵproperty("placeholder", ctx_r1.secondInputPlaceholder);
 } }
 export class InputDialogComponent {
-    message = '';
-    inputLabel = '';
-    inputType = 'text';
-    placeholder = '';
-    required = false;
-    value = '';
-    secondInputLabel = '';
-    secondInputPlaceholder = '';
-    secondInputRequired = false;
-    secondValue = '';
-    onEnterKey(event) {
+    Message = '';
+    /** @deprecated Use {@link Message}. */
+    set message(value) {
+        this.Message = value;
+    }
+    /** @deprecated Use {@link Message}. */
+    get message() {
+        return this.Message;
+    }
+    InputLabel = '';
+    /** @deprecated Use {@link InputLabel}. */
+    set inputLabel(value) {
+        this.InputLabel = value;
+    }
+    /** @deprecated Use {@link InputLabel}. */
+    get inputLabel() {
+        return this.InputLabel;
+    }
+    InputType = 'text';
+    /** @deprecated Use {@link InputType}. */
+    set inputType(value) {
+        this.InputType = value;
+    }
+    /** @deprecated Use {@link InputType}. */
+    get inputType() {
+        return this.InputType;
+    }
+    Placeholder = '';
+    /** @deprecated Use {@link Placeholder}. */
+    set placeholder(value) {
+        this.Placeholder = value;
+    }
+    /** @deprecated Use {@link Placeholder}. */
+    get placeholder() {
+        return this.Placeholder;
+    }
+    Required = false;
+    /** @deprecated Use {@link Required}. */
+    set required(value) {
+        this.Required = value;
+    }
+    /** @deprecated Use {@link Required}. */
+    get required() {
+        return this.Required;
+    }
+    Value = '';
+    /** @deprecated Use {@link Value}. */
+    set value(value) {
+        this.Value = value;
+    }
+    /** @deprecated Use {@link Value}. */
+    get value() {
+        return this.Value;
+    }
+    SecondInputLabel = '';
+    /** @deprecated Use {@link SecondInputLabel}. */
+    set secondInputLabel(value) {
+        this.SecondInputLabel = value;
+    }
+    /** @deprecated Use {@link SecondInputLabel}. */
+    get secondInputLabel() {
+        return this.SecondInputLabel;
+    }
+    SecondInputPlaceholder = '';
+    /** @deprecated Use {@link SecondInputPlaceholder}. */
+    set secondInputPlaceholder(value) {
+        this.SecondInputPlaceholder = value;
+    }
+    /** @deprecated Use {@link SecondInputPlaceholder}. */
+    get secondInputPlaceholder() {
+        return this.SecondInputPlaceholder;
+    }
+    SecondInputRequired = false;
+    /** @deprecated Use {@link SecondInputRequired}. */
+    set secondInputRequired(value) {
+        this.SecondInputRequired = value;
+    }
+    /** @deprecated Use {@link SecondInputRequired}. */
+    get secondInputRequired() {
+        return this.SecondInputRequired;
+    }
+    SecondValue = '';
+    /** @deprecated Use {@link SecondValue}. */
+    set secondValue(value) {
+        this.SecondValue = value;
+    }
+    /** @deprecated Use {@link SecondValue}. */
+    get secondValue() {
+        return this.SecondValue;
+    }
+    OnEnterKey(event) {
         const keyEvent = event;
-        if (this.inputType !== 'textarea') {
+        if (this.InputType !== 'textarea') {
             keyEvent.preventDefault();
             // Trigger OK/primary button click in the MJ dialog
             const okButton = document.querySelector('.mj-dialog-actions .mj-btn--primary');
@@ -75,14 +155,26 @@ export class InputDialogComponent {
             }
         }
     }
+    /** @deprecated Use {@link OnEnterKey}. */
+    onEnterKey(event) {
+        return this.OnEnterKey(event);
+    }
+    GetValue() {
+        return this.Value.trim();
+    }
+    /** @deprecated Use {@link GetValue}. */
     getValue() {
-        return this.value.trim();
+        return this.GetValue();
+    }
+    GetSecondValue() {
+        return this.SecondValue.trim();
     }
+    /** @deprecated Use {@link GetSecondValue}. */
     getSecondValue() {
-        return this.secondValue.trim();
+        return this.GetSecondValue();
     }
     static ɵfac = function InputDialogComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || InputDialogComponent)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: InputDialogComponent, selectors: [["mj-input-dialog"]], inputs: { message: "message", inputLabel: "inputLabel", inputType: "inputType", placeholder: "placeholder", required: "required", value: "value", secondInputLabel: "secondInputLabel", secondInputPlaceholder: "secondInputPlaceholder", secondInputRequired: "secondInputRequired", secondValue: "secondValue" }, standalone: false, decls: 10, vars: 6, consts: [[1, "input-dialog-content"], [1, "dialog-message"], [1, "input-field"], [1, "input-label"], [1, "required-mark"], [1, "mj-textarea", 3, "ngModel", "placeholder"], [1, "mj-input", 3, "ngModel", "type", "placeholder"], [1, "mj-textarea", 3, "ngModelChange", "ngModel", "placeholder"], [1, "mj-input", 3, "ngModelChange", "keydown.enter", "ngModel", "type", "placeholder"]], template: function InputDialogComponent_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: InputDialogComponent, selectors: [["mj-input-dialog"]], inputs: { Message: "Message", message: "message", InputLabel: "InputLabel", inputLabel: "inputLabel", InputType: "InputType", inputType: "inputType", Placeholder: "Placeholder", placeholder: "placeholder", Required: "Required", required: "required", Value: "Value", value: "value", SecondInputLabel: "SecondInputLabel", secondInputLabel: "secondInputLabel", SecondInputPlaceholder: "SecondInputPlaceholder", secondInputPlaceholder: "secondInputPlaceholder", SecondInputRequired: "SecondInputRequired", secondInputRequired: "secondInputRequired", SecondValue: "SecondValue", secondValue: "secondValue" }, standalone: false, decls: 10, vars: 6, consts: [[1, "input-dialog-content"], [1, "dialog-message"], [1, "input-field"], [1, "input-label"], [1, "required-mark"], [1, "mj-textarea", 3, "ngModel", "placeholder"], [1, "mj-input", 3, "ngModel", "type", "placeholder"], [1, "mj-textarea", 3, "ngModelChange", "ngModel", "placeholder"], [1, "mj-input", 3, "ngModelChange", "keydown.enter", "ngModel", "type", "placeholder"]], template: function InputDialogComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0)(1, "p", 1);
             i0.ɵɵtext(2);
             i0.ɵɵelementEnd();
@@ -155,24 +247,44 @@ export class InputDialogComponent {
       }
     </div>
     `, styles: ["\n    .input-dialog-content {\n      /* MJDialogContainerComponent pads only string content (.mj-dialog-body > p); a component\n         body arrives with no horizontal padding at all, so the message, labels and inputs sat flush\n         against the dialog edges while the header and footer were padded. Same inset as the sibling\n         rating dialog, which already compensates for this. */\n      padding: 4px 20px 8px;\n      /* Parity with the rating dialog: the Explorer shell's global reset makes this redundant, but a host\n         without that reset would let the 100%-wide inputs (padding + border, no local box-sizing) overflow. */\n      box-sizing: border-box;\n    }\n    .input-dialog-content * {\n      box-sizing: border-box;\n    }\n    .dialog-message {\n      margin: 0 0 16px 0;\n      color: var(--mj-text-primary);\n      font-size: 14px;\n    }\n    .input-field {\n      display: flex;\n      flex-direction: column;\n      gap: 8px;\n    }\n    .input-label {\n      font-weight: 500;\n      font-size: 13px;\n      color: var(--mj-text-secondary);\n    }\n    .required-mark {\n      color: var(--mj-status-error);\n      margin-left: 2px;\n    }\n    .mj-input,\n    .mj-textarea {\n      width: 100%;\n      padding: 8px 12px;\n      border: 1px solid var(--mj-border-default);\n      border-radius: 4px;\n      font-size: 14px;\n      font-family: inherit;\n      background: var(--mj-bg-surface);\n      color: var(--mj-text-primary);\n    }\n    .mj-input:focus,\n    .mj-textarea:focus {\n      outline: none;\n      border-color: var(--mj-brand-primary);\n      box-shadow: 0 0 0 3px color-mix(in srgb, var(--mj-brand-primary) 15%, transparent);\n    }\n    .mj-textarea {\n      min-height: 80px;\n      resize: vertical;\n    }\n  "] }]
-    }], null, { message: [{
+    }], null, { Message: [{
+            type: Input
+        }], message: [{
+            type: Input
+        }], InputLabel: [{
             type: Input
         }], inputLabel: [{
             type: Input
+        }], InputType: [{
+            type: Input
         }], inputType: [{
             type: Input
+        }], Placeholder: [{
+            type: Input
         }], placeholder: [{
             type: Input
+        }], Required: [{
+            type: Input
         }], required: [{
             type: Input
+        }], Value: [{
+            type: Input
         }], value: [{
             type: Input
+        }], SecondInputLabel: [{
+            type: Input
         }], secondInputLabel: [{
             type: Input
+        }], SecondInputPlaceholder: [{
+            type: Input
         }], secondInputPlaceholder: [{
             type: Input
+        }], SecondInputRequired: [{
+            type: Input
         }], secondInputRequired: [{
             type: Input
+        }], SecondValue: [{
+            type: Input
         }], secondValue: [{
             type: Input
         }] }); })();

package/dist/lib/components/dialogs/input-dialog.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"input-dialog.component.js","sourceRoot":"","sources":["../../../../src/lib/components/dialogs/input-dialog.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;;;;IAYrC,+BAA4B;IAAA,iBAAC;IAAA,iBAAO;;;;IAItC,mCAGsB;IAFpB,ySAAmB;IAGrB,0BAAA;IAAA,iBAAW;;;IAHT,4CAAmB;IACnB,gDAA2B;;;;IAK7B,gCAKuC;IAJrC,sSAAmB;IAInB,6MAAiB,yBAAkB,KAAC;IALtC,iBAKuC;;;IAJrC,4CAAmB;IAEnB,AADA,iDAA4B,mCACD;;;IAUzB,+BAA4B;IAAA,iBAAC;IAAA,iBAAO;;;;IAHxC,AADF,8BAAyB,eACI;IACzB,YACA;IAAA,qGAA2B;IAG7B,iBAAQ;IACR,mCAGsB;IAFpB,qTAAyB;IAG3B,0BAAA;IACF,AADE,iBAAW,EACP;;;IAVF,eACA;IADA,wDACA;IAAA,cAEC;IAFD,qDAEC;IAGD,cAAyB;IAAzB,kDAAyB;IACzB,2DAAsC;;AA+DlD,MAAM,OAAO,oBAAoB;IACtB,OAAO,GAAW,EAAE,CAAC;IACrB,UAAU,GAAW,EAAE,CAAC;IACxB,SAAS,GAA6C,MAAM,CAAC;IAC7D,WAAW,GAAW,EAAE,CAAC;IACzB,QAAQ,GAAY,KAAK,CAAC;IAC1B,KAAK,GAAW,EAAE,CAAC;IACnB,gBAAgB,GAAW,EAAE,CAAC;IAC9B,sBAAsB,GAAW,EAAE,CAAC;IACpC,mBAAmB,GAAY,KAAK,CAAC;IACrC,WAAW,GAAW,EAAE,CAAC;IAElC,UAAU,CAAC,KAAY;QACrB,MAAM,QAAQ,GAAG,KAAsB,CAAC;QACxC,IAAI,IAAI,CAAC,SAAS,KAAK,UAAU,EAAE,CAAC;YAClC,QAAQ,CAAC,cAAc,EAAE,CAAC;YAC1B,mDAAmD;YACnD,MAAM,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,qCAAqC,CAAsB,CAAC;YACpG,IAAI,QAAQ,EAAE,CAAC;gBACb,QAAQ,CAAC,KAAK,EAAE,CAAC;YACnB,CAAC;QACH,CAAC;IACH,CAAC;IAED,QAAQ;QACN,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;IAC3B,CAAC;IAED,cAAc;QACZ,OAAO,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC;IACjC,CAAC;8GA9BU,oBAAoB;6DAApB,oBAAoB;YAjG3B,AADF,8BAAkC,WACN;YAAA,YAAa;YAAA,iBAAI;YAEzC,AADF,8BAAyB,eACI;YACzB,YACA;YAAA,uFAAgB;YAGlB,iBAAQ;YACR,2FAAgC;YAOhC,wFAAgC;YAQlC,iBAAM;YACN,sFAAwB;YAe1B,iBAAM;;YAvCsB,eAAa;YAAb,iCAAa;YAGnC,eACA;YADA,+CACA;YAAA,cAEC;YAFD,uCAEC;YAEH,cAMC;YAND,uDAMC;YACD,cAOC;YAPD,uDAOC;YAEH,cAcC;YAdD,+CAcC;;;iFA2DM,oBAAoB;cAtGhC,SAAS;6BACI,KAAK,YACP,iBAAiB,YACjB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA0CP;;kBA0DF,KAAK;;kBACL,KAAK;;kBACL,KAAK;;kBACL,KAAK;;kBACL,KAAK;;kBACL,KAAK;;kBACL,KAAK;;kBACL,KAAK;;kBACL,KAAK;;kBACL,KAAK;;kFAVK,oBAAoB","sourcesContent":["import { Component, Input } from '@angular/core';\n\n@Component({\n  standalone: false,\n  selector: 'mj-input-dialog',\n  template: `\n    <div class=\"input-dialog-content\">\n      <p class=\"dialog-message\">{{ message }}</p>\n      <div class=\"input-field\">\n        <label class=\"input-label\">\n          {{ inputLabel }}\n          @if (required) {\n            <span class=\"required-mark\">*</span>\n          }\n        </label>\n        @if (inputType === 'textarea') {\n          <textarea\n            [(ngModel)]=\"value\"\n            [placeholder]=\"placeholder\"\n            class=\"mj-textarea\">\n          </textarea>\n        }\n        @if (inputType !== 'textarea') {\n          <input\n            [(ngModel)]=\"value\"\n            [type]=\"inputType || 'text'\"\n            [placeholder]=\"placeholder\"\n            class=\"mj-input\"\n            (keydown.enter)=\"onEnterKey($event)\">\n        }\n      </div>\n      @if (secondInputLabel) {\n        <div class=\"input-field\">\n          <label class=\"input-label\">\n            {{ secondInputLabel }}\n            @if (secondInputRequired) {\n              <span class=\"required-mark\">*</span>\n            }\n          </label>\n          <textarea\n            [(ngModel)]=\"secondValue\"\n            [placeholder]=\"secondInputPlaceholder\"\n            class=\"mj-textarea\">\n          </textarea>\n        </div>\n      }\n    </div>\n    `,\n  styles: [`\n    .input-dialog-content {\n      /* MJDialogContainerComponent pads only string content (.mj-dialog-body > p); a component\n         body arrives with no horizontal padding at all, so the message, labels and inputs sat flush\n         against the dialog edges while the header and footer were padded. Same inset as the sibling\n         rating dialog, which already compensates for this. */\n      padding: 4px 20px 8px;\n      /* Parity with the rating dialog: the Explorer shell's global reset makes this redundant, but a host\n         without that reset would let the 100%-wide inputs (padding + border, no local box-sizing) overflow. */\n      box-sizing: border-box;\n    }\n    .input-dialog-content * {\n      box-sizing: border-box;\n    }\n    .dialog-message {\n      margin: 0 0 16px 0;\n      color: var(--mj-text-primary);\n      font-size: 14px;\n    }\n    .input-field {\n      display: flex;\n      flex-direction: column;\n      gap: 8px;\n    }\n    .input-label {\n      font-weight: 500;\n      font-size: 13px;\n      color: var(--mj-text-secondary);\n    }\n    .required-mark {\n      color: var(--mj-status-error);\n      margin-left: 2px;\n    }\n    .mj-input,\n    .mj-textarea {\n      width: 100%;\n      padding: 8px 12px;\n      border: 1px solid var(--mj-border-default);\n      border-radius: 4px;\n      font-size: 14px;\n      font-family: inherit;\n      background: var(--mj-bg-surface);\n      color: var(--mj-text-primary);\n    }\n    .mj-input:focus,\n    .mj-textarea:focus {\n      outline: none;\n      border-color: var(--mj-brand-primary);\n      box-shadow: 0 0 0 3px color-mix(in srgb, var(--mj-brand-primary) 15%, transparent);\n    }\n    .mj-textarea {\n      min-height: 80px;\n      resize: vertical;\n    }\n  `]\n})\nexport class InputDialogComponent {\n  @Input() message: string = '';\n  @Input() inputLabel: string = '';\n  @Input() inputType: 'text' | 'textarea' | 'number' | 'email' = 'text';\n  @Input() placeholder: string = '';\n  @Input() required: boolean = false;\n  @Input() value: string = '';\n  @Input() secondInputLabel: string = '';\n  @Input() secondInputPlaceholder: string = '';\n  @Input() secondInputRequired: boolean = false;\n  @Input() secondValue: string = '';\n\n  onEnterKey(event: Event): void {\n    const keyEvent = event as KeyboardEvent;\n    if (this.inputType !== 'textarea') {\n      keyEvent.preventDefault();\n      // Trigger OK/primary button click in the MJ dialog\n      const okButton = document.querySelector('.mj-dialog-actions .mj-btn--primary') as HTMLButtonElement;\n      if (okButton) {\n        okButton.click();\n      }\n    }\n  }\n\n  getValue(): string {\n    return this.value.trim();\n  }\n\n  getSecondValue(): string {\n    return this.secondValue.trim();\n  }\n}\n"]}
+{"version":3,"file":"input-dialog.component.js","sourceRoot":"","sources":["../../../../src/lib/components/dialogs/input-dialog.component.ts"],"names":[],"mappings":"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","sourcesContent":["import { Component, Input } from '@angular/core';\n\n@Component({\n  standalone: false,\n  selector: 'mj-input-dialog',\n  template: `\n    <div class=\"input-dialog-content\">\n      <p class=\"dialog-message\">{{ message }}</p>\n      <div class=\"input-field\">\n        <label class=\"input-label\">\n          {{ inputLabel }}\n          @if (required) {\n            <span class=\"required-mark\">*</span>\n          }\n        </label>\n        @if (inputType === 'textarea') {\n          <textarea\n            [(ngModel)]=\"value\"\n            [placeholder]=\"placeholder\"\n            class=\"mj-textarea\">\n          </textarea>\n        }\n        @if (inputType !== 'textarea') {\n          <input\n            [(ngModel)]=\"value\"\n            [type]=\"inputType || 'text'\"\n            [placeholder]=\"placeholder\"\n            class=\"mj-input\"\n            (keydown.enter)=\"onEnterKey($event)\">\n        }\n      </div>\n      @if (secondInputLabel) {\n        <div class=\"input-field\">\n          <label class=\"input-label\">\n            {{ secondInputLabel }}\n            @if (secondInputRequired) {\n              <span class=\"required-mark\">*</span>\n            }\n          </label>\n          <textarea\n            [(ngModel)]=\"secondValue\"\n            [placeholder]=\"secondInputPlaceholder\"\n            class=\"mj-textarea\">\n          </textarea>\n        </div>\n      }\n    </div>\n    `,\n  styles: [`\n    .input-dialog-content {\n      /* MJDialogContainerComponent pads only string content (.mj-dialog-body > p); a component\n         body arrives with no horizontal padding at all, so the message, labels and inputs sat flush\n         against the dialog edges while the header and footer were padded. Same inset as the sibling\n         rating dialog, which already compensates for this. */\n      padding: 4px 20px 8px;\n      /* Parity with the rating dialog: the Explorer shell's global reset makes this redundant, but a host\n         without that reset would let the 100%-wide inputs (padding + border, no local box-sizing) overflow. */\n      box-sizing: border-box;\n    }\n    .input-dialog-content * {\n      box-sizing: border-box;\n    }\n    .dialog-message {\n      margin: 0 0 16px 0;\n      color: var(--mj-text-primary);\n      font-size: 14px;\n    }\n    .input-field {\n      display: flex;\n      flex-direction: column;\n      gap: 8px;\n    }\n    .input-label {\n      font-weight: 500;\n      font-size: 13px;\n      color: var(--mj-text-secondary);\n    }\n    .required-mark {\n      color: var(--mj-status-error);\n      margin-left: 2px;\n    }\n    .mj-input,\n    .mj-textarea {\n      width: 100%;\n      padding: 8px 12px;\n      border: 1px solid var(--mj-border-default);\n      border-radius: 4px;\n      font-size: 14px;\n      font-family: inherit;\n      background: var(--mj-bg-surface);\n      color: var(--mj-text-primary);\n    }\n    .mj-input:focus,\n    .mj-textarea:focus {\n      outline: none;\n      border-color: var(--mj-brand-primary);\n      box-shadow: 0 0 0 3px color-mix(in srgb, var(--mj-brand-primary) 15%, transparent);\n    }\n    .mj-textarea {\n      min-height: 80px;\n      resize: vertical;\n    }\n  `]\n})\nexport class InputDialogComponent {\n  @Input() Message: string = '';\n\n  /** @deprecated Use {@link Message}. */\n  @Input() set message(value: string) {\n    this.Message = value;\n  }\n  /** @deprecated Use {@link Message}. */\n  get message(): string {\n    return this.Message;\n  }\n  @Input() InputLabel: string = '';\n\n  /** @deprecated Use {@link InputLabel}. */\n  @Input() set inputLabel(value: string) {\n    this.InputLabel = value;\n  }\n  /** @deprecated Use {@link InputLabel}. */\n  get inputLabel(): string {\n    return this.InputLabel;\n  }\n  @Input() InputType: 'text' | 'textarea' | 'number' | 'email' = 'text';\n\n  /** @deprecated Use {@link InputType}. */\n  @Input() set inputType(value: 'text' | 'textarea' | 'number' | 'email') {\n    this.InputType = value;\n  }\n  /** @deprecated Use {@link InputType}. */\n  get inputType(): 'text' | 'textarea' | 'number' | 'email' {\n    return this.InputType;\n  }\n  @Input() Placeholder: string = '';\n\n  /** @deprecated Use {@link Placeholder}. */\n  @Input() set placeholder(value: string) {\n    this.Placeholder = value;\n  }\n  /** @deprecated Use {@link Placeholder}. */\n  get placeholder(): string {\n    return this.Placeholder;\n  }\n  @Input() Required: boolean = false;\n\n  /** @deprecated Use {@link Required}. */\n  @Input() set required(value: boolean) {\n    this.Required = value;\n  }\n  /** @deprecated Use {@link Required}. */\n  get required(): boolean {\n    return this.Required;\n  }\n  @Input() Value: string = '';\n\n  /** @deprecated Use {@link Value}. */\n  @Input() set value(value: string) {\n    this.Value = value;\n  }\n  /** @deprecated Use {@link Value}. */\n  get value(): string {\n    return this.Value;\n  }\n  @Input() SecondInputLabel: string = '';\n\n  /** @deprecated Use {@link SecondInputLabel}. */\n  @Input() set secondInputLabel(value: string) {\n    this.SecondInputLabel = value;\n  }\n  /** @deprecated Use {@link SecondInputLabel}. */\n  get secondInputLabel(): string {\n    return this.SecondInputLabel;\n  }\n  @Input() SecondInputPlaceholder: string = '';\n\n  /** @deprecated Use {@link SecondInputPlaceholder}. */\n  @Input() set secondInputPlaceholder(value: string) {\n    this.SecondInputPlaceholder = value;\n  }\n  /** @deprecated Use {@link SecondInputPlaceholder}. */\n  get secondInputPlaceholder(): string {\n    return this.SecondInputPlaceholder;\n  }\n  @Input() SecondInputRequired: boolean = false;\n\n  /** @deprecated Use {@link SecondInputRequired}. */\n  @Input() set secondInputRequired(value: boolean) {\n    this.SecondInputRequired = value;\n  }\n  /** @deprecated Use {@link SecondInputRequired}. */\n  get secondInputRequired(): boolean {\n    return this.SecondInputRequired;\n  }\n  @Input() SecondValue: string = '';\n\n  /** @deprecated Use {@link SecondValue}. */\n  @Input() set secondValue(value: string) {\n    this.SecondValue = value;\n  }\n  /** @deprecated Use {@link SecondValue}. */\n  get secondValue(): string {\n    return this.SecondValue;\n  }\n\n  OnEnterKey(event: Event): void {\n    const keyEvent = event as KeyboardEvent;\n    if (this.InputType !== 'textarea') {\n      keyEvent.preventDefault();\n      // Trigger OK/primary button click in the MJ dialog\n      const okButton = document.querySelector('.mj-dialog-actions .mj-btn--primary') as HTMLButtonElement;\n      if (okButton) {\n        okButton.click();\n      }\n    }\n  }\n\n  /** @deprecated Use {@link OnEnterKey}. */\n  onEnterKey(event: Event): void {\n    return this.OnEnterKey(event);\n  }\n\n  GetValue(): string {\n    return this.Value.trim();\n  }\n\n  /** @deprecated Use {@link GetValue}. */\n  getValue(): string {\n    return this.GetValue();\n  }\n\n  GetSecondValue(): string {\n    return this.SecondValue.trim();\n  }\n\n  /** @deprecated Use {@link GetSecondValue}. */\n  getSecondValue(): string {\n    return this.GetSecondValue();\n  }\n}\n"]}