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

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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"}

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

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