udp-stencil-component-library 25.18.2-beta.9 → 25.18.3-beta.1

package/dist/components/udp-forms-builder.js

@@ -1,874 +1 @@
-import { p as proxyCustomElement, H, h } from './index2.js';
-import { m as makeApiCall } from './makeApiCall.js';
-import { q as questionsTemplate, d as defineCustomElement$s } from './question-specific-configs-renderer2.js';
-import { g as getIconFromName, d as defineCustomElement$a } from './udp-icon2.js';
-import { g as getCurrentTenantId } from './tenantUtils.js';
-import Sortable from 'sortablejs';
-import { v4 } from 'uuid';
-import { f as formMetadataDefault, d as deepCloneFormSections, a as formSectionDefault, s as styleOverrideDefault } from './forms-builder-utils.js';
-import { b as UdpFormsPageIdEnum, a as UdpFormsTypeEnum } from './enums.js';
-import { d as defineCustomElement$B } from './custom-button2.js';
-import { d as defineCustomElement$A } from './date-time-renderer2.js';
-import { d as defineCustomElement$z } from './file-upload-renderer2.js';
-import { d as defineCustomElement$y } from './fluent-dialog2.js';
-import { d as defineCustomElement$x } from './form-metadata-display-renderer2.js';
-import { d as defineCustomElement$w } from './list-options-renderer2.js';
-import { d as defineCustomElement$v } from './numeric-field2.js';
-import { d as defineCustomElement$u } from './primary-action-header2.js';
-import { d as defineCustomElement$t } from './question-configs-renderer2.js';
-import { d as defineCustomElement$r } from './section-configs-renderer2.js';
-import { d as defineCustomElement$q } from './signature-renderer2.js';
-import { d as defineCustomElement$p } from './stencil-chip2.js';
-import { d as defineCustomElement$o } from './stencil-icon-button2.js';
-import { d as defineCustomElement$n } from './stencil-toggle2.js';
-import { d as defineCustomElement$m } from './text-area2.js';
-import { d as defineCustomElement$l } from './text-field2.js';
-import { d as defineCustomElement$k } from './text-input-renderer2.js';
-import { d as defineCustomElement$j } from './udp-ambient-tool-tip2.js';
-import { d as defineCustomElement$i } from './udp-avatar2.js';
-import { d as defineCustomElement$h } from './udp-badge2.js';
-import { d as defineCustomElement$g } from './udp-button2.js';
-import { d as defineCustomElement$f } from './udp-container2.js';
-import { d as defineCustomElement$e } from './udp-date-selector2.js';
-import { d as defineCustomElement$d } from './udp-datetime-selector2.js';
-import { d as defineCustomElement$c } from './udp-forms-builder-menu2.js';
-import { d as defineCustomElement$b } from './udp-forms-builder-question-item2.js';
-import { d as defineCustomElement$9 } from './udp-linear-loader2.js';
-import { d as defineCustomElement$8 } from './udp-menu-item2.js';
-import { d as defineCustomElement$7 } from './udp-pop-over2.js';
-import { d as defineCustomElement$6 } from './udp-selector2.js';
-import { d as defineCustomElement$5 } from './udp-side-sheet2.js';
-import { d as defineCustomElement$4 } from './udp-tabs2.js';
-import { d as defineCustomElement$3 } from './udp-time-selector2.js';
-import { d as defineCustomElement$2 } from './unity-typography2.js';
-import { C as ConfigService } from './configService.js';
-
-const udpFormsBuilderCss = ":host{display:block;--udp-form-primary-color:#007bff;--udp-form-spacing-unit:16px}.udp-forms-page{display:flex;flex-direction:column;gap:var(--spacing-06, 32px);padding:var(--spacing-06, 32px);padding-bottom:var(--spacing-12)}.form-section-questions-container{display:flex;flex-direction:column}.form-details-container{display:flex;flex-direction:column;padding:var(--spacing-05, 24px);background-color:var(--card-background-color, white)}.form-details-version-container{margin-bottom:var(--spacing-05)}.udp-form-builder-field-container,.udp-forms-builder-item-generic-configs,.udp-forms-builder-item-specific-configs{display:flex;flex-direction:column;gap:var(--spacing-04, 16px)}.form-section{}.form-section-header{display:flex;flex-direction:row;justify-content:space-between;background-color:var(--primary-color-dark, #000);color:var(--primary-contrast-text, #FFF);padding:var(--spacing-04, 16px) var(--spacing-05, 24px);align-items:center}.add-question-button-container{display:flex;justify-content:center;align-items:center}.question-editor-container{padding:var(--spacing-05, 24px);display:flex;flex-direction:column;gap:var(--spacing-05, 24px)}.add-question-to-section-button-container{padding:var(--spacing-02, 8px) 0;margin:auto}.sortable-ghost{opacity:0.5;transform:scale(0.98);background:#f4f4f4;border:1px dashed #ccc}.sortable-chosen{background:#eef6ff;box-shadow:0 0 4px 2px rgba(51, 153, 255, 0.3)}.form-question-drag-handle{transform:rotate(90deg);cursor:grab}.form-question-drag-handle:active{cursor:grabbing}.form-question-drag-handle .drag-wrapper{cursor:inherit}.form-question-drag-handle stencil-icon-button{pointer-events:none;}";
-
-var __rest = (undefined && undefined.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s)
-        if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-            t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-const UdpFormsBuilder$1 = /*@__PURE__*/ proxyCustomElement(class UdpFormsBuilder extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.isFollowUpFormConfigOn = false; // allow form engine to use follow-up forms feature
-        this.isPublicFormConfigOn = false; // allow form engine to use public forms feature
-        this.isCommentingConfigOn = true; // allow form engine to use commenting feature
-        this.formsBuilderUrlPath = ''; // alternative path for redirect to the form builder page. If not provided, use default path.
-        this.formMetadata = formMetadataDefault;
-        this.formSections = [];
-        this.formSectionsDraft = [];
-        this.isNewForm = true;
-        this.isMostRecentFormVersion = false;
-        this.isError = false;
-        this.isLoading = false;
-        this.isShowStyleOverrides = false;
-        this.isStyleSheetOpen = false;
-        this.isDialogOpen = false;
-        this.showMenuAtIndex = null;
-        this.editingQuestion = null;
-        this.editingSection = null;
-        this.isQuestionEditorOpen = false;
-        this.isSectionEditorOpen = false;
-        this.lookupOptionsDataProcessed = [];
-        this.dialogAction = null;
-        this.dialogMessage = 'Are you sure you want to delete this?';
-        this.sortableInstances = [];
-        this.formsBuilderPageId = UdpFormsPageIdEnum.FormBuilderPageId;
-        this.formTypeOptions = Object.keys(UdpFormsTypeEnum)
-            .filter(key => isNaN(Number(key))) // only keep the named keys
-            .map(key => ({
-            value: String(UdpFormsTypeEnum[key]), // cast to string
-            label: key,
-        }));
-        // ********************************** SIDE SHEET LOGIC **********************************
-        this.toggleStyleSheet = () => {
-            this.isStyleSheetOpen = !this.isStyleSheetOpen;
-        };
-        // ********************************** QUESTION HANDLERS **********************************
-        this.getQuestionTypeName = fieldTypeId => {
-            const question = questionsTemplate.find(q => q.fieldTypeId === fieldTypeId);
-            return question ? question.questionTypeName : 'Unknown';
-        };
-        this.getIsContainsOptionItems = fieldTypeId => {
-            const question = questionsTemplate.find(q => q.fieldTypeId === fieldTypeId);
-            return question ? question.isContainsOptionItems || false : false;
-        };
-        this.getIconForQuestion = fieldTypeId => {
-            const question = questionsTemplate.find(q => q.fieldTypeId === fieldTypeId);
-            return question ? question.icon : null;
-        };
-        this.handleQuestionDelete = (sIndex, qIndex) => {
-            const sectionsCopy = deepCloneFormSections(this.formSections);
-            sectionsCopy[sIndex].formQuestions.splice(qIndex, 1);
-            this.formSections = sectionsCopy;
-        };
-        this.handleQuestionCopy = (sIndex, qIndex) => {
-            const sectionsCopy = deepCloneFormSections(this.formSections);
-            const targetQuestion = this.formSections[sIndex].formQuestions[qIndex];
-            const newQuestion = Object.assign(Object.assign({}, targetQuestion), { questionText: (targetQuestion.questionText || '') + ' (Copy)', id: v4() });
-            sectionsCopy[sIndex].formQuestions.splice(qIndex + 1, 0, newQuestion);
-            this.formSections = sectionsCopy;
-        };
-        this.handleQuestionClick = (sIndex, qIndex) => {
-            this.editingQuestion = { sIndex, qIndex };
-            this.isQuestionEditorOpen = true;
-            this.formSectionsDraft = deepCloneFormSections(this.formSections);
-        };
-        this.closeQuestionEditor = () => {
-            this.isQuestionEditorOpen = false;
-            this.editingQuestion = null;
-            this.formSectionsDraft = null;
-        };
-        this.addQuestionOfType = (defaultQuestionObj, sIndex, qIndex) => {
-            const newQuestion = {
-                questionTypeName: defaultQuestionObj.questionTypeName,
-                fieldTypeId: defaultQuestionObj.fieldTypeId,
-                fieldProperties: defaultQuestionObj.defaultFieldProperties,
-                helperText: '',
-                questionText: '',
-                section: sIndex !== undefined ? sIndex + 1 : this.formSections.length > 0 ? this.formSections[this.formSections.length - 1].formQuestions[0].section : 1, // Assign section based on sIndex or last section
-                isContainsOptionItems: defaultQuestionObj.isContainsOptionItems,
-                icon: defaultQuestionObj.icon,
-                required: false,
-                form: null,
-                isPrivate: true,
-                id: v4(),
-            };
-            const newFormSections = deepCloneFormSections(this.formSections); // Use helper to get a deep copy
-            let actualSIndex = sIndex;
-            let actualQIndex = qIndex;
-            if (sIndex !== undefined && qIndex !== undefined) {
-                // Insert at specific index
-                if (newFormSections[sIndex].formQuestions) {
-                    newFormSections[sIndex].formQuestions.splice(qIndex, 0, newQuestion);
-                }
-                else {
-                    // fallback
-                    const lastSectionIdx = newFormSections.length - 1;
-                    newFormSections[lastSectionIdx].formQuestions.push(newQuestion);
-                    actualSIndex = lastSectionIdx;
-                    actualQIndex = newFormSections[lastSectionIdx].formQuestions.length - 1;
-                }
-            }
-            else {
-                // Append to the last section or create a new one
-                const lastSectionIdx = newFormSections.length - 1;
-                if (lastSectionIdx < 0 || newFormSections[lastSectionIdx].formQuestions.length === 0) {
-                    newFormSections.push(Object.assign(Object.assign({}, formSectionDefault), { formQuestions: [newQuestion] }));
-                    actualSIndex = newFormSections.length - 1;
-                    actualQIndex = 0;
-                }
-                else {
-                    newFormSections[lastSectionIdx].formQuestions.push(newQuestion);
-                    actualSIndex = lastSectionIdx;
-                    actualQIndex = newFormSections[lastSectionIdx].formQuestions.length - 1;
-                }
-            }
-            // this.formSections = newFormSections;
-            this.formSectionsDraft = newFormSections;
-            if (this.showMenuAtIndex)
-                this.showMenuAtIndex = null;
-            return { sIndex: actualSIndex, qIndex: actualQIndex };
-        };
-        // ********************************** SECTION HANDLERS **********************************
-        this.handleSectionMoveDown = (sIndex) => {
-            if (sIndex >= this.formSections.length - 1)
-                return;
-            const sectionsCopy = [...this.formSections];
-            [sectionsCopy[sIndex], sectionsCopy[sIndex + 1]] = [sectionsCopy[sIndex + 1], sectionsCopy[sIndex]];
-            this.formSections = sectionsCopy;
-        };
-        this.handleSectionMoveUp = (sIndex) => {
-            if (sIndex <= 0)
-                return;
-            const sectionsCopy = [...this.formSections];
-            [sectionsCopy[sIndex], sectionsCopy[sIndex - 1]] = [sectionsCopy[sIndex - 1], sectionsCopy[sIndex]];
-            this.formSections = sectionsCopy;
-        };
-        this.handleSectionDelete = (sIndex) => {
-            const newFormSections = [...this.formSections];
-            newFormSections.splice(sIndex, 1);
-            this.formSections = newFormSections;
-        };
-        this.updateFormSectionsWithDraft = () => {
-            this.formSections = this.formSectionsDraft;
-            this.formSectionsDraft = null;
-        };
-        this.hasUnsavedFormSectionsChanges = () => {
-            // return !isEqual(this.formSections, this.formSectionsDraft); // NEED TO INSTALL PACKAGE
-            return JSON.stringify(this.formSections) !== JSON.stringify(this.formSectionsDraft); // Breaks on circular refs or non-serializable types (like Dates, Maps, etc.)
-        };
-        this.handleSectionEditClick = (sIndex) => {
-            this.editingSection = { sIndex };
-            this.isSectionEditorOpen = true;
-            this.formSectionsDraft = deepCloneFormSections(this.formSections);
-        };
-        this.closeSectionEditor = () => {
-            this.isSectionEditorOpen = false;
-            this.editingSection = null;
-            this.formSectionsDraft = null;
-        };
-    }
-    // ********************************** API CALLS **********************************
-    async initializeForm() {
-        // set default form values
-        this.formMetadata.isPrivate = formMetadataDefault.isPrivate;
-        this.formMetadata.tenantId = getCurrentTenantId();
-        this.formMetadata.type = formMetadataDefault.type;
-        this.formMetadata.version = formMetadataDefault.version;
-        this.formMetadata.name = formMetadataDefault.name;
-        this.formMetadata.description = formMetadataDefault.description;
-        this.formMetadata.styleOverrides = styleOverrideDefault;
-        try {
-            this.isLoading = true;
-            // get lookup options
-            const lookupResponse = await makeApiCall('GET', ConfigService.productV1ApiUrl + '/UdpLookup');
-            if (!lookupResponse) {
-                throw new Error(`Error fetching lookup data`);
-            }
-            this.lookupOptionsDataProcessed = lookupResponse.map(lookupObj => {
-                return Object.assign(Object.assign({}, lookupObj), { value: lookupObj.id, label: lookupObj.name });
-            });
-            // determine if it's to create a new form, view an old form, or create a new version
-            if (this.formId && this.version) {
-                const formDataResponse = await makeApiCall('GET', `${ConfigService.productV1ApiUrl}/UdpForm/${this.formId}/${this.version}/describe`);
-                const formLatestVersionResponse = await makeApiCall('GET', `${ConfigService.productV1ApiUrl}/UdpForm/${this.formId}/describe`);
-                this.isNewForm = false;
-                if (!formDataResponse || !formLatestVersionResponse || !formDataResponse.id || !formLatestVersionResponse) {
-                    throw new Error(`Error fetching form data`);
-                }
-                // view only mode
-                if (formDataResponse.id == formLatestVersionResponse.id && formDataResponse.version == formLatestVersionResponse.version) {
-                    this.isMostRecentFormVersion = true;
-                }
-                // Clone formSections and initialize empty question arrays
-                const tempSections = structuredClone(formDataResponse.udpFormUdpFormSection).map(section => (Object.assign(Object.assign({}, section), { formQuestions: [] })));
-                tempSections.forEach(section => {
-                    if (!section.sectionProperties) {
-                        section.sectionProperties = {};
-                    }
-                    else {
-                        section.sectionProperties = JSON.parse(section.sectionProperties);
-                    }
-                });
-                // Map questions into their respective sections
-                formDataResponse.formQuestions.forEach(question => {
-                    const section = tempSections.find(s => s.id === question.formSectionId);
-                    if (section) {
-                        const fieldProps = Object.assign({}, question.fieldProperties);
-                        // Remove items if lookupId exists
-                        if ('lookupId' in fieldProps && 'items' in fieldProps) {
-                            delete fieldProps.items;
-                        }
-                        section.formQuestions.push(Object.assign(Object.assign({}, question), { fieldProperties: fieldProps, questionTypeName: this.getQuestionTypeName(question.fieldTypeId), isContainsOptionItems: this.getIsContainsOptionItems(question.fieldTypeId), icon: this.getIconForQuestion(question.fieldTypeId) }));
-                    }
-                });
-                // Sort questions within each section
-                tempSections.forEach(section => {
-                    section.formQuestions.sort((a, b) => a.questionOrder - b.questionOrder);
-                });
-                // Sort sections
-                tempSections.sort((a, b) => a.order - b.order);
-                const metadata = __rest(formDataResponse, []);
-                // Merge fetched styleOverrides with defaults
-                metadata.styleOverrides = this.deepMerge(styleOverrideDefault, JSON.parse(metadata.styleOverrides) || {});
-                // Set form metadata and sections
-                this.formMetadata = metadata;
-                this.formSections = tempSections;
-                this.isLoading = false;
-            }
-        }
-        catch (e) {
-            this.isError = true;
-            this.enqueueSnackbar('Error loading form data', {
-                variant: 'error',
-                anchorOrigin: { vertical: 'top', horizontal: 'center' },
-            });
-        }
-        finally {
-            this.isLoading = false;
-        }
-    }
-    async submitForm() {
-        if (!this.isValidForm()) {
-            return;
-        }
-        this.isLoading = true;
-        try {
-            // Prepare and send form metadata
-            const processedFormMetadata = {
-                name: this.formMetadata.name,
-                description: this.formMetadata.description,
-                tenantId: this.formMetadata.tenantId,
-                isPrivate: this.formMetadata.isPrivate,
-                type: this.formMetadata.type,
-                styleOverrides: JSON.stringify(this.formMetadata.styleOverrides),
-                id: this.formMetadata.id,
-                version: this.formMetadata.version,
-            };
-            const formUrl = `${ConfigService.productV1ApiUrl}/UdpForm${this.isMostRecentFormVersion ? '/versions' : ''}`;
-            const formResponse = await makeApiCall('POST', formUrl, processedFormMetadata);
-            const formId = formResponse.id;
-            const formVersion = formResponse.version;
-            if (!formResponse || !formResponse.id || !formResponse.version) {
-                throw new Error(`Invalid form response: ${JSON.stringify(formResponse)}`);
-            }
-            // Prepare and send questions in order
-            let sectionOrder = 0;
-            let questionOrder = 0;
-            const questionRequests = [];
-            for (const [sIndex, section] of this.formSections.entries()) {
-                sectionOrder += 1;
-                const processedSectionData = Object.assign(Object.assign({}, section), { formId,
-                    formVersion, order: sectionOrder, sectionProperties: JSON.stringify(section.sectionProperties), name: `section${sectionOrder}` });
-                const sectionResponse = await makeApiCall('POST', `${ConfigService.productV1ApiUrl}/UdpFormSection`, processedSectionData);
-                if (!sectionResponse || !sectionResponse.id) {
-                    throw new Error(`Invalid section response: ${JSON.stringify(sectionResponse)}`);
-                }
-                const sectionId = sectionResponse.id;
-                for (const question of section.formQuestions) {
-                    questionOrder += 1;
-                    const processedQuestionData = Object.assign(Object.assign({}, question), { formId,
-                        formVersion, section: sIndex + 1, questionOrder, formSectionId: sectionId, name: `question${questionOrder}` });
-                    const questionRequest = makeApiCall('POST', `${ConfigService.productV1ApiUrl}/UdpFormQuestion`, processedQuestionData);
-                    questionRequests.push(questionRequest);
-                }
-            }
-            // Wait for all questions to be submitted
-            await Promise.all(questionRequests);
-            this.enqueueSnackbar('Success', {
-                variant: 'success',
-                anchorOrigin: { vertical: 'top', horizontal: 'center' },
-            });
-            if (this.formsBuilderUrlPath) {
-                this.history.push(`${this.formsBuilderUrlPath}&udpf_formId=${formId}&udpf_version=${formVersion}`);
-                return;
-            }
-            this.history.push(`/page/${this.formsBuilderPageId}?udpf_formId=${formId}&udpf_version=${formVersion}`);
-        }
-        catch (error) {
-            console.error('Form submission error:', error);
-            this.enqueueSnackbar('Error saving form', {
-                variant: 'error',
-                anchorOrigin: { vertical: 'top', horizontal: 'center' },
-            });
-        }
-        finally {
-            this.isLoading = false;
-        }
-    }
-    // ********************************** STENCIL RELATED **********************************
-    componentDidLoad() {
-        this.initializeSortable();
-    }
-    componentDidUpdate() {
-        this.initializeSortable();
-    }
-    componentWillLoad() {
-        this.initializeForm();
-    }
-    // @Watch('formSections')
-    // onFormSectionsChange(newValue: any[]) {
-    //   console.log(newValue);
-    // }
-    // @Watch('formMetadata')
-    // onFormMetadataChange(newValue) {
-    //   console.log(newValue);
-    // }
-    onFormIdOrVersionChange() {
-        this.initializeForm();
-    }
-    // ********************************** SORTABLE LOGIC **********************************
-    initializeSortable() {
-        // sortable only if the form is editable
-        if (!(this.isNewForm || this.isMostRecentFormVersion)) {
-            return;
-        }
-        this.sortableInstances.forEach(instance => instance.destroy());
-        this.sortableInstances = [];
-        this.formSections.forEach((_, sIndex) => {
-            const el = this.hostEl.shadowRoot.querySelector(`#section-${sIndex}`);
-            if (el) {
-                const sortable = new Sortable(el, {
-                    animation: 200,
-                    easing: 'cubic-bezier(0.25, 1, 0.5, 1)',
-                    draggable: 'udp-forms-builder-question-item',
-                    handle: '.form-question-drag-handle',
-                    ghostClass: 'sortable-ghost',
-                    chosenClass: 'sortable-chosen',
-                    direction: 'vertical',
-                    forceFallback: false,
-                    dragoverBubble: false,
-                    swapThreshold: 0.6,
-                    onEnd: evt => this.handleDragEnd(evt, sIndex),
-                });
-                this.sortableInstances.push(sortable);
-            }
-        });
-    }
-    handleDragEnd(evt, sIndex) {
-        const oldIndex = evt.oldIndex;
-        const newIndex = evt.newIndex;
-        if (oldIndex === newIndex || oldIndex == null || newIndex == null)
-            return;
-        const sectionCopy = structuredClone(this.formSections[sIndex]);
-        const [moved] = sectionCopy.formQuestions.splice(oldIndex, 1);
-        sectionCopy.formQuestions.splice(newIndex, 0, moved);
-        // const newFormSections = [...this.formSections];
-        const newFormSections = deepCloneFormSections(this.formSections);
-        newFormSections[sIndex] = sectionCopy;
-        this.formSections = newFormSections;
-    }
-    deepMerge(target, source) {
-        const output = Object.assign({}, target);
-        for (const key in source) {
-            if (source[key] && typeof source[key] === 'object' && !Array.isArray(source[key])) {
-                output[key] = this.deepMerge(target[key] || {}, source[key]);
-            }
-            else {
-                output[key] = source[key];
-            }
-        }
-        return output;
-    }
-    // ********************************** FORM VALIDATION HELPERS **********************************
-    isValidForm() {
-        return this.validateFormMetadata() && this.validateFormSections() && this.validateAllQuestions();
-    }
-    validateFormMetadata() {
-        var _a;
-        if (!((_a = this.formMetadata.name) === null || _a === void 0 ? void 0 : _a.trim())) {
-            this.enqueueSnackbar('Please enter a form name.', {
-                variant: 'error',
-                anchorOrigin: { vertical: 'top', horizontal: 'center' },
-            });
-            return false;
-        }
-        return true;
-    }
-    validateFormSections() {
-        if (this.formSections.length < 1) {
-            this.enqueueSnackbar('Please add at least one section to the form.', {
-                variant: 'error',
-                anchorOrigin: { vertical: 'top', horizontal: 'center' },
-            });
-            return false;
-        }
-        for (let sIndex = 0; sIndex < this.formSections.length; sIndex++) {
-            const formSection = this.formSections[sIndex];
-            const questions = (formSection === null || formSection === void 0 ? void 0 : formSection.formQuestions) || [];
-            if (questions.length < 1) {
-                const sectionTitle = (formSection === null || formSection === void 0 ? void 0 : formSection.title) ? `"${formSection.title}"` : `#${sIndex + 1}`;
-                this.enqueueSnackbar(`Section ${sectionTitle} must contain at least one question.`, {
-                    variant: 'error',
-                    anchorOrigin: { vertical: 'top', horizontal: 'center' },
-                });
-                return false;
-            }
-        }
-        return true;
-    }
-    validateAllQuestions() {
-        for (let sIndex = 0; sIndex < this.formSections.length; sIndex++) {
-            const formSection = this.formSections[sIndex];
-            const questions = (formSection === null || formSection === void 0 ? void 0 : formSection.formQuestions) || [];
-            for (let qIndex = 0; qIndex < questions.length; qIndex++) {
-                const isValid = this.validateQuestionItem(sIndex, qIndex);
-                if (!isValid) {
-                    this.enqueueSnackbar('Please validate all questions.', {
-                        variant: 'error',
-                        anchorOrigin: { vertical: 'top', horizontal: 'center' },
-                    });
-                    return false;
-                }
-            }
-        }
-        return true;
-    }
-    validateQuestionItem(sIndex, qIndex) {
-        const questionItem = this.formSections[sIndex].formQuestions[qIndex];
-        // Respect template metadata for optional question text (e.g., Paragraph)
-        const template = questionsTemplate.find(q => q.fieldTypeId === questionItem.fieldTypeId);
-        const requiresQuestionText = !(template && template.questionTextOptional);
-        if (requiresQuestionText && !questionItem.questionText) {
-            return false;
-        }
-        if (questionItem.isContainsOptionItems) {
-            const fieldProps = questionItem.fieldProperties;
-            // If there's a lookupId, assume it's valid and skip item validation
-            if (!(fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.lookupId)) {
-                // If no items or empty, invalid
-                if (!Array.isArray(fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.items) || fieldProps.items.length === 0) {
-                    return false;
-                }
-                // Check that each item has both display and value
-                const invalidItemExists = fieldProps.items.some(item => !item.display || !item.value);
-                if (invalidItemExists) {
-                    return false;
-                }
-            }
-        }
-        return true;
-    }
-    render() {
-        if (this.isError) {
-            return h("div", null, " There is an Error With the Form Builder");
-        }
-        const isEditable = this.isNewForm || this.isMostRecentFormVersion;
-        return (h("div", null, h("primary-action-header", { title: 'UDP Form Builder', actionButtonLabel: isEditable ? (this.isMostRecentFormVersion ? `Create New Version (v.${this.version + 1})` : 'Create New Form') : '', primaryActionClick: isEditable ? () => this.submitForm() : null,
-            // HIDE STYLE OVERRIDE IN UI
-            defaultActionButtons: isEditable ? [{ label: 'Style Overrides', clickHandler: this.toggleStyleSheet, tooltip: 'Style Overrides', visible: false, icon: getIconFromName('settings') }] : [], tabs: false }), h("udp-side-sheet", { open: this.isQuestionEditorOpen, onUdpSideSheetClose: () => this.closeQuestionEditor(), onUdpPrimaryButtonClick: () => {
-                // don't do anything if no changes are made.
-                // it'll close the side sheet without this
-                if (!this.hasUnsavedFormSectionsChanges()) {
-                    return;
-                }
-                this.updateFormSectionsWithDraft();
-                this.closeQuestionEditor();
-            }, primaryButtonDisabled: !this.hasUnsavedFormSectionsChanges(), title: "Edit Question", position: "right", width: "md", primaryButtonLabel: "Update" }, this.isQuestionEditorOpen && (h("div", { class: "question-editor-container" }, h("question-configs-renderer", { formSectionsDraft: this.formSectionsDraft, sIndex: this.editingQuestion.sIndex, qIndex: this.editingQuestion.qIndex, isViewOnly: !isEditable, onFormSectionsDraftChange: updated => (this.formSectionsDraft = updated), lookupOptions: this.lookupOptionsDataProcessed, formType: this.formMetadata.type, isFollowUpFormConfigOn: this.isFollowUpFormConfigOn, isCommentingConfigOn: this.isCommentingConfigOn })))), h("udp-side-sheet", { open: this.isSectionEditorOpen, onUdpSideSheetClose: () => this.closeSectionEditor(), title: "Edit Section Fields", position: "right", width: "md", primaryButtonDisabled: !this.hasUnsavedFormSectionsChanges(), primaryButtonLabel: "Update", onUdpPrimaryButtonClick: () => {
-                // don't do anything if no changes are made.
-                // it'll close the side sheet without this
-                if (!this.hasUnsavedFormSectionsChanges()) {
-                    return;
-                }
-                this.updateFormSectionsWithDraft();
-                this.closeSectionEditor();
-            } }, this.isSectionEditorOpen && (h("div", { class: "section-editor-container" }, h("section-configs-renderer", { formSectionsDraft: this.formSectionsDraft, sIndex: this.editingSection.sIndex, isViewOnly: !isEditable, onFormSectionsDraftChange: updated => (this.formSectionsDraft = updated) })))), h("fluent-dialog", { open: this.isDialogOpen, message: this.dialogMessage, labelOne: 'Confirm', labelTwo: 'Cancel', actionOne: () => {
-                if (typeof this.dialogAction === 'function') {
-                    this.dialogAction();
-                }
-            }, actionTwo: () => (this.isDialogOpen = false) }), this.isLoading && h("udp-linear-loader", null), !this.isLoading && (h("udp-container", { maxWidth: "lg" }, h("div", { class: "udp-forms-page" }, h("div", { class: "form-details-container" }, h("div", { class: "form-details-name-container" }, isEditable ? (h("div", { class: "form-details-name-input" }, h("text-field", { label: "Form Name", value: this.formMetadata.name, placeholder: "Form Name", disabled: !isEditable, required: true, margin: "none", maxCharacter: 128, onInput: e => {
-                this.formMetadata = Object.assign(Object.assign({}, this.formMetadata), { name: e.target.value });
-            } }))) : (h("div", { class: "form-details-name-display" }, h("unity-typography", { variant: 'h2' }, this.formMetadata.name + ' (View Only)')))), h("div", { class: "form-details-description-container" }, isEditable ? (h("div", { class: "form-details-details-input" }, h("text-area", { label: "Form Description", value: this.formMetadata.description, placeholder: "Form Description", disabled: !isEditable, required: false, margin: "none", maxCharacter: 256, onInput: e => {
-                this.formMetadata = Object.assign(Object.assign({}, this.formMetadata), { description: e.target.value });
-            } }))) : (h("div", { class: "form-details-description-display" }, h("unity-typography", null, this.formMetadata.description)))), this.isFollowUpFormConfigOn && (this.isNewForm ?
-            h("udp-selector", { label: "Form Type", key: "udo-form-type-selector", initialValue: this.formMetadata.type, options: this.formTypeOptions, disabled: !isEditable || !this.isNewForm, required: true, onChange: (e) => {
-                    this.formMetadata = Object.assign(Object.assign({}, this.formMetadata), { type: e.detail });
-                } }) :
-            h("div", { class: "form-details-version-container" }, h("unity-typography", null, "Form Type: ", UdpFormsTypeEnum[this.formMetadata.type]))), h("div", { class: "form-details-version-container" }, h("unity-typography", null, "Version: ", this.formMetadata.version)), this.isPublicFormConfigOn && (h("div", { class: "form-details-private-container" }, h("div", { class: "toggle-container" }, h("stencil-toggle", { label: "Private Form", margin: "none", disabled: !isEditable, checked: this.formMetadata.isPrivate === true, labelPosition: "right", onToggledChange: () => {
-                let newIsPrivate = !this.formMetadata.isPrivate;
-                this.formMetadata = Object.assign(Object.assign({}, this.formMetadata), { isPrivate: newIsPrivate });
-            } }))))), isEditable && (h("div", { class: "add-question-button-container" }, h("udp-button", { startIcon: h("udp-icon", { iconName: 'add', color: 'inherit' }), onClick: () => {
-                const newSectionIndex = this.formSections.length;
-                const newFormSections = deepCloneFormSections(this.formSections);
-                newFormSections.push(Object.assign(Object.assign({}, formSectionDefault), { order: newSectionIndex + 1, title: `Section ${newSectionIndex + 1}` }));
-                this.formSections = newFormSections;
-            } }, "Add a Section"))), this.formSections.map((section, sIndex) => {
-            var _a, _b;
-            return (h("div", { key: sIndex, class: "form-section" }, h("div", { class: "form-section-header" }, h("div", { class: "form-section-header-title" }, h("unity-typography", { variant: "h6", color: "inherit" }, section.title)), isEditable && (h("div", { class: "form-section-header-actions" }, sIndex > 0 && (h("stencil-icon-button", { icon: getIconFromName('arrowUp'), tooltip: "Move Section Up", onClick: () => {
-                    this.handleSectionMoveUp(sIndex);
-                } })), sIndex < this.formSections.length - 1 && (h("stencil-icon-button", { icon: getIconFromName('arrowDown'), tooltip: "Move Section Down", onClick: () => {
-                    this.handleSectionMoveDown(sIndex);
-                } })), h("stencil-icon-button", { icon: getIconFromName('edit'), tooltip: `Edit Section Fields`, onClick: () => this.handleSectionEditClick(sIndex) }), h("stencil-icon-button", { icon: getIconFromName('trashCan'), tooltip: "Delete Section", onClick: e => {
-                    e.stopPropagation();
-                    this.dialogMessage = 'Are you sure you want to delete this section?';
-                    this.dialogAction = () => {
-                        this.handleSectionDelete(sIndex);
-                        this.isDialogOpen = false;
-                    };
-                    this.isDialogOpen = true;
-                } })))), h("div", { class: "form-section-questions-container" }, (this.isNewForm || this.isMostRecentFormVersion) && this.showMenuAtIndex && this.showMenuAtIndex.sIndex === sIndex && this.showMenuAtIndex.qIndex === 0 && (h("udp-forms-builder-menu", { isVisible: true, questionsTemplate: questionsTemplate, onAddSection: () => {
-                    const newSectionIndex = this.formSections.length;
-                    const newFormSections = deepCloneFormSections(this.formSections);
-                    newFormSections.push(Object.assign(Object.assign({}, formSectionDefault), { order: newSectionIndex, title: `Section ${newSectionIndex + 1}` }));
-                    this.formSections = newFormSections;
-                    this.showMenuAtIndex = { sIndex: newSectionIndex, qIndex: 0 };
-                }, onAddQuestion: e => {
-                    const indices = this.showMenuAtIndex
-                        ? this.addQuestionOfType(e.detail, this.showMenuAtIndex.sIndex, this.showMenuAtIndex.qIndex)
-                        : this.addQuestionOfType(e.detail);
-                    this.editingQuestion = Object.assign({}, indices);
-                    this.isQuestionEditorOpen = true;
-                }, onCancelClick: () => (this.showMenuAtIndex = null) })), h("div", { class: "form-section-questions-draggable-container", id: `section-${sIndex}` }, section.formQuestions.map((questionItem, qIndex) => {
-                return (h("udp-forms-builder-question-item", { key: questionItem.id, iconName: questionItem.icon, primaryText: `${questionItem.questionText}`, secondaryText: questionItem.helperText ? questionItem.helperText : null, avatarBackgroundColor: this.validateQuestionItem(sIndex, qIndex) ? 'info' : 'warning' }, h("stencil-chip", { slot: "status-chip", text: "Required", showDelete: false, clickable: false, hidden: !questionItem.required }), isEditable && (h("div", { slot: "drag-and-drop" }, h("div", { class: "form-question-drag-handle" }, h("div", { class: "drag-wrapper" }, h("stencil-icon-button", { icon: getIconFromName('draggable'), tooltip: "Move Question", noBackground: true }))))), h("div", { slot: "actions" }, isEditable ? (h("fragment", null, h("stencil-icon-button", { icon: getIconFromName('edit'), tooltip: "Edit Question Details", onClick: e => {
-                        e.stopPropagation();
-                        this.handleQuestionClick(sIndex, qIndex);
-                    }, noBackground: true }), h("stencil-icon-button", { icon: getIconFromName('copy'), tooltip: "Duplicate Question", onClick: e => {
-                        e.stopPropagation();
-                        this.handleQuestionCopy(sIndex, qIndex);
-                    }, noBackground: true }), h("stencil-icon-button", { icon: getIconFromName('trashCan'), tooltip: "Delete Question", onClick: e => {
-                        e.stopPropagation();
-                        this.dialogMessage = 'Are you sure you want to delete this question?';
-                        this.dialogAction = () => {
-                            this.handleQuestionDelete(sIndex, qIndex);
-                            this.isDialogOpen = false;
-                        };
-                        this.isDialogOpen = true;
-                    }, noBackground: true }))) : (h("stencil-icon-button", { icon: getIconFromName('view'), tooltip: "View Question Details", onClick: e => {
-                        e.stopPropagation();
-                        this.handleQuestionClick(sIndex, qIndex);
-                    }, noBackground: true })))));
-            })), isEditable &&
-                !this.showMenuAtIndex && ( // Only show button if no menu is active
-            h("div", { class: "add-question-to-section-button-container" }, h("udp-button", { variant: "text", onClick: () => {
-                    this.showMenuAtIndex = { sIndex: sIndex, qIndex: section.formQuestions.length };
-                }, startIcon: h("udp-icon", { iconName: 'add', color: 'inherit' }) }, "Add a Question"))), isEditable &&
-                ((_a = this.showMenuAtIndex) === null || _a === void 0 ? void 0 : _a.sIndex) === sIndex &&
-                ((_b = this.showMenuAtIndex) === null || _b === void 0 ? void 0 : _b.qIndex) === section.formQuestions.length &&
-                section.formQuestions.length > 0 && (h("udp-forms-builder-menu", { isVisible: true, questionsTemplate: questionsTemplate, onAddSection: () => {
-                    const newFormSections = deepCloneFormSections(this.formSections);
-                    newFormSections.splice(sIndex + 1, 0, []);
-                    this.formSections = newFormSections;
-                    this.showMenuAtIndex = null;
-                }, onAddQuestion: e => {
-                    if (this.showMenuAtIndex) {
-                        const indices = this.addQuestionOfType(e.detail, this.showMenuAtIndex.sIndex, this.showMenuAtIndex.qIndex);
-                        this.editingQuestion = Object.assign({}, indices);
-                        this.isQuestionEditorOpen = true;
-                    }
-                }, onCancelClick: () => (this.showMenuAtIndex = null) })))));
-        }))))));
-    }
-    get hostEl() { return this; }
-    static get watchers() { return {
-        "formId": ["onFormIdOrVersionChange"],
-        "version": ["onFormIdOrVersionChange"]
-    }; }
-    static get style() { return udpFormsBuilderCss; }
-}, [257, "udp-forms-builder", {
-        "formId": [1, "form-id"],
-        "version": [2],
-        "enqueueSnackbar": [16],
-        "closeSnackbar": [16],
-        "history": [16],
-        "isFollowUpFormConfigOn": [4, "is-follow-up-form-config-on"],
-        "isPublicFormConfigOn": [4, "is-public-form-config-on"],
-        "isCommentingConfigOn": [4, "is-commenting-config-on"],
-        "formsBuilderUrlPath": [1, "forms-builder-url-path"],
-        "formMetadata": [32],
-        "formSections": [32],
-        "formSectionsDraft": [32],
-        "isNewForm": [32],
-        "isMostRecentFormVersion": [32],
-        "isError": [32],
-        "isLoading": [32],
-        "isShowStyleOverrides": [32],
-        "isStyleSheetOpen": [32],
-        "isDialogOpen": [32],
-        "showMenuAtIndex": [32],
-        "editingQuestion": [32],
-        "editingSection": [32],
-        "isQuestionEditorOpen": [32],
-        "isSectionEditorOpen": [32],
-        "lookupOptionsDataProcessed": [32],
-        "dialogAction": [32],
-        "dialogMessage": [32]
-    }, undefined, {
-        "formId": ["onFormIdOrVersionChange"],
-        "version": ["onFormIdOrVersionChange"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["udp-forms-builder", "custom-button", "date-time-renderer", "file-upload-renderer", "fluent-dialog", "form-metadata-display-renderer", "list-options-renderer", "numeric-field", "primary-action-header", "question-configs-renderer", "question-specific-configs-renderer", "section-configs-renderer", "signature-renderer", "stencil-chip", "stencil-icon-button", "stencil-toggle", "text-area", "text-field", "text-input-renderer", "udp-ambient-tool-tip", "udp-avatar", "udp-badge", "udp-button", "udp-container", "udp-date-selector", "udp-datetime-selector", "udp-forms-builder-menu", "udp-forms-builder-question-item", "udp-icon", "udp-linear-loader", "udp-menu-item", "udp-pop-over", "udp-selector", "udp-side-sheet", "udp-tabs", "udp-time-selector", "unity-typography"];
-    components.forEach(tagName => { switch (tagName) {
-        case "udp-forms-builder":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, UdpFormsBuilder$1);
-            }
-            break;
-        case "custom-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$B();
-            }
-            break;
-        case "date-time-renderer":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$A();
-            }
-            break;
-        case "file-upload-renderer":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$z();
-            }
-            break;
-        case "fluent-dialog":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$y();
-            }
-            break;
-        case "form-metadata-display-renderer":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$x();
-            }
-            break;
-        case "list-options-renderer":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$w();
-            }
-            break;
-        case "numeric-field":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$v();
-            }
-            break;
-        case "primary-action-header":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$u();
-            }
-            break;
-        case "question-configs-renderer":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$t();
-            }
-            break;
-        case "question-specific-configs-renderer":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$s();
-            }
-            break;
-        case "section-configs-renderer":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$r();
-            }
-            break;
-        case "signature-renderer":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$q();
-            }
-            break;
-        case "stencil-chip":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$p();
-            }
-            break;
-        case "stencil-icon-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$o();
-            }
-            break;
-        case "stencil-toggle":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$n();
-            }
-            break;
-        case "text-area":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$m();
-            }
-            break;
-        case "text-field":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$l();
-            }
-            break;
-        case "text-input-renderer":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$k();
-            }
-            break;
-        case "udp-ambient-tool-tip":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$j();
-            }
-            break;
-        case "udp-avatar":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$i();
-            }
-            break;
-        case "udp-badge":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$h();
-            }
-            break;
-        case "udp-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$g();
-            }
-            break;
-        case "udp-container":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$f();
-            }
-            break;
-        case "udp-date-selector":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$e();
-            }
-            break;
-        case "udp-datetime-selector":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$d();
-            }
-            break;
-        case "udp-forms-builder-menu":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$c();
-            }
-            break;
-        case "udp-forms-builder-question-item":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$b();
-            }
-            break;
-        case "udp-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$a();
-            }
-            break;
-        case "udp-linear-loader":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$9();
-            }
-            break;
-        case "udp-menu-item":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$8();
-            }
-            break;
-        case "udp-pop-over":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$7();
-            }
-            break;
-        case "udp-selector":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$6();
-            }
-            break;
-        case "udp-side-sheet":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
-        case "udp-tabs":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "udp-time-selector":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "unity-typography":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const UdpFormsBuilder = UdpFormsBuilder$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { UdpFormsBuilder, defineCustomElement };
-//# sourceMappingURL=udp-forms-builder.js.map
-
-//# sourceMappingURL=udp-forms-builder.js.map
+import{p as t,H as e,h as i,t as s}from"./index2.js";import{m as o}from"./makeApiCall.js";import{q as r,d as n}from"./question-specific-configs-renderer2.js";import{g as a,d as c}from"./udp-icon2.js";import{g as d}from"./tenantUtils.js";import l from"sortablejs";import{v4 as u}from"uuid";import{f as m,d as h,a as p,s as f}from"./forms-builder-utils.js";import{b,a as g}from"./enums.js";import{d as v}from"./custom-button2.js";import{d as y}from"./date-time-renderer2.js";import{d as j}from"./file-upload-renderer2.js";import{d as O}from"./fluent-dialog2.js";import{d as k}from"./form-metadata-display-renderer2.js";import{d as x}from"./list-options-renderer2.js";import{d as E}from"./numeric-field2.js";import{d as C}from"./primary-action-header2.js";import{d as q}from"./question-configs-renderer2.js";import{d as S}from"./section-configs-renderer2.js";import{d as w}from"./signature-renderer2.js";import{d as F}from"./stencil-chip2.js";import{d as I}from"./stencil-icon-button2.js";import{d as T}from"./stencil-toggle2.js";import{d as D}from"./text-area2.js";import{d as N}from"./text-field2.js";import{d as P}from"./text-input-renderer2.js";import{d as U}from"./udp-ambient-tool-tip2.js";import{d as B}from"./udp-avatar2.js";import{d as V}from"./udp-badge2.js";import{d as A}from"./udp-button2.js";import{d as Q}from"./udp-container2.js";import{d as $}from"./udp-date-selector2.js";import{d as z}from"./udp-datetime-selector2.js";import{d as M}from"./udp-forms-builder-menu2.js";import{d as J}from"./udp-forms-builder-question-item2.js";import{d as L}from"./udp-linear-loader2.js";import{d as _}from"./udp-menu-item2.js";import{d as G}from"./udp-pop-over2.js";import{d as W}from"./udp-selector2.js";import{d as R}from"./udp-side-sheet2.js";import{d as H}from"./udp-tabs2.js";import{d as K}from"./udp-time-selector2.js";import{d as X}from"./unity-typography2.js";import{C as Y}from"./configService.js";const Z=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.isFollowUpFormConfigOn=!1,this.isPublicFormConfigOn=!1,this.isCommentingConfigOn=!1,this.formsBuilderUrlPath="",this.formMetadata=m,this.formSections=[],this.formSectionsDraft=[],this.isNewForm=!0,this.isMostRecentFormVersion=!1,this.isError=!1,this.isLoading=!1,this.isShowStyleOverrides=!1,this.isStyleSheetOpen=!1,this.isDialogOpen=!1,this.showMenuAtIndex=null,this.editingQuestion=null,this.editingSection=null,this.isQuestionEditorOpen=!1,this.isSectionEditorOpen=!1,this.lookupOptionsDataProcessed=[],this.dialogAction=null,this.dialogMessage="Are you sure you want to delete this?",this.sortableInstances=[],this.formsBuilderPageId=b.FormBuilderPageId,this.formTypeOptions=Object.keys(g).filter((t=>isNaN(Number(t)))).map((t=>({value:g[t]+"",label:t}))),this.toggleStyleSheet=()=>{this.isStyleSheetOpen=!this.isStyleSheetOpen},this.getQuestionTypeName=t=>{const e=r.find((e=>e.fieldTypeId===t));return e?e.questionTypeName:"Unknown"},this.getIsContainsOptionItems=t=>{const e=r.find((e=>e.fieldTypeId===t));return e&&e.isContainsOptionItems||!1},this.getIconForQuestion=t=>{const e=r.find((e=>e.fieldTypeId===t));return e?e.icon:null},this.handleQuestionDelete=(t,e)=>{const i=h(this.formSections);i[t].formQuestions.splice(e,1),this.formSections=i},this.handleQuestionCopy=(t,e)=>{const i=h(this.formSections),s=this.formSections[t].formQuestions[e],o=Object.assign(Object.assign({},s),{questionText:(s.questionText||"")+" (Copy)",id:u()});i[t].formQuestions.splice(e+1,0,o),this.formSections=i},this.handleQuestionClick=(t,e)=>{this.editingQuestion={sIndex:t,qIndex:e},this.isQuestionEditorOpen=!0,this.formSectionsDraft=h(this.formSections)},this.closeQuestionEditor=()=>{this.isQuestionEditorOpen=!1,this.editingQuestion=null,this.formSectionsDraft=null},this.addQuestionOfType=(t,e,i)=>{const s={questionTypeName:t.questionTypeName,fieldTypeId:t.fieldTypeId,fieldProperties:t.defaultFieldProperties,helperText:"",questionText:"",section:void 0!==e?e+1:this.formSections.length>0?this.formSections[this.formSections.length-1].formQuestions[0].section:1,isContainsOptionItems:t.isContainsOptionItems,icon:t.icon,required:!1,form:null,isPrivate:!0,id:u()},o=h(this.formSections);let r=e,n=i;if(void 0!==e&&void 0!==i)if(o[e].formQuestions)o[e].formQuestions.splice(i,0,s);else{const t=o.length-1;o[t].formQuestions.push(s),r=t,n=o[t].formQuestions.length-1}else{const t=o.length-1;t<0||0===o[t].formQuestions.length?(o.push(Object.assign(Object.assign({},p),{formQuestions:[s]})),r=o.length-1,n=0):(o[t].formQuestions.push(s),r=t,n=o[t].formQuestions.length-1)}return this.formSectionsDraft=o,this.showMenuAtIndex&&(this.showMenuAtIndex=null),{sIndex:r,qIndex:n}},this.handleSectionMoveDown=t=>{if(t>=this.formSections.length-1)return;const e=[...this.formSections];[e[t],e[t+1]]=[e[t+1],e[t]],this.formSections=e},this.handleSectionMoveUp=t=>{if(t<=0)return;const e=[...this.formSections];[e[t],e[t-1]]=[e[t-1],e[t]],this.formSections=e},this.handleSectionDelete=t=>{const e=[...this.formSections];e.splice(t,1),this.formSections=e},this.updateFormSectionsWithDraft=()=>{this.formSections=this.formSectionsDraft,this.formSectionsDraft=null},this.hasUnsavedFormSectionsChanges=()=>JSON.stringify(this.formSections)!==JSON.stringify(this.formSectionsDraft),this.handleSectionEditClick=t=>{this.editingSection={sIndex:t},this.isSectionEditorOpen=!0,this.formSectionsDraft=h(this.formSections)},this.closeSectionEditor=()=>{this.isSectionEditorOpen=!1,this.editingSection=null,this.formSectionsDraft=null}}async initializeForm(){this.formMetadata.isPrivate=m.isPrivate,this.formMetadata.tenantId=d(),this.formMetadata.type=m.type,this.formMetadata.version=m.version,this.formMetadata.name=m.name,this.formMetadata.description=m.description,this.formMetadata.styleOverrides=f;try{this.isLoading=!0;const t=await o("GET",Y.productV1ApiUrl+"/UdpLookup");if(!t)throw Error("Error fetching lookup data");if(this.lookupOptionsDataProcessed=t.map((t=>Object.assign(Object.assign({},t),{value:t.id,label:t.name}))),this.formId&&this.version){const t=await o("GET",`${Y.productV1ApiUrl}/UdpForm/${this.formId}/${this.version}/describe`),e=await o("GET",`${Y.productV1ApiUrl}/UdpForm/${this.formId}/describe`);if(this.isNewForm=!1,!(t&&e&&t.id&&e))throw Error("Error fetching form data");t.id==e.id&&t.version==e.version&&(this.isMostRecentFormVersion=!0);const i=structuredClone(t.udpFormUdpFormSection).map((t=>Object.assign(Object.assign({},t),{formQuestions:[]})));i.forEach((t=>{t.sectionProperties=t.sectionProperties?JSON.parse(t.sectionProperties):{}})),t.formQuestions.forEach((t=>{const e=i.find((e=>e.id===t.formSectionId));if(e){const i=Object.assign({},t.fieldProperties);"lookupId"in i&&"items"in i&&delete i.items,e.formQuestions.push(Object.assign(Object.assign({},t),{fieldProperties:i,questionTypeName:this.getQuestionTypeName(t.fieldTypeId),isContainsOptionItems:this.getIsContainsOptionItems(t.fieldTypeId),icon:this.getIconForQuestion(t.fieldTypeId)}))}})),i.forEach((t=>{t.formQuestions.sort(((t,e)=>t.questionOrder-e.questionOrder))})),i.sort(((t,e)=>t.order-e.order));const s=function(t,e){var i={};for(var s in t)Object.prototype.hasOwnProperty.call(t,s)&&e.indexOf(s)<0&&(i[s]=t[s]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(s=Object.getOwnPropertySymbols(t);o<s.length;o++)e.indexOf(s[o])<0&&Object.prototype.propertyIsEnumerable.call(t,s[o])&&(i[s[o]]=t[s[o]])}return i}(t,[]);s.styleOverrides=this.deepMerge(f,JSON.parse(s.styleOverrides)||{}),this.formMetadata=s,this.formSections=i,this.isLoading=!1}}catch(t){this.isError=!0,this.enqueueSnackbar("Error loading form data",{variant:"error",anchorOrigin:{vertical:"top",horizontal:"center"}})}finally{this.isLoading=!1}}async submitForm(){if(this.isValidForm()){this.isLoading=!0;try{const t={name:this.formMetadata.name,description:this.formMetadata.description,tenantId:this.formMetadata.tenantId,isPrivate:this.formMetadata.isPrivate,type:this.formMetadata.type,styleOverrides:JSON.stringify(this.formMetadata.styleOverrides),id:this.formMetadata.id,version:this.formMetadata.version},e=`${Y.productV1ApiUrl}/UdpForm${this.isMostRecentFormVersion?"/versions":""}`,i=await o("POST",e,t),s=i.id,r=i.version;if(!i||!i.id||!i.version)throw Error("Invalid form response: "+JSON.stringify(i));let n=0,a=0;const c=[];for(const[t,e]of this.formSections.entries()){n+=1;const i=Object.assign(Object.assign({},e),{formId:s,formVersion:r,order:n,sectionProperties:JSON.stringify(e.sectionProperties),name:"section"+n}),d=await o("POST",Y.productV1ApiUrl+"/UdpFormSection",i);if(!d||!d.id)throw Error("Invalid section response: "+JSON.stringify(d));const l=d.id;for(const i of e.formQuestions){a+=1;const e=Object.assign(Object.assign({},i),{formId:s,formVersion:r,section:t+1,questionOrder:a,formSectionId:l,name:"question"+a}),n=o("POST",Y.productV1ApiUrl+"/UdpFormQuestion",e);c.push(n)}}if(await Promise.all(c),this.enqueueSnackbar("Success",{variant:"success",anchorOrigin:{vertical:"top",horizontal:"center"}}),this.formsBuilderUrlPath)return void this.history.push(`${this.formsBuilderUrlPath}&udpf_formId=${s}&udpf_version=${r}`);this.history.push(`/page/${this.formsBuilderPageId}?udpf_formId=${s}&udpf_version=${r}`)}catch(t){console.error("Form submission error:",t),this.enqueueSnackbar("Error saving form",{variant:"error",anchorOrigin:{vertical:"top",horizontal:"center"}})}finally{this.isLoading=!1}}}componentDidLoad(){this.initializeSortable()}componentDidUpdate(){this.initializeSortable()}componentWillLoad(){this.initializeForm()}onFormIdOrVersionChange(){this.initializeForm()}initializeSortable(){(this.isNewForm||this.isMostRecentFormVersion)&&(this.sortableInstances.forEach((t=>t.destroy())),this.sortableInstances=[],this.formSections.forEach(((t,e)=>{const i=this.hostEl.shadowRoot.querySelector("#section-"+e);if(i){const t=new l(i,{animation:200,easing:"cubic-bezier(0.25, 1, 0.5, 1)",draggable:"udp-forms-builder-question-item",handle:".form-question-drag-handle",ghostClass:"sortable-ghost",chosenClass:"sortable-chosen",direction:"vertical",forceFallback:!1,dragoverBubble:!1,swapThreshold:.6,onEnd:t=>this.handleDragEnd(t,e)});this.sortableInstances.push(t)}})))}handleDragEnd(t,e){const i=t.oldIndex,s=t.newIndex;if(i===s||null==i||null==s)return;const o=structuredClone(this.formSections[e]),[r]=o.formQuestions.splice(i,1);o.formQuestions.splice(s,0,r);const n=h(this.formSections);n[e]=o,this.formSections=n}deepMerge(t,e){const i=Object.assign({},t);for(const s in e)i[s]=e[s]&&"object"==typeof e[s]&&!Array.isArray(e[s])?this.deepMerge(t[s]||{},e[s]):e[s];return i}isValidForm(){return this.validateFormMetadata()&&this.validateFormSections()&&this.validateAllQuestions()}validateFormMetadata(){var t;return!!(null===(t=this.formMetadata.name)||void 0===t?void 0:t.trim())||(this.enqueueSnackbar("Please enter a form name.",{variant:"error",anchorOrigin:{vertical:"top",horizontal:"center"}}),!1)}validateFormSections(){if(this.formSections.length<1)return this.enqueueSnackbar("Please add at least one section to the form.",{variant:"error",anchorOrigin:{vertical:"top",horizontal:"center"}}),!1;for(let t=0;t<this.formSections.length;t++){const e=this.formSections[t];if(((null==e?void 0:e.formQuestions)||[]).length<1)return this.enqueueSnackbar(`Section ${(null==e?void 0:e.title)?`"${e.title}"`:"#"+(t+1)} must contain at least one question.`,{variant:"error",anchorOrigin:{vertical:"top",horizontal:"center"}}),!1}return!0}validateAllQuestions(){for(let t=0;t<this.formSections.length;t++){const e=this.formSections[t],i=(null==e?void 0:e.formQuestions)||[];for(let e=0;e<i.length;e++)if(!this.validateQuestionItem(t,e))return this.enqueueSnackbar("Please validate all questions.",{variant:"error",anchorOrigin:{vertical:"top",horizontal:"center"}}),!1}return!0}validateQuestionItem(t,e){const i=this.formSections[t].formQuestions[e],s=r.find((t=>t.fieldTypeId===i.fieldTypeId));if(!(s&&s.questionTextOptional||i.questionText))return!1;if(i.isContainsOptionItems){const t=i.fieldProperties;if(!(null==t?void 0:t.lookupId)){if(!Array.isArray(null==t?void 0:t.items)||0===t.items.length)return!1;if(t.items.some((t=>!t.display||!t.value)))return!1}}return!0}render(){if(this.isError)return i("div",null," There is an Error With the Form Builder");const t=this.isNewForm||this.isMostRecentFormVersion;return i("div",null,i("primary-action-header",{title:"UDP Form Builder",actionButtonLabel:t?this.isMostRecentFormVersion?`Create New Version (v.${this.version+1})`:"Create New Form":"",primaryActionClick:t?()=>this.submitForm():null,defaultActionButtons:t?[{label:"Style Overrides",clickHandler:this.toggleStyleSheet,tooltip:"Style Overrides",visible:!1,icon:a("settings")}]:[],tabs:!1}),i("udp-side-sheet",{open:this.isQuestionEditorOpen,onUdpSideSheetClose:()=>this.closeQuestionEditor(),onUdpPrimaryButtonClick:()=>{this.hasUnsavedFormSectionsChanges()&&(this.updateFormSectionsWithDraft(),this.closeQuestionEditor())},primaryButtonDisabled:!this.hasUnsavedFormSectionsChanges(),title:"Edit Question",position:"right",width:"md",primaryButtonLabel:"Update"},this.isQuestionEditorOpen&&i("div",{class:"question-editor-container"},i("question-configs-renderer",{formSectionsDraft:this.formSectionsDraft,sIndex:this.editingQuestion.sIndex,qIndex:this.editingQuestion.qIndex,isViewOnly:!t,onFormSectionsDraftChange:t=>this.formSectionsDraft=t,lookupOptions:this.lookupOptionsDataProcessed,formType:this.formMetadata.type,isFollowUpFormConfigOn:this.isFollowUpFormConfigOn,isCommentingConfigOn:this.isCommentingConfigOn}))),i("udp-side-sheet",{open:this.isSectionEditorOpen,onUdpSideSheetClose:()=>this.closeSectionEditor(),title:"Edit Section Fields",position:"right",width:"md",primaryButtonDisabled:!this.hasUnsavedFormSectionsChanges(),primaryButtonLabel:"Update",onUdpPrimaryButtonClick:()=>{this.hasUnsavedFormSectionsChanges()&&(this.updateFormSectionsWithDraft(),this.closeSectionEditor())}},this.isSectionEditorOpen&&i("div",{class:"section-editor-container"},i("section-configs-renderer",{formSectionsDraft:this.formSectionsDraft,sIndex:this.editingSection.sIndex,isViewOnly:!t,onFormSectionsDraftChange:t=>this.formSectionsDraft=t}))),i("fluent-dialog",{open:this.isDialogOpen,message:this.dialogMessage,labelOne:"Confirm",labelTwo:"Cancel",actionOne:()=>{"function"==typeof this.dialogAction&&this.dialogAction()},actionTwo:()=>this.isDialogOpen=!1}),this.isLoading&&i("udp-linear-loader",null),!this.isLoading&&i("udp-container",{maxWidth:"lg"},i("div",{class:"udp-forms-page"},i("div",{class:"form-details-container"},i("div",{class:"form-details-name-container"},t?i("div",{class:"form-details-name-input"},i("text-field",{label:"Form Name",value:this.formMetadata.name,placeholder:"Form Name",disabled:!t,required:!0,margin:"none",maxCharacter:128,onInput:t=>{this.formMetadata=Object.assign(Object.assign({},this.formMetadata),{name:t.target.value})}})):i("div",{class:"form-details-name-display"},i("unity-typography",{variant:"h2"},this.formMetadata.name+" (View Only)"))),i("div",{class:"form-details-description-container"},t?i("div",{class:"form-details-details-input"},i("text-area",{label:"Form Description",value:this.formMetadata.description,placeholder:"Form Description",disabled:!t,required:!1,margin:"none",maxCharacter:256,onInput:t=>{this.formMetadata=Object.assign(Object.assign({},this.formMetadata),{description:t.target.value})}})):i("div",{class:"form-details-description-display"},i("unity-typography",null,this.formMetadata.description))),this.isFollowUpFormConfigOn&&(this.isNewForm?i("udp-selector",{label:"Form Type",key:"udo-form-type-selector",initialValue:this.formMetadata.type,options:this.formTypeOptions,disabled:!t||!this.isNewForm,required:!0,onChange:t=>{this.formMetadata=Object.assign(Object.assign({},this.formMetadata),{type:t.detail})}}):i("div",{class:"form-details-version-container"},i("unity-typography",null,"Form Type: ",g[this.formMetadata.type]))),i("div",{class:"form-details-version-container"},i("unity-typography",null,"Version: ",this.formMetadata.version)),this.isPublicFormConfigOn&&i("div",{class:"form-details-private-container"},i("div",{class:"toggle-container"},i("stencil-toggle",{label:"Private Form",margin:"none",disabled:!t,checked:!0===this.formMetadata.isPrivate,labelPosition:"right",onToggledChange:()=>{let t=!this.formMetadata.isPrivate;this.formMetadata=Object.assign(Object.assign({},this.formMetadata),{isPrivate:t})}})))),t&&i("div",{class:"add-question-button-container"},i("udp-button",{startIcon:i("udp-icon",{iconName:"add",color:"inherit"}),onClick:()=>{const t=this.formSections.length,e=h(this.formSections);e.push(Object.assign(Object.assign({},p),{order:t+1,title:"Section "+(t+1)})),this.formSections=e}},"Add a Section")),this.formSections.map(((e,s)=>{var o,n;return i("div",{key:s,class:"form-section"},i("div",{class:"form-section-header"},i("div",{class:"form-section-header-title"},i("unity-typography",{variant:"h6",color:"inherit"},e.title)),t&&i("div",{class:"form-section-header-actions"},s>0&&i("stencil-icon-button",{icon:a("arrowUp"),tooltip:"Move Section Up",onClick:()=>{this.handleSectionMoveUp(s)}}),s<this.formSections.length-1&&i("stencil-icon-button",{icon:a("arrowDown"),tooltip:"Move Section Down",onClick:()=>{this.handleSectionMoveDown(s)}}),i("stencil-icon-button",{icon:a("edit"),tooltip:"Edit Section Fields",onClick:()=>this.handleSectionEditClick(s)}),i("stencil-icon-button",{icon:a("trashCan"),tooltip:"Delete Section",onClick:t=>{t.stopPropagation(),this.dialogMessage="Are you sure you want to delete this section?",this.dialogAction=()=>{this.handleSectionDelete(s),this.isDialogOpen=!1},this.isDialogOpen=!0}}))),i("div",{class:"form-section-questions-container"},(this.isNewForm||this.isMostRecentFormVersion)&&this.showMenuAtIndex&&this.showMenuAtIndex.sIndex===s&&0===this.showMenuAtIndex.qIndex&&i("udp-forms-builder-menu",{isVisible:!0,questionsTemplate:r,onAddSection:()=>{const t=this.formSections.length,e=h(this.formSections);e.push(Object.assign(Object.assign({},p),{order:t,title:"Section "+(t+1)})),this.formSections=e,this.showMenuAtIndex={sIndex:t,qIndex:0}},onAddQuestion:t=>{const e=this.showMenuAtIndex?this.addQuestionOfType(t.detail,this.showMenuAtIndex.sIndex,this.showMenuAtIndex.qIndex):this.addQuestionOfType(t.detail);this.editingQuestion=Object.assign({},e),this.isQuestionEditorOpen=!0},onCancelClick:()=>this.showMenuAtIndex=null}),i("div",{class:"form-section-questions-draggable-container",id:"section-"+s},e.formQuestions.map(((e,o)=>i("udp-forms-builder-question-item",{key:e.id,iconName:e.icon,primaryText:""+e.questionText,secondaryText:e.helperText?e.helperText:null,avatarBackgroundColor:this.validateQuestionItem(s,o)?"info":"warning"},i("stencil-chip",{slot:"status-chip",text:"Required",showDelete:!1,clickable:!1,hidden:!e.required}),t&&i("div",{slot:"drag-and-drop"},i("div",{class:"form-question-drag-handle"},i("div",{class:"drag-wrapper"},i("stencil-icon-button",{icon:a("draggable"),tooltip:"Move Question",noBackground:!0})))),i("div",{slot:"actions"},t?i("fragment",null,i("stencil-icon-button",{icon:a("edit"),tooltip:"Edit Question Details",onClick:t=>{t.stopPropagation(),this.handleQuestionClick(s,o)},noBackground:!0}),i("stencil-icon-button",{icon:a("copy"),tooltip:"Duplicate Question",onClick:t=>{t.stopPropagation(),this.handleQuestionCopy(s,o)},noBackground:!0}),i("stencil-icon-button",{icon:a("trashCan"),tooltip:"Delete Question",onClick:t=>{t.stopPropagation(),this.dialogMessage="Are you sure you want to delete this question?",this.dialogAction=()=>{this.handleQuestionDelete(s,o),this.isDialogOpen=!1},this.isDialogOpen=!0},noBackground:!0})):i("stencil-icon-button",{icon:a("view"),tooltip:"View Question Details",onClick:t=>{t.stopPropagation(),this.handleQuestionClick(s,o)},noBackground:!0})))))),t&&!this.showMenuAtIndex&&i("div",{class:"add-question-to-section-button-container"},i("udp-button",{variant:"text",onClick:()=>{this.showMenuAtIndex={sIndex:s,qIndex:e.formQuestions.length}},startIcon:i("udp-icon",{iconName:"add",color:"inherit"})},"Add a Question")),t&&(null===(o=this.showMenuAtIndex)||void 0===o?void 0:o.sIndex)===s&&(null===(n=this.showMenuAtIndex)||void 0===n?void 0:n.qIndex)===e.formQuestions.length&&e.formQuestions.length>0&&i("udp-forms-builder-menu",{isVisible:!0,questionsTemplate:r,onAddSection:()=>{const t=h(this.formSections);t.splice(s+1,0,[]),this.formSections=t,this.showMenuAtIndex=null},onAddQuestion:t=>{if(this.showMenuAtIndex){const e=this.addQuestionOfType(t.detail,this.showMenuAtIndex.sIndex,this.showMenuAtIndex.qIndex);this.editingQuestion=Object.assign({},e),this.isQuestionEditorOpen=!0}},onCancelClick:()=>this.showMenuAtIndex=null})))})))))}get hostEl(){return this}static get watchers(){return{formId:[{onFormIdOrVersionChange:0}],version:[{onFormIdOrVersionChange:0}]}}static get style(){return":host{display:block;--udp-form-primary-color:#007bff;--udp-form-spacing-unit:16px}.udp-forms-page{display:flex;flex-direction:column;gap:var(--spacing-06, 32px);padding:var(--spacing-06, 32px);padding-bottom:var(--spacing-12)}.form-section-questions-container{display:flex;flex-direction:column}.form-details-container{display:flex;flex-direction:column;padding:var(--spacing-05, 24px);background-color:var(--card-background-color, white)}.form-details-version-container{margin-bottom:var(--spacing-05)}.udp-form-builder-field-container,.udp-forms-builder-item-generic-configs,.udp-forms-builder-item-specific-configs{display:flex;flex-direction:column;gap:var(--spacing-04, 16px)}.form-section{}.form-section-header{display:flex;flex-direction:row;justify-content:space-between;background-color:var(--primary-color-dark, #000);color:var(--primary-contrast-text, #FFF);padding:var(--spacing-04, 16px) var(--spacing-05, 24px);align-items:center}.add-question-button-container{display:flex;justify-content:center;align-items:center}.question-editor-container{padding:var(--spacing-05, 24px);display:flex;flex-direction:column;gap:var(--spacing-05, 24px)}.add-question-to-section-button-container{padding:var(--spacing-02, 8px) 0;margin:auto}.sortable-ghost{opacity:0.5;transform:scale(0.98);background:#f4f4f4;border:1px dashed #ccc}.sortable-chosen{background:#eef6ff;box-shadow:0 0 4px 2px rgba(51, 153, 255, 0.3)}.form-question-drag-handle{transform:rotate(90deg);cursor:grab}.form-question-drag-handle:active{cursor:grabbing}.form-question-drag-handle .drag-wrapper{cursor:inherit}.form-question-drag-handle stencil-icon-button{pointer-events:none;}"}},[1,"udp-forms-builder",{formId:[1,"form-id"],version:[2],enqueueSnackbar:[16],closeSnackbar:[16],history:[16],isFollowUpFormConfigOn:[4,"is-follow-up-form-config-on"],isPublicFormConfigOn:[4,"is-public-form-config-on"],isCommentingConfigOn:[4,"is-commenting-config-on"],formsBuilderUrlPath:[1,"forms-builder-url-path"],formMetadata:[32],formSections:[32],formSectionsDraft:[32],isNewForm:[32],isMostRecentFormVersion:[32],isError:[32],isLoading:[32],isShowStyleOverrides:[32],isStyleSheetOpen:[32],isDialogOpen:[32],showMenuAtIndex:[32],editingQuestion:[32],editingSection:[32],isQuestionEditorOpen:[32],isSectionEditorOpen:[32],lookupOptionsDataProcessed:[32],dialogAction:[32],dialogMessage:[32]},void 0,{formId:[{onFormIdOrVersionChange:0}],version:[{onFormIdOrVersionChange:0}]}]),tt=Z,et=function(){"undefined"!=typeof customElements&&["udp-forms-builder","custom-button","date-time-renderer","file-upload-renderer","fluent-dialog","form-metadata-display-renderer","list-options-renderer","numeric-field","primary-action-header","question-configs-renderer","question-specific-configs-renderer","section-configs-renderer","signature-renderer","stencil-chip","stencil-icon-button","stencil-toggle","text-area","text-field","text-input-renderer","udp-ambient-tool-tip","udp-avatar","udp-badge","udp-button","udp-container","udp-date-selector","udp-datetime-selector","udp-forms-builder-menu","udp-forms-builder-question-item","udp-icon","udp-linear-loader","udp-menu-item","udp-pop-over","udp-selector","udp-side-sheet","udp-tabs","udp-time-selector","unity-typography"].forEach((t=>{switch(t){case"udp-forms-builder":customElements.get(s(t))||customElements.define(s(t),Z);break;case"custom-button":customElements.get(s(t))||v();break;case"date-time-renderer":customElements.get(s(t))||y();break;case"file-upload-renderer":customElements.get(s(t))||j();break;case"fluent-dialog":customElements.get(s(t))||O();break;case"form-metadata-display-renderer":customElements.get(s(t))||k();break;case"list-options-renderer":customElements.get(s(t))||x();break;case"numeric-field":customElements.get(s(t))||E();break;case"primary-action-header":customElements.get(s(t))||C();break;case"question-configs-renderer":customElements.get(s(t))||q();break;case"question-specific-configs-renderer":customElements.get(s(t))||n();break;case"section-configs-renderer":customElements.get(s(t))||S();break;case"signature-renderer":customElements.get(s(t))||w();break;case"stencil-chip":customElements.get(s(t))||F();break;case"stencil-icon-button":customElements.get(s(t))||I();break;case"stencil-toggle":customElements.get(s(t))||T();break;case"text-area":customElements.get(s(t))||D();break;case"text-field":customElements.get(s(t))||N();break;case"text-input-renderer":customElements.get(s(t))||P();break;case"udp-ambient-tool-tip":customElements.get(s(t))||U();break;case"udp-avatar":customElements.get(s(t))||B();break;case"udp-badge":customElements.get(s(t))||V();break;case"udp-button":customElements.get(s(t))||A();break;case"udp-container":customElements.get(s(t))||Q();break;case"udp-date-selector":customElements.get(s(t))||$();break;case"udp-datetime-selector":customElements.get(s(t))||z();break;case"udp-forms-builder-menu":customElements.get(s(t))||M();break;case"udp-forms-builder-question-item":customElements.get(s(t))||J();break;case"udp-icon":customElements.get(s(t))||c();break;case"udp-linear-loader":customElements.get(s(t))||L();break;case"udp-menu-item":customElements.get(s(t))||_();break;case"udp-pop-over":customElements.get(s(t))||G();break;case"udp-selector":customElements.get(s(t))||W();break;case"udp-side-sheet":customElements.get(s(t))||R();break;case"udp-tabs":customElements.get(s(t))||H();break;case"udp-time-selector":customElements.get(s(t))||K();break;case"unity-typography":customElements.get(s(t))||X()}}))};export{tt as UdpFormsBuilder,et as defineCustomElement}