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

package/dist/collection/components/inputs/date-time-selector/udp-datetime-selector.js

@@ -189,7 +189,7 @@ export class UdpDateTimeSelector {
             classNames.push('bx--text-input--full-width');
         }
         const inputClass = classNames.join(' ');
-        return (h(Host, { key: '7c8bef5171c52fc9fc0d11f589772c7415a972fc', class: {
+        return (h(Host, { key: '0eddaf6bead525751f2cbbfbdc6f1e8c9ee2ad60', class: {
                 'udp-input': true,
                 'udp-input--error': isError,
                 'udp-input--disabled': this.disabled,
@@ -198,9 +198,9 @@ export class UdpDateTimeSelector {
                 'udp-input--required': this.required,
                 [`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: '7188eec6d89b4294f1fc4cc8270c083796ecafb1', class: "bx--form-item" }, h("unity-typography", { key: '56ab355fb04821355bb30228627196a0dd9735c3', variant: "caption-text" }, h("label", { key: '903c287233f89699d9798585cbc36ea75ddb18f6', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), h("input", { key: '9695e85ae15acc7e0ad98016e1daebd4c95a7ddb', type: "datetime-local", id: this.id, name: this.name, class: inputClass, value: this.internalValue, min: this.min ? this.formatDateForHtml(this.min) : null, max: this.max ? this.formatDateForHtml(this.max) : null, onInput: this.handleDateChange, onBlur: this.handleBlur, onFocus: this.handleFocus, disabled: this.disabled, readonly: this.readonly, required: this.required,
+            }, "aria-invalid": isError ? 'true' : 'false', "aria-required": this.required ? 'true' : 'false' }, h("div", { key: '6e19a9481e654fde525031375c99013dc48c9a98', class: "bx--form-item" }, h("unity-typography", { key: 'f6c2b1855a412810762d485ec33adffa116f5a9a', variant: "caption-text" }, h("label", { key: 'c2660d82ad87c0cecc1cd46cefcb4f5ad37e28f7', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), h("input", { key: 'c6f0a8d49ae387a193bb47d4de1748d8fe1d41a7', type: "datetime-local", id: this.id, name: this.name, class: inputClass, value: this.internalValue, min: this.min ? this.formatDateForHtml(this.min) : null, max: this.max ? this.formatDateForHtml(this.max) : null, onInput: this.handleDateChange, onBlur: this.handleBlur, onFocus: this.handleFocus, disabled: this.disabled, readonly: this.readonly, required: this.required,
             //@ts-ignore
-            udprecordid: 'udpRecord-udp-datetime-selector-' + this.id }), h("unity-typography", { key: '355205378984339a63ef692d244cc77662065d78', class: "error-message", variant: "caption-text", color: "error" }, this.errorMessage))));
+            udprecordid: 'udpRecord-udp-datetime-selector-' + this.id }), h("unity-typography", { key: 'ebefdc4a695d374c63dd6e62ba1602bf7389e9c2', class: "error-message", variant: "caption-text", color: "error" }, this.errorMessage))));
     }
     static get is() { return "udp-datetime-selector"; }
     static get encapsulation() { return "shadow"; }
@@ -457,7 +457,8 @@ export class UdpDateTimeSelector {
                         "InputSize": {
                             "location": "import",
                             "path": "../input-types",
-                            "id": "src/components/inputs/input-types.ts::InputSize"
+                            "id": "src/components/inputs/input-types.ts::InputSize",
+                            "referenceLocation": "InputSize"
                         }
                     }
                 },
@@ -483,7 +484,8 @@ export class UdpDateTimeSelector {
                         "InputMargin": {
                             "location": "import",
                             "path": "../input-types",
-                            "id": "src/components/inputs/input-types.ts::InputMargin"
+                            "id": "src/components/inputs/input-types.ts::InputMargin",
+                            "referenceLocation": "InputMargin"
                         }
                     }
                 },
@@ -547,4 +549,3 @@ export class UdpDateTimeSelector {
             }];
     }
 }
-//# sourceMappingURL=udp-datetime-selector.js.map

package/dist/collection/components/inputs/file-upload/file-upload.js

@@ -1331,7 +1331,8 @@ export class FileUpload {
                         "UdpDriveFile": {
                             "location": "import",
                             "path": "../../../global/types",
-                            "id": "src/global/types.ts::UdpDriveFile"
+                            "id": "src/global/types.ts::UdpDriveFile",
+                            "referenceLocation": "UdpDriveFile"
                         },
                         "File": {
                             "location": "global",
@@ -1460,4 +1461,3 @@ export class FileUpload {
             }];
     }
 }
-//# sourceMappingURL=file-upload.js.map

package/dist/collection/components/inputs/file-upload/udp-drive-utils.js

@@ -262,4 +262,3 @@ export async function processFormFileInitialValue(initialValue) {
     // Otherwise, use the standard normalization
     return await normalizeFileArrayInitialValue(initialValue, false);
 }
-//# sourceMappingURL=udp-drive-utils.js.map

package/dist/collection/components/inputs/form metadata display/form-metadata-display.css

@@ -0,0 +1,37 @@
+: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;
+  }
+}

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

@@ -0,0 +1,190 @@
+import { h } from "@stencil/core";
+import { dateFormatter } from "../../forms/udp-forms/udp-forms-utils/utils";
+/**
+ * A small display-only component for showing read-only form metadata.
+ *
+ * Intended usage:
+ * - Rendered near the top or bottom of a form submission view
+ * - Pure presentational output based on props (no internal state, no events)
+ *
+ * Layout:
+ * - Uses a simple "label + value" row pattern for consistent alignment
+ * - Hides rows when the corresponding value is missing or the display flag is false
+ *
+ * @example
+ * ```tsx
+ * <form-metadata-display
+ *   userDisplayName="Ada Lovelace"
+ *   userEmail="ada@example.com"
+ *   submittedOn={new Date()}
+ * />
+ * ```
+ */
+export class FormMetadataDisplay {
+    constructor() {
+        /**
+         * 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: 'eec0b6d84cba30720f86b4f4cbd3781b1fa8d76f', 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 is() { return "form-metadata-display"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["form-metadata-display.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["form-metadata-display.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "userDisplayName": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Full name (or display name) of the form owner/submitter.\nRow is only rendered when `displayOwnerFullName` is true and this value is non-empty."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "user-display-name"
+            },
+            "userEmail": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Email of the form owner/submitter.\nRow is only rendered when `displayOwnerEmail` is true and this value is non-empty."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "user-email"
+            },
+            "submittedOn": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string | null",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Submission timestamp.\nRow is only rendered when `displaySubmissionDate` is true and this value is non-null."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "submitted-on"
+            },
+            "displayOwnerFullName": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Toggles rendering of the \"Name\" row.\nDefaults to true."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "display-owner-full-name",
+                "defaultValue": "true"
+            },
+            "displayOwnerEmail": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Toggles rendering of the \"Email\" row.\nDefaults to true."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "display-owner-email",
+                "defaultValue": "true"
+            },
+            "displaySubmissionDate": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Toggles rendering of the \"Submitted on\" row.\nDefaults to true."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "display-submission-date",
+                "defaultValue": "true"
+            }
+        };
+    }
+}

package/dist/collection/components/inputs/image-upload/image-upload.js

@@ -65,7 +65,7 @@ export class ImageUpload {
         };
     }
     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: 'd99ff15d410e2fbc1e4679694ed0615ea72d83de' }, h("file-upload", { key: '8a25e124d89bb9648fde62108253d68ed8107e89', 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 is() { return "image-upload"; }
     static get encapsulation() { return "shadow"; }
@@ -349,7 +349,8 @@ export class ImageUpload {
                         "UdpDriveFile": {
                             "location": "import",
                             "path": "../../../global/types",
-                            "id": "src/global/types.ts::UdpDriveFile"
+                            "id": "src/global/types.ts::UdpDriveFile",
+                            "referenceLocation": "UdpDriveFile"
                         },
                         "File": {
                             "location": "global",
@@ -394,4 +395,3 @@ export class ImageUpload {
             }];
     }
 }
-//# sourceMappingURL=image-upload.js.map

package/dist/collection/components/inputs/input-types.js

@@ -1,2 +1 @@
 export {};
-//# sourceMappingURL=input-types.js.map

package/dist/collection/components/inputs/numeric-field/numeric-field.js

@@ -159,7 +159,7 @@ export class NumericField {
             'bx--text-input--error': isError,
             'text-field--disabled': this.disabled,
         };
-        return (h(Host, { key: '41070ca5213a99556719f4087332e531173279f4', class: {
+        return (h(Host, { key: '5b66f1827ef29b0229c3ae9dddc41f0450ff1bc8', class: {
                 'udp-input': true,
                 'udp-input--error': isError,
                 'udp-input--disabled': this.disabled,
@@ -168,9 +168,9 @@ export class NumericField {
                 '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: '0f3813d731bfddf9c4bd1e92d1353dcdba8ca8db', class: "bx--form-item" }, h("unity-typography", { key: '8f4efdc44e69a5abbba47c09f6ed2219e8a1f967', variant: "caption-text" }, h("label", { key: '80e97e98b7270dc8c0bc14be4a2c0ec509fdb0fd', 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: 'fa3c05e26d05edd9effcc140767d443d781b909a', class: "error-message" }, h("unity-typography", { key: '60ee4505e360a162e85097a15859fc2e65969bc0', variant: "caption-text", color: "error" }, this.errorMessage))))));
     }
     static get is() { return "numeric-field"; }
     static get encapsulation() { return "shadow"; }
@@ -501,7 +501,8 @@ export class NumericField {
                         "InputSize": {
                             "location": "import",
                             "path": "../input-types",
-                            "id": "src/components/inputs/input-types.ts::InputSize"
+                            "id": "src/components/inputs/input-types.ts::InputSize",
+                            "referenceLocation": "InputSize"
                         }
                     }
                 },
@@ -527,7 +528,8 @@ export class NumericField {
                         "InputMargin": {
                             "location": "import",
                             "path": "../input-types",
-                            "id": "src/components/inputs/input-types.ts::InputMargin"
+                            "id": "src/components/inputs/input-types.ts::InputMargin",
+                            "referenceLocation": "InputMargin"
                         }
                     }
                 },
@@ -591,4 +593,3 @@ export class NumericField {
             }];
     }
 }
-//# sourceMappingURL=numeric-field.js.map

package/dist/collection/components/inputs/selectable-list/selectable-list.js

@@ -321,7 +321,8 @@ export class SelectableList {
                         "InputSize": {
                             "location": "import",
                             "path": "../input-types",
-                            "id": "src/components/inputs/input-types.ts::InputSize"
+                            "id": "src/components/inputs/input-types.ts::InputSize",
+                            "referenceLocation": "InputSize"
                         }
                     }
                 },
@@ -347,7 +348,8 @@ export class SelectableList {
                         "InputMargin": {
                             "location": "import",
                             "path": "../input-types",
-                            "id": "src/components/inputs/input-types.ts::InputMargin"
+                            "id": "src/components/inputs/input-types.ts::InputMargin",
+                            "referenceLocation": "InputMargin"
                         }
                     }
                 },
@@ -648,4 +650,3 @@ export class SelectableList {
             }];
     }
 }
-//# sourceMappingURL=selectable-list.js.map

package/dist/collection/components/inputs/signature-input/signature-input.js

@@ -294,7 +294,7 @@ export class SignatureInput {
             'readonly': this.readonly,
             'disabled': this.disabled,
         };
-        return (h(Host, { key: '1e4b57c4ef87dcaa9df86d70aaf5e534c6cbd795', class: {
+        return (h(Host, { key: 'aff1350eca630e59476dadec14c89809040d0d63', class: {
                 'udp-input': true,
                 'udp-input--error': isError,
                 'udp-input--disabled': this.disabled,
@@ -302,7 +302,7 @@ export class SignatureInput {
                 'udp-input--readonly': this.readonly,
                 [`udp-input--size-${this.size}`]: true,
                 [`udp-input--margin-${this.margin}`]: true,
-            } }, h("div", { key: 'f58bbc002b69a2f0bf2dab6efc4086ac3a7eda90', class: "bx--form-item" }, this.label && (h("unity-typography", { key: 'e46b453a0a4ceeaf02ec88618f8f838b8f87d7ad', variant: "caption-text" }, h("label", { key: '39ad7d1e01bf24f02b65ee35738cb51b244c0a95', htmlFor: this.id, class: "bx--label" }, this.label, this.required && '*'))), h("div", { key: '969b1532dc16b135a98da1d2f2701ce4aa8badb4', class: containerClasses }, h("canvas", { key: '0f473ddc3295fe30d79e1ea1e78f03847c9cb200', ref: el => (this.canvasEl = el), class: { 'signature-canvas': true, 'readonly': this.readonly || this.disabled }, id: this.id }), !this.readonly && !this.disabled && (h("button", { key: '9b94d94d8dcc79c425861c2946120168113f7efb', type: "button", class: "clear-button", onClick: this.clearSignature, disabled: this.disabled }, "Clear"))), isError && (h("div", { key: '895c33b449cb174bd51a0f3048a751f9f8f6ec3b', class: "error-message" }, h("unity-typography", { key: '175c80cf2841b7345470fd696d05017029e832b6', variant: "caption-text", color: "error" }, this.internalError))))));
+            } }, h("div", { key: 'e713a4c37dd5a9f45366b8cf07ea3d530e0b7b50', class: "bx--form-item" }, this.label && (h("unity-typography", { key: 'a2ffc9d2169334874ae82969c6b3c24582f45587', variant: "caption-text" }, h("label", { key: 'b7fd938f5b2ac2ccf18eb98c7556eca9e767cbad', htmlFor: this.id, class: "bx--label" }, this.label, this.required && '*'))), h("div", { key: 'f895f5b8e62883e9c5fa3e583ba83925223d4da9', class: containerClasses }, h("canvas", { key: '5c586ae127f2b05f36ffe42efb558690f6ccf7bb', ref: el => (this.canvasEl = el), class: { 'signature-canvas': true, 'readonly': this.readonly || this.disabled }, id: this.id }), !this.readonly && !this.disabled && (h("button", { key: '1f258fe54e4f60a1baca2bc3f777ddcdb99dc6dd', type: "button", class: "clear-button", onClick: this.clearSignature, disabled: this.disabled }, "Clear"))), isError && (h("div", { key: '75c443d5ab8c2d77382fb943a909ada0ef799221', class: "error-message" }, h("unity-typography", { key: '2b33a1fa42e7556dd5be3ec1e3dc8c590f5943cc', variant: "caption-text", color: "error" }, this.internalError))))));
     }
     static get is() { return "signature-input"; }
     static get encapsulation() { return "shadow"; }
@@ -464,7 +464,8 @@ export class SignatureInput {
                         "InputSize": {
                             "location": "import",
                             "path": "../input-types",
-                            "id": "src/components/inputs/input-types.ts::InputSize"
+                            "id": "src/components/inputs/input-types.ts::InputSize",
+                            "referenceLocation": "InputSize"
                         }
                     }
                 },
@@ -490,7 +491,8 @@ export class SignatureInput {
                         "InputMargin": {
                             "location": "import",
                             "path": "../input-types",
-                            "id": "src/components/inputs/input-types.ts::InputMargin"
+                            "id": "src/components/inputs/input-types.ts::InputMargin",
+                            "referenceLocation": "InputMargin"
                         }
                     }
                 },
@@ -520,7 +522,8 @@ export class SignatureInput {
                         "UdpDriveFile": {
                             "location": "import",
                             "path": "../../../global/types",
-                            "id": "src/global/types.ts::UdpDriveFile"
+                            "id": "src/global/types.ts::UdpDriveFile",
+                            "referenceLocation": "UdpDriveFile"
                         }
                     }
                 },
@@ -547,7 +550,8 @@ export class SignatureInput {
                         "UdpDriveFile": {
                             "location": "import",
                             "path": "../../../global/types",
-                            "id": "src/global/types.ts::UdpDriveFile"
+                            "id": "src/global/types.ts::UdpDriveFile",
+                            "referenceLocation": "UdpDriveFile"
                         }
                     }
                 },
@@ -629,4 +633,3 @@ export class SignatureInput {
             }];
     }
 }
-//# sourceMappingURL=signature-input.js.map

package/dist/collection/components/inputs/tally/tally.js

@@ -46,14 +46,14 @@ export class TallyDisplay {
         const isError = !!this.error;
         const answeredCount = this.yesCount + this.noCount + this.naCount;
         const unansweredCount = this.totalFields - answeredCount;
-        return (h(Host, { key: 'fed22627bce1ac7be18a2425bece6686869564d7', class: {
+        return (h(Host, { key: '99c0201e31ee706bd89b1b72ed5e7b8799c9d870', class: {
                 'udp-input': true,
                 'udp-input--error': isError,
                 'udp-input--disabled': this.disabled,
                 'udp-input--readonly': this.readonly,
                 [`udp-input--size-${this.size}`]: true,
                 [`udp-input--margin-${this.margin}`]: true,
-            } }, h("div", { key: '971333eebb659bbb4eb934bb9950032a7909da18', class: "tally-container" }, this.label && (h("unity-typography", { key: '8444c7bcbcbe333f9e66026a5222ee29335e4de6', variant: "caption-text" }, h("label", { key: '98c8daa86aa2d29c2d1c5b4a5004ce6819d83349', htmlFor: this.id, class: "tally-label" }, this.label))), h("div", { key: '7b6a501d4ce95a2b27d3884e8c695e1faf06b2e8', class: "tally-content", id: this.id }, h("div", { key: '68454bc99bd9c1ce4680df8f983eaf5ae4e9767e', class: "tally-stats" }, h("div", { key: 'e0e1b18c29dccb79043e00475b5bc30adc987d4e', class: "tally-item tally-yes" }, h("unity-typography", { key: '18cc8a94d43cf31f6306b8de3d2f48d1396304a2', variant: "h4", class: "tally-count" }, this.yesCount), h("unity-typography", { key: 'd88c15dbf4bda174343aaa5bab8717d1c8cc0624', variant: "caption-text", class: "tally-label" }, "Yes")), h("div", { key: '3f5108ae238eb07f67e5c6de82eb396ade8224f8', class: "tally-item tally-no" }, h("unity-typography", { key: '371e592c1c36ecbb6dd03764f395c21f1d4d0be5', variant: "h4", class: "tally-count" }, this.noCount), h("unity-typography", { key: 'b808bcc32aa9c582046b368d1d13747d8e757b77', variant: "caption-text", class: "tally-label" }, "No")), h("div", { key: '78f58c21c1c20d6054c0ef0a31dd56de06fb0431', class: "tally-item tally-na" }, h("unity-typography", { key: 'bbf95119a828762d96ba783b24e6d33f4d21084c', variant: "h4", class: "tally-count" }, this.naCount), h("unity-typography", { key: 'c34245acdfe54eab110e4d21d3397a0902087ccd', variant: "caption-text", class: "tally-label" }, "Not Applicable")), unansweredCount > 0 && (h("div", { key: '7e56aeb2896950a6a8ba2b414250628bc15f73d0', class: "tally-item tally-unanswered" }, h("unity-typography", { key: '947f18fb83d02cb7544fc245aaad81ae188d5a98', variant: "h4", class: "tally-count" }, unansweredCount), h("unity-typography", { key: 'fb740e38f0086757ead6285834183fcc183dc07f', variant: "caption-text", class: "tally-label" }, "Unanswered")))), h("div", { key: '2c877a0a184fe0b51b75ed26073085c057ae6a40', class: "tally-summary" }, h("unity-typography", { key: '8479096b7addcedab23446a67ed9a0795dc5c8fe', variant: "caption-text" }, "Total Questions: ", this.totalFields))), isError && (h("div", { key: 'b686351f4926cc8bfbec445bf426ec3634c861a9', class: "error-message" }, h("unity-typography", { key: '4363a3cb9ffd25fd03b0ca1c74ea01281a451dbd', variant: "caption-text", color: "error" }, this.error))))));
+            } }, h("div", { key: '09016ed6e21cb455ffc99e7595fd815d2388dc20', class: "tally-container" }, this.label && (h("unity-typography", { key: '94421b97279dabf2419964ffcfcb46f070644e0a', variant: "caption-text" }, h("label", { key: '23492badf01e8a3b7cd19d7eeb39356188fdf09e', htmlFor: this.id, class: "tally-label" }, this.label))), h("div", { key: '6efe4476e11856c3f0c6f3db52b05988a9c76d99', class: "tally-content", id: this.id }, h("div", { key: 'b93c8910cda35f7dcaf6b1ccdf85e675fd375fc5', class: "tally-stats" }, h("div", { key: '140c03ec091df58d0d592843968784c87dfe455b', class: "tally-item tally-yes" }, h("unity-typography", { key: '03993713b6dbb200b66e2872cdb3f387d7ad6399', variant: "h4", class: "tally-count" }, this.yesCount), h("unity-typography", { key: 'f259283a9c6904f3e84ee273acccb019762bb278', variant: "caption-text", class: "tally-label" }, "Yes")), h("div", { key: '41bdd7f359f5805ec89f22082f89296642e5b0c3', class: "tally-item tally-no" }, h("unity-typography", { key: 'a580d8afd15ca787d5558907de6ce5b6a26721bb', variant: "h4", class: "tally-count" }, this.noCount), h("unity-typography", { key: '05a9b6ce25b76d2224bdcb745c828fddbd11967a', variant: "caption-text", class: "tally-label" }, "No")), h("div", { key: '5ac39a2987d52fb7d0df0e56827241f3e1079378', class: "tally-item tally-na" }, h("unity-typography", { key: 'c73d716f25601637fbe3aa20a680ed768d367f09', variant: "h4", class: "tally-count" }, this.naCount), h("unity-typography", { key: '75ad0e4b7681431e52f755ed73e770473c6f0545', variant: "caption-text", class: "tally-label" }, "Not Applicable")), unansweredCount > 0 && (h("div", { key: '46b9b8cd21f3dfa993a53ef5ca6ed1cfe91c5e49', class: "tally-item tally-unanswered" }, h("unity-typography", { key: '3b894ff08c4b636a2a13746e530ce03841d6b28d', variant: "h4", class: "tally-count" }, unansweredCount), h("unity-typography", { key: 'bbdf08a9cb4acfd3769b8e1efe1475aeb8fbcab7', variant: "caption-text", class: "tally-label" }, "Unanswered")))), h("div", { key: 'f9bbb5a94beec0c536ac384b8fe3b112f750cfa1', class: "tally-summary" }, h("unity-typography", { key: 'be96bfd28f3dd6077ac54aece439116d93d5b1d2', variant: "caption-text" }, "Total Questions: ", this.totalFields))), isError && (h("div", { key: '984d524255fe657fbeacba147b4823ca54e00ffb', class: "error-message" }, h("unity-typography", { key: '148a1b807fe5386097380df6b99e717c130c188a', variant: "caption-text", color: "error" }, this.error))))));
     }
     static get is() { return "tally-display"; }
     static get encapsulation() { return "shadow"; }
@@ -257,7 +257,8 @@ export class TallyDisplay {
                         "InputSize": {
                             "location": "import",
                             "path": "../input-types",
-                            "id": "src/components/inputs/input-types.ts::InputSize"
+                            "id": "src/components/inputs/input-types.ts::InputSize",
+                            "referenceLocation": "InputSize"
                         }
                     }
                 },
@@ -283,7 +284,8 @@ export class TallyDisplay {
                         "InputMargin": {
                             "location": "import",
                             "path": "../input-types",
-                            "id": "src/components/inputs/input-types.ts::InputMargin"
+                            "id": "src/components/inputs/input-types.ts::InputMargin",
+                            "referenceLocation": "InputMargin"
                         }
                     }
                 },
@@ -302,4 +304,3 @@ export class TallyDisplay {
         };
     }
 }
-//# sourceMappingURL=tally.js.map

package/dist/collection/components/inputs/text-area/text-area.js

@@ -240,7 +240,7 @@ export class TextArea {
     }
     render() {
         const { disabled, id, internalValue, label, placeholder, required, readonly, errorMessage, fullWidth, internalRows } = this;
-        return (h(Host, { key: 'bdf5a606994014065a28795c9e24f79c7c1ae736', class: {
+        return (h(Host, { key: 'ca17436a4c7b653937f145bb5ad1d6b72d4288f1', class: {
                 'udp-input': true,
                 'udp-input--error': !!errorMessage,
                 'udp-input--disabled': disabled,
@@ -249,11 +249,11 @@ export class TextArea {
                 'udp-input--required': required,
                 [`udp-input--size-${this.size}`]: true,
                 [`udp-input--margin-${this.margin}`]: true,
-            } }, h("div", { key: 'c95cb5633731a96e60838e635fd005ccf276612c', class: "bx--form-item" }, h("unity-typography", { key: 'b83e5c04c3c058e3e0dad21280af3d50bc94c081', variant: "caption-text" }, h("label", { key: 'a4b8d120461ab32b7c0e05e79d4a1b887d46a492', htmlFor: id, class: "bx--label" }, label, required ? '*' : '')), h("textarea", { key: 'ab1784af9fe7378f2de47e5def267fc8b38178ee', ref: el => (this.textareaEl = el), id: id, class: {
+            } }, h("div", { key: 'a60d4d2d0be6e9185b69f1817e8b12b0fe6d00a3', class: "bx--form-item" }, h("unity-typography", { key: '3d98ead9011fe5591f2e375896dd49ec702fbafc', variant: "caption-text" }, h("label", { key: '6fe1af1670c3c9eca732b6c6a1acf561a18e970e', htmlFor: id, class: "bx--label" }, label, required ? '*' : '')), h("textarea", { key: 'a3993402edfc75d4bb6a7656bac2f4fffef0f154', ref: el => (this.textareaEl = el), id: id, class: {
                 'bx--text-input': true,
                 'bx--text-input--error': !!errorMessage,
                 'text-area--disabled': disabled,
-            }, placeholder: placeholder, value: internalValue, required: required, disabled: disabled, readonly: readonly, maxLength: this.maxCharacter, rows: internalRows, onInput: this.onInput, onChange: this.onChange }, internalValue), errorMessage && (h("div", { key: '98f452d24e69252b9f47a4ef45e42311454aeee7', class: "error-message" }, h("unity-typography", { key: '6f85da551a04471d33b83637ccc1400d6dc87c79', variant: "caption-text", color: "error" }, errorMessage))))));
+            }, placeholder: placeholder, value: internalValue, required: required, disabled: disabled, readonly: readonly, maxLength: this.maxCharacter, rows: internalRows, onInput: this.onInput, onChange: this.onChange }, internalValue), errorMessage && (h("div", { key: '0d3e3a857df2cf8eac691db282cf42a97d25fe61', class: "error-message" }, h("unity-typography", { key: '1473a99c0176bc969a782e87f8a19e393b66ddfa', variant: "caption-text", color: "error" }, errorMessage))))));
     }
     static get is() { return "text-area"; }
     static get encapsulation() { return "shadow"; }
@@ -564,7 +564,8 @@ export class TextArea {
                         "InputSize": {
                             "location": "import",
                             "path": "../input-types",
-                            "id": "src/components/inputs/input-types.ts::InputSize"
+                            "id": "src/components/inputs/input-types.ts::InputSize",
+                            "referenceLocation": "InputSize"
                         }
                     }
                 },
@@ -590,7 +591,8 @@ export class TextArea {
                         "InputMargin": {
                             "location": "import",
                             "path": "../input-types",
-                            "id": "src/components/inputs/input-types.ts::InputMargin"
+                            "id": "src/components/inputs/input-types.ts::InputMargin",
+                            "referenceLocation": "InputMargin"
                         }
                     }
                 },
@@ -682,4 +684,3 @@ export class TextArea {
             }];
     }
 }
-//# sourceMappingURL=text-area.js.map

package/dist/collection/components/inputs/text-field/text-field.js

@@ -195,7 +195,7 @@ export class TextField {
             'bx--text-input:user-invalid': isError,
             'text-field--disabled': this.disabled,
         };
-        return (h(Host, { key: '477fd126139a6614d43091da606ad4730d356fdc', class: {
+        return (h(Host, { key: 'cd443e0566c2064503c9a16332c175cbab66b564', class: {
                 'udp-input': true,
                 'udp-input--error': isError,
                 'udp-input--disabled': this.disabled,
@@ -203,9 +203,9 @@ export class TextField {
                 'udp-input--required': this.required,
                 [`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: '4abd025ba834da3a2fb42bf1909413df6fa62a43', class: "bx--form-item" }, h("unity-typography", { key: 'dc66c2a29831519a99ce2582d740fb998359e988', variant: "caption-text" }, h("label", { key: 'c52efd8115a63e79d5d04b7792cde08f3bb12d05', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), this.hidden ? (h("input", { id: this.id, type: "hidden", value: this.internalValue })) : (h("input", { id: this.id, type: "text", class: Object.assign({}, inputClass), placeholder: this.placeholder, value: this.internalValue, required: this.required, disabled: this.disabled, readonly: this.readonly, maxLength: this.maxCharacter, inputMode: this.inputMode, onInput: this.onInput, onChange: this.onChange,
+            }, "aria-invalid": isError ? 'true' : 'false', "aria-required": this.required ? 'true' : 'false' }, h("div", { key: 'f9c1c085ae39f49c966ce3b68785f6e6b25e3011', class: "bx--form-item" }, h("unity-typography", { key: 'c5a8973711298673e2240a805e5c31f7e4eb960a', variant: "caption-text" }, h("label", { key: '2d4533dbd0a57fe86167c153ddd4bc11ce468626', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), this.hidden ? (h("input", { id: this.id, type: "hidden", value: this.internalValue })) : (h("input", { id: this.id, type: "text", class: Object.assign({}, inputClass), placeholder: this.placeholder, value: this.internalValue, required: this.required, disabled: this.disabled, readonly: this.readonly, maxLength: this.maxCharacter, inputMode: this.inputMode, onInput: this.onInput, onChange: this.onChange,
             //@ts-ignore
-            udprecordid: 'udpRecord-text-field-' + this.id })), isError && (h("div", { key: '3a2d11f913e5d97befeb05df6e9f1943ba6fcc13', class: "error-message" }, h("unity-typography", { key: 'a4e9594fd4aa1980e20c2c3754af74fc8417d339', variant: "caption-text", color: "error" }, this.errorMessage))))));
+            udprecordid: 'udpRecord-text-field-' + this.id })), isError && (h("div", { key: 'bd6594ada0613e1bf5973b3ab85947ebfcaa143d', class: "error-message" }, h("unity-typography", { key: '98b6b2fb24d5c53f7db1bb7ee736d0178b59f325', variant: "caption-text", color: "error" }, this.errorMessage))))));
     }
     static get is() { return "text-field"; }
     static get encapsulation() { return "shadow"; }
@@ -479,7 +479,8 @@ export class TextField {
                         "InputSize": {
                             "location": "import",
                             "path": "../input-types",
-                            "id": "src/components/inputs/input-types.ts::InputSize"
+                            "id": "src/components/inputs/input-types.ts::InputSize",
+                            "referenceLocation": "InputSize"
                         }
                     }
                 },
@@ -505,7 +506,8 @@ export class TextField {
                         "InputMargin": {
                             "location": "import",
                             "path": "../input-types",
-                            "id": "src/components/inputs/input-types.ts::InputMargin"
+                            "id": "src/components/inputs/input-types.ts::InputMargin",
+                            "referenceLocation": "InputMargin"
                         }
                     }
                 },
@@ -585,4 +587,3 @@ export class TextField {
             }];
     }
 }
-//# sourceMappingURL=text-field.js.map