@memberjunction/ng-core-entity-forms 6.2.0-edge.6 → 6.2.0-edge.8

package/dist/lib/custom/Queries/query-parameters-grid.component.d.ts

@@ -0,0 +1,31 @@
+import { EventEmitter } from '@angular/core';
+import type { MJQueryParameterEntity } from '@memberjunction/core-entities';
+import * as i0 from "@angular/core";
+/** A parameter type a query author can choose. */
+type ParameterType = MJQueryParameterEntity['Type'];
+/**
+ * `<mj-query-parameters-grid>` — a query's parameters as a table.
+ *
+ * Which parameters exist is a fact of the SQL, so the name is read-only on a saved row (a row not
+ * saved yet declares it). Everything about a parameter that a person decides is an annotation and
+ * is editable in edit mode: type, required, default and sample values, whether only the server
+ * sets it, and the description. A parameter the SQL no longer uses is kept and flagged on the
+ * query (see its extraction message).
+ */
+export declare class QueryParametersGridComponent {
+    Parameters: readonly MJQueryParameterEntity[];
+    EditMode: boolean;
+    /** The user asked to remove a parameter (it is removed when the query is saved). */
+    Remove: EventEmitter<MJQueryParameterEntity>;
+    /** An annotation changed, so the host can update its unsaved-changes state. */
+    Changed: EventEmitter<void>;
+    readonly Types: readonly ParameterType[];
+    DetectionLabel(parameter: MJQueryParameterEntity): string;
+    DetectionTitle(parameter: MJQueryParameterEntity): string;
+    TrackParameter(index: number, parameter: MJQueryParameterEntity): string;
+    OnAnnotationChange(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<QueryParametersGridComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<QueryParametersGridComponent, "mj-query-parameters-grid", never, { "Parameters": { "alias": "Parameters"; "required": false; }; "EditMode": { "alias": "EditMode"; "required": false; }; }, { "Remove": "Remove"; "Changed": "Changed"; }, never, never, true, never>;
+}
+export {};
+//# sourceMappingURL=query-parameters-grid.component.d.ts.map

package/dist/lib/custom/Queries/query-parameters-grid.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"query-parameters-grid.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/custom/Queries/query-parameters-grid.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsC,YAAY,EAAiB,MAAM,eAAe,CAAC;AAEhG,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;;AAI5E,kDAAkD;AAClD,KAAK,aAAa,GAAG,sBAAsB,CAAC,MAAM,CAAC,CAAC;AAEpD;;;;;;;;GAQG;AACH,qBAQa,4BAA4B;IAC5B,UAAU,EAAE,SAAS,sBAAsB,EAAE,CAAM;IACnD,QAAQ,UAAS;IAE1B,oFAAoF;IAC1E,MAAM,uCAA8C;IAC9D,+EAA+E;IACrE,OAAO,qBAA4B;IAE7C,SAAgB,KAAK,EAAE,SAAS,aAAa,EAAE,CAAoD;IAE5F,cAAc,CAAC,SAAS,EAAE,sBAAsB,GAAG,MAAM;IAIzD,cAAc,CAAC,SAAS,EAAE,sBAAsB,GAAG,MAAM;IAIzD,cAAc,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,sBAAsB,GAAG,MAAM;IAIxE,kBAAkB,IAAI,IAAI;yCAvBxB,4BAA4B;2CAA5B,4BAA4B;CA0BxC"}

package/dist/lib/custom/Queries/query-parameters-grid.component.js

