udp-stencil-component-library 25.18.2-beta.1 → 25.18.2-beta.11

package/dist/components/udp-question2.js

@@ -1,423 +1 @@
-import { p as proxyCustomElement, H, c as createEvent, h } from './index2.js';
-import { U as UdpFormsFieldTypeEnum, b as UdpFormsPageIdEnum } from './enums.js';
-import { f as fontOverrideMapping, o as overrideFont } from './utils.js';
-import { u as useFormApi } from './useFormApi.js';
-import { g as getIconFromName, d as defineCustomElement$5 } from './udp-icon2.js';
-import { d as defineCustomElement$m } from './custom-button2.js';
-import { d as defineCustomElement$l } from './file-upload2.js';
-import { d as defineCustomElement$k } from './form-metadata-display2.js';
-import { d as defineCustomElement$j } from './image-upload2.js';
-import { d as defineCustomElement$i } from './numeric-field2.js';
-import { d as defineCustomElement$h } from './selectable-list2.js';
-import { d as defineCustomElement$g } from './signature-input2.js';
-import { d as defineCustomElement$f } from './stencil-field2.js';
-import { d as defineCustomElement$e } from './stencil-icon-button2.js';
-import { d as defineCustomElement$d } from './tally.js';
-import { d as defineCustomElement$c } from './text-area2.js';
-import { d as defineCustomElement$b } from './text-field2.js';
-import { d as defineCustomElement$a } from './udp-ambient-tool-tip2.js';
-import { d as defineCustomElement$9 } from './udp-badge2.js';
-import { d as defineCustomElement$8 } from './udp-button2.js';
-import { d as defineCustomElement$7 } from './udp-date-selector2.js';
-import { d as defineCustomElement$6 } from './udp-datetime-selector2.js';
-import { d as defineCustomElement$4 } from './udp-question-comments2.js';
-import { d as defineCustomElement$3 } from './udp-selector2.js';
-import { d as defineCustomElement$2 } from './udp-time-selector2.js';
-import { d as defineCustomElement$1 } from './unity-typography2.js';
-
-const udpQuestionCss = ".hidden{display:none}.question-container{border-top:1px solid rgba(0, 0, 0, 0.08);padding-top:1rem}.question-title-and-helper-container{display:flex;flex-direction:column;gap:var(--spacing-03)}.question-title-and-followup-container{display:flex;justify-content:space-between;align-items:center}";
-
-const UdpQuestion = /*@__PURE__*/ proxyCustomElement(class UdpQuestion extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.launchFollowUpFormSideSheet = createEvent(this, "launchFollowUpFormSideSheet");
-        this.disabled = false;
-        this.readonly = false;
-        this.initialValues = {};
-        this.clientUserInfo = {
-            id: null,
-            displayName: null,
-            email: null,
-        };
-        this.udpFormSubmission = null;
-        this.tallyData = { yesCount: 0, noCount: 0, naCount: 0, totalFields: 0 };
-        this.formApi = null;
-    }
-    propChanged() {
-        this.updateFieldComponent();
-    }
-    async componentWillLoad() {
-        this.updateFieldComponent();
-        if (this.question.fieldTypeId === UdpFormsFieldTypeEnum.Tally) {
-            await this.initializeFormApiForTally();
-        }
-    }
-    async initializeFormApiForTally() {
-        try {
-            this.formApi = await useFormApi(this.el);
-            if (this.formApi) {
-                // Subscribe to form changes to update tally in real-time
-                const unsubscribe = this.formApi.subscribe(() => {
-                    this.calculateTally();
-                }, { active: true, dirty: true, values: true });
-                // Store unsubscribe function for cleanup if needed
-                this.unsubscribeFormApi = unsubscribe;
-                // Initial calculation
-                this.calculateTally();
-            }
-        }
-        catch (error) {
-            console.error('Failed to initialize form API for tally:', error);
-        }
-    }
-    calculateTally() {
-        if (!this.formApi || this.question.fieldTypeId !== UdpFormsFieldTypeEnum.Tally) {
-            return;
-        }
-        try {
-            const formValues = this.formApi.getState().values;
-            const formElement = this.el.closest('stencil-form');
-            if (!formElement) {
-                return;
-            }
-            // Get all udp-question elements in the form
-            const questionElements = formElement.querySelectorAll('udp-question');
-            const yesNoFields = [];
-            // Identify YesNo field types
-            questionElements.forEach((questionEl) => {
-                if (questionEl.question && questionEl.question.fieldTypeId === UdpFormsFieldTypeEnum.YesNo) {
-                    const fieldName = `${questionEl.question.questionIdentifierKey}.value`;
-                    if (fieldName) {
-                        const shouldInclude = this.shouldIncludeFieldInTally(fieldName);
-                        if (shouldInclude) {
-                            yesNoFields.push(fieldName);
-                        }
-                    }
-                }
-            });
-            // Count Yes/No/NA responses
-            let yesCount = 0;
-            let noCount = 0;
-            let naCount = 0;
-            yesNoFields.forEach(fieldName => {
-                const [sectionKey, questionKey] = fieldName.split(".");
-                const value = formValues[sectionKey][questionKey].value;
-                if (value === 'true' || value === true) {
-                    yesCount++;
-                }
-                else if (value === 'false' || value === false) {
-                    noCount++;
-                }
-                else if (value === 'na') {
-                    naCount++;
-                }
-            });
-            this.tallyData = {
-                yesCount,
-                noCount,
-                naCount,
-                totalFields: yesNoFields.length,
-            };
-            // Force a re-render to update the component
-            this.updateFieldComponent();
-        }
-        catch (error) {
-            console.error('Error calculating tally:', error);
-        }
-    }
-    shouldIncludeFieldInTally(fieldName) {
-        const fieldProps = this.question.fieldProperties;
-        // If includeFields is specified, only include those fields
-        if ((fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.includeFields) && fieldProps.includeFields.length > 0) {
-            return fieldProps.includeFields.includes(fieldName);
-        }
-        // If excludeFields is specified, exclude those fields
-        if ((fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.excludeFields) && fieldProps.excludeFields.length > 0) {
-            return !fieldProps.excludeFields.includes(fieldName);
-        }
-        // Include all fields by default
-        return true;
-    }
-    updateFieldComponent() {
-        this._fieldComponent = this.getFieldComponent();
-    }
-    getFieldComponent() {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
-        const props = {
-            name: `${this.question.questionIdentifierKey}.value`,
-            required: this.question.required,
-        };
-        const fieldProps = Object.assign(Object.assign({}, this.question.fieldProperties), { id: this.questionNumber, disabled: this.disabled, readonly: this.readonly });
-        switch (this.question.fieldTypeId) {
-            case UdpFormsFieldTypeEnum.SingleLineText:
-                return (h("stencil-field", Object.assign({}, props), h("text-field", Object.assign({}, fieldProps))));
-            case UdpFormsFieldTypeEnum.MultiLineText:
-                return (h("stencil-field", Object.assign({}, props), h("text-area", Object.assign({ fullWidth: true }, fieldProps))));
-            case UdpFormsFieldTypeEnum.Checkbox:
-                return (h("stencil-field", Object.assign({}, props), h("selectable-list", Object.assign({ valueKey: "value", displayKey: "display", multiSelect: true, useCheckbox: true }, fieldProps))));
-            case UdpFormsFieldTypeEnum.RadioButton:
-                return (h("stencil-field", Object.assign({}, props), h("selectable-list", Object.assign({ valueKey: "value", displayKey: "display", useCheckbox: true }, fieldProps))));
-            case UdpFormsFieldTypeEnum.DropdownSingleSelect:
-            case UdpFormsFieldTypeEnum.DropdownMultipleSelect:
-                let options = (_b = (_a = fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.items) === null || _a === void 0 ? void 0 : _a.map) === null || _b === void 0 ? void 0 : _b.call(_a, items => (Object.assign({ label: items.display, value: items.value }, fieldProps)));
-                return (h("stencil-field", Object.assign({}, props), h("udp-selector", Object.assign({ options: options !== null && options !== void 0 ? options : [], multiSelect: this.question.fieldTypeId === UdpFormsFieldTypeEnum.DropdownMultipleSelect }, fieldProps))));
-            case UdpFormsFieldTypeEnum.YesNo:
-                return (h("stencil-field", Object.assign({}, props), h("selectable-list", Object.assign({ valueKey: "value", displayKey: "display", useCheckbox: true, multiSelect: false, items: [
-                        { value: 'true', display: 'Yes' },
-                        { value: 'false', display: 'No' },
-                        { value: 'na', display: 'Not Applicable' },
-                    ] }, fieldProps))));
-            case UdpFormsFieldTypeEnum.ListMultiSelect:
-                return (h("stencil-field", Object.assign({}, props), h("selectable-list", Object.assign({ valueKey: "value", displayKey: "display", multiSelect: true }, fieldProps))));
-            case UdpFormsFieldTypeEnum.DateSelector:
-                return (h("stencil-field", Object.assign({}, props), h("udp-date-selector", Object.assign({ min: fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.minDate, max: fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.maxDate }, fieldProps))));
-            case UdpFormsFieldTypeEnum.TimeSelector:
-                return (h("stencil-field", Object.assign({}, props), h("udp-time-selector", Object.assign({ min: fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.minTime, max: fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.maxTime }, fieldProps))));
-            case UdpFormsFieldTypeEnum.DateTimeSelector:
-                return (h("stencil-field", Object.assign({}, props), h("udp-datetime-selector", Object.assign({ max: fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.maxDateTime, min: fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.minDateTime }, fieldProps))));
-            case UdpFormsFieldTypeEnum.FileUpload:
-                return (h("stencil-field", Object.assign({}, props), h("file-upload", Object.assign({ fullWidth: true, allowMultiple: false }, fieldProps))));
-            case UdpFormsFieldTypeEnum.ImageUpload:
-                return (h("stencil-field", Object.assign({}, props), h("image-upload", Object.assign({ fullWidth: true }, fieldProps))));
-            case UdpFormsFieldTypeEnum.Signature:
-                return (h("div", null, h("stencil-field", Object.assign({}, props, { fieldIdentifierKey: `${this.question.questionIdentifierKey}`, registerMetadata: true, metadataFieldNames: ['signature.latitude', 'signature.longitude', 'signature.timestamp'] }), h("signature-input", Object.assign({}, fieldProps, { value: this.value }))), h("stencil-field", { required: this.question.required, name: `${this.question.questionIdentifierKey}.metadata.signature.fullName` }, h("text-field", Object.assign({}, fieldProps, { label: 'Full Name' })))));
-            case UdpFormsFieldTypeEnum.Paragraph:
-                // Wrap in stencil-field and include a hidden input so the value is part of the form submission
-                return (h("stencil-field", { name: this.question.name, required: false }, h("input", { type: "hidden", name: this.question.name, value: this.value || '' }), this.value ? (h("unity-typography", { id: `paragraphText${this.question.name}`, variant: ((_d = (_c = this.styleOverrides) === null || _c === void 0 ? void 0 : _c.paragraphText) === null || _d === void 0 ? void 0 : _d.variant) || 'body' }, this.value)) : (h("div", null))));
-            case UdpFormsFieldTypeEnum.Number:
-                return (h("stencil-field", Object.assign({}, props), h("numeric-field", Object.assign({}, fieldProps))));
-            case UdpFormsFieldTypeEnum.Tally:
-                return (h("tally-display", Object.assign({ id: this.questionNumber, label: this.question.questionText || 'Response Tally', yesCount: this.tallyData.yesCount, noCount: this.tallyData.noCount, naCount: this.tallyData.naCount, totalFields: this.tallyData.totalFields }, fieldProps, { required: false })));
-            case UdpFormsFieldTypeEnum.FormMetadataDisplay:
-                {
-                    const isPersistedSubmission = !!((_e = this.udpFormSubmission) === null || _e === void 0 ? void 0 : _e.id);
-                    // If persisted, do NOT fall back to client user (avoids showing Person A while viewing Person B's submission)
-                    const userDisplayName = isPersistedSubmission
-                        ? ((_g = (_f = this.udpFormSubmission) === null || _f === void 0 ? void 0 : _f.userDisplayName) !== null && _g !== void 0 ? _g : null)
-                        : ((_j = (_h = this.clientUserInfo) === null || _h === void 0 ? void 0 : _h.displayName) !== null && _j !== void 0 ? _j : null);
-                    const userEmail = isPersistedSubmission
-                        ? ((_l = (_k = this.udpFormSubmission) === null || _k === void 0 ? void 0 : _k.userEmail) !== null && _l !== void 0 ? _l : null)
-                        : ((_o = (_m = this.clientUserInfo) === null || _m === void 0 ? void 0 : _m.email) !== null && _o !== void 0 ? _o : null);
-                    const submittedOn = (_q = (_p = this.udpFormSubmission) === null || _p === void 0 ? void 0 : _p.submittedOn) !== null && _q !== void 0 ? _q : null;
-                    return (h("form-metadata-display", Object.assign({ userDisplayName: userDisplayName, userEmail: userEmail, submittedOn: submittedOn }, fieldProps)));
-                }
-            case UdpFormsFieldTypeEnum.Hidden:
-            default:
-                return h("div", null);
-        }
-    }
-    async componentDidLoad() {
-        var _a, _b, _c, _d;
-        // If form API wasn't available during componentWillLoad, try again
-        if (this.question.fieldTypeId === UdpFormsFieldTypeEnum.Tally && !this.formApi) {
-            await this.initializeFormApiForTally();
-        }
-        // override the fonts based on style overrides
-        const variantsAndOverrides = [];
-        for (const override in this.styleOverrides) {
-            variantsAndOverrides.push({
-                id: override + this.question.name,
-                fontOverride: (_b = (_a = this.styleOverrides) === null || _a === void 0 ? void 0 : _a[override]) === null || _b === void 0 ? void 0 : _b.fontFamily,
-                variant: (_d = (_c = this.styleOverrides) === null || _c === void 0 ? void 0 : _c[override]) === null || _d === void 0 ? void 0 : _d.variant,
-            });
-        }
-        variantsAndOverrides.forEach(override => {
-            var _a, _b, _c;
-            if (!fontOverrideMapping[override === null || override === void 0 ? void 0 : override.fontOverride] || !this.el || !this.el.shadowRoot)
-                return;
-            overrideFont((_c = (_b = (_a = this.el) === null || _a === void 0 ? void 0 : _a.shadowRoot) === null || _b === void 0 ? void 0 : _b.getElementById) === null || _c === void 0 ? void 0 : _c.call(_b, override.id), fontOverrideMapping[override === null || override === void 0 ? void 0 : override.fontOverride]);
-        });
-    }
-    render() {
-        var _a, _b, _c, _d;
-        const component = this._fieldComponent;
-        const titleText = `${this.question.fieldTypeId === UdpFormsFieldTypeEnum.Paragraph ? '' : `${this.questionNumber}.`} ${this.question.questionText}  ${this.question.required && this.question.fieldTypeId !== UdpFormsFieldTypeEnum.Paragraph ? '*' : ''}`;
-        // const commentFieldProps = { disabled: this.disabled, readonly: this.readonly };
-        const fieldName = `${this.question.questionIdentifierKey}.value`;
-        const [sectionKey, questionKey] = fieldName.split(".");
-        if (!component)
-            return null;
-        return (h("div", { class: {
-                'hidden': this.question.fieldTypeId === UdpFormsFieldTypeEnum.Hidden,
-                'question-container': true,
-            } }, h("div", { class: "question-title-and-helper-container" }, h("div", { class: "question-title-and-followup-container" }, this.question.questionText && (h("unity-typography", { id: `questionText${this.question.name}`, variant: ((_b = (_a = this.styleOverrides) === null || _a === void 0 ? void 0 : _a.questionText) === null || _b === void 0 ? void 0 : _b.variant) || 'h3' }, titleText)), h("div", null, this.question.fieldProperties.allowFollowUpForms && ((() => {
-            var _a;
-            const metadata = (_a = this.initialValues[sectionKey][questionKey]) === null || _a === void 0 ? void 0 : _a.metadata;
-            const followUpId = metadata === null || metadata === void 0 ? void 0 : metadata.followUpFormSubmissionId;
-            if (followUpId) {
-                // Valid GUID → show arrow icon to open follow-up form
-                const url = `/page/${UdpFormsPageIdEnum.FormRendererPageId}?udpf_submissionId=${followUpId}`;
-                return (h("stencil-icon-button", { icon: getIconFromName('link'), tooltip: "Open Follow-Up Form", onClick: () => window.open(url, '_blank') }));
-            }
-            if (!this.readonly) {
-                // No valid follow-up yet → show link icon to create one
-                return (h("stencil-icon-button", { icon: getIconFromName('document'), tooltip: "Create Follow-Up Form", onClick: () => {
-                        console.log('clicked create follow up form');
-                        this.launchFollowUpFormSideSheet.emit({ sectionKey, questionKey });
-                    } }));
-            }
-        })()))), this.question.helperText && (h("unity-typography", { id: `helperText${this.question.name}`, variant: ((_d = (_c = this.styleOverrides) === null || _c === void 0 ? void 0 : _c.helperText) === null || _d === void 0 ? void 0 : _d.variant) || 'caption-text' }, this.question.helperText))), component, this.question.fieldProperties.allowFollowUpForms && (h("div", null, h("stencil-field", { hidden: true, name: `${this.question.questionIdentifierKey}.metadata.followUpParentFormId` }, h("text-field", null)), h("stencil-field", { hidden: true, name: `${this.question.questionIdentifierKey}.metadata.followUpParentFormVersion` }, h("text-field", null)), h("stencil-field", { hidden: true, name: `${this.question.questionIdentifierKey}.metadata.followUpParentFormSubmissionId` }, h("text-field", null)))), this.question.fieldProperties.allowComments && (h("udp-question-comments", { question: this.question, initialValues: this.initialValues, userId: this.clientUserInfo.id }))));
-    }
-    get el() { return this; }
-    static get watchers() { return {
-        "question": ["propChanged"],
-        "questionNumber": ["propChanged"],
-        "value": ["propChanged"],
-        "disabled": ["propChanged"],
-        "readonly": ["propChanged"],
-        "styleOverrides": ["propChanged"]
-    }; }
-    static get style() { return udpQuestionCss; }
-}, [257, "udp-question", {
-        "question": [16],
-        "questionNumber": [2, "question-number"],
-        "value": [1025],
-        "disabled": [4],
-        "readonly": [4],
-        "styleOverrides": [16],
-        "initialValues": [16],
-        "clientUserInfo": [16],
-        "udpFormSubmission": [16],
-        "_fieldComponent": [32],
-        "tallyData": [32],
-        "formApi": [32]
-    }, undefined, {
-        "question": ["propChanged"],
-        "questionNumber": ["propChanged"],
-        "value": ["propChanged"],
-        "disabled": ["propChanged"],
-        "readonly": ["propChanged"],
-        "styleOverrides": ["propChanged"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["udp-question", "custom-button", "file-upload", "form-metadata-display", "image-upload", "numeric-field", "selectable-list", "signature-input", "stencil-field", "stencil-icon-button", "tally-display", "text-area", "text-field", "udp-ambient-tool-tip", "udp-badge", "udp-button", "udp-date-selector", "udp-datetime-selector", "udp-icon", "udp-question-comments", "udp-selector", "udp-time-selector", "unity-typography"];
-    components.forEach(tagName => { switch (tagName) {
-        case "udp-question":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, UdpQuestion);
-            }
-            break;
-        case "custom-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$m();
-            }
-            break;
-        case "file-upload":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$l();
-            }
-            break;
-        case "form-metadata-display":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$k();
-            }
-            break;
-        case "image-upload":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$j();
-            }
-            break;
-        case "numeric-field":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$i();
-            }
-            break;
-        case "selectable-list":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$h();
-            }
-            break;
-        case "signature-input":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$g();
-            }
-            break;
-        case "stencil-field":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$f();
-            }
-            break;
-        case "stencil-icon-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$e();
-            }
-            break;
-        case "tally-display":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$d();
-            }
-            break;
-        case "text-area":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$c();
-            }
-            break;
-        case "text-field":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$b();
-            }
-            break;
-        case "udp-ambient-tool-tip":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$a();
-            }
-            break;
-        case "udp-badge":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$9();
-            }
-            break;
-        case "udp-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$8();
-            }
-            break;
-        case "udp-date-selector":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$7();
-            }
-            break;
-        case "udp-datetime-selector":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$6();
-            }
-            break;
-        case "udp-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
-        case "udp-question-comments":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "udp-selector":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "udp-time-selector":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "unity-typography":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { UdpQuestion as U, defineCustomElement as d };
-//# sourceMappingURL=udp-question2.js.map
-
-//# sourceMappingURL=udp-question2.js.map
+import{p as e,H as t,c as i,h as s,t as l}from"./index2.js";import{U as o,b as a}from"./enums.js";import{f as n,o as d}from"./utils.js";import{u}from"./useFormApi.js";import{g as r,d as c}from"./udp-icon2.js";import{d as m}from"./custom-button2.js";import{d as p}from"./file-upload2.js";import{d as h}from"./form-metadata-display2.js";import{d as f}from"./image-upload2.js";import{d as v}from"./numeric-field2.js";import{d as b}from"./selectable-list2.js";import{d as y}from"./signature-input2.js";import{d as j}from"./stencil-field2.js";import{d as g}from"./stencil-icon-button2.js";import{d as O}from"./tally.js";import{d as C}from"./text-area2.js";import{d as k}from"./text-field2.js";import{d as x}from"./udp-ambient-tool-tip2.js";import{d as q}from"./udp-badge2.js";import{d as E}from"./udp-button2.js";import{d as F}from"./udp-date-selector2.js";import{d as w}from"./udp-datetime-selector2.js";import{d as $}from"./udp-question-comments2.js";import{d as K}from"./udp-selector2.js";import{d as N}from"./udp-time-selector2.js";import{d as I}from"./unity-typography2.js";const U=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.launchFollowUpFormSideSheet=i(this,"launchFollowUpFormSideSheet"),this.disabled=!1,this.readonly=!1,this.currentValues={},this.clientUserInfo={id:null,displayName:null,email:null},this.udpFormSubmission=null,this.tallyData={yesCount:0,noCount:0,naCount:0,totalFields:0},this.formApi=null}propChanged(){this.updateFieldComponent()}async componentWillLoad(){this.updateFieldComponent(),this.question.fieldTypeId===o.Tally&&await this.initializeFormApiForTally()}async initializeFormApiForTally(){try{if(this.formApi=await u(this.el),this.formApi){const e=this.formApi.subscribe((()=>{this.calculateTally()}),{active:!0,dirty:!0,values:!0});this.unsubscribeFormApi=e,this.calculateTally()}}catch(e){console.error("Failed to initialize form API for tally:",e)}}calculateTally(){if(this.formApi&&this.question.fieldTypeId===o.Tally)try{const e=this.formApi.getState().values,t=this.el.closest("stencil-form");if(!t)return;const i=t.querySelectorAll("udp-question"),s=[];i.forEach((e=>{if(e.question&&e.question.fieldTypeId===o.YesNo){const t=`${e.question.questionIdentifierKey}.value`;t&&this.shouldIncludeFieldInTally(t)&&s.push(t)}}));let l=0,a=0,n=0;s.forEach((t=>{const[i,s]=t.split("."),o=e[i][s].value;"true"===o||!0===o?l++:"false"===o||!1===o?a++:"na"===o&&n++})),this.tallyData={yesCount:l,noCount:a,naCount:n,totalFields:s.length},this.updateFieldComponent()}catch(e){console.error("Error calculating tally:",e)}}shouldIncludeFieldInTally(e){const t=this.question.fieldProperties;return(null==t?void 0:t.includeFields)&&t.includeFields.length>0?t.includeFields.includes(e):!((null==t?void 0:t.excludeFields)&&t.excludeFields.length>0&&t.excludeFields.includes(e))}updateFieldComponent(){this._fieldComponent=this.getFieldComponent()}getFieldComponent(){var e,t,i,l,a,n,d,u,r,c,m,p,h,f,v;const b={name:`${this.question.questionIdentifierKey}.value`,required:this.question.required},y=Object.assign(Object.assign({},this.question.fieldProperties),{id:this.questionNumber,disabled:this.disabled,readonly:this.readonly});switch(this.question.fieldTypeId){case o.SingleLineText:return s("stencil-field",Object.assign({},b),s("text-field",Object.assign({},y)));case o.MultiLineText:return s("stencil-field",Object.assign({},b),s("text-area",Object.assign({fullWidth:!0},y)));case o.Checkbox:return s("stencil-field",Object.assign({},b),s("selectable-list",Object.assign({valueKey:"value",displayKey:"display",multiSelect:!0,useCheckbox:!0},y)));case o.RadioButton:return s("stencil-field",Object.assign({},b),s("selectable-list",Object.assign({valueKey:"value",displayKey:"display",useCheckbox:!0},y)));case o.DropdownSingleSelect:case o.DropdownMultipleSelect:let j=null===(t=null===(e=null==y?void 0:y.items)||void 0===e?void 0:e.map)||void 0===t?void 0:t.call(e,(e=>Object.assign({label:e.display,value:e.value},y)));return s("stencil-field",Object.assign({},b),s("udp-selector",Object.assign({options:null!=j?j:[],multiSelect:this.question.fieldTypeId===o.DropdownMultipleSelect},y)));case o.YesNo:return s("stencil-field",Object.assign({},b),s("selectable-list",Object.assign({valueKey:"value",displayKey:"display",useCheckbox:!0,multiSelect:!1,items:[{value:"true",display:"Yes"},{value:"false",display:"No"},{value:"na",display:"Not Applicable"}]},y)));case o.ListMultiSelect:return s("stencil-field",Object.assign({},b),s("selectable-list",Object.assign({valueKey:"value",displayKey:"display",multiSelect:!0},y)));case o.DateSelector:return s("stencil-field",Object.assign({},b),s("udp-date-selector",Object.assign({min:null==y?void 0:y.minDate,max:null==y?void 0:y.maxDate},y)));case o.TimeSelector:return s("stencil-field",Object.assign({},b),s("udp-time-selector",Object.assign({min:null==y?void 0:y.minTime,max:null==y?void 0:y.maxTime},y)));case o.DateTimeSelector:return s("stencil-field",Object.assign({},b),s("udp-datetime-selector",Object.assign({max:null==y?void 0:y.maxDateTime,min:null==y?void 0:y.minDateTime},y)));case o.FileUpload:return s("stencil-field",Object.assign({},b),s("file-upload",Object.assign({fullWidth:!0,allowMultiple:!1},y)));case o.ImageUpload:return s("stencil-field",Object.assign({},b),s("image-upload",Object.assign({fullWidth:!0},y)));case o.Signature:return s("div",null,s("stencil-field",Object.assign({},b,{fieldIdentifierKey:`${this.question.questionIdentifierKey}`,registerMetadata:!0,metadataFieldNames:["signature.latitude","signature.longitude","signature.timestamp"]}),s("signature-input",Object.assign({},y,{value:this.value}))),s("stencil-field",{required:this.question.required,name:`${this.question.questionIdentifierKey}.metadata.signature.fullName`},s("text-field",Object.assign({},y,{label:"Full Name"}))));case o.Paragraph:return s("stencil-field",{name:this.question.name,required:!1},s("input",{type:"hidden",name:this.question.name,value:this.value||""}),this.value?s("unity-typography",{id:`paragraphText${this.question.name}`,variant:(null===(l=null===(i=this.styleOverrides)||void 0===i?void 0:i.paragraphText)||void 0===l?void 0:l.variant)||"body"},this.value):s("div",null));case o.Number:return s("stencil-field",Object.assign({},b),s("numeric-field",Object.assign({},y)));case o.Tally:return s("tally-display",Object.assign({id:this.questionNumber,label:this.question.questionText||"Response Tally",yesCount:this.tallyData.yesCount,noCount:this.tallyData.noCount,naCount:this.tallyData.naCount,totalFields:this.tallyData.totalFields},y,{required:!1}));case o.FormMetadataDisplay:{const e=!!(null===(a=this.udpFormSubmission)||void 0===a?void 0:a.id),t=e?null!==(d=null===(n=this.udpFormSubmission)||void 0===n?void 0:n.userDisplayName)&&void 0!==d?d:null:null!==(r=null===(u=this.clientUserInfo)||void 0===u?void 0:u.displayName)&&void 0!==r?r:null,i=e?null!==(m=null===(c=this.udpFormSubmission)||void 0===c?void 0:c.userEmail)&&void 0!==m?m:null:null!==(h=null===(p=this.clientUserInfo)||void 0===p?void 0:p.email)&&void 0!==h?h:null,l=null!==(v=null===(f=this.udpFormSubmission)||void 0===f?void 0:f.submittedOn)&&void 0!==v?v:null;return s("form-metadata-display",Object.assign({userDisplayName:t,userEmail:i,submittedOn:l},y))}default:return s("div",null)}}async componentDidLoad(){var e,t,i,s;this.question.fieldTypeId!==o.Tally||this.formApi||await this.initializeFormApiForTally();const l=[];for(const o in this.styleOverrides)l.push({id:o+this.question.name,fontOverride:null===(t=null===(e=this.styleOverrides)||void 0===e?void 0:e[o])||void 0===t?void 0:t.fontFamily,variant:null===(s=null===(i=this.styleOverrides)||void 0===i?void 0:i[o])||void 0===s?void 0:s.variant});l.forEach((e=>{var t,i,s;n[null==e?void 0:e.fontOverride]&&this.el&&this.el.shadowRoot&&d(null===(s=null===(i=null===(t=this.el)||void 0===t?void 0:t.shadowRoot)||void 0===i?void 0:i.getElementById)||void 0===s?void 0:s.call(i,e.id),n[null==e?void 0:e.fontOverride])}))}render(){var e,t,i,l;const n=this._fieldComponent,d=`${this.question.fieldTypeId===o.Paragraph?"":`${this.questionNumber}.`} ${this.question.questionText}  ${this.question.required&&this.question.fieldTypeId!==o.Paragraph?"*":""}`,u=`${this.question.questionIdentifierKey}.value`,[c,m]=u.split(".");return n?s("div",{class:{hidden:this.question.fieldTypeId===o.Hidden,"question-container":!0}},s("div",{class:"question-title-and-helper-container"},s("div",{class:"question-title-and-followup-container"},this.question.questionText&&s("unity-typography",{id:`questionText${this.question.name}`,variant:(null===(t=null===(e=this.styleOverrides)||void 0===e?void 0:e.questionText)||void 0===t?void 0:t.variant)||"h3"},d),s("div",null,this.question.fieldProperties.allowFollowUpForms&&(()=>{var e;const t=null===(e=this.currentValues[c][m])||void 0===e?void 0:e.metadata,i=null==t?void 0:t.followUpFormSubmissionId;if(i){const e=`/page/${a.FormRendererPageId}?udpf_submissionId=${i}`;return s("stencil-icon-button",{icon:r("link"),tooltip:"Open Follow-Up Form",onClick:()=>window.open(e,"_blank")})}if(!this.readonly)return s("stencil-icon-button",{icon:r("document"),tooltip:"Create Follow-Up Form",onClick:()=>{console.log("clicked create follow up form"),this.launchFollowUpFormSideSheet.emit({sectionKey:c,questionKey:m})}})})())),this.question.helperText&&s("unity-typography",{id:`helperText${this.question.name}`,variant:(null===(l=null===(i=this.styleOverrides)||void 0===i?void 0:i.helperText)||void 0===l?void 0:l.variant)||"caption-text"},this.question.helperText)),n,this.question.fieldProperties.allowFollowUpForms&&s("div",null,s("stencil-field",{hidden:!0,name:`${this.question.questionIdentifierKey}.metadata.followUpParentFormId`},s("text-field",null)),s("stencil-field",{hidden:!0,name:`${this.question.questionIdentifierKey}.metadata.followUpParentFormVersion`},s("text-field",null)),s("stencil-field",{hidden:!0,name:`${this.question.questionIdentifierKey}.metadata.followUpParentFormSubmissionId`},s("text-field",null))),this.question.fieldProperties.allowComments&&s("udp-question-comments",{question:this.question,currentValues:this.currentValues,userId:this.clientUserInfo.id})):null}get el(){return this}static get watchers(){return{question:[{propChanged:0}],questionNumber:[{propChanged:0}],value:[{propChanged:0}],disabled:[{propChanged:0}],readonly:[{propChanged:0}],styleOverrides:[{propChanged:0}]}}static get style(){return".hidden{display:none}.question-container{border-top:1px solid rgba(0, 0, 0, 0.08);padding-top:1rem}.question-title-and-helper-container{display:flex;flex-direction:column;gap:var(--spacing-03)}.question-title-and-followup-container{display:flex;justify-content:space-between;align-items:center}"}},[1,"udp-question",{question:[16],questionNumber:[2,"question-number"],value:[1025],disabled:[4],readonly:[4],styleOverrides:[16],currentValues:[16],clientUserInfo:[16],udpFormSubmission:[16],_fieldComponent:[32],tallyData:[32],formApi:[32]},void 0,{question:[{propChanged:0}],questionNumber:[{propChanged:0}],value:[{propChanged:0}],disabled:[{propChanged:0}],readonly:[{propChanged:0}],styleOverrides:[{propChanged:0}]}]);function S(){"undefined"!=typeof customElements&&["udp-question","custom-button","file-upload","form-metadata-display","image-upload","numeric-field","selectable-list","signature-input","stencil-field","stencil-icon-button","tally-display","text-area","text-field","udp-ambient-tool-tip","udp-badge","udp-button","udp-date-selector","udp-datetime-selector","udp-icon","udp-question-comments","udp-selector","udp-time-selector","unity-typography"].forEach((e=>{switch(e){case"udp-question":customElements.get(l(e))||customElements.define(l(e),U);break;case"custom-button":customElements.get(l(e))||m();break;case"file-upload":customElements.get(l(e))||p();break;case"form-metadata-display":customElements.get(l(e))||h();break;case"image-upload":customElements.get(l(e))||f();break;case"numeric-field":customElements.get(l(e))||v();break;case"selectable-list":customElements.get(l(e))||b();break;case"signature-input":customElements.get(l(e))||y();break;case"stencil-field":customElements.get(l(e))||j();break;case"stencil-icon-button":customElements.get(l(e))||g();break;case"tally-display":customElements.get(l(e))||O();break;case"text-area":customElements.get(l(e))||C();break;case"text-field":customElements.get(l(e))||k();break;case"udp-ambient-tool-tip":customElements.get(l(e))||x();break;case"udp-badge":customElements.get(l(e))||q();break;case"udp-button":customElements.get(l(e))||E();break;case"udp-date-selector":customElements.get(l(e))||F();break;case"udp-datetime-selector":customElements.get(l(e))||w();break;case"udp-icon":customElements.get(l(e))||c();break;case"udp-question-comments":customElements.get(l(e))||$();break;case"udp-selector":customElements.get(l(e))||K();break;case"udp-time-selector":customElements.get(l(e))||N();break;case"unity-typography":customElements.get(l(e))||I()}}))}export{U,S as d}

