udp-stencil-component-library 26.9.0-beta.0 → 26.9.0-beta.2

package/dist/cjs/{base-map_4.cjs.entry.js → base-map_3.cjs.entry.js}

@@ -683,65 +683,6 @@ const StencilField = class {
     get el() { return index.getElement(this); }
 };
 
-const tallyCss = () => `:host{display:block;width:100%}.tally-container{display:flex;flex-direction:column;gap:var(--spacing-02, 8px)}.tally-label{font-weight:600;margin-bottom:var(--spacing-02, 8px)}.tally-loading{display:flex;align-items:center;justify-content:center;padding:var(--spacing-04, 16px);color:var(--text-secondary, #6b7280)}.tally-content{display:flex;flex-direction:column;gap:var(--spacing-03, 12px)}.tally-stats{display:flex;gap:var(--spacing-04, 16px);flex-wrap:wrap}.tally-item{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-03, 12px) var(--spacing-04, 16px);border-radius:var(--border-radius-01, 4px);border:1px solid var(--border-subtle, #e5e7eb);background-color:var(--layer-01, #ffffff);min-width:80px;flex:1;max-width:120px}.tally-item.tally-yes{border-color:var(--support-success, #42be65);background-color:var(--support-success-hover, #f6f8ff)}.tally-item.tally-no{border-color:var(--support-error, #da1e28);background-color:var(--support-error-hover, #fff1f1)}.tally-item.tally-unanswered{border-color:var(--support-warning, #f1c21b);background-color:var(--support-warning-hover, #fcf4d6)}.tally-count{font-weight:700;line-height:1.2;margin-bottom:var(--spacing-01, 4px)}.tally-yes .tally-count{color:var(--support-success, #42be65)}.tally-no .tally-count{color:var(--support-error, #da1e28)}.tally-unanswered .tally-count{color:var(--support-warning, #f1c21b)}.tally-item .tally-label{margin:0;font-weight:500;text-transform:uppercase;font-size:0.75rem;letter-spacing:0.02em}.tally-summary{padding:var(--spacing-02, 8px) 0;border-top:1px solid var(--border-subtle, #e5e7eb);text-align:center}.error-message{margin-top:var(--spacing-02, 8px);padding:var(--spacing-02, 8px);border-radius:var(--border-radius-01, 4px);background-color:var(--support-error-hover, #fff1f1);border:1px solid var(--support-error, #da1e28)}:host(.udp-input--size-small) .tally-item{padding:var(--spacing-02, 8px) var(--spacing-03, 12px);min-width:60px;max-width:90px}:host(.udp-input--size-small) .tally-count{font-size:1.25rem}:host(.udp-input--size-large) .tally-item{padding:var(--spacing-04, 16px) var(--spacing-05, 20px);min-width:100px;max-width:150px}:host(.udp-input--size-large) .tally-count{font-size:2rem}:host(.udp-input--margin-none) .tally-container{gap:0}:host(.udp-input--margin-dense) .tally-container{gap:var(--spacing-01, 4px)}:host(.udp-input--margin-comfortable) .tally-container{gap:var(--spacing-04, 16px)}:host(.udp-input--disabled) .tally-item{opacity:0.5;pointer-events:none}:host(.udp-input--readonly) .tally-item{background-color:var(--field-01, #f4f4f4)}@media (max-width: 480px){.tally-stats{flex-direction:column}.tally-item{max-width:none;flex:none}}`;
-
-const TallyDisplay = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        /**
-         * Label for the tally display.
-         */
-        this.label = 'Response Tally';
-        /**
-         * Number of Yes responses.
-         */
-        this.yesCount = 0;
-        /**
-         * Number of No responses.
-         */
-        this.noCount = 0;
-        /**
-         * Number of Not Applicable responses.
-         */
-        this.naCount = 0;
-        /**
-         * Total number of fields being tallied.
-         */
-        this.totalFields = 0;
-        /**
-         * Whether the component is disabled.
-         */
-        this.disabled = false;
-        /**
-         * Whether the component is read-only.
-         */
-        this.readonly = false;
-        /**
-         * Size variant for the tally display.
-         */
-        this.size = 'normal';
-        /**
-         * Margin variant for the component spacing.
-         */
-        this.margin = 'normal';
-    }
-    render() {
-        const isError = !!this.error;
-        const answeredCount = this.yesCount + this.noCount + this.naCount;
-        const unansweredCount = this.totalFields - answeredCount;
-        return (index.h(index.Host, { key: '4e1b03c99dbe1d333b6144a232dc386b15f6053f', 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,
-            } }, index.h("div", { key: '55d69a511e24a845ae28c3ffb05a6b564f1fbbdf', class: "tally-container" }, this.label && (index.h("unity-typography", { key: '30439676a573ad086d2280974106be9f683bc808', variant: "caption-text" }, index.h("label", { key: '7e39f59eb0fcdd5e0f35f0de36b80bae4d199e8c', htmlFor: this.id, class: "tally-label" }, this.label))), index.h("div", { key: '40ecef47645a053be156a17c50f0ed4a3e2c2d2e', class: "tally-content", id: this.id }, index.h("div", { key: '34808d7cd994a1888bd0b825fae1634ad730ebb8', class: "tally-stats" }, index.h("div", { key: '0e49084939f51ff2dd72221d0f89987b80bc5399', class: "tally-item tally-yes" }, index.h("unity-typography", { key: '81bb681a92294513faf31275cd4e569ffa8a15fa', variant: "h4", class: "tally-count" }, this.yesCount), index.h("unity-typography", { key: '9440146b8adcc4cf9da3c2e3eea229703e0284dc', variant: "caption-text", class: "tally-label" }, "Yes")), index.h("div", { key: '453033c26001d2683181a91e0ebec682ad5d4d38', class: "tally-item tally-no" }, index.h("unity-typography", { key: 'c840b3783bdc163242f4e18c784e0b489fd4c301', variant: "h4", class: "tally-count" }, this.noCount), index.h("unity-typography", { key: '0af346f74b0e574e99efa717f111b18375bd15dd', variant: "caption-text", class: "tally-label" }, "No")), index.h("div", { key: '8a9355d09c683110350f62dd24af0aa404b23c87', class: "tally-item tally-na" }, index.h("unity-typography", { key: '9bb906130f240bf423c6c4920c75b8f9890647b1', variant: "h4", class: "tally-count" }, this.naCount), index.h("unity-typography", { key: '7c51faeeb2c29a7c2e936efaec66677ab50d67b0', variant: "caption-text", class: "tally-label" }, "Not Applicable")), unansweredCount > 0 && (index.h("div", { key: '225d3f0d49da9f15eeae6c3829d7105d0d80c560', class: "tally-item tally-unanswered" }, index.h("unity-typography", { key: 'f167b42959297823e1ffa199be60b558a520d922', variant: "h4", class: "tally-count" }, unansweredCount), index.h("unity-typography", { key: 'de96f235c61bbdd1eb4a4a102a2c80513c543dba', variant: "caption-text", class: "tally-label" }, "Unanswered")))), index.h("div", { key: 'f2abf82180e67933ed34e1d102581c036c7d2614', class: "tally-summary" }, index.h("unity-typography", { key: '7becceb75df4182f6d477b2aa14e8e5464e4534e', variant: "caption-text" }, "Total Questions: ", this.totalFields))), isError && (index.h("div", { key: '56f57a775f1cde86c97e55d1bd4eeb7c2b0b0db7', class: "error-message" }, index.h("unity-typography", { key: 'ef3370bdd1d122fdc9df92fcd990e064989da81e', variant: "caption-text", color: "error" }, this.error))))));
-    }
-};
-TallyDisplay.style = tallyCss();
-
 exports.base_map = BaseMap;
 exports.selectable_list = SelectableList;
 exports.stencil_field = StencilField;