@@ -0,0 +1,298 @@
+import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';
+import { FormsModule } from '@angular/forms';
+import { MJButtonDirective } from '@memberjunction/ng-ui-components';
+import { DetectionMethodLabel, DetectionMethodTitle } from './query-child-labels';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+const _c0 = () => ({ standalone: true });
+function QueryParametersGridComponent_Conditional_20_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "th", 3)(1, "span", 5);
+    i0.ɵɵtext(2, "Actions");
+    i0.ɵɵelementEnd()();
+} }
+function QueryParametersGridComponent_For_23_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "input", 12);
+    i0.ɵɵtwoWayListener("ngModelChange", function QueryParametersGridComponent_For_23_Conditional_2_Template_input_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r1); const param_r2 = i0.ɵɵnextContext().$implicit; i0.ɵɵtwoWayBindingSet(param_r2.Name, $event) || (param_r2.Name = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵlistener("ngModelChange", function QueryParametersGridComponent_For_23_Conditional_2_Template_input_ngModelChange_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.OnAnnotationChange()); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const param_r2 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵtwoWayProperty("ngModel", param_r2.Name);
+    i0.ɵɵproperty("ngModelOptions", i0.ɵɵpureFunction0(2, _c0));
+} }
+function QueryParametersGridComponent_For_23_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "code");
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const param_r2 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(param_r2.Name);
+} }
+function QueryParametersGridComponent_For_23_Conditional_4_For_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "option", 14);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const t_r5 = ctx.$implicit;
+    i0.ɵɵproperty("value", t_r5);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(t_r5);
+} }
+function QueryParametersGridComponent_For_23_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "td")(1, "select", 13);
+    i0.ɵɵtwoWayListener("ngModelChange", function QueryParametersGridComponent_For_23_Conditional_4_Template_select_ngModelChange_1_listener($event) { i0.ɵɵrestoreView(_r4); const param_r2 = i0.ɵɵnextContext().$implicit; i0.ɵɵtwoWayBindingSet(param_r2.Type, $event) || (param_r2.Type = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵlistener("ngModelChange", function QueryParametersGridComponent_For_23_Conditional_4_Template_select_ngModelChange_1_listener() { i0.ɵɵrestoreView(_r4); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.OnAnnotationChange()); });
+    i0.ɵɵrepeaterCreate(2, QueryParametersGridComponent_For_23_Conditional_4_For_3_Template, 2, 2, "option", 14, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(4, "td")(5, "input", 15);
+    i0.ɵɵtwoWayListener("ngModelChange", function QueryParametersGridComponent_For_23_Conditional_4_Template_input_ngModelChange_5_listener($event) { i0.ɵɵrestoreView(_r4); const param_r2 = i0.ɵɵnextContext().$implicit; i0.ɵɵtwoWayBindingSet(param_r2.IsRequired, $event) || (param_r2.IsRequired = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵlistener("ngModelChange", function QueryParametersGridComponent_For_23_Conditional_4_Template_input_ngModelChange_5_listener() { i0.ɵɵrestoreView(_r4); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.OnAnnotationChange()); });
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(6, "td")(7, "input", 16);
+    i0.ɵɵtwoWayListener("ngModelChange", function QueryParametersGridComponent_For_23_Conditional_4_Template_input_ngModelChange_7_listener($event) { i0.ɵɵrestoreView(_r4); const param_r2 = i0.ɵɵnextContext().$implicit; i0.ɵɵtwoWayBindingSet(param_r2.DefaultValue, $event) || (param_r2.DefaultValue = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵlistener("ngModelChange", function QueryParametersGridComponent_For_23_Conditional_4_Template_input_ngModelChange_7_listener() { i0.ɵɵrestoreView(_r4); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.OnAnnotationChange()); });
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(8, "td")(9, "input", 16);
+    i0.ɵɵtwoWayListener("ngModelChange", function QueryParametersGridComponent_For_23_Conditional_4_Template_input_ngModelChange_9_listener($event) { i0.ɵɵrestoreView(_r4); const param_r2 = i0.ɵɵnextContext().$implicit; i0.ɵɵtwoWayBindingSet(param_r2.SampleValue, $event) || (param_r2.SampleValue = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵlistener("ngModelChange", function QueryParametersGridComponent_For_23_Conditional_4_Template_input_ngModelChange_9_listener() { i0.ɵɵrestoreView(_r4); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.OnAnnotationChange()); });
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(10, "td")(11, "input", 15);
+    i0.ɵɵtwoWayListener("ngModelChange", function QueryParametersGridComponent_For_23_Conditional_4_Template_input_ngModelChange_11_listener($event) { i0.ɵɵrestoreView(_r4); const param_r2 = i0.ɵɵnextContext().$implicit; i0.ɵɵtwoWayBindingSet(param_r2.IsServerSet, $event) || (param_r2.IsServerSet = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵlistener("ngModelChange", function QueryParametersGridComponent_For_23_Conditional_4_Template_input_ngModelChange_11_listener() { i0.ɵɵrestoreView(_r4); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.OnAnnotationChange()); });
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const param_r2 = i0.ɵɵnextContext().$implicit;
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵtwoWayProperty("ngModel", param_r2.Type);
+    i0.ɵɵproperty("ngModelOptions", i0.ɵɵpureFunction0(15, _c0));
+    i0.ɵɵattribute("aria-label", "Type of " + param_r2.Name);
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r2.Types);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtwoWayProperty("ngModel", param_r2.IsRequired);
+    i0.ɵɵproperty("ngModelOptions", i0.ɵɵpureFunction0(16, _c0));
+    i0.ɵɵattribute("aria-label", param_r2.Name + " is required");
+    i0.ɵɵadvance(2);
+    i0.ɵɵtwoWayProperty("ngModel", param_r2.DefaultValue);
+    i0.ɵɵproperty("ngModelOptions", i0.ɵɵpureFunction0(17, _c0));
+    i0.ɵɵattribute("aria-label", "Default value of " + param_r2.Name);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtwoWayProperty("ngModel", param_r2.SampleValue);
+    i0.ɵɵproperty("ngModelOptions", i0.ɵɵpureFunction0(18, _c0));
+    i0.ɵɵattribute("aria-label", "Sample value of " + param_r2.Name);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtwoWayProperty("ngModel", param_r2.IsServerSet);
+    i0.ɵɵproperty("ngModelOptions", i0.ɵɵpureFunction0(19, _c0));
+    i0.ɵɵattribute("aria-label", "Only the server sets " + param_r2.Name);
+} }
+function QueryParametersGridComponent_For_23_Conditional_5_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "code");
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const param_r2 = i0.ɵɵnextContext(2).$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(param_r2.DefaultValue);
+} }
+function QueryParametersGridComponent_For_23_Conditional_5_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 11);
+    i0.ɵɵtext(1, "\u2014");
+    i0.ɵɵelementEnd();
+} }
+function QueryParametersGridComponent_For_23_Conditional_5_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "code");
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const param_r2 = i0.ɵɵnextContext(2).$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(param_r2.SampleValue);
+} }
+function QueryParametersGridComponent_For_23_Conditional_5_Conditional_10_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 11);
+    i0.ɵɵtext(1, "\u2014");
+    i0.ɵɵelementEnd();
+} }
+function QueryParametersGridComponent_For_23_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "td")(1, "code");
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(3, "td");
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "td");
+    i0.ɵɵconditionalCreate(6, QueryParametersGridComponent_For_23_Conditional_5_Conditional_6_Template, 2, 1, "code")(7, QueryParametersGridComponent_For_23_Conditional_5_Conditional_7_Template, 2, 0, "span", 11);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(8, "td");
+    i0.ɵɵconditionalCreate(9, QueryParametersGridComponent_For_23_Conditional_5_Conditional_9_Template, 2, 1, "code")(10, QueryParametersGridComponent_For_23_Conditional_5_Conditional_10_Template, 2, 0, "span", 11);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(11, "td");
+    i0.ɵɵtext(12);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const param_r2 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(param_r2.Type);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(param_r2.IsRequired ? "Yes" : "No");
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(param_r2.DefaultValue ? 6 : 7);
+    i0.ɵɵadvance(3);
+    i0.ɵɵconditional(param_r2.SampleValue ? 9 : 10);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(param_r2.IsServerSet ? "Yes" : "No");
+} }
+function QueryParametersGridComponent_For_23_Conditional_10_Template(rf, ctx) { if (rf & 1) {
+    const _r6 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "textarea", 17);
+    i0.ɵɵtwoWayListener("ngModelChange", function QueryParametersGridComponent_For_23_Conditional_10_Template_textarea_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r6); const param_r2 = i0.ɵɵnextContext().$implicit; i0.ɵɵtwoWayBindingSet(param_r2.Description, $event) || (param_r2.Description = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵlistener("ngModelChange", function QueryParametersGridComponent_For_23_Conditional_10_Template_textarea_ngModelChange_0_listener() { i0.ɵɵrestoreView(_r6); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.OnAnnotationChange()); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const param_r2 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵtwoWayProperty("ngModel", param_r2.Description);
+    i0.ɵɵproperty("ngModelOptions", i0.ɵɵpureFunction0(3, _c0));
+    i0.ɵɵattribute("aria-label", "Description of " + param_r2.Name);
+} }
+function QueryParametersGridComponent_For_23_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span");
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const param_r2 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(param_r2.Description);
+} }
+function QueryParametersGridComponent_For_23_Conditional_12_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 11);
+    i0.ɵɵtext(1, "\u2014");
+    i0.ɵɵelementEnd();
+} }
+function QueryParametersGridComponent_For_23_Conditional_13_Template(rf, ctx) { if (rf & 1) {
+    const _r7 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "td", 3)(1, "button", 18);
+    i0.ɵɵlistener("click", function QueryParametersGridComponent_For_23_Conditional_13_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r7); const param_r2 = i0.ɵɵnextContext().$implicit; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.Remove.emit(param_r2)); });
+    i0.ɵɵelement(2, "i", 19);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const param_r2 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵattribute("aria-label", "Remove parameter " + param_r2.Name);
+} }
+function QueryParametersGridComponent_For_23_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "tr", 4)(1, "td", 6);
+    i0.ɵɵconditionalCreate(2, QueryParametersGridComponent_For_23_Conditional_2_Template, 1, 3, "input", 7)(3, QueryParametersGridComponent_For_23_Conditional_3_Template, 2, 1, "code");
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(4, QueryParametersGridComponent_For_23_Conditional_4_Template, 12, 20)(5, QueryParametersGridComponent_For_23_Conditional_5_Template, 13, 5);
+    i0.ɵɵelementStart(6, "td", 8)(7, "span", 9);
+    i0.ɵɵtext(8);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(9, "td", 2);
+    i0.ɵɵconditionalCreate(10, QueryParametersGridComponent_For_23_Conditional_10_Template, 1, 4, "textarea", 10)(11, QueryParametersGridComponent_For_23_Conditional_11_Template, 2, 1, "span")(12, QueryParametersGridComponent_For_23_Conditional_12_Template, 2, 0, "span", 11);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(13, QueryParametersGridComponent_For_23_Conditional_13_Template, 3, 1, "td", 3);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const param_r2 = ctx.$implicit;
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r2.EditMode && !param_r2.IsSaved ? 2 : 3);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r2.EditMode ? 4 : 5);
+    i0.ɵɵadvance(3);
+    i0.ɵɵclassMap("qcg-detect qcg-detect--" + (param_r2.DetectionMethod || "none").toLowerCase());
+    i0.ɵɵproperty("title", ctx_r2.DetectionTitle(param_r2));
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r2.DetectionLabel(param_r2));
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r2.EditMode ? 10 : param_r2.Description ? 11 : 12);
+    i0.ɵɵadvance(3);
+    i0.ɵɵconditional(ctx_r2.EditMode ? 13 : -1);
+} }
+/**
+ * `<mj-query-parameters-grid>` — a query's parameters as a table.
+ *
+ * Which parameters exist is a fact of the SQL, so the name is read-only on a saved row (a row not
+ * saved yet declares it). Everything about a parameter that a person decides is an annotation and
+ * is editable in edit mode: type, required, default and sample values, whether only the server
+ * sets it, and the description. A parameter the SQL no longer uses is kept and flagged on the
+ * query (see its extraction message).
+ */
+export class QueryParametersGridComponent {
+    constructor() {
+        this.Parameters = [];
+        this.EditMode = false;
+        /** The user asked to remove a parameter (it is removed when the query is saved). */
+        this.Remove = new EventEmitter();
+        /** An annotation changed, so the host can update its unsaved-changes state. */
+        this.Changed = new EventEmitter();
+        this.Types = ['string', 'number', 'date', 'boolean', 'array'];
+    }
+    DetectionLabel(parameter) {
+        return DetectionMethodLabel(parameter.DetectionMethod);
+    }
+    DetectionTitle(parameter) {
+        return DetectionMethodTitle(parameter.DetectionMethod);
+    }
+    TrackParameter(index, parameter) {
+        return parameter.ID || `new-${index}`;
+    }
+    OnAnnotationChange() {
+        this.Changed.emit();
+    }
+    static { this.ɵfac = function QueryParametersGridComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || QueryParametersGridComponent)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: QueryParametersGridComponent, selectors: [["mj-query-parameters-grid"]], inputs: { Parameters: "Parameters", EditMode: "EditMode" }, outputs: { Remove: "Remove", Changed: "Changed" }, decls: 24, vars: 1, consts: [[1, "qcg-wrap"], [1, "qcg-table"], [1, "qcg-annotation"], [1, "qcg-actions"], [1, "qcg-row"], [1, "qcg-sr-only"], [1, "qcg-fact", "qcg-name"], ["aria-label", "Parameter name", "placeholder", "Name used in the SQL", 1, "mj-input", "qcg-input", 3, "ngModel", "ngModelOptions"], [1, "qcg-fact"], [1, "qcg-detect", 3, "title"], ["rows", "1", "placeholder", "What the value means", 1, "mj-input", "qcg-textarea", 3, "ngModel", "ngModelOptions"], [1, "qcg-muted"], ["aria-label", "Parameter name", "placeholder", "Name used in the SQL", 1, "mj-input", "qcg-input", 3, "ngModelChange", "ngModel", "ngModelOptions"], [1, "mj-input", "qcg-select", 3, "ngModelChange", "ngModel", "ngModelOptions"], [3, "value"], ["type", "checkbox", 3, "ngModelChange", "ngModel", "ngModelOptions"], [1, "mj-input", "qcg-input", 3, "ngModelChange", "ngModel", "ngModelOptions"], ["rows", "1", "placeholder", "What the value means", 1, "mj-input", "qcg-textarea", 3, "ngModelChange", "ngModel", "ngModelOptions"], ["mjButton", "", "Variant", "icon", "type", "button", "title", "Remove parameter", 3, "click"], [1, "fa-solid", "fa-trash"]], template: function QueryParametersGridComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0)(1, "table", 1)(2, "thead")(3, "tr")(4, "th");
+            i0.ɵɵtext(5, "Name");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(6, "th");
+            i0.ɵɵtext(7, "Type");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(8, "th");
+            i0.ɵɵtext(9, "Required");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(10, "th");
+            i0.ɵɵtext(11, "Default");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(12, "th");
+            i0.ɵɵtext(13, "Sample");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(14, "th");
+            i0.ɵɵtext(15, "Server-set");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(16, "th");
+            i0.ɵɵtext(17, "Detected by");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(18, "th", 2);
+            i0.ɵɵtext(19, "Description");
+            i0.ɵɵelementEnd();
+            i0.ɵɵconditionalCreate(20, QueryParametersGridComponent_Conditional_20_Template, 3, 0, "th", 3);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(21, "tbody");
+            i0.ɵɵrepeaterCreate(22, QueryParametersGridComponent_For_23_Template, 14, 8, "tr", 4, ctx.TrackParameter, true);
+            i0.ɵɵelementEnd()()();
+        } if (rf & 2) {
+            i0.ɵɵadvance(20);
+            i0.ɵɵconditional(ctx.EditMode ? 20 : -1);
+            i0.ɵɵadvance(2);
+            i0.ɵɵrepeater(ctx.Parameters);
+        } }, dependencies: [FormsModule, i1.NgSelectOption, i1.ɵNgSelectMultipleOption, i1.DefaultValueAccessor, i1.CheckboxControlValueAccessor, i1.SelectControlValueAccessor, i1.NgControlStatus, i1.NgModel, MJButtonDirective], styles: ["[_nghost-%COMP%] {\n  display: block;\n}\n\n.qcg-wrap[_ngcontent-%COMP%] {\n  overflow-x: auto;\n}\n\n.qcg-table[_ngcontent-%COMP%] {\n  width: 100%;\n  border-collapse: collapse;\n  font-size: var(--mj-text-sm);\n  color: var(--mj-text-primary);\n}\n\n.qcg-table[_ngcontent-%COMP%]   th[_ngcontent-%COMP%] {\n  text-align: left;\n  font-weight: var(--mj-font-semibold);\n  font-size: var(--mj-text-xs);\n  color: var(--mj-text-secondary);\n  padding: var(--mj-space-2);\n  border-bottom: 1px solid var(--mj-border-default);\n  white-space: nowrap;\n}\n\n.qcg-table[_ngcontent-%COMP%]   td[_ngcontent-%COMP%] {\n  padding: var(--mj-space-2);\n  border-bottom: 1px solid var(--mj-border-subtle);\n  vertical-align: top;\n}\n\n.qcg-row[_ngcontent-%COMP%]:hover   td[_ngcontent-%COMP%] {\n  background: var(--mj-bg-surface-hover);\n}\n\n\n.qcg-fact[_ngcontent-%COMP%] {\n  color: var(--mj-text-primary);\n}\n\n.qcg-fact[_ngcontent-%COMP%]   code[_ngcontent-%COMP%], \n.qcg-object[_ngcontent-%COMP%] {\n  font-family: var(--mj-font-family-mono);\n  font-size: var(--mj-text-xs);\n}\n\n.qcg-seq[_ngcontent-%COMP%] {\n  width: 2.5rem;\n  color: var(--mj-text-muted);\n  font-variant-numeric: tabular-nums;\n}\n\n.qcg-name[_ngcontent-%COMP%] {\n  white-space: nowrap;\n}\n\n.qcg-annotation[_ngcontent-%COMP%] {\n  min-width: 14rem;\n}\n\n.qcg-actions[_ngcontent-%COMP%] {\n  width: 2.5rem;\n  text-align: right;\n}\n\n.qcg-input[_ngcontent-%COMP%], \n.qcg-select[_ngcontent-%COMP%], \n.qcg-textarea[_ngcontent-%COMP%] {\n  width: 100%;\n  min-width: 6rem;\n  font-size: var(--mj-text-sm);\n}\n\n.qcg-textarea[_ngcontent-%COMP%] {\n  resize: vertical;\n  margin-bottom: var(--mj-space-1);\n}\n\n.qcg-check[_ngcontent-%COMP%] {\n  display: flex;\n  gap: var(--mj-space-1);\n  align-items: center;\n  font-size: var(--mj-text-xs);\n  color: var(--mj-text-secondary);\n}\n\n.qcg-tag[_ngcontent-%COMP%] {\n  margin-left: var(--mj-space-1);\n  font-size: var(--mj-text-xs);\n  color: var(--mj-text-secondary);\n  background: var(--mj-bg-surface-sunken);\n  border-radius: var(--mj-radius-sm);\n  padding: 0 var(--mj-space-1);\n}\n\n.qcg-link[_ngcontent-%COMP%] {\n  background: none;\n  border: none;\n  padding: 0;\n  cursor: pointer;\n  font: inherit;\n  color: var(--mj-brand-primary);\n  text-align: left;\n}\n\n.qcg-link[_ngcontent-%COMP%]:hover {\n  text-decoration: underline;\n}\n\n.qcg-link[_ngcontent-%COMP%]:focus-visible {\n  outline: 2px solid var(--mj-brand-primary);\n  outline-offset: 2px;\n}\n\n.qcg-muted[_ngcontent-%COMP%] {\n  color: var(--mj-text-muted);\n}\n\n.qcg-sub[_ngcontent-%COMP%] {\n  color: var(--mj-text-secondary);\n  font-size: var(--mj-text-xs);\n  margin-top: var(--mj-space-1);\n}\n\n.qcg-detect[_ngcontent-%COMP%] {\n  --qcg-accent: var(--mj-text-muted);\n  display: inline-block;\n  font-size: var(--mj-text-xs);\n  border-radius: var(--mj-radius-full);\n  padding: 0 var(--mj-space-2);\n  color: var(--qcg-accent);\n  background: color-mix(in srgb, var(--qcg-accent) 12%, transparent);\n  white-space: nowrap;\n}\n\n.qcg-detect--database[_ngcontent-%COMP%] { --qcg-accent: var(--mj-status-info); }\n.qcg-detect--parser[_ngcontent-%COMP%] { --qcg-accent: var(--mj-brand-primary); }\n.qcg-detect--manual[_ngcontent-%COMP%] { --qcg-accent: var(--mj-status-success); }\n.qcg-detect--ai[_ngcontent-%COMP%] { --qcg-accent: var(--mj-status-warning); }\n\n.qcg-sr-only[_ngcontent-%COMP%] {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  overflow: hidden;\n  clip: rect(0 0 0 0);\n  white-space: nowrap;\n}"] }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(QueryParametersGridComponent, [{
+        type: Component,
+        args: [{ standalone: true, selector: 'mj-query-parameters-grid', changeDetection: ChangeDetectionStrategy.Default, imports: [FormsModule, MJButtonDirective], template: "<div class=\"qcg-wrap\">\n  <table class=\"qcg-table\">\n    <thead>\n      <tr>\n        <th>Name</th>\n        <th>Type</th>\n        <th>Required</th>\n        <th>Default</th>\n        <th>Sample</th>\n        <th>Server-set</th>\n        <th>Detected by</th>\n        <th class=\"qcg-annotation\">Description</th>\n        @if (EditMode) {\n          <th class=\"qcg-actions\"><span class=\"qcg-sr-only\">Actions</span></th>\n        }\n      </tr>\n    </thead>\n    <tbody>\n      @for (param of Parameters; track TrackParameter($index, param)) {\n        <tr class=\"qcg-row\">\n          <td class=\"qcg-fact qcg-name\">\n            @if (EditMode && !param.IsSaved) {\n              <input class=\"mj-input qcg-input\" [(ngModel)]=\"param.Name\" [ngModelOptions]=\"{ standalone: true }\"\n                (ngModelChange)=\"OnAnnotationChange()\" aria-label=\"Parameter name\" placeholder=\"Name used in the SQL\" />\n            } @else {\n              <code>{{ param.Name }}</code>\n            }\n          </td>\n          @if (EditMode) {\n            <td>\n              <select class=\"mj-input qcg-select\" [(ngModel)]=\"param.Type\" [ngModelOptions]=\"{ standalone: true }\"\n                (ngModelChange)=\"OnAnnotationChange()\" [attr.aria-label]=\"'Type of ' + param.Name\">\n                @for (t of Types; track t) {\n                  <option [value]=\"t\">{{ t }}</option>\n                }\n              </select>\n            </td>\n            <td>\n              <input type=\"checkbox\" [(ngModel)]=\"param.IsRequired\" [ngModelOptions]=\"{ standalone: true }\"\n                (ngModelChange)=\"OnAnnotationChange()\" [attr.aria-label]=\"param.Name + ' is required'\" />\n            </td>\n            <td>\n              <input class=\"mj-input qcg-input\" [(ngModel)]=\"param.DefaultValue\" [ngModelOptions]=\"{ standalone: true }\"\n                (ngModelChange)=\"OnAnnotationChange()\" [attr.aria-label]=\"'Default value of ' + param.Name\" />\n            </td>\n            <td>\n              <input class=\"mj-input qcg-input\" [(ngModel)]=\"param.SampleValue\" [ngModelOptions]=\"{ standalone: true }\"\n                (ngModelChange)=\"OnAnnotationChange()\" [attr.aria-label]=\"'Sample value of ' + param.Name\" />\n            </td>\n            <td>\n              <input type=\"checkbox\" [(ngModel)]=\"param.IsServerSet\" [ngModelOptions]=\"{ standalone: true }\"\n                (ngModelChange)=\"OnAnnotationChange()\" [attr.aria-label]=\"'Only the server sets ' + param.Name\" />\n            </td>\n          } @else {\n            <td><code>{{ param.Type }}</code></td>\n            <td>{{ param.IsRequired ? 'Yes' : 'No' }}</td>\n            <td>@if (param.DefaultValue) { <code>{{ param.DefaultValue }}</code> } @else { <span class=\"qcg-muted\">\u2014</span> }</td>\n            <td>@if (param.SampleValue) { <code>{{ param.SampleValue }}</code> } @else { <span class=\"qcg-muted\">\u2014</span> }</td>\n            <td>{{ param.IsServerSet ? 'Yes' : 'No' }}</td>\n          }\n          <td class=\"qcg-fact\">\n            <span class=\"qcg-detect\" [class]=\"'qcg-detect qcg-detect--' + (param.DetectionMethod || 'none').toLowerCase()\" [title]=\"DetectionTitle(param)\">{{ DetectionLabel(param) }}</span>\n          </td>\n          <td class=\"qcg-annotation\">\n            @if (EditMode) {\n              <textarea class=\"mj-input qcg-textarea\" rows=\"1\" [(ngModel)]=\"param.Description\" [ngModelOptions]=\"{ standalone: true }\"\n                (ngModelChange)=\"OnAnnotationChange()\" [attr.aria-label]=\"'Description of ' + param.Name\" placeholder=\"What the value means\"></textarea>\n            } @else if (param.Description) {\n              <span>{{ param.Description }}</span>\n            } @else {\n              <span class=\"qcg-muted\">\u2014</span>\n            }\n          </td>\n          @if (EditMode) {\n            <td class=\"qcg-actions\">\n              <button mjButton Variant=\"icon\" type=\"button\" (click)=\"Remove.emit(param)\" [attr.aria-label]=\"'Remove parameter ' + param.Name\" title=\"Remove parameter\">\n                <i class=\"fa-solid fa-trash\"></i>\n              </button>\n            </td>\n          }\n        </tr>\n      }\n    </tbody>\n  </table>\n</div>\n", styles: [":host {\n  display: block;\n}\n\n.qcg-wrap {\n  overflow-x: auto;\n}\n\n.qcg-table {\n  width: 100%;\n  border-collapse: collapse;\n  font-size: var(--mj-text-sm);\n  color: var(--mj-text-primary);\n}\n\n.qcg-table th {\n  text-align: left;\n  font-weight: var(--mj-font-semibold);\n  font-size: var(--mj-text-xs);\n  color: var(--mj-text-secondary);\n  padding: var(--mj-space-2);\n  border-bottom: 1px solid var(--mj-border-default);\n  white-space: nowrap;\n}\n\n.qcg-table td {\n  padding: var(--mj-space-2);\n  border-bottom: 1px solid var(--mj-border-subtle);\n  vertical-align: top;\n}\n\n.qcg-row:hover td {\n  background: var(--mj-bg-surface-hover);\n}\n\n/* Facts come from the SQL and the server: shown plainly, never as inputs. */\n.qcg-fact {\n  color: var(--mj-text-primary);\n}\n\n.qcg-fact code,\n.qcg-object {\n  font-family: var(--mj-font-family-mono);\n  font-size: var(--mj-text-xs);\n}\n\n.qcg-seq {\n  width: 2.5rem;\n  color: var(--mj-text-muted);\n  font-variant-numeric: tabular-nums;\n}\n\n.qcg-name {\n  white-space: nowrap;\n}\n\n.qcg-annotation {\n  min-width: 14rem;\n}\n\n.qcg-actions {\n  width: 2.5rem;\n  text-align: right;\n}\n\n.qcg-input,\n.qcg-select,\n.qcg-textarea {\n  width: 100%;\n  min-width: 6rem;\n  font-size: var(--mj-text-sm);\n}\n\n.qcg-textarea {\n  resize: vertical;\n  margin-bottom: var(--mj-space-1);\n}\n\n.qcg-check {\n  display: flex;\n  gap: var(--mj-space-1);\n  align-items: center;\n  font-size: var(--mj-text-xs);\n  color: var(--mj-text-secondary);\n}\n\n.qcg-tag {\n  margin-left: var(--mj-space-1);\n  font-size: var(--mj-text-xs);\n  color: var(--mj-text-secondary);\n  background: var(--mj-bg-surface-sunken);\n  border-radius: var(--mj-radius-sm);\n  padding: 0 var(--mj-space-1);\n}\n\n.qcg-link {\n  background: none;\n  border: none;\n  padding: 0;\n  cursor: pointer;\n  font: inherit;\n  color: var(--mj-brand-primary);\n  text-align: left;\n}\n\n.qcg-link:hover {\n  text-decoration: underline;\n}\n\n.qcg-link:focus-visible {\n  outline: 2px solid var(--mj-brand-primary);\n  outline-offset: 2px;\n}\n\n.qcg-muted {\n  color: var(--mj-text-muted);\n}\n\n.qcg-sub {\n  color: var(--mj-text-secondary);\n  font-size: var(--mj-text-xs);\n  margin-top: var(--mj-space-1);\n}\n\n.qcg-detect {\n  --qcg-accent: var(--mj-text-muted);\n  display: inline-block;\n  font-size: var(--mj-text-xs);\n  border-radius: var(--mj-radius-full);\n  padding: 0 var(--mj-space-2);\n  color: var(--qcg-accent);\n  background: color-mix(in srgb, var(--qcg-accent) 12%, transparent);\n  white-space: nowrap;\n}\n\n.qcg-detect--database { --qcg-accent: var(--mj-status-info); }\n.qcg-detect--parser { --qcg-accent: var(--mj-brand-primary); }\n.qcg-detect--manual { --qcg-accent: var(--mj-status-success); }\n.qcg-detect--ai { --qcg-accent: var(--mj-status-warning); }\n\n.qcg-sr-only {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  overflow: hidden;\n  clip: rect(0 0 0 0);\n  white-space: nowrap;\n}\n"] }]
+    }], null, { Parameters: [{
+            type: Input
+        }], EditMode: [{
+            type: Input
+        }], Remove: [{
+            type: Output
+        }], Changed: [{
+            type: Output
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(QueryParametersGridComponent, { className: "QueryParametersGridComponent", filePath: "src/lib/custom/Queries/query-parameters-grid.component.ts", lineNumber: 27 }); })();
+//# sourceMappingURL=query-parameters-grid.component.js.map

package/dist/lib/custom/Queries/query-parameters-grid.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"query-parameters-grid.component.js","sourceRoot":"","sources":["../../../../src/lib/custom/Queries/query-parameters-grid.component.ts","../../../../src/lib/custom/Queries/query-parameters-grid.component.html"],"names":[],"mappings":"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","sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport type { MJQueryParameterEntity } from '@memberjunction/core-entities';\nimport { MJButtonDirective } from '@memberjunction/ng-ui-components';\nimport { DetectionMethodLabel, DetectionMethodTitle } from './query-child-labels';\n\n/** A parameter type a query author can choose. */\ntype ParameterType = MJQueryParameterEntity['Type'];\n\n/**\n * `<mj-query-parameters-grid>` — a query's parameters as a table.\n *\n * Which parameters exist is a fact of the SQL, so the name is read-only on a saved row (a row not\n * saved yet declares it). Everything about a parameter that a person decides is an annotation and\n * is editable in edit mode: type, required, default and sample values, whether only the server\n * sets it, and the description. A parameter the SQL no longer uses is kept and flagged on the\n * query (see its extraction message).\n */\n@Component({\n    standalone: true,\n    selector: 'mj-query-parameters-grid',\n    changeDetection: ChangeDetectionStrategy.Default,\n    imports: [FormsModule, MJButtonDirective],\n    templateUrl: './query-parameters-grid.component.html',\n    styleUrls: ['./query-child-grids.css'],\n})\nexport class QueryParametersGridComponent {\n    @Input() Parameters: readonly MJQueryParameterEntity[] = [];\n    @Input() EditMode = false;\n\n    /** The user asked to remove a parameter (it is removed when the query is saved). */\n    @Output() Remove = new EventEmitter<MJQueryParameterEntity>();\n    /** An annotation changed, so the host can update its unsaved-changes state. */\n    @Output() Changed = new EventEmitter<void>();\n\n    public readonly Types: readonly ParameterType[] = ['string', 'number', 'date', 'boolean', 'array'];\n\n    public DetectionLabel(parameter: MJQueryParameterEntity): string {\n        return DetectionMethodLabel(parameter.DetectionMethod);\n    }\n\n    public DetectionTitle(parameter: MJQueryParameterEntity): string {\n        return DetectionMethodTitle(parameter.DetectionMethod);\n    }\n\n    public TrackParameter(index: number, parameter: MJQueryParameterEntity): string {\n        return parameter.ID || `new-${index}`;\n    }\n\n    public OnAnnotationChange(): void {\n        this.Changed.emit();\n    }\n}\n","<div class=\"qcg-wrap\">\n  <table class=\"qcg-table\">\n    <thead>\n      <tr>\n        <th>Name</th>\n        <th>Type</th>\n        <th>Required</th>\n        <th>Default</th>\n        <th>Sample</th>\n        <th>Server-set</th>\n        <th>Detected by</th>\n        <th class=\"qcg-annotation\">Description</th>\n        @if (EditMode) {\n          <th class=\"qcg-actions\"><span class=\"qcg-sr-only\">Actions</span></th>\n        }\n      </tr>\n    </thead>\n    <tbody>\n      @for (param of Parameters; track TrackParameter($index, param)) {\n        <tr class=\"qcg-row\">\n          <td class=\"qcg-fact qcg-name\">\n            @if (EditMode && !param.IsSaved) {\n              <input class=\"mj-input qcg-input\" [(ngModel)]=\"param.Name\" [ngModelOptions]=\"{ standalone: true }\"\n                (ngModelChange)=\"OnAnnotationChange()\" aria-label=\"Parameter name\" placeholder=\"Name used in the SQL\" />\n            } @else {\n              <code>{{ param.Name }}</code>\n            }\n          </td>\n          @if (EditMode) {\n            <td>\n              <select class=\"mj-input qcg-select\" [(ngModel)]=\"param.Type\" [ngModelOptions]=\"{ standalone: true }\"\n                (ngModelChange)=\"OnAnnotationChange()\" [attr.aria-label]=\"'Type of ' + param.Name\">\n                @for (t of Types; track t) {\n                  <option [value]=\"t\">{{ t }}</option>\n                }\n              </select>\n            </td>\n            <td>\n              <input type=\"checkbox\" [(ngModel)]=\"param.IsRequired\" [ngModelOptions]=\"{ standalone: true }\"\n                (ngModelChange)=\"OnAnnotationChange()\" [attr.aria-label]=\"param.Name + ' is required'\" />\n            </td>\n            <td>\n              <input class=\"mj-input qcg-input\" [(ngModel)]=\"param.DefaultValue\" [ngModelOptions]=\"{ standalone: true }\"\n                (ngModelChange)=\"OnAnnotationChange()\" [attr.aria-label]=\"'Default value of ' + param.Name\" />\n            </td>\n            <td>\n              <input class=\"mj-input qcg-input\" [(ngModel)]=\"param.SampleValue\" [ngModelOptions]=\"{ standalone: true }\"\n                (ngModelChange)=\"OnAnnotationChange()\" [attr.aria-label]=\"'Sample value of ' + param.Name\" />\n            </td>\n            <td>\n              <input type=\"checkbox\" [(ngModel)]=\"param.IsServerSet\" [ngModelOptions]=\"{ standalone: true }\"\n                (ngModelChange)=\"OnAnnotationChange()\" [attr.aria-label]=\"'Only the server sets ' + param.Name\" />\n            </td>\n          } @else {\n            <td><code>{{ param.Type }}</code></td>\n            <td>{{ param.IsRequired ? 'Yes' : 'No' }}</td>\n            <td>@if (param.DefaultValue) { <code>{{ param.DefaultValue }}</code> } @else { <span class=\"qcg-muted\">—</span> }</td>\n            <td>@if (param.SampleValue) { <code>{{ param.SampleValue }}</code> } @else { <span class=\"qcg-muted\">—</span> }</td>\n            <td>{{ param.IsServerSet ? 'Yes' : 'No' }}</td>\n          }\n          <td class=\"qcg-fact\">\n            <span class=\"qcg-detect\" [class]=\"'qcg-detect qcg-detect--' + (param.DetectionMethod || 'none').toLowerCase()\" [title]=\"DetectionTitle(param)\">{{ DetectionLabel(param) }}</span>\n          </td>\n          <td class=\"qcg-annotation\">\n            @if (EditMode) {\n              <textarea class=\"mj-input qcg-textarea\" rows=\"1\" [(ngModel)]=\"param.Description\" [ngModelOptions]=\"{ standalone: true }\"\n                (ngModelChange)=\"OnAnnotationChange()\" [attr.aria-label]=\"'Description of ' + param.Name\" placeholder=\"What the value means\"></textarea>\n            } @else if (param.Description) {\n              <span>{{ param.Description }}</span>\n            } @else {\n              <span class=\"qcg-muted\">—</span>\n            }\n          </td>\n          @if (EditMode) {\n            <td class=\"qcg-actions\">\n              <button mjButton Variant=\"icon\" type=\"button\" (click)=\"Remove.emit(param)\" [attr.aria-label]=\"'Remove parameter ' + param.Name\" title=\"Remove parameter\">\n                <i class=\"fa-solid fa-trash\"></i>\n              </button>\n            </td>\n          }\n        </tr>\n      }\n    </tbody>\n  </table>\n</div>\n"]}