package/dist/components/udp-radio-button.js

@@ -1,9 +1 @@
-import { U as UdpRadioButton$1, d as defineCustomElement$1 } from './udp-radio-button2.js';
-
-const UdpRadioButton = UdpRadioButton$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { UdpRadioButton, defineCustomElement };
-//# sourceMappingURL=udp-radio-button.js.map
-
-//# sourceMappingURL=udp-radio-button.js.map
+import{U as o,d as t}from"./udp-radio-button2.js";const r=o,s=t;export{r as UdpRadioButton,s as defineCustomElement}

package/dist/components/udp-radio-button2.js

@@ -1,48 +1 @@
-import { p as proxyCustomElement, H, h } from './index2.js';
-import { d as defineCustomElement$1 } from './unity-typography2.js';
-
-const udpRadioButtonCss = ".udp-radio-button{display:inline-flex;align-items:center}input[type=\"radio\"]{opacity:0;width:0;height:0;margin:0;z-index:-1}input[type=\"radio\"]+label{position:relative;padding-left:20px;cursor:pointer;font-size:16px;font-family:'Roboto', sans-serif}input[type=\"radio\"]+label:before{content:\"\";position:absolute;left:0;top:50%;transform:translateY(-50%);width:17px;height:17px;border:1px solid #000;border-radius:50%}input[type=\"radio\"]:checked+label:after{content:\"\";position:absolute;left:4px;top:50%;transform:translateY(-50%);width:10px;height:10px;background-color:#000;border-radius:50%}input[type=\"radio\"]:disabled+label{opacity:0.5;cursor:not-allowed}";
-
-const UdpRadioButton = /*@__PURE__*/ proxyCustomElement(class UdpRadioButton extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.checked = false;
-        this.disabled = false;
-    }
-    render() {
-        return (h("div", { key: 'fcaa7d7958120a3459f03961a1f3caaf0e5598dd', class: "udp-radio-button" }, h("slot", { key: '23e34fd4cfd7d2346a43b1fba2661bbc922cccf8' }, h("input", { key: '12ea840bc8ddb50d91b0dcf9c71835ef540cd0d9', type: "radio", name: this.name, value: this.value, checked: this.checked, disabled: this.disabled, id: `radio-${this.name}-${this.value}` }), h("label", { key: '058aa3f42eadb4dfb2baf1b4ad7136d98efaf4cf', htmlFor: `radio-${this.name}-${this.value}` }, " ", h("unity-typography", { key: '06d10d01a7022953fa829d294cdccc83e3b089cd', variant: 'caption-text' }, " ", this.label, "  "), " "))));
-    }
-    static get style() { return udpRadioButtonCss; }
-}, [260, "udp-radio-button", {
-        "name": [1],
-        "value": [1],
-        "checked": [4],
-        "disabled": [4],
-        "label": [1]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["udp-radio-button", "unity-typography"];
-    components.forEach(tagName => { switch (tagName) {
-        case "udp-radio-button":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, UdpRadioButton);
-            }
-            break;
-        case "unity-typography":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { UdpRadioButton as U, defineCustomElement as d };
-//# sourceMappingURL=udp-radio-button2.js.map
-
-//# sourceMappingURL=udp-radio-button2.js.map
+import{p as t,H as e,h as a,t as i}from"./index2.js";import{d as o}from"./unity-typography2.js";const d=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.checked=!1,this.disabled=!1}render(){return a("div",{key:"fcaa7d7958120a3459f03961a1f3caaf0e5598dd",class:"udp-radio-button"},a("slot",{key:"23e34fd4cfd7d2346a43b1fba2661bbc922cccf8"},a("input",{key:"12ea840bc8ddb50d91b0dcf9c71835ef540cd0d9",type:"radio",name:this.name,value:this.value,checked:this.checked,disabled:this.disabled,id:`radio-${this.name}-${this.value}`}),a("label",{key:"058aa3f42eadb4dfb2baf1b4ad7136d98efaf4cf",htmlFor:`radio-${this.name}-${this.value}`}," ",a("unity-typography",{key:"06d10d01a7022953fa829d294cdccc83e3b089cd",variant:"caption-text"}," ",this.label,"  ")," ")))}static get style(){return'.udp-radio-button{display:inline-flex;align-items:center}input[type="radio"]{opacity:0;width:0;height:0;margin:0;z-index:-1}input[type="radio"]+label{position:relative;padding-left:20px;cursor:pointer;font-size:16px;font-family:\'Roboto\', sans-serif}input[type="radio"]+label:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:17px;height:17px;border:1px solid #000;border-radius:50%}input[type="radio"]:checked+label:after{content:"";position:absolute;left:4px;top:50%;transform:translateY(-50%);width:10px;height:10px;background-color:#000;border-radius:50%}input[type="radio"]:disabled+label{opacity:0.5;cursor:not-allowed}'}},[260,"udp-radio-button",{name:[1],value:[1],checked:[4],disabled:[4],label:[1]}]);function s(){"undefined"!=typeof customElements&&["udp-radio-button","unity-typography"].forEach((t=>{switch(t){case"udp-radio-button":customElements.get(i(t))||customElements.define(i(t),d);break;case"unity-typography":customElements.get(i(t))||o()}}))}export{d as U,s as d}