-exports.tally_display = TallyDisplay;

package/dist/cjs/{codecs-CzM31cMq.js → codecs-ClSB_OaD.js}

@@ -1940,6 +1940,23 @@ function getDriveFileId(file) {
     const id = file.driveFileId;
     return typeof id === 'string' && id.length > 0 ? id : null;
 }
+/**
+ * Tag a legacy (pre-v2, non-JSON) Location wire value onto a decoded value so
+ * an unedited re-save can round-trip it byte-for-byte — same trick as
+ * `driveFileId` above, an extra runtime-only property rather than a field on
+ * the component's public `FluentLocationValue` type. Cleared automatically
+ * the moment the user picks a new location, since `udp-fluent-location-input`
+ * always emits a fresh plain object with only the canonical value keys.
+ */
+function tagLegacyLocationToken(value, token) {
+    value.legacyValueToken = token;
+    return value;
+}
+/** Reads the tag set by `tagLegacyLocationToken`. */
+function getLegacyLocationToken(value) {
+    const token = value === null || value === void 0 ? void 0 : value.legacyValueToken;
+    return typeof token === 'string' && token.length > 0 ? token : null;
+}
 exports.SubmissionStatus = void 0;
 (function (SubmissionStatus) {
     SubmissionStatus[SubmissionStatus["InProgress"] = 1] = "InProgress";
@@ -1991,48 +2008,64 @@ const multiSelectCodec = {
     },
     encode: value => (value == null || value.length === 0 ? '' : value.join(',')),
 };
+function buildAddressDetailFromFlat(flat) {
+    var _a, _b, _c, _d, _e, _f, _g;
+    const freeform = (_a = flat.address) !== null && _a !== void 0 ? _a : '';
+    const hasAddress = freeform.length > 0 ||
+        flat.streetNumber != null ||
+        flat.streetName != null ||
+        flat.municipality != null ||
+        flat.countrySubdivisionName != null ||
+        flat.postalCode != null ||
+        flat.country != null;
+    if (!hasAddress)
+        return null;
+    return {
+        freeformAddress: freeform,
+        streetNumber: (_b = flat.streetNumber) !== null && _b !== void 0 ? _b : undefined,
+        streetName: (_c = flat.streetName) !== null && _c !== void 0 ? _c : undefined,
+        municipality: (_d = flat.municipality) !== null && _d !== void 0 ? _d : undefined,
+        countrySubdivisionName: (_e = flat.countrySubdivisionName) !== null && _e !== void 0 ? _e : undefined,
+        postalCode: (_f = flat.postalCode) !== null && _f !== void 0 ? _f : undefined,
+        country: (_g = flat.country) !== null && _g !== void 0 ? _g : undefined,
+    };
+}
 const locationCodec = {
     decode: wire => {
-        var _a, _b, _c, _d;
+        var _a, _b, _c;
         if (wire == null || wire === '')
             return null;
         let parsed;
         try {
             parsed = JSON.parse(wire);
         }
-        catch (_e) {
-            return null;
+        catch (_d) {
+            // Not v2 JSON — a v1 map-screenshot file token. Tag it so `encode` can
+            // round-trip it byte-for-byte if the user never edits this field;
+            // `hydrateValueWithMetadata()` fills in real lat/lng/address from
+            // `metadata.location`.
+            const shell = {
+                latitude: null,
+                longitude: null,
+                address: null,
+                timestamp: null,
+            };
+            return tagLegacyLocationToken(shell, wire);
         }
-        const freeform = (_a = parsed.address) !== null && _a !== void 0 ? _a : '';
-        const hasAddress = freeform.length > 0 ||
-            parsed.streetNumber != null ||
-            parsed.streetName != null ||
-            parsed.municipality != null ||
-            parsed.countrySubdivisionName != null ||
-            parsed.postalCode != null ||
-            parsed.country != null;
-        const address = hasAddress
-            ? {
-                freeformAddress: freeform,
-                streetNumber: parsed.streetNumber,
-                streetName: parsed.streetName,
-                municipality: parsed.municipality,
-                countrySubdivisionName: parsed.countrySubdivisionName,
-                postalCode: parsed.postalCode,
-                country: parsed.country,
-            }
-            : null;
         return {
-            latitude: (_b = parsed.latitude) !== null && _b !== void 0 ? _b : null,
-            longitude: (_c = parsed.longitude) !== null && _c !== void 0 ? _c : null,
-            address,
-            timestamp: (_d = parsed.timestamp) !== null && _d !== void 0 ? _d : null,
+            latitude: (_a = parsed.latitude) !== null && _a !== void 0 ? _a : null,
+            longitude: (_b = parsed.longitude) !== null && _b !== void 0 ? _b : null,
+            address: buildAddressDetailFromFlat(parsed),
+            timestamp: (_c = parsed.timestamp) !== null && _c !== void 0 ? _c : null,
         };
     },
     encode: value => {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
         if (value == null)
             return '';
+        const legacyToken = getLegacyLocationToken(value);
+        if (legacyToken != null)
+            return legacyToken;
         if (value.latitude == null && value.longitude == null && !value.address)
             return '';
         const wire = {
@@ -2283,31 +2316,55 @@ function isPassOneFieldType(fieldTypeId) {
 }
 /**
  * Merge metadata-sidecar fields onto the decoded value for types where the
- * "value" string alone isn't the full user-visible state. Today only
- * `Signature` needs this — `metadata.signature` carries `fullName` and the
- * lat/lng/timestamp captured at stroke-end. Returns the value untouched for
- * every other type.
+ * "value" string alone isn't the full user-visible state:
+ * - `Signature` — `metadata.signature` carries `fullName` and the
+ *   lat/lng/timestamp captured at stroke-end.
+ * - `Location` — a legacy (v1) answer's real lat/lng/address live in
+ *   `metadata.location`, not `.value` (see `locationCodec`'s doc comment).
+ * Returns the value untouched for every other type.
  */
 function hydrateValueWithMetadata(fieldTypeId, decoded, metadata) {
-    var _a, _b, _c, _d, _e, _f, _g, _h;
-    if (fieldTypeId !== types.FieldTypeId.Signature)
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+    if (fieldTypeId === types.FieldTypeId.Signature) {
+        const sig = (_a = metadata === null || metadata === void 0 ? void 0 : metadata.signature) !== null && _a !== void 0 ? _a : null;
+        const baseValue = (decoded !== null && decoded !== void 0 ? decoded : null);
+        if (!sig && !baseValue)
+            return null;
+        const next = {
+            file: (_b = baseValue === null || baseValue === void 0 ? void 0 : baseValue.file) !== null && _b !== void 0 ? _b : null,
+            fullName: (_d = (_c = sig === null || sig === void 0 ? void 0 : sig.fullName) !== null && _c !== void 0 ? _c : baseValue === null || baseValue === void 0 ? void 0 : baseValue.fullName) !== null && _d !== void 0 ? _d : null,
+            metadata: sig != null
+                ? {
+                    timestamp: (_e = sig.timestamp) !== null && _e !== void 0 ? _e : null,
+                    latitude: (_f = sig.latitude) !== null && _f !== void 0 ? _f : null,
+                    longitude: (_g = sig.longitude) !== null && _g !== void 0 ? _g : null,
+                }
+                : (_h = baseValue === null || baseValue === void 0 ? void 0 : baseValue.metadata) !== null && _h !== void 0 ? _h : null,
+        };
+        return next;
+    }
+    if (fieldTypeId === types.FieldTypeId.Location) {
+        return hydrateLocationWithMetadata(decoded, (_j = metadata === null || metadata === void 0 ? void 0 : metadata.location) !== null && _j !== void 0 ? _j : null);
+    }
+    return decoded;
+}
+function hydrateLocationWithMetadata(decoded, loc) {
+    var _a, _b, _c;
+    // A genuine v2-native decode already has real coordinates/address —
+    // `metadata.location` in that case is legacy server-side noise, ignore it.
+    if (decoded && (decoded.latitude != null || decoded.longitude != null || decoded.address != null)) {
         return decoded;
-    const sig = (_a = metadata === null || metadata === void 0 ? void 0 : metadata.signature) !== null && _a !== void 0 ? _a : null;
-    const baseValue = (decoded !== null && decoded !== void 0 ? decoded : null);
-    if (!sig && !baseValue)
-        return null;
-    const next = {
-        file: (_b = baseValue === null || baseValue === void 0 ? void 0 : baseValue.file) !== null && _b !== void 0 ? _b : null,
-        fullName: (_d = (_c = sig === null || sig === void 0 ? void 0 : sig.fullName) !== null && _c !== void 0 ? _c : baseValue === null || baseValue === void 0 ? void 0 : baseValue.fullName) !== null && _d !== void 0 ? _d : null,
-        metadata: sig != null
-            ? {
-                timestamp: (_e = sig.timestamp) !== null && _e !== void 0 ? _e : null,
-                latitude: (_f = sig.latitude) !== null && _f !== void 0 ? _f : null,
-                longitude: (_g = sig.longitude) !== null && _g !== void 0 ? _g : null,
-            }
-            : (_h = baseValue === null || baseValue === void 0 ? void 0 : baseValue.metadata) !== null && _h !== void 0 ? _h : null,
+    }
+    if (!loc)
+        return decoded;
+    const merged = {
+        latitude: (_a = loc.latitude) !== null && _a !== void 0 ? _a : null,
+        longitude: (_b = loc.longitude) !== null && _b !== void 0 ? _b : null,
+        address: buildAddressDetailFromFlat(loc),
+        timestamp: (_c = loc.timestamp) !== null && _c !== void 0 ? _c : null,
     };
-    return next;
+    const legacyToken = getLegacyLocationToken(decoded);
+    return legacyToken != null ? tagLegacyLocationToken(merged, legacyToken) : merged;
 }
 /**
  * Walk a per-question-instance iterator and the values map to collect every
@@ -2374,29 +2431,65 @@ function extractFilesFromValues(loadedForm, values) {
 /**
  * Produce the metadata blob to write into the envelope for a given question.
  * For `Signature`, derives `metadata.signature` from the decoded value
- * (fullName + lat/lng/timestamp); for every other type, passes through the
- * existing metadata untouched. Returns `undefined` when nothing should be
- * written.
+ * (fullName + lat/lng/timestamp). For `Location`, derives `metadata.location`
+ * so the legacy (v1) renderer can still hydrate its map/address on load — see
+ * `locationCodec`'s doc comment — while leaving an unedited legacy answer's
+ * metadata byte-identical. For every other type, passes through the existing
+ * metadata untouched. Returns `undefined` when nothing should be written.
  */
 function buildResponseMetadata(fieldTypeId, decodedValue, existingMetadata) {
     var _a, _b, _c, _d, _e;
-    if (fieldTypeId !== types.FieldTypeId.Signature)
-        return existingMetadata;
-    const sv = decodedValue;
-    const hasFile = (sv === null || sv === void 0 ? void 0 : sv.file) instanceof File;
-    const fullName = (_a = sv === null || sv === void 0 ? void 0 : sv.fullName) !== null && _a !== void 0 ? _a : null;
-    const meta = (_b = sv === null || sv === void 0 ? void 0 : sv.metadata) !== null && _b !== void 0 ? _b : null;
-    const hasAny = hasFile || (fullName != null && fullName !== '') || meta != null;
-    if (!hasAny)
+    if (fieldTypeId === types.FieldTypeId.Signature) {
+        const sv = decodedValue;
+        const hasFile = (sv === null || sv === void 0 ? void 0 : sv.file) instanceof File;
+        const fullName = (_a = sv === null || sv === void 0 ? void 0 : sv.fullName) !== null && _a !== void 0 ? _a : null;
+        const meta = (_b = sv === null || sv === void 0 ? void 0 : sv.metadata) !== null && _b !== void 0 ? _b : null;
+        const hasAny = hasFile || (fullName != null && fullName !== '') || meta != null;
+        if (!hasAny)
+            return existingMetadata;
+        const base = existingMetadata != null && typeof existingMetadata === 'object'
+            ? existingMetadata
+            : {};
+        return Object.assign(Object.assign({}, base), { signature: {
+                latitude: (_c = meta === null || meta === void 0 ? void 0 : meta.latitude) !== null && _c !== void 0 ? _c : null,
+                longitude: (_d = meta === null || meta === void 0 ? void 0 : meta.longitude) !== null && _d !== void 0 ? _d : null,
+                timestamp: (_e = meta === null || meta === void 0 ? void 0 : meta.timestamp) !== null && _e !== void 0 ? _e : null,
+                fullName,
+            } });
+    }
+    if (fieldTypeId === types.FieldTypeId.Location) {
+        return buildLocationResponseMetadata(decodedValue, existingMetadata);
+    }
+    return existingMetadata;
+}
+function buildLocationResponseMetadata(value, existingMetadata) {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s;
+    // Untouched legacy answer — leave metadata exactly as loaded so re-saving
+    // an unedited v1-captured Location doesn't disturb its stored data.
+    if (getLegacyLocationToken(value) != null)
         return existingMetadata;
     const base = existingMetadata != null && typeof existingMetadata === 'object'
         ? existingMetadata
         : {};
-    return Object.assign(Object.assign({}, base), { signature: {
-            latitude: (_c = meta === null || meta === void 0 ? void 0 : meta.latitude) !== null && _c !== void 0 ? _c : null,
-            longitude: (_d = meta === null || meta === void 0 ? void 0 : meta.longitude) !== null && _d !== void 0 ? _d : null,
-            timestamp: (_e = meta === null || meta === void 0 ? void 0 : meta.timestamp) !== null && _e !== void 0 ? _e : null,
-            fullName,
+    const hasData = value != null && (value.latitude != null || value.longitude != null || value.address != null);
+    if (!hasData) {
+        // Nothing to clear if there was never a location recorded — don't
+        // fabricate a metadata object where none existed.
+        if (base.location == null)
+            return existingMetadata;
+        return Object.assign(Object.assign({}, base), { location: null });
+    }
+    return Object.assign(Object.assign({}, base), { location: {
+            latitude: (_a = value.latitude) !== null && _a !== void 0 ? _a : null,
+            longitude: (_b = value.longitude) !== null && _b !== void 0 ? _b : null,
+            timestamp: (_c = value.timestamp) !== null && _c !== void 0 ? _c : null,
+            address: (_e = (_d = value.address) === null || _d === void 0 ? void 0 : _d.freeformAddress) !== null && _e !== void 0 ? _e : null,
+            streetNumber: (_g = (_f = value.address) === null || _f === void 0 ? void 0 : _f.streetNumber) !== null && _g !== void 0 ? _g : null,
+            streetName: (_j = (_h = value.address) === null || _h === void 0 ? void 0 : _h.streetName) !== null && _j !== void 0 ? _j : null,
+            municipality: (_l = (_k = value.address) === null || _k === void 0 ? void 0 : _k.municipality) !== null && _l !== void 0 ? _l : null,
+            countrySubdivisionName: (_o = (_m = value.address) === null || _m === void 0 ? void 0 : _m.countrySubdivisionName) !== null && _o !== void 0 ? _o : null,
+            country: (_q = (_p = value.address) === null || _p === void 0 ? void 0 : _p.country) !== null && _q !== void 0 ? _q : null,
+            postalCode: (_s = (_r = value.address) === null || _r === void 0 ? void 0 : _r.postalCode) !== null && _s !== void 0 ? _s : null,
         } });
 }
 

package/dist/cjs/form-metadata-display_2.cjs.entry.js

@@ -0,0 +1,105 @@
+'use strict';
+
+var index = require('./index-CZB9dMeB.js');
+var utils = require('./utils-Bp02BX38.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 = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        /**
+         * 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 (index.h("div", { class: "row" }, index.h("span", { class: "label" }, label), index.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
+        index.h("div", { key: 'e76c4a74661c13b2962c090efec64c8d0b1134cc', 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', utils.dateFormatter(this.submittedOn, 'long'))));
+    }
+};
+FormMetadataDisplay.style = formMetadataDisplayCss();
+
+const tallyCss = () => `:host{display:block;width:100%}.tally-container{display:flex;flex-direction:column;gap:var(--spacing-02, 8px)}.tally-label{font-weight:600;margin-bottom:var(--spacing-02, 8px)}.tally-loading{display:flex;align-items:center;justify-content:center;padding:var(--spacing-04, 16px);color:var(--text-secondary, #6b7280)}.tally-content{display:flex;flex-direction:column;gap:var(--spacing-03, 12px)}.tally-stats{display:flex;gap:var(--spacing-04, 16px);flex-wrap:wrap}.tally-item{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-03, 12px) var(--spacing-04, 16px);border-radius:var(--border-radius-01, 4px);border:1px solid var(--border-subtle, #e5e7eb);background-color:var(--layer-01, #ffffff);min-width:80px;flex:1;max-width:120px}.tally-item.tally-yes{border-color:var(--support-success, #42be65);background-color:var(--support-success-hover, #f6f8ff)}.tally-item.tally-no{border-color:var(--support-error, #da1e28);background-color:var(--support-error-hover, #fff1f1)}.tally-item.tally-unanswered{border-color:var(--support-warning, #f1c21b);background-color:var(--support-warning-hover, #fcf4d6)}.tally-count{font-weight:700;line-height:1.2;margin-bottom:var(--spacing-01, 4px)}.tally-yes .tally-count{color:var(--support-success, #42be65)}.tally-no .tally-count{color:var(--support-error, #da1e28)}.tally-unanswered .tally-count{color:var(--support-warning, #f1c21b)}.tally-item .tally-label{margin:0;font-weight:500;text-transform:uppercase;font-size:0.75rem;letter-spacing:0.02em}.tally-summary{padding:var(--spacing-02, 8px) 0;border-top:1px solid var(--border-subtle, #e5e7eb);text-align:center}.error-message{margin-top:var(--spacing-02, 8px);padding:var(--spacing-02, 8px);border-radius:var(--border-radius-01, 4px);background-color:var(--support-error-hover, #fff1f1);border:1px solid var(--support-error, #da1e28)}:host(.udp-input--size-small) .tally-item{padding:var(--spacing-02, 8px) var(--spacing-03, 12px);min-width:60px;max-width:90px}:host(.udp-input--size-small) .tally-count{font-size:1.25rem}:host(.udp-input--size-large) .tally-item{padding:var(--spacing-04, 16px) var(--spacing-05, 20px);min-width:100px;max-width:150px}:host(.udp-input--size-large) .tally-count{font-size:2rem}:host(.udp-input--margin-none) .tally-container{gap:0}:host(.udp-input--margin-dense) .tally-container{gap:var(--spacing-01, 4px)}:host(.udp-input--margin-comfortable) .tally-container{gap:var(--spacing-04, 16px)}:host(.udp-input--disabled) .tally-item{opacity:0.5;pointer-events:none}:host(.udp-input--readonly) .tally-item{background-color:var(--field-01, #f4f4f4)}@media (max-width: 480px){.tally-stats{flex-direction:column}.tally-item{max-width:none;flex:none}}`;
+
+const TallyDisplay = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        /**
+         * Label for the tally display.
+         */
+        this.label = 'Response Tally';
+        /**
+         * Number of Yes responses.
+         */
+        this.yesCount = 0;
+        /**
+         * Number of No responses.
+         */
+        this.noCount = 0;
+        /**
+         * Number of Not Applicable responses.
+         */
+        this.naCount = 0;
+        /**
+         * Total number of fields being tallied.
+         */
+        this.totalFields = 0;
+        /**
+         * Whether the component is disabled.
+         */
+        this.disabled = false;
+        /**
+         * Whether the component is read-only.
+         */
+        this.readonly = false;
+        /**
+         * Size variant for the tally display.
+         */
+        this.size = 'normal';
+        /**
+         * Margin variant for the component spacing.
+         */
+        this.margin = 'normal';
+    }
+    render() {
+        const isError = !!this.error;
+        const answeredCount = this.yesCount + this.noCount + this.naCount;
+        const unansweredCount = this.totalFields - answeredCount;
+        return (index.h(index.Host, { key: '4e1b03c99dbe1d333b6144a232dc386b15f6053f', 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,
+            } }, index.h("div", { key: '55d69a511e24a845ae28c3ffb05a6b564f1fbbdf', class: "tally-container" }, this.label && (index.h("unity-typography", { key: '30439676a573ad086d2280974106be9f683bc808', variant: "caption-text" }, index.h("label", { key: '7e39f59eb0fcdd5e0f35f0de36b80bae4d199e8c', htmlFor: this.id, class: "tally-label" }, this.label))), index.h("div", { key: '40ecef47645a053be156a17c50f0ed4a3e2c2d2e', class: "tally-content", id: this.id }, index.h("div", { key: '34808d7cd994a1888bd0b825fae1634ad730ebb8', class: "tally-stats" }, index.h("div", { key: '0e49084939f51ff2dd72221d0f89987b80bc5399', class: "tally-item tally-yes" }, index.h("unity-typography", { key: '81bb681a92294513faf31275cd4e569ffa8a15fa', variant: "h4", class: "tally-count" }, this.yesCount), index.h("unity-typography", { key: '9440146b8adcc4cf9da3c2e3eea229703e0284dc', variant: "caption-text", class: "tally-label" }, "Yes")), index.h("div", { key: '453033c26001d2683181a91e0ebec682ad5d4d38', class: "tally-item tally-no" }, index.h("unity-typography", { key: 'c840b3783bdc163242f4e18c784e0b489fd4c301', variant: "h4", class: "tally-count" }, this.noCount), index.h("unity-typography", { key: '0af346f74b0e574e99efa717f111b18375bd15dd', variant: "caption-text", class: "tally-label" }, "No")), index.h("div", { key: '8a9355d09c683110350f62dd24af0aa404b23c87', class: "tally-item tally-na" }, index.h("unity-typography", { key: '9bb906130f240bf423c6c4920c75b8f9890647b1', variant: "h4", class: "tally-count" }, this.naCount), index.h("unity-typography", { key: '7c51faeeb2c29a7c2e936efaec66677ab50d67b0', variant: "caption-text", class: "tally-label" }, "Not Applicable")), unansweredCount > 0 && (index.h("div", { key: '225d3f0d49da9f15eeae6c3829d7105d0d80c560', class: "tally-item tally-unanswered" }, index.h("unity-typography", { key: 'f167b42959297823e1ffa199be60b558a520d922', variant: "h4", class: "tally-count" }, unansweredCount), index.h("unity-typography", { key: 'de96f235c61bbdd1eb4a4a102a2c80513c543dba', variant: "caption-text", class: "tally-label" }, "Unanswered")))), index.h("div", { key: 'f2abf82180e67933ed34e1d102581c036c7d2614', class: "tally-summary" }, index.h("unity-typography", { key: '7becceb75df4182f6d477b2aa14e8e5464e4534e', variant: "caption-text" }, "Total Questions: ", this.totalFields))), isError && (index.h("div", { key: '56f57a775f1cde86c97e55d1bd4eeb7c2b0b0db7', class: "error-message" }, index.h("unity-typography", { key: 'ef3370bdd1d122fdc9df92fcd990e064989da81e', variant: "caption-text", color: "error" }, this.error))))));
+    }
+};
+TallyDisplay.style = tallyCss();
+
+exports.form_metadata_display = FormMetadataDisplay;
+exports.tally_display = TallyDisplay;