package/dist/lib/custom/Rubrics/record-forms.component.js

@@ -446,11 +446,11 @@ let MJRubricEvaluationScoreFormComponentExtended = class MJRubricEvaluationScore
         await super.ngOnInit();
         const view = RunView.FromMetadataProvider(this.ProviderToUse);
         const user = this.ProviderToUse.CurrentUser;
-        const criteria = await view.RunView({ EntityName: 'MJ: Rubric Criteria', ExtraFilter: `ID='${this.record.CriterionID}'`, ResultType: 'simple', MaxRows: 1 }, user);
+        const criteria = await view.RunView({ EntityName: 'MJ: Rubric Criteria', ExtraFilter: `ID='${this.record.CriterionID}'`, ResultType: 'simple', MaxRows: 1, SkipTotalRowCount: true }, user);
         const criterion = (criteria.Results ?? [])[0];
         if (!criterion)
             return;
-        const versions = await view.RunView({ EntityName: 'MJ: Rubric Versions', ExtraFilter: `ID='${criterion.RubricVersionID}'`, ResultType: 'simple', MaxRows: 1 }, user);
+        const versions = await view.RunView({ EntityName: 'MJ: Rubric Versions', ExtraFilter: `ID='${criterion.RubricVersionID}'`, ResultType: 'simple', MaxRows: 1, SkipTotalRowCount: true }, user);
         const version = (versions.Results ?? [])[0];
         this.Policy = String(criterion.NotApplicablePolicy || version?.NotApplicablePolicy || '');
         if (!criterion.ScaleID)