udp-stencil-component-library 25.18.1 → 25.18.2-beta.2

package/dist/components/form-metadata-display-renderer2.js

@@ -0,0 +1,74 @@
+import { p as proxyCustomElement, H, h } from './index2.js';
+import { d as defineCustomElement$2 } from './stencil-toggle2.js';
+import { d as defineCustomElement$1 } from './unity-typography2.js';
+
+const formMetadataDisplayRendererCss = ".form-metadata-display-container{display:flex;flex-direction:column;gap:var(--spacing-04, 16px);}";
+
+const FormMetadataDisplayRenderer = /*@__PURE__*/ proxyCustomElement(class FormMetadataDisplayRenderer extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.__attachShadow();
+    }
+    render() {
+        var _a, _b, _c;
+        return (h("div", { key: '0dea72344a5ad13fa57d00b84fc1487d7d4db883', class: "form-metadata-display-input-container" }, h("div", { key: '4f092564395789b0a9b4671724a19a56195a3f7f' }, h("stencil-toggle", { key: '075d8991f8010b2b2f67dd9c6235f2646c707dff', label: "Show Form Responder Full Name", disabled: this.isViewOnly, checked: !!((_a = this.question.fieldProperties) === null || _a === void 0 ? void 0 : _a.displayOwnerFullName), onToggledChange: () => {
+                if (this.isViewOnly)
+                    return;
+                const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyBooleanToggle');
+                const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex, 'displayOwnerFullName');
+                this.onFormSectionsDraftChange(updated);
+            }, labelPosition: "right" }), h("stencil-toggle", { key: '68a18230560622629767ec37bbddc254be55d68a', label: "Show Form Responder Email", disabled: this.isViewOnly, checked: !!((_b = this.question.fieldProperties) === null || _b === void 0 ? void 0 : _b.displayOwnerEmail), onToggledChange: () => {
+                if (this.isViewOnly)
+                    return;
+                const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyBooleanToggle');
+                const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex, 'displayOwnerEmail');
+                this.onFormSectionsDraftChange(updated);
+            }, labelPosition: "right" }), h("stencil-toggle", { key: '6ece643a442241df037e2e22dc0559dc00c85b99', label: "Show Submission Date", disabled: this.isViewOnly, checked: !!((_c = this.question.fieldProperties) === null || _c === void 0 ? void 0 : _c.displaySubmissionDate), onToggledChange: () => {
+                if (this.isViewOnly)
+                    return;
+                const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyBooleanToggle');
+                const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex, 'displaySubmissionDate');
+                this.onFormSectionsDraftChange(updated);
+            }, labelPosition: "right" }))));
+    }
+    static get style() { return formMetadataDisplayRendererCss; }
+}, [257, "form-metadata-display-renderer", {
+        "question": [16],
+        "isViewOnly": [4, "is-view-only"],
+        "formSectionsDraft": [16],
+        "sIndex": [2, "s-index"],
+        "qIndex": [2, "q-index"],
+        "onFormSectionsDraftChange": [16],
+        "getHandler": [16]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["form-metadata-display-renderer", "stencil-toggle", "unity-typography"];
+    components.forEach(tagName => { switch (tagName) {
+        case "form-metadata-display-renderer":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, FormMetadataDisplayRenderer);
+            }
+            break;
+        case "stencil-toggle":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+        case "unity-typography":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+
+export { FormMetadataDisplayRenderer as F, defineCustomElement as d };
+//# sourceMappingURL=form-metadata-display-renderer2.js.map
+
+//# sourceMappingURL=form-metadata-display-renderer2.js.map

package/dist/components/form-metadata-display-renderer2.js.map

@@ -0,0 +1 @@
+{"file":"form-metadata-display-renderer2.js","mappings":";;;;AAAA,MAAM,8BAA8B,GAAG,mGAAmG;;MCQ7H,2BAA2B,iBAAAA,kBAAA,CAAA,MAAA,2BAAA,SAAAC,CAAA,CAAA;;;;;;;;IAStC,MAAM,GAAA;;AACJ,QAAA,QACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,uCAAuC,EAAA,EAChD,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACE,CAAA,CAAA,gBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAC,+BAA+B,EACrC,QAAQ,EAAE,IAAI,CAAC,UAAU,EACzB,OAAO,EAAE,CAAC,EAAC,CAAA,EAAA,GAAA,IAAI,CAAC,QAAQ,CAAC,eAAe,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,oBAAoB,CAAA,EAC9D,eAAe,EAAE,MAAK;gBACpB,IAAI,IAAI,CAAC,UAAU;oBAAE;AACrB,gBAAA,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE,kCAAkC,CAAC;AAC9F,gBAAA,MAAM,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,iBAAiB,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,sBAAsB,CAAC;AACjG,gBAAA,IAAI,CAAC,yBAAyB,CAAC,OAAO,CAAC;AACzC,aAAC,EACD,aAAa,EAAC,OAAO,EACL,CAAA,EAClB,CAAA,CAAA,gBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAC,2BAA2B,EACjC,QAAQ,EAAE,IAAI,CAAC,UAAU,EACzB,OAAO,EAAE,CAAC,EAAC,CAAA,EAAA,GAAA,IAAI,CAAC,QAAQ,CAAC,eAAe,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,iBAAiB,CAAA,EAC3D,eAAe,EAAE,MAAK;gBACpB,IAAI,IAAI,CAAC,UAAU;oBAAE;AACrB,gBAAA,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE,kCAAkC,CAAC;AAC9F,gBAAA,MAAM,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,iBAAiB,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,mBAAmB,CAAC;AAC9F,gBAAA,IAAI,CAAC,yBAAyB,CAAC,OAAO,CAAC;AACzC,aAAC,EACD,aAAa,EAAC,OAAO,EACL,CAAA,EAClB,CAAA,CAAA,gBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAC,sBAAsB,EAC5B,QAAQ,EAAE,IAAI,CAAC,UAAU,EACzB,OAAO,EAAE,CAAC,EAAC,CAAA,EAAA,GAAA,IAAI,CAAC,QAAQ,CAAC,eAAe,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,qBAAqB,CAAA,EAC/D,eAAe,EAAE,MAAK;gBACpB,IAAI,IAAI,CAAC,UAAU;oBAAE;AACrB,gBAAA,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE,kCAAkC,CAAC;AAC9F,gBAAA,MAAM,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,iBAAiB,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,uBAAuB,CAAC;AAClG,gBAAA,IAAI,CAAC,yBAAyB,CAAC,OAAO,CAAC;aACxC,EACD,aAAa,EAAC,OAAO,GACL,CACd,CACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/form-metadata-display-renderer/form-metadata-display-renderer.css?tag=form-metadata-display-renderer&encapsulation=shadow","src/components/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/form-metadata-display-renderer/form-metadata-display-renderer.tsx"],"sourcesContent":["/* Styles for form-metadata-display */\n.form-metadata-display-container {\n  display: flex;\n  flex-direction: column; /* Stack toggles vertically */\n  gap: var(--spacing-04, 16px); /* Consistent spacing with other components */\n}\n\n/* Add any other specific styles for form metadata display inputs here */ ","import { Component, h, Prop } from '@stencil/core';\nimport { UdpFormQuestion } from '../../../utils/types';\n\n@Component({\n  tag: 'form-metadata-display-renderer',\n  styleUrl: 'form-metadata-display-renderer.css',\n  shadow: true,\n})\nexport class FormMetadataDisplayRenderer {\n  @Prop() question: UdpFormQuestion;\n  @Prop() isViewOnly: boolean;\n  @Prop() formSectionsDraft: any[][];\n  @Prop() sIndex: number;\n  @Prop() qIndex: number;\n  @Prop() onFormSectionsDraftChange: (updatedSections: any[][]) => void;\n  @Prop() getHandler: (fieldTypeId: number, handlerName: string) => any;\n\n  render() {\n    return (\n      <div class=\"form-metadata-display-input-container\">\n        <div>\n          <stencil-toggle\n            label=\"Show Form Responder Full Name\"\n            disabled={this.isViewOnly}\n            checked={!!this.question.fieldProperties?.displayOwnerFullName}\n            onToggledChange={() => {\n              if (this.isViewOnly) return;\n              const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyBooleanToggle');\n              const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex, 'displayOwnerFullName');\n              this.onFormSectionsDraftChange(updated);\n            }}\n            labelPosition=\"right\"\n          ></stencil-toggle>\n          <stencil-toggle\n            label=\"Show Form Responder Email\"\n            disabled={this.isViewOnly}\n            checked={!!this.question.fieldProperties?.displayOwnerEmail}\n            onToggledChange={() => {\n              if (this.isViewOnly) return;\n              const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyBooleanToggle');\n              const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex, 'displayOwnerEmail');\n              this.onFormSectionsDraftChange(updated);\n            }}\n            labelPosition=\"right\"\n          ></stencil-toggle>    \n          <stencil-toggle\n            label=\"Show Submission Date\"\n            disabled={this.isViewOnly}\n            checked={!!this.question.fieldProperties?.displaySubmissionDate}\n            onToggledChange={() => {\n              if (this.isViewOnly) return;\n              const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyBooleanToggle');\n              const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex, 'displaySubmissionDate');\n              this.onFormSectionsDraftChange(updated);\n            }}\n            labelPosition=\"right\"\n          ></stencil-toggle>    \n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/components/form-metadata-display.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface FormMetadataDisplay extends Components.FormMetadataDisplay, HTMLElement {}
+export const FormMetadataDisplay: {
+    prototype: FormMetadataDisplay;
+    new (): FormMetadataDisplay;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/form-metadata-display.js

@@ -0,0 +1,9 @@
+import { F as FormMetadataDisplay$1, d as defineCustomElement$1 } from './form-metadata-display2.js';
+
+const FormMetadataDisplay = FormMetadataDisplay$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { FormMetadataDisplay, defineCustomElement };
+//# sourceMappingURL=form-metadata-display.js.map
+
+//# sourceMappingURL=form-metadata-display.js.map

package/dist/components/form-metadata-display.js.map

@@ -0,0 +1 @@
+{"file":"form-metadata-display.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/form-metadata-display2.js

@@ -0,0 +1,77 @@
+import { p as proxyCustomElement, H, h } from './index2.js';
+import { d as dateFormatter } from './utils.js';
+import { d as defineCustomElement$1 } from './unity-typography2.js';
+
+const formMetadataDisplayCss = ":host{display:block}.container{display:grid;gap:10px;padding:12px 14px;background:var(--unity-color-surface, #fff)}.row{display:grid;grid-template-columns:130px 1fr;align-items:baseline;column-gap:12px}.label{font-size:12px;line-height:1.2;letter-spacing:0.02em;text-transform:uppercase;color:var(--unity-color-text-secondary, rgba(0, 0, 0, 0.65))}.value{color:var(--unity-color-text, rgba(0, 0, 0, 0.9));overflow-wrap:anywhere}@media (max-width: 420px){.row{grid-template-columns:1fr;row-gap:4px}}";
+
+const FormMetadataDisplay = /*@__PURE__*/ proxyCustomElement(class FormMetadataDisplay extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.__attachShadow();
+        /**
+         * Toggles rendering of the "Name" row.
+         * Defaults to true.
+         */
+        this.displayOwnerFullName = true;
+        /**
+         * Toggles rendering of the "Email" row.
+         * Defaults to true.
+         */
+        this.displayOwnerEmail = true;
+        /**
+         * Toggles rendering of the "Submitted on" row.
+         * Defaults to true.
+         */
+        this.displaySubmissionDate = true;
+    }
+    /**
+     * Renders a single metadata row using a standard label/value layout.
+     * @internal
+     */
+    renderRow(label, value) {
+        return (h("div", { class: "row" }, h("span", { class: "label" }, label), h("unity-typography", { class: "value", variant: "h4" }, value)));
+    }
+    /**
+     * Renders the metadata container. Rows are conditionally included based on flags + data presence.
+     * @internal
+     */
+    render() {
+        return (
+        // role/aria-label provide a lightweight accessible grouping for screen readers
+        h("div", { key: '469db81d4d885bc6b582aa06fb4a8e84107294f0', class: "container", role: "group", "aria-label": "Form metadata" }, this.displayOwnerFullName && this.userDisplayName && this.renderRow('Name', this.userDisplayName), this.displayOwnerEmail && this.userEmail && this.renderRow('Email', this.userEmail), this.displaySubmissionDate && this.submittedOn && this.renderRow('Submitted on', dateFormatter(this.submittedOn, 'long'))));
+    }
+    static get style() { return formMetadataDisplayCss; }
+}, [257, "form-metadata-display", {
+        "userDisplayName": [1, "user-display-name"],
+        "userEmail": [1, "user-email"],
+        "submittedOn": [1, "submitted-on"],
+        "displayOwnerFullName": [4, "display-owner-full-name"],
+        "displayOwnerEmail": [4, "display-owner-email"],
+        "displaySubmissionDate": [4, "display-submission-date"]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["form-metadata-display", "unity-typography"];
+    components.forEach(tagName => { switch (tagName) {
+        case "form-metadata-display":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, FormMetadataDisplay);
+            }
+            break;
+        case "unity-typography":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+
+export { FormMetadataDisplay as F, defineCustomElement as d };
+//# sourceMappingURL=form-metadata-display2.js.map
+
+//# sourceMappingURL=form-metadata-display2.js.map

package/dist/components/form-metadata-display2.js.map

@@ -0,0 +1 @@
+{"file":"form-metadata-display2.js","mappings":";;;;AAAA,MAAM,sBAAsB,GAAG,ofAAof;;MC4BtgB,mBAAmB,iBAAAA,kBAAA,CAAA,MAAA,mBAAA,SAAAC,CAAA,CAAA;AALhC,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;AAwBE;;;AAGG;AACK,QAAA,IAAoB,CAAA,oBAAA,GAAY,IAAI;AAE5C;;;AAGG;AACK,QAAA,IAAiB,CAAA,iBAAA,GAAY,IAAI;AAEzC;;;AAGG;AACK,QAAA,IAAqB,CAAA,qBAAA,GAAY,IAAI;AA8B9C;AA5BC;;;AAGG;IACH,SAAS,CAAC,KAAa,EAAE,KAAa,EAAA;AACpC,QAAA,QACE,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,KAAK,EAAA,EAEd,CAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAC,OAAO,EAAA,EAAE,KAAK,CAAQ,EAClC,CAAA,CAAA,kBAAA,EAAA,EAAkB,KAAK,EAAC,OAAO,EAAC,OAAO,EAAC,IAAI,EAAA,EAAE,KAAK,CAAoB,CACnE;;AAIV;;;AAGG;IACH,MAAM,GAAA;QACJ;;AAEE,QAAA,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,WAAW,EAAC,IAAI,EAAC,OAAO,gBAAY,eAAe,EAAA,EAC3D,IAAI,CAAC,oBAAoB,IAAI,IAAI,CAAC,eAAe,IAAI,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,eAAe,CAAC,EACjG,IAAI,CAAC,iBAAiB,IAAI,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,SAAS,CAAC,OAAO,EAAE,IAAI,CAAC,SAAS,CAAC,EACnF,IAAI,CAAC,qBAAqB,IAAI,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,SAAS,CAAC,cAAc,EAAE,aAAa,CAAC,IAAI,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC,CACtH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/inputs/form metadata display/form-metadata-display.css?tag=form-metadata-display&encapsulation=shadow","src/components/inputs/form metadata display/form-metadata-display.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.container {\n  display: grid;\n  gap: 10px;\n  padding: 12px 14px;\n  background: var(--unity-color-surface, #fff);\n}\n\n.row {\n  display: grid;\n  grid-template-columns: 130px 1fr;\n  align-items: baseline;\n  column-gap: 12px;\n}\n\n.label {\n  font-size: 12px;\n  line-height: 1.2;\n  letter-spacing: 0.02em;\n  text-transform: uppercase;\n  color: var(--unity-color-text-secondary, rgba(0, 0, 0, 0.65));\n}\n\n.value {\n  color: var(--unity-color-text, rgba(0, 0, 0, 0.9));\n  overflow-wrap: anywhere;\n}\n\n@media (max-width: 420px) {\n  .row {\n    grid-template-columns: 1fr;\n    row-gap: 4px;\n  }\n}\n","import { Component, Prop, h } from '@stencil/core';\nimport { dateFormatter } from 'src/components/forms/udp-forms/utils/utils';\n\n/**\n * A small display-only component for showing read-only form metadata.\n *\n * Intended usage:\n * - Rendered near the top or bottom of a form submission view\n * - Pure presentational output based on props (no internal state, no events)\n *\n * Layout:\n * - Uses a simple \"label + value\" row pattern for consistent alignment\n * - Hides rows when the corresponding value is missing or the display flag is false\n *\n * @example\n * ```tsx\n * <form-metadata-display\n *   userDisplayName=\"Ada Lovelace\"\n *   userEmail=\"ada@example.com\"\n *   submittedOn={new Date()}\n * />\n * ```\n */\n@Component({\n  tag: 'form-metadata-display',\n  styleUrl: 'form-metadata-display.css',\n  shadow: true,\n})\nexport class FormMetadataDisplay {\n  /**\n   * Full name (or display name) of the form owner/submitter.\n   * Row is only rendered when `displayOwnerFullName` is true and this value is non-empty.\n   */\n  @Prop() userDisplayName: string;\n\n  /**\n   * Email of the form owner/submitter.\n   * Row is only rendered when `displayOwnerEmail` is true and this value is non-empty.\n   */\n  @Prop() userEmail: string;\n\n  /**\n   * Submission timestamp.\n   * Row is only rendered when `displaySubmissionDate` is true and this value is non-null.\n   */\n  @Prop() submittedOn: string | null;\n\n  /**\n   * Toggles rendering of the \"Name\" row.\n   * Defaults to true.\n   */\n  @Prop() displayOwnerFullName: boolean = true;\n\n  /**\n   * Toggles rendering of the \"Email\" row.\n   * Defaults to true.\n   */\n  @Prop() displayOwnerEmail: boolean = true;\n\n  /**\n   * Toggles rendering of the \"Submitted on\" row.\n   * Defaults to true.\n   */\n  @Prop() displaySubmissionDate: boolean = true;\n\n  /**\n   * Renders a single metadata row using a standard label/value layout.\n   * @internal\n   */\n  renderRow(label: string, value: string) {\n    return (\n      <div class=\"row\">\n        {/* Label is visually subtle; value uses standard typography for emphasis */}\n        <span class=\"label\">{label}</span>\n        <unity-typography class=\"value\" variant=\"h4\">{value}</unity-typography>\n      </div>\n    );\n  }\n\n  /**\n   * Renders the metadata container. Rows are conditionally included based on flags + data presence.\n   * @internal\n   */\n  render() {\n    return (\n      // role/aria-label provide a lightweight accessible grouping for screen readers\n      <div class=\"container\" role=\"group\" aria-label=\"Form metadata\">\n        {this.displayOwnerFullName && this.userDisplayName && this.renderRow('Name', this.userDisplayName)}\n        {this.displayOwnerEmail && this.userEmail && this.renderRow('Email', this.userEmail)}\n        {this.displaySubmissionDate && this.submittedOn && this.renderRow('Submitted on', dateFormatter(this.submittedOn, 'long'))}\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/components/ghost-render2.js

@@ -78,7 +78,7 @@ const GhostRender = /*@__PURE__*/ proxyCustomElement(class GhostRender extends H
         // The <slot /> is necessary to prevent the Stencil compiler from
         // overly optimizing this component's output and aliasing the
         // defineCustomElement export, which breaks downstream wrappers.
-        return (h(Host, { key: '3cbba0443ad2d46698eaa13195bcf7b8bd78a40a' }, h("slot", { key: '94bede4648455fbd3c6603012cf0c29f9dbdabf6' })));
+        return (h(Host, { key: '51f77179f93927367689cf33f4869128e7010f83' }, h("slot", { key: 'faab84e4da4889b31ab600e9c513bfa0495850c8' })));
     }
     static get style() { return ":host {\n      display: none;\n    }"; }
 }, [257, "ghost-render"]);

package/dist/components/grid-primary-bar2.js

@@ -163,7 +163,7 @@ const GridPrimaryBar = /*@__PURE__*/ proxyCustomElement(class GridPrimaryBar ext
         this.updateHideBar();
     }
     render() {
-        return (h("div", { key: '1cc9cbb3512478af92422c231bf6cca22fb39504', class: "header-bar", style: !this.hideBar ? { background: 'var(--accent-color)' } : undefined }, h("div", { key: 'c6b83673caa1dab0867ee06bc5f465fff3dee8e0', class: "title-section" }, h("div", { key: '154dda62a2bfa4bcdb6c83bd75ace11b24fb19b3' }, h("unity-typography", { key: '492544aae9ca6d06f6a5c0fb3a18bfc9d6ed4ef5', variant: "h4" }, this.title, " "), ' ')), h("div", { key: '452ab7d7bf651df27dd3ab23543899fe0b4a5e71', class: "button-section" }, h("div", { key: 'a5795c8f6b3180a7d682c13f9bdc602f8b31776f' }, h("slot", { key: '1e1c1019314d977cd3e8bc3d4660f4d08c93453a' })), this.defaultActionButtons.map(btn => {
+        return (h("div", { key: '021c035bf4d957e2644d1d620c47de8ad1a05e21', class: "header-bar", style: !this.hideBar ? { background: 'var(--accent-color)' } : undefined }, h("div", { key: '29e21c1ad5dc3b853c389c4927958335c9299a16', class: "title-section" }, h("div", { key: 'dd897565107bebd3efff6234f7f01bac7a9afdc6' }, h("unity-typography", { key: '51602d8264ed458ba729a0a33b8081babed19d37', variant: "h4" }, this.title, " "), ' ')), h("div", { key: '39d5748807927d63aafb3f99615b57b0f6f856ef', class: "button-section" }, h("div", { key: '996c5f28c941dd40531a52abe0c06bcb65ca049e' }, h("slot", { key: '06834b580236c4a7ac26b0ed6fc057526dcc4c02' })), this.defaultActionButtons.map(btn => {
             const clickHandler = (event) => {
                 if (btn.clickHandler) {
                     btn.clickHandler(event);
@@ -176,7 +176,7 @@ const GridPrimaryBar = /*@__PURE__*/ proxyCustomElement(class GridPrimaryBar ext
                 return (h("stencil-icon-button-grid-action-header", { showLabel: this.showLabels, secondary: btn.secondary, icon: btn.icon, onClick: clickHandler, tooltip: btn.tooltip, iconClassName: btn.iconClassName }, btn.icon && h("i", { class: btn.icon }), btn.label.toLowerCase() === 'save' || (!this.hiddenLabels.includes(btn.label) && btn.showLabel) ? h("span", null, btn.label) : null));
             }
             return null;
-        }), this.primaryActionClick && this.primaryActionLabel && (h("custom-button", { key: '003e8cb8e5cec854cd78e170f960dabdcaaa9214', label: this.primaryActionLabel, onClick: (event) => this.primaryActionClick(event), size: "tall" }, this.primaryActionIcon && h("udp-icon", { key: '1f6bcb84640f24924c82f07a5f85be0a3425c322', iconName: this.primaryActionIcon, darkIcon: false }))))));
+        }), this.primaryActionClick && this.primaryActionLabel && (h("custom-button", { key: '50e0e03c0fc07a095b79c64e9867df14f64b8727', label: this.primaryActionLabel, onClick: (event) => this.primaryActionClick(event), size: "tall" }, this.primaryActionIcon && h("udp-icon", { key: 'cb521eecb5bca910373e5b3d28d692315f115504', iconName: this.primaryActionIcon, darkIcon: false }))))));
     }
     static get watchers() { return {
         "window:resize": ["onResize"],

package/dist/components/image-upload2.js

@@ -57,7 +57,7 @@ const ImageUpload = /*@__PURE__*/ proxyCustomElement(class ImageUpload extends H
         };
     }
     render() {
-        return (h(Host, { key: 'dc13ff549cc50efd68074f9526fe833c2abf3680' }, h("file-upload", { key: '9d16c297893f24a379951635b558436f4614fab6', allowMultiple: false, allowedMimeTypes: this.allowedMimeTypes, fullWidth: this.fullWidth, required: this.required, error: this.error, dragAndDropMessage: this.dragAndDropMessage, browseFileMessage: this.browseFileMessage, hideDragAndDrop: this.hideDragAndDrop, hideButton: this.hideButton, id: this.id, name: this.name, label: this.label, disabled: this.disabled, readonly: this.readonly, initialValue: this.initialValue, renderImage: true, onChange: this.handleFileChange })));
+        return (h(Host, { key: '8b95c4bb3a085aeeb0aab3a352c4bedd5d723f20' }, h("file-upload", { key: '2fae3ef81fd7b5a2ea7c875954629deac44f53af', allowMultiple: false, allowedMimeTypes: this.allowedMimeTypes, fullWidth: this.fullWidth, required: this.required, error: this.error, dragAndDropMessage: this.dragAndDropMessage, browseFileMessage: this.browseFileMessage, hideDragAndDrop: this.hideDragAndDrop, hideButton: this.hideButton, id: this.id, name: this.name, label: this.label, disabled: this.disabled, readonly: this.readonly, initialValue: this.initialValue, renderImage: true, onChange: this.handleFileChange })));
     }
     static get style() { return imageUploadCss; }
 }, [257, "image-upload", {

package/dist/components/list-options-renderer2.js

@@ -21,15 +21,15 @@ const ListOptionsRenderer = /*@__PURE__*/ proxyCustomElement(class ListOptionsRe
     }
     render() {
         var _a, _b, _c, _d, _e;
-        return (h(Host, { key: '5e5f647863ca43bcc00dc7866909d658031d1254' }, h("div", { key: '8029f2367303ded0b7efa3e577682c26cbb6fa9e', class: "question-item-options-list-container" }, ((_a = this.lookupOptions) === null || _a === void 0 ? void 0 : _a.length) > 1 && (h("stencil-toggle", { key: '5cef881b783fb21650135e160c7998e5bf82d551', label: "Use Lookup Options", disabled: this.isViewOnly, checked: !!(((_b = this.question) === null || _b === void 0 ? void 0 : _b.fieldProperties) && 'lookupId' in this.question.fieldProperties), labelPosition: "right", onToggledChange: () => {
+        return (h(Host, { key: 'a31ff97a481fcd89a47a542c2f2313eb93507e04' }, h("div", { key: '17013702c95dc53061265aa49862c91457027203', class: "question-item-options-list-container" }, ((_a = this.lookupOptions) === null || _a === void 0 ? void 0 : _a.length) > 1 && (h("stencil-toggle", { key: 'a0e2677644567e7254c937e0f693046f619ac250', label: "Use Lookup Options", disabled: this.isViewOnly, checked: !!(((_b = this.question) === null || _b === void 0 ? void 0 : _b.fieldProperties) && 'lookupId' in this.question.fieldProperties), labelPosition: "right", onToggledChange: () => {
                 const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyToggleManualOrLookupOptions');
                 const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex);
                 this.onFormSectionsDraftChange(updated);
-            } })), 'lookupId' in this.question.fieldProperties && (h("div", { key: '049aa9898af0068a8b4f35013e63afffeca913c2' }, h("udp-selector", { label: "Lookup Source", key: "lookup-selector", initialValue: ((_c = this.question.fieldProperties) === null || _c === void 0 ? void 0 : _c.lookupId) || '', options: this.lookupOptions, disabled: this.isViewOnly, required: true, onChange: (e) => {
+            } })), 'lookupId' in this.question.fieldProperties && (h("div", { key: '8a1952ff8f790a1b8b65596f618400cd1cabbeb1' }, h("udp-selector", { label: "Lookup Source", key: "lookup-selector", initialValue: ((_c = this.question.fieldProperties) === null || _c === void 0 ? void 0 : _c.lookupId) || '', options: this.lookupOptions, disabled: this.isViewOnly, required: true, onChange: (e) => {
                 const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyLookupChange');
                 const updated = handler(e.detail, this.formSectionsDraft, this.sIndex, this.qIndex);
                 this.onFormSectionsDraftChange(updated);
-            } }))), 'items' in this.question.fieldProperties && (h("div", { key: '6070ade9b3db5f8ab0d11dc758d63b4e54894f21' }, h("div", { key: 'c5872bbf69d360994e8a065cb024ea8b9ba6c44e', class: "list-options-header" }, h("unity-typography", { key: '6cded20e63b5a5b479b693902a0657e64a0035cd', variant: "h6" }, "Configure Select Options"), !this.isViewOnly && 'items' in this.question.fieldProperties && (h("udp-button", { key: '08c90368248281fab63c6541efc76daf1d9d93e8', variant: "text", onClick: () => {
+            } }))), 'items' in this.question.fieldProperties && (h("div", { key: 'f36a7d21ff18f87a8ed5b25b01b7798d45f09968' }, h("div", { key: 'a4224b6653af236df922e6548c28ab7d4945b2e4', class: "list-options-header" }, h("unity-typography", { key: '15a5a520bdd52adf7dba78581088f40c3c628e5c', variant: "h6" }, "Configure Select Options"), !this.isViewOnly && 'items' in this.question.fieldProperties && (h("udp-button", { key: 'd4fcd70b62372671c9ee3779f6cc495eefb613a5', variant: "text", onClick: () => {
                 const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyAddListItem');
                 const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex, '', '');
                 this.onFormSectionsDraftChange(updated);

package/dist/components/map-component2.js

@@ -406,7 +406,7 @@ const MapComponent = /*@__PURE__*/ proxyCustomElement(class MapComponent extends
     }
     //////////////////////////////////////////////////////////RENDER/////////////////////////////////////////////////////
     render() {
-        return (h("div", { key: 'c21e30992308eb1ae1f489d3644e1985c8259c05' }, h("div", { key: 'a6177845f1d161ce9482d46b341c1a1053b77969', id: "map", style: { height: this.mapHeight, width: '100%', overflow: 'hidden' } }, h("slot", { key: '143f05c846302a40490076eaea6066a28ac57a12' })), h("div", { key: 'ee7adfe656ebdc69216dcb4300ef8a1c1516bbe5', id: "featureDetailsPopOverContainer" }, h("feature-details-popup", { key: 'e012c80f54db7a5c6934eb3ea6c1b68c9cf1df8a', currentSelectedFeature: this.currentSelectedFeature, data: this.selectedFeatureProperties, coordinates: this.selectedFeatureCoordinates, enableViewFeature: this.enableViewFeature, handleViewFeature: this.handleViewFeature, showPopOver: this.showPopOver, isReadOnly: this.isReadOnlyFeature, additionalOnclosePopover: this.handleOnCloseFeaturePopover, primaryActions: this.popoverPrimaryActions, moreIconActions: this.popoverMoreIconButtonActions, getMessage: this.getMessagePopover, getMessageIcon: this.getMessageIconPopover, hideMessageIcon: this.hideMessageIconPopover, cardConfig: this.popoverCardConfig, popoverWidth: this.popoverWidth, popoverContainer: this.popoverContainer }))));
+        return (h("div", { key: '6440b60c5df675d7a69aed4e5e5e6b25330496ef' }, h("div", { key: '497c3f51fe5ea88db661db6c2769b2645f4bb0b2', id: "map", style: { height: this.mapHeight, width: '100%', overflow: 'hidden' } }, h("slot", { key: 'fd4d944a1e6b7e45262fe0ec6f3aede2f0e07db9' })), h("div", { key: 'af32abb9573ac1adb672bca7c8ace2897576896b', id: "featureDetailsPopOverContainer" }, h("feature-details-popup", { key: '9d294a0a51f7b8b1c61179037809935544c6444e', currentSelectedFeature: this.currentSelectedFeature, data: this.selectedFeatureProperties, coordinates: this.selectedFeatureCoordinates, enableViewFeature: this.enableViewFeature, handleViewFeature: this.handleViewFeature, showPopOver: this.showPopOver, isReadOnly: this.isReadOnlyFeature, additionalOnclosePopover: this.handleOnCloseFeaturePopover, primaryActions: this.popoverPrimaryActions, moreIconActions: this.popoverMoreIconButtonActions, getMessage: this.getMessagePopover, getMessageIcon: this.getMessageIconPopover, hideMessageIcon: this.hideMessageIconPopover, cardConfig: this.popoverCardConfig, popoverWidth: this.popoverWidth, popoverContainer: this.popoverContainer }))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/map-toolbar2.js

@@ -186,22 +186,22 @@ const MapToolbar = /*@__PURE__*/ proxyCustomElement(class MapToolbar extends H {
     }
     render() {
         var _a, _b;
-        return (h("div", { key: 'df1cb3fa4cb31102050fde522956903b598408e7', class: "toolbarContainer" }, h("div", { key: 'edadc71d2916ebfd54f1199b7848b91b34c60de7', class: "title" }, this.mapTitle && this.mapTitle.length > 0 && h("unity-typography", { key: '1dcf11b4c1c80509d04f8436c34cb0e40eceafc8', variant: "h4" }, this.mapTitle)), h("div", { key: 'fe67035695747ef0527d9f7edf134eb32d3ca072', class: "buttons" }, h("div", { key: 'd03cc6b94ece0bd7992081bb252be394fca31f65', class: "buttonContainer" }, h("div", { key: 'c33a00e8aaa19dedd2458008191116fac064ac54', class: "secondaryButtons" }, this.filterPanel && (h("div", { key: '0df51200bfca6557d2e332aedbfee551d83fd444', id: "filterOption" }, h("div", { key: '05fac2c08c2ccd868db2aebdc87fbfb1cd5bb359', id: "filterOptionButton" }, h("stencil-icon-button", { key: '1c7e4513becc3502086efc59574f2d786148c11a', iconName: 'filterButton', iconClassName: 'iconButtonWrapper', tooltip: 'Filter', icon: Filter16, buttonId: 'filterButton', onClick: () => this.handleFilterOnclick() })), this.filterAnchor && (h("div", { key: '1104a7b6d361f169a438b87c922c75579073dd6e', id: "filterOptionDiv" }, h("udp-pop-over", { key: 'cab40e9cb1dc9a5f800ee2db08a09d7199a3e788', isOpen: this.filterAnchor ? true : false, anchorElement: this.filterAnchor, handleOnClose: () => this.handleCloseFilterPopover(), popoverPlacement: 'bottom-start', overflow: 'visible' }, h("div", { key: '5eb682185987645764defe31b2c95c463f8752b5', innerHTML: this.filterPanel })))))), this.layerOptions && (h("div", { key: '5d035cb7d7bb4d61ca441c8c62aa91e087df1b3a', id: "layerOption" }, h("div", { key: 'a7dbef6cc9a02f89df337de51ea94075d1fd3111', id: "layerOptionButton" }, h("stencil-icon-button", { key: '46eca995f86c96149e28a499fbae2d0f4aae0968', iconName: 'layersButton', iconClassName: 'iconButtonWrapper', tooltip: 'Layers', icon: Layers16, buttonId: 'layersButton', onClick: () => this.handleLayerOnclick(), count: (_a = this.visibleLayers) === null || _a === void 0 ? void 0 : _a.length })), h("div", { key: '3d2d78eebfc91efd770f3b4d1f2d6b4ca0641218', id: "layerOptionDiv" }, this.layerAnchor && (h("udp-pop-over", { key: 'd8fe86755c188ca9307b97a4f0e7510a91e13dac', isOpen: this.layerAnchor ? true : false, anchorElement: this.layerAnchor, handleOnClose: () => this.handleCloseLayerPopover(), popoverPlacement: 'bottom-start', popoverMaxHeight: '500px' }, h("select-layer-popup", { key: '213504b0c5b6e2f720be389aac07e98683f00fc9', enableTileSelection: this.enableTileSelection, tileOptions: this.tileOptions, handleMapTypeInputChange: this.handleMapTypeInputChange, handleSearchLayers: this.handleSearchLayers, filteredOptions: this.filteredOptions, visibleLayers: this.visibleLayers, updateSelectedLayers: this.updateSelectedLayers, selectedTile: this.selectedTile })))))), !this.readOnlyMap && this.selectedFeaturesActionPanel && (h("div", { key: 'e7e844cabe9bbadbe0230b4670fc5f5e86a59c88', id: "bulkSelectOption" }, h("div", { key: '21495bb0ae01eabe651d795bd840a60fac5d4a6e', id: "bulkSelectOptionButton" }, h("stencil-icon-button", { key: '372b8b99550e170247c5bafd670696f30beb8625', iconName: 'selectButton', iconClassName: 'iconButtonWrapper', tooltip: 'Select', icon: Select_0116, buttonId: 'selectButton', onClick: () => this.handleSelectionBtnOnclick() })), h("div", { key: '634720dcf856edb6860d6671bf361da9317036a1', id: "bulkSelectOptionDiv" }, this.bulkSelectionTypeAnchor && (h("udp-pop-over", { key: '5901c691c00260c1180dfa71842ae4512b332fa1', isOpen: this.bulkSelectionTypeAnchor ? true : false, anchorElement: this.bulkSelectionTypeAnchor, handleOnClose: () => this.handleCloseBulkSelectionTypePopover(), popoverPlacement: 'bottom-start', overflow: 'visible' }, h("udp-menu-item", { key: '74f4f7b9df37c81e177da3b3ba6e5c967cd2c6c4', label: 'Box', handleOnClick: () => {
+        return (h("div", { key: '21b9c43614b63edacda599868c43703d1e647e45', class: "toolbarContainer" }, h("div", { key: '9784167d5da4fb3ac42df68eba4c5a486dfc982b', class: "title" }, this.mapTitle && this.mapTitle.length > 0 && h("unity-typography", { key: 'd30a08036fb834c66d51bd77d95c886ef87a639d', variant: "h4" }, this.mapTitle)), h("div", { key: 'cdd421ee21f5d56cc0d78352c8cc72032a758424', class: "buttons" }, h("div", { key: '2adfbce712f269812d80a77c1043a1d3db6b79c8', class: "buttonContainer" }, h("div", { key: '58e6e409c67cf35051735578bdde7b1a6208f9ee', class: "secondaryButtons" }, this.filterPanel && (h("div", { key: 'f7c06355290ed1bed33d95f6084da2c7bb615da5', id: "filterOption" }, h("div", { key: '15be3cc83df5d6f19f3f7a0d5692a4718731dc24', id: "filterOptionButton" }, h("stencil-icon-button", { key: '93467bd5a6d9090c67632c18a6c4009e27233ac8', iconName: 'filterButton', iconClassName: 'iconButtonWrapper', tooltip: 'Filter', icon: Filter16, buttonId: 'filterButton', onClick: () => this.handleFilterOnclick() })), this.filterAnchor && (h("div", { key: 'bd5f83038320e9803ba9368cd1f40720bf746717', id: "filterOptionDiv" }, h("udp-pop-over", { key: '2c9edf578465d003b4afbcdb831ef0d0c34d3f0b', isOpen: this.filterAnchor ? true : false, anchorElement: this.filterAnchor, handleOnClose: () => this.handleCloseFilterPopover(), popoverPlacement: 'bottom-start', overflow: 'visible' }, h("div", { key: 'b3ec97a05b90db61cdf239c86ca75e036cc29b13', innerHTML: this.filterPanel })))))), this.layerOptions && (h("div", { key: 'be4a540251d602df15aa8e4dacef02999077dd96', id: "layerOption" }, h("div", { key: '6affbb963bd30f553e61064ab5df13c3ad9a4b74', id: "layerOptionButton" }, h("stencil-icon-button", { key: 'b8adccbbcd8c95ad2d005dae5c0cf9a12990d97c', iconName: 'layersButton', iconClassName: 'iconButtonWrapper', tooltip: 'Layers', icon: Layers16, buttonId: 'layersButton', onClick: () => this.handleLayerOnclick(), count: (_a = this.visibleLayers) === null || _a === void 0 ? void 0 : _a.length })), h("div", { key: 'c8e9383358da444862a6a563e34260487ccfbbed', id: "layerOptionDiv" }, this.layerAnchor && (h("udp-pop-over", { key: 'e010e9548dabcc2bf6309f36c58a59305cdc4412', isOpen: this.layerAnchor ? true : false, anchorElement: this.layerAnchor, handleOnClose: () => this.handleCloseLayerPopover(), popoverPlacement: 'bottom-start', popoverMaxHeight: '500px' }, h("select-layer-popup", { key: 'f2b783edeaeb9655eedcdbec791e4964860338c9', enableTileSelection: this.enableTileSelection, tileOptions: this.tileOptions, handleMapTypeInputChange: this.handleMapTypeInputChange, handleSearchLayers: this.handleSearchLayers, filteredOptions: this.filteredOptions, visibleLayers: this.visibleLayers, updateSelectedLayers: this.updateSelectedLayers, selectedTile: this.selectedTile })))))), !this.readOnlyMap && this.selectedFeaturesActionPanel && (h("div", { key: '3e49f896bd385d2bb26c63aba9dfa453fdd7daf6', id: "bulkSelectOption" }, h("div", { key: 'c310558635d2cfd0e8664b6016c6f19b2b127f92', id: "bulkSelectOptionButton" }, h("stencil-icon-button", { key: '414e41e6fd4e6e342611bac3989d9c657df675dd', iconName: 'selectButton', iconClassName: 'iconButtonWrapper', tooltip: 'Select', icon: Select_0116, buttonId: 'selectButton', onClick: () => this.handleSelectionBtnOnclick() })), h("div", { key: '7c984a976664c80ce289a8acc00b96e922acbbbd', id: "bulkSelectOptionDiv" }, this.bulkSelectionTypeAnchor && (h("udp-pop-over", { key: '5a81ce4e1c228340e706fe3406574ddfa6004b49', isOpen: this.bulkSelectionTypeAnchor ? true : false, anchorElement: this.bulkSelectionTypeAnchor, handleOnClose: () => this.handleCloseBulkSelectionTypePopover(), popoverPlacement: 'bottom-start', overflow: 'visible' }, h("udp-menu-item", { key: 'd104983f9d0505898f942cc0ece9a225ced6a5e2', label: 'Box', handleOnClick: () => {
                 this.handleBulkSelectionTypeOnclick('box');
-            } }), h("udp-menu-item", { key: '01b1dd88515b272d2be1ea7d55174e5634aab22a', label: 'Circle', handleOnClick: () => {
+            } }), h("udp-menu-item", { key: 'b1f864cfc27d567527a232524cdfc77eb52e015a', label: 'Circle', handleOnClick: () => {
                 this.handleBulkSelectionTypeOnclick('circle');
-            } }), h("udp-menu-item", { key: '082fdc17a8f20ec1c1bbefcb65185618b3c36802', label: 'Polygon', handleOnClick: () => {
+            } }), h("udp-menu-item", { key: 'a0fda41ae5ec5a52228bbe419166cf1c0176b66c', label: 'Polygon', handleOnClick: () => {
                 this.handleBulkSelectionTypeOnclick('polygon');
-            } }), h("udp-menu-item", { key: 'c436f55eb166a95b13aae4b437e86dc531e2c4f4', label: 'Lasso', handleOnClick: () => {
+            } }), h("udp-menu-item", { key: '64b903bd46430d1285662848671a0720f0e72c04', label: 'Lasso', handleOnClick: () => {
                 this.handleBulkSelectionTypeOnclick('lasso');
-            } })))))), !this.readOnlyMap && this.enableSplit && (h("div", { key: '5596f3a4ce9c97795cf34a6c10a05a77877cff40', id: "splitOption" }, h("div", { key: 'fc7c0f661595fc0a28c594c7accd2da3faccd70d', id: "splitOptionButton" }, h("stencil-icon-button", { key: '843a8676c020dcb912143982f2960a0d54ab8adc', iconName: 'splitButton', iconClassName: 'splitButtonWrapper', tooltip: 'Split Linear Feature', icon: Scalpel16, buttonId: 'splitButton', onClick: () => this.handleSplitBtnOnclick() })), h("div", { key: '6a6aa3505094fc439cd3cd148d8996ec480cabf7', id: "splitOptionDiv" }, this.splitAnchor && (h("udp-pop-over", { key: 'f076133c6159670dcb7d01c0f39e8d5e144b05b6', isOpen: this.splitAnchor ? true : false, anchorElement: this.splitAnchor, handleOnClose: () => this.handleCloseSplitPopover(), popoverPlacement: 'bottom-start', overflow: 'visible' }, h("split-line-popup", { key: '6c2c013d5d7a824117cb63e3693b52ae133b120e', vectorLayerOptions: this.layerOptionsForPopup, selectedLayer: this.selectedLayerToAddFeature, handleStartSplitting: this.handleStartSplitting })))))), this.refreshEvent && (h("stencil-icon-button", { key: '61e10f02f84e08babcda3882cec237e680fc44ee', iconName: 'refreshButton', iconClassName: 'iconButtonWrapper', tooltip: (_b = this.refreshButtonTooltip) !== null && _b !== void 0 ? _b : 'Refresh', icon: Renew16, buttonId: 'refreshButton', onClick: () => this.refreshEvent() })), !this.readOnlyMap && (this.enableDragBox || (this.addMultipleFeatures && this.enableAddNewFeature)) && (h("div", { key: '7f78e23b73223a71ccc93d0ce236acf5e46b1dd6', class: "labelButtons" }, h("stencil-icon-button-grid-action-header", { key: '222e3e14e959f7759cd6df1913c9f39874e5cdb1', showLabel: true, icon: this.getButtonIcon(), onClick: () => {
+            } })))))), !this.readOnlyMap && this.enableSplit && (h("div", { key: '046ab14c180eaecbf16a340f9be3f2898cdcce37', id: "splitOption" }, h("div", { key: 'c1650d16e72a90cb7db670523dd3b485b50024d5', id: "splitOptionButton" }, h("stencil-icon-button", { key: 'a9d02d79f706dea6a87c02fc20877406e28ff6e8', iconName: 'splitButton', iconClassName: 'splitButtonWrapper', tooltip: 'Split Linear Feature', icon: Scalpel16, buttonId: 'splitButton', onClick: () => this.handleSplitBtnOnclick() })), h("div", { key: '88247c876a345ddc7dbf615dae6a0f069932c0ce', id: "splitOptionDiv" }, this.splitAnchor && (h("udp-pop-over", { key: '184c5f17f26a2de0220e13dc63a3ba0bd990bdfc', isOpen: this.splitAnchor ? true : false, anchorElement: this.splitAnchor, handleOnClose: () => this.handleCloseSplitPopover(), popoverPlacement: 'bottom-start', overflow: 'visible' }, h("split-line-popup", { key: '302fb6c3d12c3a7122987ef791f6a16ba8dc5e50', vectorLayerOptions: this.layerOptionsForPopup, selectedLayer: this.selectedLayerToAddFeature, handleStartSplitting: this.handleStartSplitting })))))), this.refreshEvent && (h("stencil-icon-button", { key: '2594b4bfe3d784a27843da4b31821104190eb75d', iconName: 'refreshButton', iconClassName: 'iconButtonWrapper', tooltip: (_b = this.refreshButtonTooltip) !== null && _b !== void 0 ? _b : 'Refresh', icon: Renew16, buttonId: 'refreshButton', onClick: () => this.refreshEvent() })), !this.readOnlyMap && (this.enableDragBox || (this.addMultipleFeatures && this.enableAddNewFeature)) && (h("div", { key: '0e8f5d8c4bf66eb254ce7d8660aaa469e30106b3', class: "labelButtons" }, h("stencil-icon-button-grid-action-header", { key: '8dd1e819db15ac9ab94d6cfda4081fdbc11b39dd', showLabel: true, icon: this.getButtonIcon(), onClick: () => {
                 if (this.enableDragBox) {
                     this.handleCancelBoxSelection();
                 }
                 if (this.enableAddNewFeature) {
                     this.handleAddNewFeature();
                 }
-            }, tooltip: this.getButtonText(), iconClassName: 'save-icon-class' }, h("unity-typography", { key: '63a73f465505d4b1bab8121933b18444a80d33a2', variant: "button" }, this.getButtonText())))), this.showSplitButton && (h("div", { key: '3dfbb10cd5ead27f916baf777937edf0d607a1f0', class: "labelButtons" }, h("stencil-icon-button-grid-action-header", { key: '830a6de7d6d0112fd0ee535c820781aee7cbe1a8', showLabel: true, icon: Checkmark16, onClick: () => this.handleSaveSplit(), tooltip: 'Save Split', iconClassName: 'save-icon-class' }, h("unity-typography", { key: '24d335a172372a10c48bbd138a48094b680b06a5', variant: "button" }, 'Save Split')))), this.showSplitButton && (h("div", { key: '08aa559492b97bced0b63f8d28f50398d94ae83a', class: "labelButtons" }, h("stencil-icon-button-grid-action-header", { key: '282e20c2636fe4363ece0831e080c48c1c5c958e', showLabel: true, icon: Close16, onClick: () => this.handleCancelSplit(), tooltip: 'Cancel Split', iconClassName: 'save-icon-class' }, h("unity-typography", { key: '60c3fb960d28a0b0b5249a888f9aa2f3ea1d9141', variant: "button" }, 'Cancel Split')))), !this.readOnlyMap && this.enableAddNewFeature && (h("div", { key: 'f79e5479ca83d0a6a2f6f4e2e990dbc30f2ed1cc', class: "labelButtons" }, h("stencil-icon-button-grid-action-header", { key: '7fab28e00822674f56631df0318a71bee571c1ba', showLabel: true, icon: Close16, onClick: () => this.handleCancelAddNewFeature(), tooltip: 'Cancel Drawing', iconClassName: 'save-icon-class' }, h("unity-typography", { key: '44ef6bb6285e0eed094a432678bebd8584295923', variant: "button" }, 'Cancel Drawing')))), !this.readOnlyMap && this.withSelected && (h("div", { key: '84a8a0a96507f9cb0cb88a840871d2ae596e2105', class: "selectedFeaturesButtons labelButtons" }, h("div", { key: 'fffd010fc9b22f6bdadce6bd1e30c93cb3f7a0b7', id: "withSelectedOption" }, h("div", { key: 'b46feccbc20f30dfff97accb9f7268758e2a525a', id: "withSelectedOptionButton" }, h("stencil-icon-button-grid-action-header", { key: '10f3dd5eca0fb1a276f9085122ba4686414206cf', showLabel: true, icon: OverflowMenuHorizontal16, onClick: () => this.handleSelectionActionOnclick(), tooltip: 'With Selected', iconClassName: 'save-icon-class', count: this.selectedFeatureByBoxSelection.length }, h("unity-typography", { key: '40d4f6a63aa2b59e57b977acf37eade3235df013', variant: "button" }, 'With Selected'))), h("div", { key: '527851b90c03b373f72ae2aba16901289c9681e5', id: "withSelectedOptionDiv" }, this.selectedFeaturesActionPanel && this.selectionActionAnchor && (h("udp-pop-over", { key: 'ed34e9835acde3e320f7aa4c1e8f5d9404004daa', isOpen: this.selectionActionAnchor ? true : false, anchorElement: this.selectionActionAnchor, handleOnClose: () => this.handleCloseSelectionActionPopover(), popoverPlacement: 'bottom-start' }, h("div", { key: '03d7e7b8b6b21196779f3ae7dc7a63e0df8eaa86', innerHTML: this.selectedFeaturesActionPanel }))))), h("stencil-icon-button-grid-action-header", { key: '9bd88fde7e170056b2f613700d9c1d9fc7307e38', showLabel: true, icon: Close16, onClick: () => this.unselectFeatures(), tooltip: 'Cancel selection', iconClassName: 'save-icon-class' }, h("unity-typography", { key: '0997c19d47298bda8b12089f97ac196fa5a36d84', variant: "button" }, 'Cancel Selection'))))), h("div", { key: 'daf1418e8747948df45f4c26f7f694793392b1c5', id: "addOption" }, this.enableAdd && !this.readOnlyMap && (h("div", { key: 'd2f2b7822d2d0ac16bfd7aecd0c77714150d8a85', id: "addOptionButton" }, h("custom-button", { key: 'ed8a4aa24b44c35d19902d1857ba1116fe4e44c2', secondary: true, label: h("unity-typography", { variant: "button" }, 'Add'), onClick: () => this.handleAddOnclick(), size: "tall" }, h("udp-icon", { key: '13bce86ae5c0ba2eef03ae8b7daa91a167920860', iconName: 'add32', darkIcon: false })))), this.addFeatureAnchor && (h("udp-pop-over", { key: '2c4f226188928fdafba3f9b386ea6065c26fce06', isOpen: this.addFeatureAnchor ? true : false, anchorElement: this.addFeatureAnchor, handleOnClose: () => this.handleCloseAddMapFeature(), popoverPlacement: 'bottom-start', overflow: 'visible' }, h("add-map-feature-popup", { key: '167c7b36c16bb6d0d0da125b801d58b088cfb965', handleStartDrawingMapFeature: this.handleStartDrawingMapFeature, vectorLayerOptions: this.layerOptionsForPopup, selectedLayer: this.selectedLayerToAddFeature, selectedType: this.selectedTypeToAddFeature, panelConfig: this.addFeaturePanelConfig }))))))));
+            }, tooltip: this.getButtonText(), iconClassName: 'save-icon-class' }, h("unity-typography", { key: '9e741081bcdee9b696ceda65f94fa8852223784f', variant: "button" }, this.getButtonText())))), this.showSplitButton && (h("div", { key: '699dc5dfc451770813268649fedf223f0d5818f4', class: "labelButtons" }, h("stencil-icon-button-grid-action-header", { key: 'ae030ca7fbea40a4dd6e01e7b588bf1361914bf9', showLabel: true, icon: Checkmark16, onClick: () => this.handleSaveSplit(), tooltip: 'Save Split', iconClassName: 'save-icon-class' }, h("unity-typography", { key: 'cb248c391bfbf3f9548f84617de19cf8f7d6a1d4', variant: "button" }, 'Save Split')))), this.showSplitButton && (h("div", { key: 'eb129eac44e52ae3901a072bd1f81409a79b9b97', class: "labelButtons" }, h("stencil-icon-button-grid-action-header", { key: 'f3f1e06d7996c6cc6417aa72953088b7fe58f4c6', showLabel: true, icon: Close16, onClick: () => this.handleCancelSplit(), tooltip: 'Cancel Split', iconClassName: 'save-icon-class' }, h("unity-typography", { key: '9ecc562e53f6881873c57b5b84cf2c325f82c302', variant: "button" }, 'Cancel Split')))), !this.readOnlyMap && this.enableAddNewFeature && (h("div", { key: 'd44f675283cb14e18da11551cd914785f757be3b', class: "labelButtons" }, h("stencil-icon-button-grid-action-header", { key: 'ce3f82cab7993f7a4e23b8b0d930a4d9577a2b40', showLabel: true, icon: Close16, onClick: () => this.handleCancelAddNewFeature(), tooltip: 'Cancel Drawing', iconClassName: 'save-icon-class' }, h("unity-typography", { key: '5ce593305098ea539661aa9241ff5fcaeb312533', variant: "button" }, 'Cancel Drawing')))), !this.readOnlyMap && this.withSelected && (h("div", { key: '17c0a761f497b69736a132d86274c4b72c8587f0', class: "selectedFeaturesButtons labelButtons" }, h("div", { key: 'f482097209ee73f87b2ccded62741f08c7e5d36f', id: "withSelectedOption" }, h("div", { key: '6c1dd673b861e77fa9df16c4bfd3cd5ad527ead0', id: "withSelectedOptionButton" }, h("stencil-icon-button-grid-action-header", { key: '900257afb87ea2cbeecda63e468e2d26befe312c', showLabel: true, icon: OverflowMenuHorizontal16, onClick: () => this.handleSelectionActionOnclick(), tooltip: 'With Selected', iconClassName: 'save-icon-class', count: this.selectedFeatureByBoxSelection.length }, h("unity-typography", { key: '61c42fe24533e70243d922a90ace657facbf390f', variant: "button" }, 'With Selected'))), h("div", { key: '55ad4c9a7bba6399ba59783c082afe6cffa3ed8c', id: "withSelectedOptionDiv" }, this.selectedFeaturesActionPanel && this.selectionActionAnchor && (h("udp-pop-over", { key: '389f555f381efda95d9465c588c413405db973ec', isOpen: this.selectionActionAnchor ? true : false, anchorElement: this.selectionActionAnchor, handleOnClose: () => this.handleCloseSelectionActionPopover(), popoverPlacement: 'bottom-start' }, h("div", { key: '574d0b6c5cdf21aaf46de7c64212fd00aed55de2', innerHTML: this.selectedFeaturesActionPanel }))))), h("stencil-icon-button-grid-action-header", { key: '20faae781e32bc29560f632ec95dc13d1fae11a5', showLabel: true, icon: Close16, onClick: () => this.unselectFeatures(), tooltip: 'Cancel selection', iconClassName: 'save-icon-class' }, h("unity-typography", { key: '2f9feebd1b587e9d0e399c22669e55d63b8b97b3', variant: "button" }, 'Cancel Selection'))))), h("div", { key: '8c7ec1fb5f1c1f4ec1b57a158779b6f3b5b85a34', id: "addOption" }, this.enableAdd && !this.readOnlyMap && (h("div", { key: 'bca06f99ee4c9254fdc819faf206862df69e7d31', id: "addOptionButton" }, h("custom-button", { key: '46987f0f04f476a41d1ab42e0e7ad474d8123878', secondary: true, label: h("unity-typography", { variant: "button" }, 'Add'), onClick: () => this.handleAddOnclick(), size: "tall" }, h("udp-icon", { key: '77530ccd29a4ab9011734aaeb547a2ac35c10d0f', iconName: 'add32', darkIcon: false })))), this.addFeatureAnchor && (h("udp-pop-over", { key: 'f9df23cd3dac78f9c12396a4976c50d6ff4d324e', isOpen: this.addFeatureAnchor ? true : false, anchorElement: this.addFeatureAnchor, handleOnClose: () => this.handleCloseAddMapFeature(), popoverPlacement: 'bottom-start', overflow: 'visible' }, h("add-map-feature-popup", { key: 'c23dbdfc6b07e209f6f4f0af5f4d20f300b9fa9c', handleStartDrawingMapFeature: this.handleStartDrawingMapFeature, vectorLayerOptions: this.layerOptionsForPopup, selectedLayer: this.selectedLayerToAddFeature, selectedType: this.selectedTypeToAddFeature, panelConfig: this.addFeaturePanelConfig }))))))));
     }
     get mapToolbarElement() { return this; }
     static get watchers() { return {

package/dist/components/numeric-field2.js

@@ -127,7 +127,7 @@ const NumericField = /*@__PURE__*/ proxyCustomElement(class NumericField extends
             'bx--text-input--error': isError,
             'text-field--disabled': this.disabled,
         };
-        return (h(Host, { key: '41070ca5213a99556719f4087332e531173279f4', class: {
+        return (h(Host, { key: 'efe222e4acc6be9cbb2741e757673f6958e895da', class: {
                 'udp-input': true,
                 'udp-input--error': isError,
                 'udp-input--disabled': this.disabled,
@@ -136,9 +136,9 @@ const NumericField = /*@__PURE__*/ proxyCustomElement(class NumericField extends
                 'udp-input--readonly': this.readonly,
                 [`udp-input--size-${this.size}`]: true,
                 [`udp-input--margin-${this.margin}`]: true,
-            }, "aria-invalid": isError ? 'true' : 'false', "aria-required": this.required ? 'true' : 'false' }, h("div", { key: '38388fa80d7880830f45d4bca98f210b2affcd10', class: "bx--form-item" }, h("unity-typography", { key: 'cb88bfb8a731145ef431ac5650d34a55fac18f6e', variant: "caption-text" }, h("label", { key: 'd636f51ed6898438f4f51361aab6d8f0f977eeab', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), this.hidden ? (h("input", { id: this.id, type: "hidden", value: this.internalValue, name: this.name })) : (h("input", { id: this.id, name: this.name, type: "number", class: Object.assign({}, inputClass), placeholder: this.placeholder, value: this.internalValue, required: this.required, disabled: this.disabled, readOnly: this.readonly, onFocus: this.onFocus, onInput: this.onInput, onChange: this.onChange, onBlur: this.onBlur, inputMode: this.inputMode, min: this.min, max: this.max, step: this.step,
+            }, "aria-invalid": isError ? 'true' : 'false', "aria-required": this.required ? 'true' : 'false' }, h("div", { key: '66feb024a13e9c2fb95a386d0e025b15a9fcebb5', class: "bx--form-item" }, h("unity-typography", { key: '65469753637179be15c383bf8f6f819d9b5fdb10', variant: "caption-text" }, h("label", { key: 'cf0f7ddd918efde5aacba18537536bb2dd101e98', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), this.hidden ? (h("input", { id: this.id, type: "hidden", value: this.internalValue, name: this.name })) : (h("input", { id: this.id, name: this.name, type: "number", class: Object.assign({}, inputClass), placeholder: this.placeholder, value: this.internalValue, required: this.required, disabled: this.disabled, readOnly: this.readonly, onFocus: this.onFocus, onInput: this.onInput, onChange: this.onChange, onBlur: this.onBlur, inputMode: this.inputMode, min: this.min, max: this.max, step: this.step,
             //@ts-ignore
-            udprecordid: 'udpRecord-number-field-' + this.id })), isError && (h("div", { key: '93665be4e947941ab0a559cb7dcc97f46fa1f515', class: "error-message" }, h("unity-typography", { key: 'a6ceb126b06fa34ef06ed560b9e8ebcda435acb3', variant: "caption-text", color: "error" }, this.errorMessage))))));
+            udprecordid: 'udpRecord-number-field-' + this.id })), isError && (h("div", { key: '679fa05b23a7d3a41fb18f3a77859331f6460011', class: "error-message" }, h("unity-typography", { key: 'ea5f43b1356863a2dfe7b76918ddad8d646030a3', variant: "caption-text", color: "error" }, this.errorMessage))))));
     }
     static get watchers() { return {
         "error": ["updateError"],

package/dist/components/question-configs-renderer2.js

@@ -1,8 +1,9 @@
 import { p as proxyCustomElement, H, h } from './index2.js';
 import { q as questionsTemplate, d as defineCustomElement$g } from './question-specific-configs-renderer2.js';
 import { a as UdpFormsTypeEnum } from './enums.js';
-import { d as defineCustomElement$k } from './date-time-renderer2.js';
-import { d as defineCustomElement$j } from './file-upload-renderer2.js';
+import { d as defineCustomElement$l } from './date-time-renderer2.js';
+import { d as defineCustomElement$k } from './file-upload-renderer2.js';
+import { d as defineCustomElement$j } from './form-metadata-display-renderer2.js';
 import { d as defineCustomElement$i } from './list-options-renderer2.js';
 import { d as defineCustomElement$h } from './numeric-field2.js';
 import { d as defineCustomElement$f } from './signature-renderer2.js';
@@ -45,28 +46,28 @@ const QuestionConfigsRenderer = /*@__PURE__*/ proxyCustomElement(class QuestionC
     render() {
         const template = questionsTemplate.find(q => q.fieldTypeId === this.question.fieldTypeId);
         const isQuestionTextRequired = !(template && template.questionTextOptional);
-        return (h("div", { key: '07293c93d11c27439e17527eeb78cdeccb56caec', class: "generic-configs-container" }, h("div", { key: '887ec1f2a5e13e700ff7128c70bc33949cc4b4d6', class: "question-configs-header" }, h("unity-typography", { key: 'c0dcd102e7399f199a8cf07f26b1799bd2cf0c1b', variant: "h6" }, this.question.questionTypeName, " Question"), h("div", { key: 'd317bc353bbbf5475e09c79ea1641ab45755ba52' }, !this.question.fieldProperties.ignoreRequiredConfig && (h("stencil-toggle", { key: '8d137d95c56d8733a6f5fac8129c42624ee2f99c', label: "Required", disabled: this.isViewOnly, checked: this.question.required === true, onToggledChange: () => {
+        return (h("div", { key: 'a0cb43d824d6d826f5be74657546ee67e6e8d79a', class: "generic-configs-container" }, h("div", { key: 'e32c703ef3a4b586c10d07981a175484d83d5631', class: "question-configs-header" }, h("unity-typography", { key: '812f24611f1e7493a6123c4a02c8865ae0b4a93b', variant: "h6" }, this.question.questionTypeName, " Question"), h("div", { key: 'aa337ca49ec87e6f4829969ca52f107999797b4f' }, !this.question.fieldProperties.ignoreRequiredConfig && (h("stencil-toggle", { key: 'e56b76a59321f53064baa63ff0b985e0bad0f897', label: "Required", disabled: this.isViewOnly, checked: this.question.required === true, onToggledChange: () => {
                 const newValue = !this.question.required;
                 const handler = this.getHandler(this.question.fieldTypeId, 'handleGenericProperty');
                 const updated = handler(newValue, this.formSectionsDraft, this.sIndex, this.qIndex, 'required');
                 this.onFormSectionsDraftChange(updated);
-            }, labelPosition: "right" })))), h("text-area", { key: '2b77e740cde748d17086f5350bdaba6dd62780fb', label: "Question Text", value: this.question.questionText, disabled: this.isViewOnly, placeholder: "Enter the question text here", rows: 2, maxRows: 5, required: isQuestionTextRequired, fullWidth: true, margin: 'dense', onInput: e => {
+            }, labelPosition: "right" })))), h("text-area", { key: '1feaefae79d4d65c12d8e6727187878a8a46f21c', label: "Question Text", value: this.question.questionText, disabled: this.isViewOnly, placeholder: "Enter the question text here", rows: 2, maxRows: 5, required: isQuestionTextRequired, fullWidth: true, margin: 'dense', onInput: e => {
                 const newValue = e.target.value;
                 const handler = this.getHandler(this.question.fieldTypeId, 'handleGenericProperty');
                 const updated = handler(newValue, this.formSectionsDraft, this.sIndex, this.qIndex, 'questionText');
                 this.onFormSectionsDraftChange(updated);
-            } }), h("text-area", { key: '826c1985e19bbd8bce26f7fdd67d6127b90dcf29', label: "Helper Text", value: this.question.helperText, disabled: this.isViewOnly, placeholder: "Enter the question's helper text here", rows: 2, maxRows: 4, fullWidth: true, margin: 'dense', onInput: e => {
+            } }), h("text-area", { key: '3a631ef29b764fef95cf7abec744660332b94e47', label: "Helper Text", value: this.question.helperText, disabled: this.isViewOnly, placeholder: "Enter the question's helper text here", rows: 2, maxRows: 4, fullWidth: true, margin: 'dense', onInput: e => {
                 const newValue = e.target.value;
                 const handler = this.getHandler(this.question.fieldTypeId, 'handleGenericProperty');
                 const updated = handler(newValue, this.formSectionsDraft, this.sIndex, this.qIndex, 'helperText');
                 this.onFormSectionsDraftChange(updated);
-            } }), h("question-specific-configs-renderer", { key: 'b2aa8b281f34a29a99260bcc6e2a1b8030021d07', formSectionsDraft: this.formSectionsDraft, sIndex: this.sIndex, qIndex: this.qIndex, isViewOnly: this.isViewOnly, onFormSectionsDraftChange: this.onFormSectionsDraftChange, lookupOptions: this.lookupOptions }), this.isCommentingConfigOn && (h("div", { key: '27bf0303c7f375acd35ea4a9c3d3c0c52ba770fd' }, h("stencil-toggle", { key: '694e447a645c8d8288e7a19eee4bd817f4ab72f9', label: "Allow Comments", disabled: this.isViewOnly, checked: this.question.fieldProperties.allowComments === true, onToggledChange: () => {
+            } }), h("question-specific-configs-renderer", { key: '156d872f6aa26a2c766974820e9691c9728b6615', formSectionsDraft: this.formSectionsDraft, sIndex: this.sIndex, qIndex: this.qIndex, isViewOnly: this.isViewOnly, onFormSectionsDraftChange: this.onFormSectionsDraftChange, lookupOptions: this.lookupOptions }), this.isCommentingConfigOn && (h("div", { key: 'dd11192cf0c51c35866cca425958f6b7fb694f69' }, h("stencil-toggle", { key: 'bc7b4923971fab8d5fa6e510bc05d2d8185004fa', label: "Allow Comments", disabled: this.isViewOnly, checked: this.question.fieldProperties.allowComments === true, onToggledChange: () => {
                 if (this.isViewOnly)
                     return;
                 const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyBooleanToggle');
                 const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex, 'allowComments');
                 this.onFormSectionsDraftChange(updated);
-            }, labelPosition: "right" }))), this.formType == UdpFormsTypeEnum.Standard && this.isFollowUpFormConfigOn && (h("div", { key: '3f38852af022fb38fad4ba862af9df13b12d5125' }, h("stencil-toggle", { key: 'd586901f37c4e1812df8e662f00a8ce5e4410bcc', label: "Allow Follow Up Forms", disabled: this.isViewOnly, checked: this.question.fieldProperties.allowFollowUpForms === true, onToggledChange: () => {
+            }, labelPosition: "right" }))), this.formType == UdpFormsTypeEnum.Standard && this.isFollowUpFormConfigOn && (h("div", { key: 'b32fa04162193faa542bd2e8bea5c5e118142744' }, h("stencil-toggle", { key: '339d9d6077c46e20a63c43866da6799824eb01eb', label: "Allow Follow Up Forms", disabled: this.isViewOnly, checked: this.question.fieldProperties.allowFollowUpForms === true, onToggledChange: () => {
                 if (this.isViewOnly)
                     return;
                 const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyBooleanToggle');
@@ -90,7 +91,7 @@ function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["question-configs-renderer", "date-time-renderer", "file-upload-renderer", "list-options-renderer", "numeric-field", "question-specific-configs-renderer", "signature-renderer", "stencil-icon-button", "stencil-toggle", "text-area", "text-field", "text-input-renderer", "udp-ambient-tool-tip", "udp-badge", "udp-button", "udp-date-selector", "udp-datetime-selector", "udp-icon", "udp-selector", "udp-time-selector", "unity-typography"];
+    const components = ["question-configs-renderer", "date-time-renderer", "file-upload-renderer", "form-metadata-display-renderer", "list-options-renderer", "numeric-field", "question-specific-configs-renderer", "signature-renderer", "stencil-icon-button", "stencil-toggle", "text-area", "text-field", "text-input-renderer", "udp-ambient-tool-tip", "udp-badge", "udp-button", "udp-date-selector", "udp-datetime-selector", "udp-icon", "udp-selector", "udp-time-selector", "unity-typography"];
     components.forEach(tagName => { switch (tagName) {
         case "question-configs-renderer":
             if (!customElements.get(tagName)) {
@@ -99,10 +100,15 @@ function defineCustomElement() {
             break;
         case "date-time-renderer":
             if (!customElements.get(tagName)) {
-                defineCustomElement$k();
+                defineCustomElement$l();
             }
             break;
         case "file-upload-renderer":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$k();
+            }
+            break;
+        case "form-metadata-display-renderer":
             if (!customElements.get(tagName)) {
                 defineCustomElement$j();
             }

package/dist/components/question-configs-renderer2.js.map

@@ -1 +1 @@
-{"file":"question-configs-renderer2.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/question-configs-renderer/question-configs-renderer.css?tag=question-configs-renderer&encapsulation=shadow","src/components/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/question-configs-renderer/question-configs-renderer.tsx"],"sourcesContent":[".generic-configs-container {\n  display: flex;\n  flex-direction: column;\n  /* gap: var(--spacing-04, 16px); */\n} \n\n\n.question-configs-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}","import { Component, h, Prop } from '@stencil/core';\n// import { Question } from '../../../types';\nimport questionsTemplate from '../../udp-forms-builder-question-template';\nimport { UdpFormsTypeEnum } from '../../../utils/enums';\n\n@Component({\n  tag: 'question-configs-renderer',\n  styleUrl: 'question-configs-renderer.css',\n  shadow: true,\n})\nexport class QuestionConfigsRenderer {\n  @Prop() formSectionsDraft: any[];\n  @Prop() sIndex: number;\n  @Prop() qIndex: number;\n  @Prop() isViewOnly: boolean;\n  @Prop() lookupOptions: any[];\n  @Prop() onFormSectionsDraftChange: (updatedSections: any[]) => void;\n  @Prop() formType: string;\n  @Prop() isFollowUpFormConfigOn: boolean = false;\n  @Prop() isCommentingConfigOn: boolean = false;\n\n\n  private get question() {\n    return this.formSectionsDraft?.[this.sIndex].formQuestions?.[this.qIndex];\n  }\n\n  private getHandler = (fieldTypeId: number, handlerName: string) => {\n    const template = questionsTemplate.find(q => q.fieldTypeId === fieldTypeId);\n    return template?.handlers?.[handlerName];\n  };\n\n  render() {\n    const template = questionsTemplate.find(q => q.fieldTypeId === this.question.fieldTypeId);\n    const isQuestionTextRequired = !(template && (template as any).questionTextOptional);\n    return (\n      <div class=\"generic-configs-container\">\n        <div class=\"question-configs-header\">\n          <unity-typography variant=\"h6\">{this.question.questionTypeName} Question</unity-typography>\n          <div>\n            {/* Show the ui to set the 'required' config only if the question properties allow it */}\n            {!this.question.fieldProperties.ignoreRequiredConfig && (\n              <stencil-toggle\n                label=\"Required\"\n                disabled={this.isViewOnly}\n                checked={this.question.required === true}\n                onToggledChange={() => {\n                  const newValue = !this.question.required;\n                  const handler = this.getHandler(this.question.fieldTypeId, 'handleGenericProperty');\n                  const updated = handler(newValue, this.formSectionsDraft, this.sIndex, this.qIndex, 'required');\n                  this.onFormSectionsDraftChange(updated);\n                }}\n                labelPosition=\"right\"\n              />\n            )}\n          </div>\n        </div>\n\n        <text-area\n          label=\"Question Text\"\n          value={this.question.questionText}\n          disabled={this.isViewOnly}\n          placeholder=\"Enter the question text here\"\n          rows={2}\n          maxRows={5}\n          required={isQuestionTextRequired}\n          fullWidth={true}\n          margin={'dense'}\n          onInput={e => {\n            const newValue = (e.target as HTMLTextAreaElement).value;\n            const handler = this.getHandler(this.question.fieldTypeId, 'handleGenericProperty');\n            const updated = handler(newValue, this.formSectionsDraft, this.sIndex, this.qIndex, 'questionText');\n            this.onFormSectionsDraftChange(updated);\n          }}\n        />\n\n  {/* Paragraph-specific configs moved to question-specific-configs-renderer */}\n\n        <text-area\n          label=\"Helper Text\"\n          value={this.question.helperText}\n          disabled={this.isViewOnly}\n          placeholder=\"Enter the question's helper text here\"\n          rows={2}\n          maxRows={4}\n          fullWidth={true}\n          margin={'dense'}\n          onInput={e => {\n            const newValue = (e.target as HTMLTextAreaElement).value;\n            const handler = this.getHandler(this.question.fieldTypeId, 'handleGenericProperty');\n            const updated = handler(newValue, this.formSectionsDraft, this.sIndex, this.qIndex, 'helperText');\n            this.onFormSectionsDraftChange(updated);\n          }}\n        />\n        <question-specific-configs-renderer\n          formSectionsDraft={this.formSectionsDraft}\n          sIndex={this.sIndex}\n          qIndex={this.qIndex}\n          isViewOnly={this.isViewOnly}\n          onFormSectionsDraftChange={this.onFormSectionsDraftChange}\n          lookupOptions={this.lookupOptions}\n        />\n        {this.isCommentingConfigOn && (\n          <div>\n            <stencil-toggle\n              label=\"Allow Comments\"\n              disabled={this.isViewOnly}\n              checked={this.question.fieldProperties.allowComments === true}\n              onToggledChange={() => {\n                if (this.isViewOnly) return;\n                const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyBooleanToggle');\n                const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex, 'allowComments');\n                this.onFormSectionsDraftChange(updated);\n              }}\n              labelPosition=\"right\"\n            />\n          </div>\n         )\n        }\n        {this.formType == UdpFormsTypeEnum.Standard && this.isFollowUpFormConfigOn && (\n          <div>\n            <stencil-toggle\n              label=\"Allow Follow Up Forms\"\n              disabled={this.isViewOnly}\n              checked={this.question.fieldProperties.allowFollowUpForms === true}\n              onToggledChange={() => {\n                if (this.isViewOnly) return;\n                const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyBooleanToggle');\n                const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex, 'allowFollowUpForms');\n                this.onFormSectionsDraftChange(updated);\n              }}\n              labelPosition=\"right\"\n            />\n          </div>\n          )\n        }\n      </div>\n    );\n  }\n}\n"],"version":3}
+{"file":"question-configs-renderer2.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/question-configs-renderer/question-configs-renderer.css?tag=question-configs-renderer&encapsulation=shadow","src/components/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/question-configs-renderer/question-configs-renderer.tsx"],"sourcesContent":[".generic-configs-container {\n  display: flex;\n  flex-direction: column;\n  /* gap: var(--spacing-04, 16px); */\n} \n\n\n.question-configs-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}","import { Component, h, Prop } from '@stencil/core';\n// import { Question } from '../../../types';\nimport questionsTemplate from '../../udp-forms-builder-question-template';\nimport { UdpFormsTypeEnum } from '../../../utils/enums';\n\n@Component({\n  tag: 'question-configs-renderer',\n  styleUrl: 'question-configs-renderer.css',\n  shadow: true,\n})\nexport class QuestionConfigsRenderer {\n  @Prop() formSectionsDraft: any[];\n  @Prop() sIndex: number;\n  @Prop() qIndex: number;\n  @Prop() isViewOnly: boolean;\n  @Prop() lookupOptions: any[];\n  @Prop() onFormSectionsDraftChange: (updatedSections: any[]) => void;\n  @Prop() formType: string;\n  @Prop() isFollowUpFormConfigOn: boolean = false;\n  @Prop() isCommentingConfigOn: boolean = false;\n\n\n  private get question() {\n    return this.formSectionsDraft?.[this.sIndex].formQuestions?.[this.qIndex];\n  }\n\n  private getHandler = (fieldTypeId: number, handlerName: string) => {\n    const template = questionsTemplate.find(q => q.fieldTypeId === fieldTypeId);\n    return template?.handlers?.[handlerName];\n  };\n\n  render() {\n    const template = questionsTemplate.find(q => q.fieldTypeId === this.question.fieldTypeId);\n    const isQuestionTextRequired = !(template && (template as any).questionTextOptional);\n    return (\n      <div class=\"generic-configs-container\">\n        <div class=\"question-configs-header\">\n          <unity-typography variant=\"h6\">{this.question.questionTypeName} Question</unity-typography>\n          <div>\n            {/* Show the ui to set the 'required' config only if the question properties allow it */}\n            {!this.question.fieldProperties.ignoreRequiredConfig && (\n              <stencil-toggle\n                label=\"Required\"\n                disabled={this.isViewOnly}\n                checked={this.question.required === true}\n                onToggledChange={() => {\n                  const newValue = !this.question.required;\n                  const handler = this.getHandler(this.question.fieldTypeId, 'handleGenericProperty');\n                  const updated = handler(newValue, this.formSectionsDraft, this.sIndex, this.qIndex, 'required');\n                  this.onFormSectionsDraftChange(updated);\n                }}\n                labelPosition=\"right\"\n              />\n            )}\n          </div>\n        </div>\n\n        <text-area\n          label=\"Question Text\"\n          value={this.question.questionText}\n          disabled={this.isViewOnly}\n          placeholder=\"Enter the question text here\"\n          rows={2}\n          maxRows={5}\n          required={isQuestionTextRequired}\n          fullWidth={true}\n          margin={'dense'}\n          onInput={e => {\n            const newValue = (e.target as HTMLTextAreaElement).value;\n            const handler = this.getHandler(this.question.fieldTypeId, 'handleGenericProperty');\n            const updated = handler(newValue, this.formSectionsDraft, this.sIndex, this.qIndex, 'questionText');\n            this.onFormSectionsDraftChange(updated);\n          }}\n        />\n\n  {/* Paragraph-specific configs moved to question-specific-configs-renderer */}\n\n        <text-area\n          label=\"Helper Text\"\n          value={this.question.helperText}\n          disabled={this.isViewOnly}\n          placeholder=\"Enter the question's helper text here\"\n          rows={2}\n          maxRows={4}\n          fullWidth={true}\n          margin={'dense'}\n          onInput={e => {\n            const newValue = (e.target as HTMLTextAreaElement).value;\n            const handler = this.getHandler(this.question.fieldTypeId, 'handleGenericProperty');\n            const updated = handler(newValue, this.formSectionsDraft, this.sIndex, this.qIndex, 'helperText');\n            this.onFormSectionsDraftChange(updated);\n          }}\n        />\n        <question-specific-configs-renderer\n          formSectionsDraft={this.formSectionsDraft}\n          sIndex={this.sIndex}\n          qIndex={this.qIndex}\n          isViewOnly={this.isViewOnly}\n          onFormSectionsDraftChange={this.onFormSectionsDraftChange}\n          lookupOptions={this.lookupOptions}\n        />\n        {this.isCommentingConfigOn && (\n          <div>\n            <stencil-toggle\n              label=\"Allow Comments\"\n              disabled={this.isViewOnly}\n              checked={this.question.fieldProperties.allowComments === true}\n              onToggledChange={() => {\n                if (this.isViewOnly) return;\n                const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyBooleanToggle');\n                const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex, 'allowComments');\n                this.onFormSectionsDraftChange(updated);\n              }}\n              labelPosition=\"right\"\n            />\n          </div>\n         )\n        }\n        {this.formType == UdpFormsTypeEnum.Standard && this.isFollowUpFormConfigOn && (\n          <div>\n            <stencil-toggle\n              label=\"Allow Follow Up Forms\"\n              disabled={this.isViewOnly}\n              checked={this.question.fieldProperties.allowFollowUpForms === true}\n              onToggledChange={() => {\n                if (this.isViewOnly) return;\n                const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyBooleanToggle');\n                const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex, 'allowFollowUpForms');\n                this.onFormSectionsDraftChange(updated);\n              }}\n              labelPosition=\"right\"\n            />\n          </div>\n          )\n        }\n      </div>\n    );\n  }\n}\n"],"version":3}