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

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

@@ -1,31 +1,89 @@
 import * as i0 from "@angular/core";
 export declare class RatingDialogComponent {
-    message: string;
-    initialRating: number | null;
-    initialComments: string;
+    Message: string;
+    /** @deprecated Use {@link Message}. */
+    set message(value: string);
+    /** @deprecated Use {@link Message}. */
+    get message(): string;
+    InitialRating: number | null;
+    /** @deprecated Use {@link InitialRating}. */
+    set initialRating(value: number | null);
+    /** @deprecated Use {@link InitialRating}. */
+    get initialRating(): number | null;
+    InitialComments: string;
+    /** @deprecated Use {@link InitialComments}. */
+    set initialComments(value: string);
+    /** @deprecated Use {@link InitialComments}. */
+    get initialComments(): string;
     /** When true, the user must check the consent box before submitting. */
-    requireConsent: boolean;
-    readonly scale: number[];
-    selectedRating: number | null;
-    hoveredRating: number | null;
-    comments: string;
-    consentChecked: boolean;
+    RequireConsent: boolean;
+    /** @deprecated Use {@link RequireConsent}. */
+    set requireConsent(value: boolean);
+    /** @deprecated Use {@link RequireConsent}. */
+    get requireConsent(): boolean;
+    readonly Scale: number[];
+    /** @deprecated Use {@link Scale}. */
+    get scale(): number[];
+    SelectedRating: number | null;
+    /** @deprecated Use {@link SelectedRating}. */
+    get selectedRating(): number | null;
+    /** @deprecated Use {@link SelectedRating}. */
+    set selectedRating(value: number | null);
+    HoveredRating: number | null;
+    /** @deprecated Use {@link HoveredRating}. */
+    get hoveredRating(): number | null;
+    /** @deprecated Use {@link HoveredRating}. */
+    set hoveredRating(value: number | null);
+    Comments: string;
+    /** @deprecated Use {@link Comments}. */
+    get comments(): string;
+    /** @deprecated Use {@link Comments}. */
+    set comments(value: string);
+    ConsentChecked: boolean;
+    /** @deprecated Use {@link ConsentChecked}. */
+    get consentChecked(): boolean;
+    /** @deprecated Use {@link ConsentChecked}. */
+    set consentChecked(value: boolean);
     ngOnInit(): void;
+    get EffectiveRating(): number | null;
+    /** @deprecated Use {@link EffectiveRating}. */
     get effectiveRating(): number | null;
+    get EffectiveBand(): string | null;
+    /** @deprecated Use {@link EffectiveBand}. */
     get effectiveBand(): string | null;
+    BandFor(n: number): 'low' | 'mid' | 'high';
+    /** @deprecated Use {@link BandFor}. */
     bandFor(n: number): 'low' | 'mid' | 'high';
+    IsFilled(n: number): boolean;
+    /** @deprecated Use {@link IsFilled}. */
     isFilled(n: number): boolean;
+    SelectRating(n: number): void;
+    /** @deprecated Use {@link SelectRating}. */
     selectRating(n: number): void;
+    OnScaleMouseLeave(): void;
+    /** @deprecated Use {@link OnScaleMouseLeave}. */
     onScaleMouseLeave(): void;
+    OnPipBlur(): void;
+    /** @deprecated Use {@link OnPipBlur}. */
     onPipBlur(): void;
+    GetDescriptor(n: number): string;
+    /** @deprecated Use {@link GetDescriptor}. */
     getDescriptor(n: number): string;
+    GetRating(): number | null;
+    /** @deprecated Use {@link GetRating}. */
     getRating(): number | null;
+    GetComments(): string;
+    /** @deprecated Use {@link GetComments}. */
     getComments(): string;
     /** True if the consent requirement is met (not required, or required and checked). */
+    IsConsentValid(): boolean;
+    /** @deprecated Use {@link IsConsentValid}. */
     isConsentValid(): boolean;
     /** True only when the user *just* acknowledged consent in this dialog session. */
+    WasConsentNewlyAcknowledged(): boolean;
+    /** @deprecated Use {@link WasConsentNewlyAcknowledged}. */
     wasConsentNewlyAcknowledged(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<RatingDialogComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<RatingDialogComponent, "mj-rating-dialog", never, { "message": { "alias": "message"; "required": false; }; "initialRating": { "alias": "initialRating"; "required": false; }; "initialComments": { "alias": "initialComments"; "required": false; }; "requireConsent": { "alias": "requireConsent"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RatingDialogComponent, "mj-rating-dialog", never, { "Message": { "alias": "Message"; "required": false; }; "message": { "alias": "message"; "required": false; }; "InitialRating": { "alias": "InitialRating"; "required": false; }; "initialRating": { "alias": "initialRating"; "required": false; }; "InitialComments": { "alias": "InitialComments"; "required": false; }; "initialComments": { "alias": "initialComments"; "required": false; }; "RequireConsent": { "alias": "RequireConsent"; "required": false; }; "requireConsent": { "alias": "requireConsent"; "required": false; }; }, {}, never, never, false, never>;
 }
 //# sourceMappingURL=rating-dialog.component.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"rating-dialog.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/dialogs/rating-dialog.component.ts"],"names":[],"mappings":";AAEA,qBA8Ra,qBAAqB;IACvB,OAAO,EAAE,MAAM,CAAM;IACrB,aAAa,EAAE,MAAM,GAAG,IAAI,CAAQ;IACpC,eAAe,EAAE,MAAM,CAAM;IAEtC,wEAAwE;IAC/D,cAAc,EAAE,OAAO,CAAS;IAEzC,QAAQ,CAAC,KAAK,EAAE,MAAM,EAAE,CAAmC;IAC3D,cAAc,EAAE,MAAM,GAAG,IAAI,CAAQ;IACrC,aAAa,EAAE,MAAM,GAAG,IAAI,CAAQ;IACpC,QAAQ,EAAE,MAAM,CAAM;IACtB,cAAc,EAAE,OAAO,CAAS;IAEhC,QAAQ,IAAI,IAAI;IAKhB,IAAI,eAAe,IAAI,MAAM,GAAG,IAAI,CAEnC;IAED,IAAI,aAAa,IAAI,MAAM,GAAG,IAAI,CAGjC;IAED,OAAO,CAAC,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,KAAK,GAAG,MAAM;IAM1C,QAAQ,CAAC,CAAC,EAAE,MAAM,GAAG,OAAO;IAK5B,YAAY,CAAC,CAAC,EAAE,MAAM,GAAG,IAAI;IAI7B,iBAAiB,IAAI,IAAI;IAIzB,SAAS,IAAI,IAAI;IAIjB,aAAa,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM;IAQhC,SAAS,IAAI,MAAM,GAAG,IAAI;IAI1B,WAAW,IAAI,MAAM;IAIrB,sFAAsF;IACtF,cAAc,IAAI,OAAO;IAIzB,kFAAkF;IAClF,2BAA2B,IAAI,OAAO;yCAzE3B,qBAAqB;2CAArB,qBAAqB;CA4EjC"}
+{"version":3,"file":"rating-dialog.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/dialogs/rating-dialog.component.ts"],"names":[],"mappings":"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"}

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

@@ -68,48 +68,144 @@ function RatingDialogComponent_Conditional_32_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵconditional(!ctx_r0.consentChecked ? 4 : -1);
 } }
 export class RatingDialogComponent {
-    message = '';
-    initialRating = null;
-    initialComments = '';
+    Message = '';
+    /** @deprecated Use {@link Message}. */
+    set message(value) {
+        this.Message = value;
+    }
+    /** @deprecated Use {@link Message}. */
+    get message() {
+        return this.Message;
+    }
+    InitialRating = null;
+    /** @deprecated Use {@link InitialRating}. */
+    set initialRating(value) {
+        this.InitialRating = value;
+    }
+    /** @deprecated Use {@link InitialRating}. */
+    get initialRating() {
+        return this.InitialRating;
+    }
+    InitialComments = '';
+    /** @deprecated Use {@link InitialComments}. */
+    set initialComments(value) {
+        this.InitialComments = value;
+    }
+    /** @deprecated Use {@link InitialComments}. */
+    get initialComments() {
+        return this.InitialComments;
+    }
     /** When true, the user must check the consent box before submitting. */
-    requireConsent = false;
-    scale = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
-    selectedRating = null;
-    hoveredRating = null;
-    comments = '';
-    consentChecked = false;
+    RequireConsent = false;
+    /** @deprecated Use {@link RequireConsent}. */
+    set requireConsent(value) {
+        this.RequireConsent = value;
+    }
+    /** @deprecated Use {@link RequireConsent}. */
+    get requireConsent() {
+        return this.RequireConsent;
+    }
+    Scale = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
+    /** @deprecated Use {@link Scale}. */
+    get scale() {
+        return this.Scale;
+    }
+    SelectedRating = null;
+    /** @deprecated Use {@link SelectedRating}. */
+    get selectedRating() {
+        return this.SelectedRating;
+    }
+    /** @deprecated Use {@link SelectedRating}. */
+    set selectedRating(value) {
+        this.SelectedRating = value;
+    }
+    HoveredRating = null;
+    /** @deprecated Use {@link HoveredRating}. */
+    get hoveredRating() {
+        return this.HoveredRating;
+    }
+    /** @deprecated Use {@link HoveredRating}. */
+    set hoveredRating(value) {
+        this.HoveredRating = value;
+    }
+    Comments = '';
+    /** @deprecated Use {@link Comments}. */
+    get comments() {
+        return this.Comments;
+    }
+    /** @deprecated Use {@link Comments}. */
+    set comments(value) {
+        this.Comments = value;
+    }
+    ConsentChecked = false;
+    /** @deprecated Use {@link ConsentChecked}. */
+    get consentChecked() {
+        return this.ConsentChecked;
+    }
+    /** @deprecated Use {@link ConsentChecked}. */
+    set consentChecked(value) {
+        this.ConsentChecked = value;
+    }
     ngOnInit() {
-        this.selectedRating = this.initialRating;
-        this.comments = this.initialComments ?? '';
+        this.SelectedRating = this.InitialRating;
+        this.Comments = this.InitialComments ?? '';
+    }
+    get EffectiveRating() {
+        return this.HoveredRating ?? this.SelectedRating;
     }
+    /** @deprecated Use {@link EffectiveRating}. */
     get effectiveRating() {
-        return this.hoveredRating ?? this.selectedRating;
+        return this.EffectiveRating;
     }
+    get EffectiveBand() {
+        const r = this.EffectiveRating;
+        return r === null ? null : this.BandFor(r);
+    }
+    /** @deprecated Use {@link EffectiveBand}. */
     get effectiveBand() {
-        const r = this.effectiveRating;
-        return r === null ? null : this.bandFor(r);
+        return this.EffectiveBand;
     }
-    bandFor(n) {
+    BandFor(n) {
         if (n <= 3)
             return 'low';
         if (n <= 7)
             return 'mid';
         return 'high';
     }
-    isFilled(n) {
-        const r = this.effectiveRating;
+    /** @deprecated Use {@link BandFor}. */
+    bandFor(n) {
+        return this.BandFor(n);
+    }
+    IsFilled(n) {
+        const r = this.EffectiveRating;
         return r !== null && r >= n;
     }
+    /** @deprecated Use {@link IsFilled}. */
+    isFilled(n) {
+        return this.IsFilled(n);
+    }
+    SelectRating(n) {
+        this.SelectedRating = n;
+    }
+    /** @deprecated Use {@link SelectRating}. */
     selectRating(n) {
-        this.selectedRating = n;
+        return this.SelectRating(n);
+    }
+    OnScaleMouseLeave() {
+        this.HoveredRating = null;
     }
+    /** @deprecated Use {@link OnScaleMouseLeave}. */
     onScaleMouseLeave() {
-        this.hoveredRating = null;
+        return this.OnScaleMouseLeave();
+    }
+    OnPipBlur() {
+        this.HoveredRating = null;
     }
+    /** @deprecated Use {@link OnPipBlur}. */
     onPipBlur() {
-        this.hoveredRating = null;
+        return this.OnPipBlur();
     }
-    getDescriptor(n) {
+    GetDescriptor(n) {
         if (n <= 2)
             return 'Very Poor';
         if (n <= 4)
@@ -120,22 +216,42 @@ export class RatingDialogComponent {
             return 'Good';
         return 'Excellent';
     }
+    /** @deprecated Use {@link GetDescriptor}. */
+    getDescriptor(n) {
+        return this.GetDescriptor(n);
+    }
+    GetRating() {
+        return this.SelectedRating;
+    }
+    /** @deprecated Use {@link GetRating}. */
     getRating() {
-        return this.selectedRating;
+        return this.GetRating();
+    }
+    GetComments() {
+        return (this.Comments ?? '').trim();
     }
+    /** @deprecated Use {@link GetComments}. */
     getComments() {
-        return (this.comments ?? '').trim();
+        return this.GetComments();
     }
     /** True if the consent requirement is met (not required, or required and checked). */
+    IsConsentValid() {
+        return !this.RequireConsent || this.ConsentChecked;
+    }
+    /** @deprecated Use {@link IsConsentValid}. */
     isConsentValid() {
-        return !this.requireConsent || this.consentChecked;
+        return this.IsConsentValid();
     }
     /** True only when the user *just* acknowledged consent in this dialog session. */
+    WasConsentNewlyAcknowledged() {
+        return this.RequireConsent && this.ConsentChecked;
+    }
+    /** @deprecated Use {@link WasConsentNewlyAcknowledged}. */
     wasConsentNewlyAcknowledged() {
-        return this.requireConsent && this.consentChecked;
+        return this.WasConsentNewlyAcknowledged();
     }
     static ɵfac = function RatingDialogComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || RatingDialogComponent)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: RatingDialogComponent, selectors: [["mj-rating-dialog"]], inputs: { message: "message", initialRating: "initialRating", initialComments: "initialComments", requireConsent: "requireConsent" }, standalone: false, decls: 33, vars: 7, consts: [[1, "rating-dialog"], [1, "dialog-message"], ["role", "radiogroup", "aria-label", "Rating from 1 to 10", 1, "rating-scale", 3, "mouseleave"], ["type", "button", "role", "radio", 1, "rating-pip", 3, "filled", "selected"], [1, "rating-meta"], [1, "legend-edge"], [1, "selected-caption"], [1, "muted"], [1, "legend-edge", "legend-right"], [1, "field"], [1, "field-header"], ["for", "rating-comments", 1, "field-label"], [1, "field-hint"], ["id", "rating-comments", "placeholder", "What was good or bad about this response?", "rows", "4", "maxlength", "2000", 1, "comment-textarea", 3, "ngModelChange", "ngModel"], [1, "consent-note"], [1, "fa-solid", "fa-shield-halved"], [1, "consent-body"], [1, "consent-text"], ["type", "button", "role", "radio", 1, "rating-pip", 3, "click", "mouseenter", "focus", "blur"], [1, "dot"], [1, "consent-checkbox"], ["type", "checkbox", "aria-label", "I understand and accept the access authorization above", 3, "ngModelChange", "ngModel"], [1, "consent-warning"]], template: function RatingDialogComponent_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: RatingDialogComponent, selectors: [["mj-rating-dialog"]], inputs: { Message: "Message", message: "message", InitialRating: "InitialRating", initialRating: "initialRating", InitialComments: "InitialComments", initialComments: "initialComments", RequireConsent: "RequireConsent", requireConsent: "requireConsent" }, standalone: false, decls: 33, vars: 7, consts: [[1, "rating-dialog"], [1, "dialog-message"], ["role", "radiogroup", "aria-label", "Rating from 1 to 10", 1, "rating-scale", 3, "mouseleave"], ["type", "button", "role", "radio", 1, "rating-pip", 3, "filled", "selected"], [1, "rating-meta"], [1, "legend-edge"], [1, "selected-caption"], [1, "muted"], [1, "legend-edge", "legend-right"], [1, "field"], [1, "field-header"], ["for", "rating-comments", 1, "field-label"], [1, "field-hint"], ["id", "rating-comments", "placeholder", "What was good or bad about this response?", "rows", "4", "maxlength", "2000", 1, "comment-textarea", 3, "ngModelChange", "ngModel"], [1, "consent-note"], [1, "fa-solid", "fa-shield-halved"], [1, "consent-body"], [1, "consent-text"], ["type", "button", "role", "radio", 1, "rating-pip", 3, "click", "mouseenter", "focus", "blur"], [1, "dot"], [1, "consent-checkbox"], ["type", "checkbox", "aria-label", "I understand and accept the access authorization above", 3, "ngModelChange", "ngModel"], [1, "consent-warning"]], template: function RatingDialogComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0);
             i0.ɵɵconditionalCreate(1, RatingDialogComponent_Conditional_1_Template, 2, 1, "p", 1);
             i0.ɵɵelementStart(2, "div", 2);
@@ -277,12 +393,20 @@ export class RatingDialogComponent {
       </div>
     </div>
   `, styles: ["\n    :host {\n      display: block;\n      --rd-text-primary: var(--mj-text-primary, #18181b);\n      --rd-text-secondary: var(--mj-text-secondary, #52525b);\n      --rd-text-muted: var(--mj-text-muted, #71717a);\n      --rd-text-disabled: var(--mj-text-disabled, #a1a1aa);\n      --rd-surface: var(--mj-bg-surface, #ffffff);\n      --rd-border: var(--mj-border-default, #e4e4e7);\n      --rd-border-strong: var(--mj-border-strong, #d4d4d8);\n      --rd-brand: var(--mj-brand-primary, #6366f1);\n      --rd-on-brand: var(--mj-text-on-brand, #ffffff);\n\n      --rd-low: var(--mj-status-error, #ef4444);\n      --rd-mid: var(--mj-status-warning, #f59e0b);\n      --rd-high: var(--mj-status-success, #10b981);\n    }\n\n    .rating-dialog {\n      box-sizing: border-box;\n      width: 100%;\n      display: flex;\n      flex-direction: column;\n      gap: 18px;\n      padding: 4px 20px 8px;\n      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;\n    }\n    .rating-dialog * { box-sizing: border-box; }\n\n    .dialog-message {\n      margin: 0;\n      color: var(--rd-text-secondary);\n      font-size: 14px;\n      line-height: 1.5;\n    }\n\n    /* \u2500\u2500\u2500 Pill row \u2500\u2500\u2500 */\n    .rating-scale {\n      display: grid;\n      grid-template-columns: repeat(10, minmax(0, 1fr));\n      gap: 6px;\n      width: 100%;\n    }\n    .rating-pip {\n      appearance: none;\n      -webkit-appearance: none;\n      width: 100%;\n      min-width: 0;\n      height: 40px;\n      padding: 0;\n      background: var(--rd-surface);\n      border: 1px solid var(--rd-border);\n      border-radius: 8px;\n      font-family: inherit;\n      font-size: 13px;\n      font-weight: 600;\n      color: var(--rd-text-secondary);\n      cursor: pointer;\n      transition: transform 100ms ease, background 140ms ease, border-color 140ms ease, color 140ms ease, box-shadow 140ms ease;\n      font-variant-numeric: tabular-nums;\n    }\n    .rating-pip:hover {\n      border-color: var(--rd-border-strong);\n      color: var(--rd-text-primary);\n    }\n    .rating-pip:focus-visible {\n      outline: none;\n      box-shadow: 0 0 0 2px color-mix(in srgb, var(--rd-brand) 25%, transparent);\n    }\n    .rating-pip.filled[data-band=\"low\"]  { background: var(--rd-low);  border-color: var(--rd-low);  color: var(--rd-on-brand); }\n    .rating-pip.filled[data-band=\"mid\"]  { background: var(--rd-mid);  border-color: var(--rd-mid);  color: var(--rd-on-brand); }\n    .rating-pip.filled[data-band=\"high\"] { background: var(--rd-high); border-color: var(--rd-high); color: var(--rd-on-brand); }\n    .rating-pip.selected { transform: translateY(-1px); }\n\n    /* \u2500\u2500\u2500 Meta row: edge legend + center caption \u2500\u2500\u2500 */\n    .rating-meta {\n      display: grid;\n      grid-template-columns: 1fr auto 1fr;\n      align-items: center;\n      gap: 8px;\n      padding: 0 2px;\n      margin-top: -2px;\n      font-size: 11px;\n      color: var(--rd-text-disabled);\n      text-transform: uppercase;\n      letter-spacing: 0.4px;\n    }\n    .legend-edge { font-weight: 500; }\n    .legend-right { text-align: right; }\n\n    .selected-caption {\n      display: inline-flex;\n      align-items: baseline;\n      gap: 6px;\n      font-size: 12px;\n      font-weight: 600;\n      text-transform: none;\n      letter-spacing: 0;\n      color: var(--rd-text-secondary);\n      font-variant-numeric: tabular-nums;\n    }\n    .selected-caption strong { font-weight: 700; font-size: 13px; }\n    .selected-caption .dot { color: var(--rd-text-disabled); }\n    .selected-caption .muted { color: var(--rd-text-disabled); font-weight: 500; }\n    .selected-caption[data-band=\"low\"]  { color: var(--rd-low); }\n    .selected-caption[data-band=\"mid\"]  { color: var(--rd-mid); }\n    .selected-caption[data-band=\"high\"] { color: var(--rd-high); }\n\n    /* \u2500\u2500\u2500 Comment field \u2500\u2500\u2500 */\n    .field {\n      display: flex;\n      flex-direction: column;\n      gap: 6px;\n    }\n    .field-header {\n      display: flex;\n      align-items: baseline;\n      justify-content: space-between;\n    }\n    .field-label {\n      font-weight: 600;\n      font-size: 13px;\n      color: var(--rd-text-primary);\n    }\n    .field-hint {\n      font-size: 11px;\n      color: var(--rd-text-disabled);\n      text-transform: uppercase;\n      letter-spacing: 0.4px;\n    }\n    .comment-textarea {\n      width: 100%;\n      min-height: 88px;\n      padding: 10px 12px;\n      border: 1px solid var(--rd-border);\n      border-radius: 8px;\n      background: var(--rd-surface);\n      color: var(--rd-text-primary);\n      font-family: inherit;\n      font-size: 13.5px;\n      line-height: 1.5;\n      resize: vertical;\n      transition: border-color 140ms ease, box-shadow 140ms ease;\n    }\n    .comment-textarea::placeholder { color: var(--rd-text-disabled); }\n    .comment-textarea:hover { border-color: var(--rd-border-strong); }\n    .comment-textarea:focus {\n      outline: none;\n      border-color: var(--rd-brand);\n      box-shadow: 0 0 0 2px color-mix(in srgb, var(--rd-brand) 18%, transparent);\n    }\n\n    /* \u2500\u2500\u2500 Consent note \u2500\u2500\u2500 */\n    .consent-note {\n      display: flex;\n      gap: 10px;\n      align-items: flex-start;\n      padding: 12px 14px;\n      background: color-mix(in srgb, var(--rd-brand) 6%, var(--rd-surface));\n      border: 1px solid color-mix(in srgb, var(--rd-brand) 22%, var(--rd-border));\n      border-radius: 8px;\n    }\n    .consent-note > i {\n      color: var(--rd-brand);\n      font-size: 14px;\n      margin-top: 2px;\n      flex-shrink: 0;\n    }\n    .consent-body { flex: 1; min-width: 0; }\n    .consent-text {\n      margin: 0;\n      font-size: 12.5px;\n      line-height: 1.5;\n      color: var(--rd-text-secondary);\n    }\n    .consent-text strong { color: var(--rd-text-primary); font-weight: 600; }\n    .consent-checkbox {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      margin-top: 10px;\n      font-size: 12.5px;\n      color: var(--rd-text-primary);\n      font-weight: 500;\n      cursor: pointer;\n      user-select: none;\n    }\n    .consent-checkbox input {\n      width: 15px;\n      height: 15px;\n      cursor: pointer;\n      accent-color: var(--rd-brand);\n    }\n    .consent-warning {\n      margin: 6px 0 0 23px;\n      font-size: 11px;\n      color: var(--rd-low);\n      font-weight: 500;\n    }\n  "] }]
-    }], null, { message: [{
+    }], null, { Message: [{
+            type: Input
+        }], message: [{
+            type: Input
+        }], InitialRating: [{
             type: Input
         }], initialRating: [{
             type: Input
+        }], InitialComments: [{
+            type: Input
         }], initialComments: [{
             type: Input
+        }], RequireConsent: [{
+            type: Input
         }], requireConsent: [{
             type: Input
         }] }); })();

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

@@ -1 +1 @@
-{"version":3,"file":"rating-dialog.component.js","sourceRoot":"","sources":["../../../../src/lib/components/dialogs/rating-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-rating-dialog',\n  template: `\n    <div class=\"rating-dialog\">\n      @if (message) {\n        <p class=\"dialog-message\">{{ message }}</p>\n      }\n\n      <div\n        class=\"rating-scale\"\n        role=\"radiogroup\"\n        aria-label=\"Rating from 1 to 10\"\n        (mouseleave)=\"onScaleMouseLeave()\">\n        @for (n of scale; track n) {\n          <button\n            type=\"button\"\n            class=\"rating-pip\"\n            [class.filled]=\"isFilled(n)\"\n            [class.selected]=\"selectedRating === n\"\n            [attr.data-band]=\"bandFor(n)\"\n            [attr.aria-checked]=\"selectedRating === n\"\n            role=\"radio\"\n            (click)=\"selectRating(n)\"\n            (mouseenter)=\"hoveredRating = n\"\n            (focus)=\"hoveredRating = n\"\n            (blur)=\"onPipBlur()\">\n            {{ n }}\n          </button>\n        }\n      </div>\n\n      <div class=\"rating-meta\">\n        <span class=\"legend-edge\">1 — Worst</span>\n        <span class=\"selected-caption\" [attr.data-band]=\"effectiveBand\">\n          @if (effectiveRating !== null) {\n            <strong>{{ effectiveRating }}/10</strong>\n            <span class=\"dot\">·</span>\n            <span>{{ getDescriptor(effectiveRating) }}</span>\n          } @else {\n            <span class=\"muted\">Pick a number</span>\n          }\n        </span>\n        <span class=\"legend-edge legend-right\">10 — Best</span>\n      </div>\n\n      <div class=\"field\">\n        <div class=\"field-header\">\n          <label class=\"field-label\" for=\"rating-comments\">Tell us more</label>\n          <span class=\"field-hint\">Optional</span>\n        </div>\n        <textarea\n          id=\"rating-comments\"\n          [(ngModel)]=\"comments\"\n          class=\"comment-textarea\"\n          placeholder=\"What was good or bad about this response?\"\n          rows=\"4\"\n          maxlength=\"2000\">\n        </textarea>\n      </div>\n\n      <div class=\"consent-note\" [class.requires-consent]=\"requireConsent\">\n        <i class=\"fa-solid fa-shield-halved\"></i>\n        <div class=\"consent-body\">\n          <p class=\"consent-text\">\n            By submitting, you authorize the <strong>Integrations</strong> and\n            <strong>Developer</strong> teams to view this conversation and the\n            rated component so they can improve agent quality.\n          </p>\n          @if (requireConsent) {\n            <label class=\"consent-checkbox\">\n              <input\n                type=\"checkbox\"\n                [(ngModel)]=\"consentChecked\"\n                aria-label=\"I understand and accept the access authorization above\" />\n              <span>I understand and accept this.</span>\n            </label>\n            @if (!consentChecked) {\n              <p class=\"consent-warning\">Required to submit your feedback.</p>\n            }\n          }\n        </div>\n      </div>\n    </div>\n  `,\n  styles: [`\n    :host {\n      display: block;\n      --rd-text-primary: var(--mj-text-primary, #18181b);\n      --rd-text-secondary: var(--mj-text-secondary, #52525b);\n      --rd-text-muted: var(--mj-text-muted, #71717a);\n      --rd-text-disabled: var(--mj-text-disabled, #a1a1aa);\n      --rd-surface: var(--mj-bg-surface, #ffffff);\n      --rd-border: var(--mj-border-default, #e4e4e7);\n      --rd-border-strong: var(--mj-border-strong, #d4d4d8);\n      --rd-brand: var(--mj-brand-primary, #6366f1);\n      --rd-on-brand: var(--mj-text-on-brand, #ffffff);\n\n      --rd-low: var(--mj-status-error, #ef4444);\n      --rd-mid: var(--mj-status-warning, #f59e0b);\n      --rd-high: var(--mj-status-success, #10b981);\n    }\n\n    .rating-dialog {\n      box-sizing: border-box;\n      width: 100%;\n      display: flex;\n      flex-direction: column;\n      gap: 18px;\n      padding: 4px 20px 8px;\n      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;\n    }\n    .rating-dialog * { box-sizing: border-box; }\n\n    .dialog-message {\n      margin: 0;\n      color: var(--rd-text-secondary);\n      font-size: 14px;\n      line-height: 1.5;\n    }\n\n    /* ─── Pill row ─── */\n    .rating-scale {\n      display: grid;\n      grid-template-columns: repeat(10, minmax(0, 1fr));\n      gap: 6px;\n      width: 100%;\n    }\n    .rating-pip {\n      appearance: none;\n      -webkit-appearance: none;\n      width: 100%;\n      min-width: 0;\n      height: 40px;\n      padding: 0;\n      background: var(--rd-surface);\n      border: 1px solid var(--rd-border);\n      border-radius: 8px;\n      font-family: inherit;\n      font-size: 13px;\n      font-weight: 600;\n      color: var(--rd-text-secondary);\n      cursor: pointer;\n      transition: transform 100ms ease, background 140ms ease, border-color 140ms ease, color 140ms ease, box-shadow 140ms ease;\n      font-variant-numeric: tabular-nums;\n    }\n    .rating-pip:hover {\n      border-color: var(--rd-border-strong);\n      color: var(--rd-text-primary);\n    }\n    .rating-pip:focus-visible {\n      outline: none;\n      box-shadow: 0 0 0 2px color-mix(in srgb, var(--rd-brand) 25%, transparent);\n    }\n    .rating-pip.filled[data-band=\"low\"]  { background: var(--rd-low);  border-color: var(--rd-low);  color: var(--rd-on-brand); }\n    .rating-pip.filled[data-band=\"mid\"]  { background: var(--rd-mid);  border-color: var(--rd-mid);  color: var(--rd-on-brand); }\n    .rating-pip.filled[data-band=\"high\"] { background: var(--rd-high); border-color: var(--rd-high); color: var(--rd-on-brand); }\n    .rating-pip.selected { transform: translateY(-1px); }\n\n    /* ─── Meta row: edge legend + center caption ─── */\n    .rating-meta {\n      display: grid;\n      grid-template-columns: 1fr auto 1fr;\n      align-items: center;\n      gap: 8px;\n      padding: 0 2px;\n      margin-top: -2px;\n      font-size: 11px;\n      color: var(--rd-text-disabled);\n      text-transform: uppercase;\n      letter-spacing: 0.4px;\n    }\n    .legend-edge { font-weight: 500; }\n    .legend-right { text-align: right; }\n\n    .selected-caption {\n      display: inline-flex;\n      align-items: baseline;\n      gap: 6px;\n      font-size: 12px;\n      font-weight: 600;\n      text-transform: none;\n      letter-spacing: 0;\n      color: var(--rd-text-secondary);\n      font-variant-numeric: tabular-nums;\n    }\n    .selected-caption strong { font-weight: 700; font-size: 13px; }\n    .selected-caption .dot { color: var(--rd-text-disabled); }\n    .selected-caption .muted { color: var(--rd-text-disabled); font-weight: 500; }\n    .selected-caption[data-band=\"low\"]  { color: var(--rd-low); }\n    .selected-caption[data-band=\"mid\"]  { color: var(--rd-mid); }\n    .selected-caption[data-band=\"high\"] { color: var(--rd-high); }\n\n    /* ─── Comment field ─── */\n    .field {\n      display: flex;\n      flex-direction: column;\n      gap: 6px;\n    }\n    .field-header {\n      display: flex;\n      align-items: baseline;\n      justify-content: space-between;\n    }\n    .field-label {\n      font-weight: 600;\n      font-size: 13px;\n      color: var(--rd-text-primary);\n    }\n    .field-hint {\n      font-size: 11px;\n      color: var(--rd-text-disabled);\n      text-transform: uppercase;\n      letter-spacing: 0.4px;\n    }\n    .comment-textarea {\n      width: 100%;\n      min-height: 88px;\n      padding: 10px 12px;\n      border: 1px solid var(--rd-border);\n      border-radius: 8px;\n      background: var(--rd-surface);\n      color: var(--rd-text-primary);\n      font-family: inherit;\n      font-size: 13.5px;\n      line-height: 1.5;\n      resize: vertical;\n      transition: border-color 140ms ease, box-shadow 140ms ease;\n    }\n    .comment-textarea::placeholder { color: var(--rd-text-disabled); }\n    .comment-textarea:hover { border-color: var(--rd-border-strong); }\n    .comment-textarea:focus {\n      outline: none;\n      border-color: var(--rd-brand);\n      box-shadow: 0 0 0 2px color-mix(in srgb, var(--rd-brand) 18%, transparent);\n    }\n\n    /* ─── Consent note ─── */\n    .consent-note {\n      display: flex;\n      gap: 10px;\n      align-items: flex-start;\n      padding: 12px 14px;\n      background: color-mix(in srgb, var(--rd-brand) 6%, var(--rd-surface));\n      border: 1px solid color-mix(in srgb, var(--rd-brand) 22%, var(--rd-border));\n      border-radius: 8px;\n    }\n    .consent-note > i {\n      color: var(--rd-brand);\n      font-size: 14px;\n      margin-top: 2px;\n      flex-shrink: 0;\n    }\n    .consent-body { flex: 1; min-width: 0; }\n    .consent-text {\n      margin: 0;\n      font-size: 12.5px;\n      line-height: 1.5;\n      color: var(--rd-text-secondary);\n    }\n    .consent-text strong { color: var(--rd-text-primary); font-weight: 600; }\n    .consent-checkbox {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      margin-top: 10px;\n      font-size: 12.5px;\n      color: var(--rd-text-primary);\n      font-weight: 500;\n      cursor: pointer;\n      user-select: none;\n    }\n    .consent-checkbox input {\n      width: 15px;\n      height: 15px;\n      cursor: pointer;\n      accent-color: var(--rd-brand);\n    }\n    .consent-warning {\n      margin: 6px 0 0 23px;\n      font-size: 11px;\n      color: var(--rd-low);\n      font-weight: 500;\n    }\n  `]\n})\nexport class RatingDialogComponent {\n  @Input() message: string = '';\n  @Input() initialRating: number | null = null;\n  @Input() initialComments: string = '';\n\n  /** When true, the user must check the consent box before submitting. */\n  @Input() requireConsent: boolean = false;\n\n  readonly scale: number[] = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];\n  selectedRating: number | null = null;\n  hoveredRating: number | null = null;\n  comments: string = '';\n  consentChecked: boolean = false;\n\n  ngOnInit(): void {\n    this.selectedRating = this.initialRating;\n    this.comments = this.initialComments ?? '';\n  }\n\n  get effectiveRating(): number | null {\n    return this.hoveredRating ?? this.selectedRating;\n  }\n\n  get effectiveBand(): string | null {\n    const r = this.effectiveRating;\n    return r === null ? null : this.bandFor(r);\n  }\n\n  bandFor(n: number): 'low' | 'mid' | 'high' {\n    if (n <= 3) return 'low';\n    if (n <= 7) return 'mid';\n    return 'high';\n  }\n\n  isFilled(n: number): boolean {\n    const r = this.effectiveRating;\n    return r !== null && r >= n;\n  }\n\n  selectRating(n: number): void {\n    this.selectedRating = n;\n  }\n\n  onScaleMouseLeave(): void {\n    this.hoveredRating = null;\n  }\n\n  onPipBlur(): void {\n    this.hoveredRating = null;\n  }\n\n  getDescriptor(n: number): string {\n    if (n <= 2) return 'Very Poor';\n    if (n <= 4) return 'Needs Improvement';\n    if (n <= 6) return 'Okay';\n    if (n <= 8) return 'Good';\n    return 'Excellent';\n  }\n\n  getRating(): number | null {\n    return this.selectedRating;\n  }\n\n  getComments(): string {\n    return (this.comments ?? '').trim();\n  }\n\n  /** True if the consent requirement is met (not required, or required and checked). */\n  isConsentValid(): boolean {\n    return !this.requireConsent || this.consentChecked;\n  }\n\n  /** True only when the user *just* acknowledged consent in this dialog session. */\n  wasConsentNewlyAcknowledged(): boolean {\n    return this.requireConsent && this.consentChecked;\n  }\n}\n"]}
+{"version":3,"file":"rating-dialog.component.js","sourceRoot":"","sources":["../../../../src/lib/components/dialogs/rating-dialog.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;;;;IAQzC,4BAA0B;IAAA,YAAa;IAAA,iBAAI;;;IAAjB,cAAa;IAAb,oCAAa;;;;IASrC,kCAWuB;IAArB,AADA,AADA,AADA,wMAAS,yBAAe,KAAC,qOACO,2NACL,kKACnB,kBAAW,KAAC;IACpB,YACF;IAAA,iBAAS;;;;IATP,AADA,+CAA4B,4CACW;;IAQvC,cACF;IADE,qCACF;;;IAQE,8BAAQ;IAAA,YAAwB;IAAA,iBAAS;IACzC,gCAAkB;IAAA,sBAAC;IAAA,iBAAO;IAC1B,4BAAM;IAAA,YAAoC;IAAA,iBAAO;;;IAFzC,cAAwB;IAAxB,wDAAwB;IAE1B,eAAoC;IAApC,kEAAoC;;;IAE1C,+BAAoB;IAAA,6BAAa;IAAA,iBAAO;;;IAsCtC,6BAA2B;IAAA,iDAAiC;IAAA,iBAAI;;;;IAPhE,AADF,iCAAgC,gBAI0C;IADtE,0TAA4B;IAF9B,iBAGwE;IACxE,4BAAM;IAAA,6CAA6B;IACrC,AADqC,iBAAO,EACpC;IACR,qGAAuB;;;IAJnB,cAA4B;IAA5B,qDAA4B;IAIhC,eAEC;IAFD,iDAEC;;AA+Mb,MAAM,OAAO,qBAAqB;IACvB,OAAO,GAAW,EAAE,CAAC;IAE9B,uCAAuC;IACvC,IAAa,OAAO,CAAC,KAAa;QAChC,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;IACvB,CAAC;IACD,uCAAuC;IACvC,IAAI,OAAO;QACT,OAAO,IAAI,CAAC,OAAO,CAAC;IACtB,CAAC;IACQ,aAAa,GAAkB,IAAI,CAAC;IAE7C,6CAA6C;IAC7C,IAAa,aAAa,CAAC,KAAoB;QAC7C,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;IAC7B,CAAC;IACD,6CAA6C;IAC7C,IAAI,aAAa;QACf,OAAO,IAAI,CAAC,aAAa,CAAC;IAC5B,CAAC;IACQ,eAAe,GAAW,EAAE,CAAC;IAEtC,+CAA+C;IAC/C,IAAa,eAAe,CAAC,KAAa;QACxC,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC;IAC/B,CAAC;IACD,+CAA+C;IAC/C,IAAI,eAAe;QACjB,OAAO,IAAI,CAAC,eAAe,CAAC;IAC9B,CAAC;IAED,wEAAwE;IAC/D,cAAc,GAAY,KAAK,CAAC;IAEzC,8CAA8C;IAC9C,IAAa,cAAc,CAAC,KAAc;QACxC,IAAI,CAAC,cAAc,GAAG,KAAK,CAAC;IAC9B,CAAC;IACD,8CAA8C;IAC9C,IAAI,cAAc;QAChB,OAAO,IAAI,CAAC,cAAc,CAAC;IAC7B,CAAC;IAEQ,KAAK,GAAa,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;IAE3D,qCAAqC;IACrC,IAAI,KAAK;QACP,OAAO,IAAI,CAAC,KAAK,CAAC;IACpB,CAAC;IACD,cAAc,GAAkB,IAAI,CAAC;IAErC,8CAA8C;IAC9C,IAAI,cAAc;QAChB,OAAO,IAAI,CAAC,cAAc,CAAC;IAC7B,CAAC;IACD,8CAA8C;IAC9C,IAAI,cAAc,CAAC,KAAoB;QACrC,IAAI,CAAC,cAAc,GAAG,KAAK,CAAC;IAC9B,CAAC;IACD,aAAa,GAAkB,IAAI,CAAC;IAEpC,6CAA6C;IAC7C,IAAI,aAAa;QACf,OAAO,IAAI,CAAC,aAAa,CAAC;IAC5B,CAAC;IACD,6CAA6C;IAC7C,IAAI,aAAa,CAAC,KAAoB;QACpC,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;IAC7B,CAAC;IACD,QAAQ,GAAW,EAAE,CAAC;IAEtB,wCAAwC;IACxC,IAAI,QAAQ;QACV,OAAO,IAAI,CAAC,QAAQ,CAAC;IACvB,CAAC;IACD,wCAAwC;IACxC,IAAI,QAAQ,CAAC,KAAa;QACxB,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;IACxB,CAAC;IACD,cAAc,GAAY,KAAK,CAAC;IAEhC,8CAA8C;IAC9C,IAAI,cAAc;QAChB,OAAO,IAAI,CAAC,cAAc,CAAC;IAC7B,CAAC;IACD,8CAA8C;IAC9C,IAAI,cAAc,CAAC,KAAc;QAC/B,IAAI,CAAC,cAAc,GAAG,KAAK,CAAC;IAC9B,CAAC;IAED,QAAQ;QACN,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,aAAa,CAAC;QACzC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,eAAe,IAAI,EAAE,CAAC;IAC7C,CAAC;IAED,IAAI,eAAe;QACjB,OAAO,IAAI,CAAC,aAAa,IAAI,IAAI,CAAC,cAAc,CAAC;IACnD,CAAC;IAED,+CAA+C;IAC/C,IAAI,eAAe;QACjB,OAAO,IAAI,CAAC,eAAe,CAAC;IAC9B,CAAC;IAED,IAAI,aAAa;QACf,MAAM,CAAC,GAAG,IAAI,CAAC,eAAe,CAAC;QAC/B,OAAO,CAAC,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;IAC7C,CAAC;IAED,6CAA6C;IAC7C,IAAI,aAAa;QACf,OAAO,IAAI,CAAC,aAAa,CAAC;IAC5B,CAAC;IAED,OAAO,CAAC,CAAS;QACf,IAAI,CAAC,IAAI,CAAC;YAAE,OAAO,KAAK,CAAC;QACzB,IAAI,CAAC,IAAI,CAAC;YAAE,OAAO,KAAK,CAAC;QACzB,OAAO,MAAM,CAAC;IAChB,CAAC;IAED,uCAAuC;IACvC,OAAO,CAAC,CAAS;QACf,OAAO,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;IACzB,CAAC;IAED,QAAQ,CAAC,CAAS;QAChB,MAAM,CAAC,GAAG,IAAI,CAAC,eAAe,CAAC;QAC/B,OAAO,CAAC,KAAK,IAAI,IAAI,CAAC,IAAI,CAAC,CAAC;IAC9B,CAAC;IAED,wCAAwC;IACxC,QAAQ,CAAC,CAAS;QAChB,OAAO,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IAC1B,CAAC;IAED,YAAY,CAAC,CAAS;QACpB,IAAI,CAAC,cAAc,GAAG,CAAC,CAAC;IAC1B,CAAC;IAED,4CAA4C;IAC5C,YAAY,CAAC,CAAS;QACpB,OAAO,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;IAC9B,CAAC;IAED,iBAAiB;QACf,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;IAC5B,CAAC;IAED,iDAAiD;IACjD,iBAAiB;QACf,OAAO,IAAI,CAAC,iBAAiB,EAAE,CAAC;IAClC,CAAC;IAED,SAAS;QACP,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;IAC5B,CAAC;IAED,yCAAyC;IACzC,SAAS;QACP,OAAO,IAAI,CAAC,SAAS,EAAE,CAAC;IAC1B,CAAC;IAED,aAAa,CAAC,CAAS;QACrB,IAAI,CAAC,IAAI,CAAC;YAAE,OAAO,WAAW,CAAC;QAC/B,IAAI,CAAC,IAAI,CAAC;YAAE,OAAO,mBAAmB,CAAC;QACvC,IAAI,CAAC,IAAI,CAAC;YAAE,OAAO,MAAM,CAAC;QAC1B,IAAI,CAAC,IAAI,CAAC;YAAE,OAAO,MAAM,CAAC;QAC1B,OAAO,WAAW,CAAC;IACrB,CAAC;IAED,6CAA6C;IAC7C,aAAa,CAAC,CAAS;QACrB,OAAO,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;IAC/B,CAAC;IAED,SAAS;QACP,OAAO,IAAI,CAAC,cAAc,CAAC;IAC7B,CAAC;IAED,yCAAyC;IACzC,SAAS;QACP,OAAO,IAAI,CAAC,SAAS,EAAE,CAAC;IAC1B,CAAC;IAED,WAAW;QACT,OAAO,CAAC,IAAI,CAAC,QAAQ,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC;IACtC,CAAC;IAED,2CAA2C;IAC3C,WAAW;QACT,OAAO,IAAI,CAAC,WAAW,EAAE,CAAC;IAC5B,CAAC;IAED,sFAAsF;IACtF,cAAc;QACZ,OAAO,CAAC,IAAI,CAAC,cAAc,IAAI,IAAI,CAAC,cAAc,CAAC;IACrD,CAAC;IAED,8CAA8C;IAC9C,cAAc;QACZ,OAAO,IAAI,CAAC,cAAc,EAAE,CAAC;IAC/B,CAAC;IAED,kFAAkF;IAClF,2BAA2B;QACzB,OAAO,IAAI,CAAC,cAAc,IAAI,IAAI,CAAC,cAAc,CAAC;IACpD,CAAC;IAED,2DAA2D;IAC3D,2BAA2B;QACzB,OAAO,IAAI,CAAC,2BAA2B,EAAE,CAAC;IAC5C,CAAC;+GApNU,qBAAqB;6DAArB,qBAAqB;YA1R9B,8BAA2B;YACzB,qFAAe;YAIf,8BAIqC;YAAnC,yGAAc,uBAAmB,IAAC;YAClC,6GAeC;YACH,iBAAM;YAGJ,AADF,8BAAyB,cACG;YAAA,8BAAS;YAAA,iBAAO;YAC1C,+BAAgE;YAK5D,AAJF,6EAAgC,oEAIvB;YAGX,iBAAO;YACP,gCAAuC;YAAA,+BAAS;YAClD,AADkD,iBAAO,EACnD;YAIF,AADF,AADF,+BAAmB,eACS,iBACyB;YAAA,6BAAY;YAAA,iBAAQ;YACrE,iCAAyB;YAAA,yBAAQ;YACnC,AADmC,iBAAO,EACpC;YACN,qCAMmB;YAJjB,mNAAsB;YAKxB,yBAAA;YACF,AADE,iBAAW,EACP;YAEN,gCAAoE;YAClE,yBAAyC;YAEvC,AADF,gCAA0B,aACA;YACtB,mDAAiC;YAAA,+BAAQ;YAAA,6BAAY;YAAA,iBAAS;YAAC,sBAC/D;YAAA,+BAAQ;YAAA,0BAAS;YAAA,iBAAS;YAAC,6GAE7B;YAAA,iBAAI;YACJ,+EAAsB;YAc5B,AADE,AADE,iBAAM,EACF,EACF;;YA9EJ,cAEC;YAFD,sCAEC;YAOC,eAeC;YAfD,wBAeC;YAK8B,eAAgC;;YAC7D,cAMC;YAND,uDAMC;YAYD,gBAAsB;YAAtB,4CAAsB;YAQA,eAAyC;YAAzC,sDAAyC;YAQ/D,gBAWC;YAXD,8CAWC;;;iFA8ME,qBAAqB;cA9RjC,SAAS;6BACI,KAAK,YACP,kBAAkB,YAClB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiFT;;kBA2MA,KAAK;;kBAGL,KAAK;;kBAOL,KAAK;;kBAGL,KAAK;;kBAOL,KAAK;;kBAGL,KAAK;;kBASL,KAAK;;kBAGL,KAAK;;kFApCK,qBAAqB","sourcesContent":["import { Component, Input } from '@angular/core';\n\n@Component({\n  standalone: false,\n  selector: 'mj-rating-dialog',\n  template: `\n    <div class=\"rating-dialog\">\n      @if (message) {\n        <p class=\"dialog-message\">{{ message }}</p>\n      }\n\n      <div\n        class=\"rating-scale\"\n        role=\"radiogroup\"\n        aria-label=\"Rating from 1 to 10\"\n        (mouseleave)=\"onScaleMouseLeave()\">\n        @for (n of scale; track n) {\n          <button\n            type=\"button\"\n            class=\"rating-pip\"\n            [class.filled]=\"isFilled(n)\"\n            [class.selected]=\"selectedRating === n\"\n            [attr.data-band]=\"bandFor(n)\"\n            [attr.aria-checked]=\"selectedRating === n\"\n            role=\"radio\"\n            (click)=\"selectRating(n)\"\n            (mouseenter)=\"hoveredRating = n\"\n            (focus)=\"hoveredRating = n\"\n            (blur)=\"onPipBlur()\">\n            {{ n }}\n          </button>\n        }\n      </div>\n\n      <div class=\"rating-meta\">\n        <span class=\"legend-edge\">1 — Worst</span>\n        <span class=\"selected-caption\" [attr.data-band]=\"effectiveBand\">\n          @if (effectiveRating !== null) {\n            <strong>{{ effectiveRating }}/10</strong>\n            <span class=\"dot\">·</span>\n            <span>{{ getDescriptor(effectiveRating) }}</span>\n          } @else {\n            <span class=\"muted\">Pick a number</span>\n          }\n        </span>\n        <span class=\"legend-edge legend-right\">10 — Best</span>\n      </div>\n\n      <div class=\"field\">\n        <div class=\"field-header\">\n          <label class=\"field-label\" for=\"rating-comments\">Tell us more</label>\n          <span class=\"field-hint\">Optional</span>\n        </div>\n        <textarea\n          id=\"rating-comments\"\n          [(ngModel)]=\"comments\"\n          class=\"comment-textarea\"\n          placeholder=\"What was good or bad about this response?\"\n          rows=\"4\"\n          maxlength=\"2000\">\n        </textarea>\n      </div>\n\n      <div class=\"consent-note\" [class.requires-consent]=\"requireConsent\">\n        <i class=\"fa-solid fa-shield-halved\"></i>\n        <div class=\"consent-body\">\n          <p class=\"consent-text\">\n            By submitting, you authorize the <strong>Integrations</strong> and\n            <strong>Developer</strong> teams to view this conversation and the\n            rated component so they can improve agent quality.\n          </p>\n          @if (requireConsent) {\n            <label class=\"consent-checkbox\">\n              <input\n                type=\"checkbox\"\n                [(ngModel)]=\"consentChecked\"\n                aria-label=\"I understand and accept the access authorization above\" />\n              <span>I understand and accept this.</span>\n            </label>\n            @if (!consentChecked) {\n              <p class=\"consent-warning\">Required to submit your feedback.</p>\n            }\n          }\n        </div>\n      </div>\n    </div>\n  `,\n  styles: [`\n    :host {\n      display: block;\n      --rd-text-primary: var(--mj-text-primary, #18181b);\n      --rd-text-secondary: var(--mj-text-secondary, #52525b);\n      --rd-text-muted: var(--mj-text-muted, #71717a);\n      --rd-text-disabled: var(--mj-text-disabled, #a1a1aa);\n      --rd-surface: var(--mj-bg-surface, #ffffff);\n      --rd-border: var(--mj-border-default, #e4e4e7);\n      --rd-border-strong: var(--mj-border-strong, #d4d4d8);\n      --rd-brand: var(--mj-brand-primary, #6366f1);\n      --rd-on-brand: var(--mj-text-on-brand, #ffffff);\n\n      --rd-low: var(--mj-status-error, #ef4444);\n      --rd-mid: var(--mj-status-warning, #f59e0b);\n      --rd-high: var(--mj-status-success, #10b981);\n    }\n\n    .rating-dialog {\n      box-sizing: border-box;\n      width: 100%;\n      display: flex;\n      flex-direction: column;\n      gap: 18px;\n      padding: 4px 20px 8px;\n      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;\n    }\n    .rating-dialog * { box-sizing: border-box; }\n\n    .dialog-message {\n      margin: 0;\n      color: var(--rd-text-secondary);\n      font-size: 14px;\n      line-height: 1.5;\n    }\n\n    /* ─── Pill row ─── */\n    .rating-scale {\n      display: grid;\n      grid-template-columns: repeat(10, minmax(0, 1fr));\n      gap: 6px;\n      width: 100%;\n    }\n    .rating-pip {\n      appearance: none;\n      -webkit-appearance: none;\n      width: 100%;\n      min-width: 0;\n      height: 40px;\n      padding: 0;\n      background: var(--rd-surface);\n      border: 1px solid var(--rd-border);\n      border-radius: 8px;\n      font-family: inherit;\n      font-size: 13px;\n      font-weight: 600;\n      color: var(--rd-text-secondary);\n      cursor: pointer;\n      transition: transform 100ms ease, background 140ms ease, border-color 140ms ease, color 140ms ease, box-shadow 140ms ease;\n      font-variant-numeric: tabular-nums;\n    }\n    .rating-pip:hover {\n      border-color: var(--rd-border-strong);\n      color: var(--rd-text-primary);\n    }\n    .rating-pip:focus-visible {\n      outline: none;\n      box-shadow: 0 0 0 2px color-mix(in srgb, var(--rd-brand) 25%, transparent);\n    }\n    .rating-pip.filled[data-band=\"low\"]  { background: var(--rd-low);  border-color: var(--rd-low);  color: var(--rd-on-brand); }\n    .rating-pip.filled[data-band=\"mid\"]  { background: var(--rd-mid);  border-color: var(--rd-mid);  color: var(--rd-on-brand); }\n    .rating-pip.filled[data-band=\"high\"] { background: var(--rd-high); border-color: var(--rd-high); color: var(--rd-on-brand); }\n    .rating-pip.selected { transform: translateY(-1px); }\n\n    /* ─── Meta row: edge legend + center caption ─── */\n    .rating-meta {\n      display: grid;\n      grid-template-columns: 1fr auto 1fr;\n      align-items: center;\n      gap: 8px;\n      padding: 0 2px;\n      margin-top: -2px;\n      font-size: 11px;\n      color: var(--rd-text-disabled);\n      text-transform: uppercase;\n      letter-spacing: 0.4px;\n    }\n    .legend-edge { font-weight: 500; }\n    .legend-right { text-align: right; }\n\n    .selected-caption {\n      display: inline-flex;\n      align-items: baseline;\n      gap: 6px;\n      font-size: 12px;\n      font-weight: 600;\n      text-transform: none;\n      letter-spacing: 0;\n      color: var(--rd-text-secondary);\n      font-variant-numeric: tabular-nums;\n    }\n    .selected-caption strong { font-weight: 700; font-size: 13px; }\n    .selected-caption .dot { color: var(--rd-text-disabled); }\n    .selected-caption .muted { color: var(--rd-text-disabled); font-weight: 500; }\n    .selected-caption[data-band=\"low\"]  { color: var(--rd-low); }\n    .selected-caption[data-band=\"mid\"]  { color: var(--rd-mid); }\n    .selected-caption[data-band=\"high\"] { color: var(--rd-high); }\n\n    /* ─── Comment field ─── */\n    .field {\n      display: flex;\n      flex-direction: column;\n      gap: 6px;\n    }\n    .field-header {\n      display: flex;\n      align-items: baseline;\n      justify-content: space-between;\n    }\n    .field-label {\n      font-weight: 600;\n      font-size: 13px;\n      color: var(--rd-text-primary);\n    }\n    .field-hint {\n      font-size: 11px;\n      color: var(--rd-text-disabled);\n      text-transform: uppercase;\n      letter-spacing: 0.4px;\n    }\n    .comment-textarea {\n      width: 100%;\n      min-height: 88px;\n      padding: 10px 12px;\n      border: 1px solid var(--rd-border);\n      border-radius: 8px;\n      background: var(--rd-surface);\n      color: var(--rd-text-primary);\n      font-family: inherit;\n      font-size: 13.5px;\n      line-height: 1.5;\n      resize: vertical;\n      transition: border-color 140ms ease, box-shadow 140ms ease;\n    }\n    .comment-textarea::placeholder { color: var(--rd-text-disabled); }\n    .comment-textarea:hover { border-color: var(--rd-border-strong); }\n    .comment-textarea:focus {\n      outline: none;\n      border-color: var(--rd-brand);\n      box-shadow: 0 0 0 2px color-mix(in srgb, var(--rd-brand) 18%, transparent);\n    }\n\n    /* ─── Consent note ─── */\n    .consent-note {\n      display: flex;\n      gap: 10px;\n      align-items: flex-start;\n      padding: 12px 14px;\n      background: color-mix(in srgb, var(--rd-brand) 6%, var(--rd-surface));\n      border: 1px solid color-mix(in srgb, var(--rd-brand) 22%, var(--rd-border));\n      border-radius: 8px;\n    }\n    .consent-note > i {\n      color: var(--rd-brand);\n      font-size: 14px;\n      margin-top: 2px;\n      flex-shrink: 0;\n    }\n    .consent-body { flex: 1; min-width: 0; }\n    .consent-text {\n      margin: 0;\n      font-size: 12.5px;\n      line-height: 1.5;\n      color: var(--rd-text-secondary);\n    }\n    .consent-text strong { color: var(--rd-text-primary); font-weight: 600; }\n    .consent-checkbox {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      margin-top: 10px;\n      font-size: 12.5px;\n      color: var(--rd-text-primary);\n      font-weight: 500;\n      cursor: pointer;\n      user-select: none;\n    }\n    .consent-checkbox input {\n      width: 15px;\n      height: 15px;\n      cursor: pointer;\n      accent-color: var(--rd-brand);\n    }\n    .consent-warning {\n      margin: 6px 0 0 23px;\n      font-size: 11px;\n      color: var(--rd-low);\n      font-weight: 500;\n    }\n  `]\n})\nexport class RatingDialogComponent {\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() InitialRating: number | null = null;\n\n  /** @deprecated Use {@link InitialRating}. */\n  @Input() set initialRating(value: number | null) {\n    this.InitialRating = value;\n  }\n  /** @deprecated Use {@link InitialRating}. */\n  get initialRating(): number | null {\n    return this.InitialRating;\n  }\n  @Input() InitialComments: string = '';\n\n  /** @deprecated Use {@link InitialComments}. */\n  @Input() set initialComments(value: string) {\n    this.InitialComments = value;\n  }\n  /** @deprecated Use {@link InitialComments}. */\n  get initialComments(): string {\n    return this.InitialComments;\n  }\n\n  /** When true, the user must check the consent box before submitting. */\n  @Input() RequireConsent: boolean = false;\n\n  /** @deprecated Use {@link RequireConsent}. */\n  @Input() set requireConsent(value: boolean) {\n    this.RequireConsent = value;\n  }\n  /** @deprecated Use {@link RequireConsent}. */\n  get requireConsent(): boolean {\n    return this.RequireConsent;\n  }\n\n  readonly Scale: number[] = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];\n\n  /** @deprecated Use {@link Scale}. */\n  get scale(): number[] {\n    return this.Scale;\n  }\n  SelectedRating: number | null = null;\n\n  /** @deprecated Use {@link SelectedRating}. */\n  get selectedRating(): number | null {\n    return this.SelectedRating;\n  }\n  /** @deprecated Use {@link SelectedRating}. */\n  set selectedRating(value: number | null) {\n    this.SelectedRating = value;\n  }\n  HoveredRating: number | null = null;\n\n  /** @deprecated Use {@link HoveredRating}. */\n  get hoveredRating(): number | null {\n    return this.HoveredRating;\n  }\n  /** @deprecated Use {@link HoveredRating}. */\n  set hoveredRating(value: number | null) {\n    this.HoveredRating = value;\n  }\n  Comments: string = '';\n\n  /** @deprecated Use {@link Comments}. */\n  get comments(): string {\n    return this.Comments;\n  }\n  /** @deprecated Use {@link Comments}. */\n  set comments(value: string) {\n    this.Comments = value;\n  }\n  ConsentChecked: boolean = false;\n\n  /** @deprecated Use {@link ConsentChecked}. */\n  get consentChecked(): boolean {\n    return this.ConsentChecked;\n  }\n  /** @deprecated Use {@link ConsentChecked}. */\n  set consentChecked(value: boolean) {\n    this.ConsentChecked = value;\n  }\n\n  ngOnInit(): void {\n    this.SelectedRating = this.InitialRating;\n    this.Comments = this.InitialComments ?? '';\n  }\n\n  get EffectiveRating(): number | null {\n    return this.HoveredRating ?? this.SelectedRating;\n  }\n\n  /** @deprecated Use {@link EffectiveRating}. */\n  get effectiveRating(): number | null {\n    return this.EffectiveRating;\n  }\n\n  get EffectiveBand(): string | null {\n    const r = this.EffectiveRating;\n    return r === null ? null : this.BandFor(r);\n  }\n\n  /** @deprecated Use {@link EffectiveBand}. */\n  get effectiveBand(): string | null {\n    return this.EffectiveBand;\n  }\n\n  BandFor(n: number): 'low' | 'mid' | 'high' {\n    if (n <= 3) return 'low';\n    if (n <= 7) return 'mid';\n    return 'high';\n  }\n\n  /** @deprecated Use {@link BandFor}. */\n  bandFor(n: number): 'low' | 'mid' | 'high' {\n    return this.BandFor(n);\n  }\n\n  IsFilled(n: number): boolean {\n    const r = this.EffectiveRating;\n    return r !== null && r >= n;\n  }\n\n  /** @deprecated Use {@link IsFilled}. */\n  isFilled(n: number): boolean {\n    return this.IsFilled(n);\n  }\n\n  SelectRating(n: number): void {\n    this.SelectedRating = n;\n  }\n\n  /** @deprecated Use {@link SelectRating}. */\n  selectRating(n: number): void {\n    return this.SelectRating(n);\n  }\n\n  OnScaleMouseLeave(): void {\n    this.HoveredRating = null;\n  }\n\n  /** @deprecated Use {@link OnScaleMouseLeave}. */\n  onScaleMouseLeave(): void {\n    return this.OnScaleMouseLeave();\n  }\n\n  OnPipBlur(): void {\n    this.HoveredRating = null;\n  }\n\n  /** @deprecated Use {@link OnPipBlur}. */\n  onPipBlur(): void {\n    return this.OnPipBlur();\n  }\n\n  GetDescriptor(n: number): string {\n    if (n <= 2) return 'Very Poor';\n    if (n <= 4) return 'Needs Improvement';\n    if (n <= 6) return 'Okay';\n    if (n <= 8) return 'Good';\n    return 'Excellent';\n  }\n\n  /** @deprecated Use {@link GetDescriptor}. */\n  getDescriptor(n: number): string {\n    return this.GetDescriptor(n);\n  }\n\n  GetRating(): number | null {\n    return this.SelectedRating;\n  }\n\n  /** @deprecated Use {@link GetRating}. */\n  getRating(): number | null {\n    return this.GetRating();\n  }\n\n  GetComments(): string {\n    return (this.Comments ?? '').trim();\n  }\n\n  /** @deprecated Use {@link GetComments}. */\n  getComments(): string {\n    return this.GetComments();\n  }\n\n  /** True if the consent requirement is met (not required, or required and checked). */\n  IsConsentValid(): boolean {\n    return !this.RequireConsent || this.ConsentChecked;\n  }\n\n  /** @deprecated Use {@link IsConsentValid}. */\n  isConsentValid(): boolean {\n    return this.IsConsentValid();\n  }\n\n  /** True only when the user *just* acknowledged consent in this dialog session. */\n  WasConsentNewlyAcknowledged(): boolean {\n    return this.RequireConsent && this.ConsentChecked;\n  }\n\n  /** @deprecated Use {@link WasConsentNewlyAcknowledged}. */\n  wasConsentNewlyAcknowledged(): boolean {\n    return this.WasConsentNewlyAcknowledged();\n  }\n}\n"]}

package/dist/lib/components/export/export-modal.component.d.ts

@@ -10,23 +10,73 @@ export declare class ExportModalComponent {
     private dialogService;
     private toastService;
     private _isVisible;
-    set isVisible(value: boolean);
+    set IsVisible(value: boolean);
+    get IsVisible(): boolean;
+    /** @deprecated Use {@link IsVisible}. */
     get isVisible(): boolean;
-    conversation?: MJConversationEntity;
-    currentUser: UserInfo;
+    /** @deprecated Use {@link IsVisible}. */
+    set isVisible(value: boolean);
+    Conversation?: MJConversationEntity;
+    /** @deprecated Use {@link Conversation}. */
+    set conversation(value: MJConversationEntity | undefined);
+    /** @deprecated Use {@link Conversation}. */
+    get conversation(): MJConversationEntity | undefined;
+    CurrentUser: UserInfo;
+    /** @deprecated Use {@link CurrentUser}. */
+    set currentUser(value: UserInfo);
+    /** @deprecated Use {@link CurrentUser}. */
+    get currentUser(): UserInfo;
     /**
      * 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: ExportBranding | null;
+    Branding: ExportBranding | null;
+    /** @deprecated Use {@link Branding}. */
+    set branding(value: ExportBranding | null);
+    /** @deprecated Use {@link Branding}. */
+    get branding(): ExportBranding | null;
+    Cancelled: EventEmitter<void>;
+    /**
+     * @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: EventEmitter<void>;
+    Exported: EventEmitter<void>;
+    /**
+     * @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: EventEmitter<void>;
-    selectedFormat: ExportFormat | null;
-    isExporting: boolean;
-    errorMessage: string;
-    exportOptions: ExportOptions;
+    SelectedFormat: ExportFormat | null;
+    /** @deprecated Use {@link SelectedFormat}. */
+    get selectedFormat(): ExportFormat | null;
+    /** @deprecated Use {@link SelectedFormat}. */
+    set selectedFormat(value: ExportFormat | null);
+    IsExporting: boolean;
+    /** @deprecated Use {@link IsExporting}. */
+    get isExporting(): boolean;
+    /** @deprecated Use {@link IsExporting}. */
+    set isExporting(value: boolean);
+    ErrorMessage: string;
+    /** @deprecated Use {@link ErrorMessage}. */
+    get errorMessage(): string;
+    /** @deprecated Use {@link ErrorMessage}. */
+    set errorMessage(value: string);
+    ExportOptions: ExportOptions;
+    /** @deprecated Use {@link ExportOptions}. */
+    get exportOptions(): ExportOptions;
+    /** @deprecated Use {@link ExportOptions}. */
+    set exportOptions(value: ExportOptions);
     /** Format-aware hint under the "Include branding" checkbox. */
+    get BrandingHint(): string;
+    /** @deprecated Use {@link BrandingHint}. */
     get brandingHint(): string;
     /**
      * The options actually handed to the service. `includeTheme` is the user's INTENT;
@@ -40,20 +90,44 @@ export declare class ExportModalComponent {
      *   format.
      */
     private resolveExportOptions;
+    get ExportTitle(): string;
+    /** @deprecated Use {@link ExportTitle}. */
     get exportTitle(): string;
+    get CanExport(): boolean;
+    /** @deprecated Use {@link CanExport}. */
     get canExport(): boolean;
-    formats: {
+    Formats: {
         value: ExportFormat;
         name: string;
         description: string;
         icon: string;
     }[];
+    /** @deprecated Use {@link Formats}. */
+    get formats(): {
+        value: ExportFormat;
+        name: string;
+        description: string;
+        icon: string;
+    }[];
+    /** @deprecated Use {@link Formats}. */
+    set formats(value: {
+        value: ExportFormat;
+        name: string;
+        description: string;
+        icon: string;
+    }[]);
     constructor(exportService: ExportService, dialogService: DialogService, toastService: ToastService);
+    SelectFormat(format: ExportFormat): void;
+    /** @deprecated Use {@link SelectFormat}. */
     selectFormat(format: ExportFormat): void;
+    OnExport(): Promise<void>;
+    /** @deprecated Use {@link OnExport}. */
     onExport(): Promise<void>;
+    OnCancel(): void;
+    /** @deprecated Use {@link OnCancel}. */
     onCancel(): void;
     private resetForm;
     static ɵfac: i0.ɵɵFactoryDeclaration<ExportModalComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ExportModalComponent, "mj-export-modal", never, { "isVisible": { "alias": "isVisible"; "required": false; }; "conversation": { "alias": "conversation"; "required": false; }; "currentUser": { "alias": "currentUser"; "required": false; }; "branding": { "alias": "branding"; "required": false; }; }, { "cancelled": "cancelled"; "exported": "exported"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ExportModalComponent, "mj-export-modal", never, { "IsVisible": { "alias": "IsVisible"; "required": false; }; "isVisible": { "alias": "isVisible"; "required": false; }; "Conversation": { "alias": "Conversation"; "required": false; }; "conversation": { "alias": "conversation"; "required": false; }; "CurrentUser": { "alias": "CurrentUser"; "required": false; }; "currentUser": { "alias": "currentUser"; "required": false; }; "Branding": { "alias": "Branding"; "required": false; }; "branding": { "alias": "branding"; "required": false; }; }, { "Cancelled": "Cancelled"; "cancelled": "cancelled"; "Exported": "Exported"; "exported": "exported"; }, never, never, false, never>;
 }
 //# sourceMappingURL=export-modal.component.d.ts.map

package/dist/lib/components/export/export-modal.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"export-modal.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/export/export-modal.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,YAAY,EAAiB,MAAM,eAAe,CAAC;AACvE,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAC3G,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;;AAE5D,qBA6Ua,oBAAoB;IAmH7B,OAAO,CAAC,aAAa;IACrB,OAAO,CAAC,aAAa;IACrB,OAAO,CAAC,YAAY;IApHtB,OAAO,CAAC,UAAU,CAAS;IAC3B,IACI,SAAS,CAAC,KAAK,EAAE,OAAO,EAY3B;IACD,IAAI,SAAS,IAAI,OAAO,CAEvB;IAEQ,YAAY,CAAC,EAAE,oBAAoB,CAAC;IACpC,WAAW,EAAG,QAAQ,CAAC;IAChC;;;;OAIG;IACM,QAAQ,EAAE,cAAc,GAAG,IAAI,CAAQ;IACtC,SAAS,qBAA4B;IACrC,QAAQ,qBAA4B;IAE9C,cAAc,EAAE,YAAY,GAAG,IAAI,CAAc;IACjD,WAAW,UAAS;IACpB,YAAY,SAAM;IAElB,aAAa,EAAE,aAAa,CAO1B;IAEF,+DAA+D;IAC/D,IAAI,YAAY,IAAI,MAAM,CASzB;IAED;;;;;;;;;;OAUG;IACH,OAAO,CAAC,oBAAoB;IAU5B,IAAI,WAAW,IAAI,MAAM,CAExB;IAED,IAAI,SAAS,IAAI,OAAO,CAIvB;IAED,OAAO;eAEkB,YAAY;;;;QAuBnC;gBAGQ,aAAa,EAAE,aAAa,EAC5B,aAAa,EAAE,aAAa,EAC5B,YAAY,EAAE,YAAY;IAGpC,YAAY,CAAC,MAAM,EAAE,YAAY,GAAG,IAAI;IAMlC,QAAQ,IAAI,OAAO,CAAC,IAAI,CAAC;IAiC/B,QAAQ,IAAI,IAAI;IAKhB,OAAO,CAAC,SAAS;yCApKN,oBAAoB;2CAApB,oBAAoB;CAiLhC"}
+{"version":3,"file":"export-modal.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/export/export-modal.component.ts"],"names":[],"mappings":"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"}