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

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

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

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

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

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
         }] }); })();