udp-stencil-component-library 25.18.2-beta.7 → 25.18.2-beta.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/date-time-renderer_7.cjs.entry.js +2 -2
- package/dist/cjs/{enums-CgcTuQjC.js → enums-B3aaCQaV.js} +3 -3
- package/dist/cjs/{enums-CgcTuQjC.js.map → enums-B3aaCQaV.js.map} +1 -1
- package/dist/cjs/form-metadata-display_8.cjs.entry.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/question-configs-renderer_4.cjs.entry.js +2 -2
- package/dist/cjs/stencil-library.cjs.js +1 -1
- package/dist/cjs/{udp-forms-builder-question-template-BMMpObLX.js → udp-forms-builder-question-template-BS5ijef_.js} +3 -3
- package/dist/cjs/{udp-forms-builder-question-template-BMMpObLX.js.map → udp-forms-builder-question-template-BS5ijef_.js.map} +1 -1
- package/dist/cjs/udp-forms-builder.cjs.entry.js +2 -2
- package/dist/cjs/udp-forms-follow-up-list-card.cjs.entry.js +1 -1
- package/dist/cjs/udp-forms-list-card.cjs.entry.js +1 -1
- package/dist/cjs/udp-forms-list.cjs.entry.js +1 -1
- package/dist/cjs/udp-forms-renderer.cjs.entry.js +592 -604
- package/dist/cjs/udp-forms-renderer.entry.cjs.js.map +1 -1
- package/dist/cjs/udp-forms-ui.cjs.entry.js +2 -5
- package/dist/cjs/udp-forms-ui.entry.cjs.js.map +1 -1
- package/dist/collection/components/forms/udp-forms/udp-forms-renderer/udp-forms-renderer-ui/udp-forms-ui.js +1 -4
- package/dist/collection/components/forms/udp-forms/udp-forms-renderer/udp-forms-renderer-ui/udp-forms-ui.js.map +1 -1
- package/dist/collection/components/forms/udp-forms/udp-forms-renderer/udp-forms-renderer-utils/comments-crud-utils.js +153 -0
- package/dist/collection/components/forms/udp-forms/udp-forms-renderer/udp-forms-renderer-utils/comments-crud-utils.js.map +1 -0
- package/dist/collection/components/forms/udp-forms/udp-forms-renderer/udp-forms-renderer-utils/repeated-section-utils.js +104 -0
- package/dist/collection/components/forms/udp-forms/udp-forms-renderer/udp-forms-renderer-utils/repeated-section-utils.js.map +1 -0
- package/dist/collection/components/forms/udp-forms/udp-forms-renderer/{udp-forms-renderer-utils.js → udp-forms-renderer-utils/utils.js} +48 -2
- package/dist/collection/components/forms/udp-forms/udp-forms-renderer/udp-forms-renderer-utils/utils.js.map +1 -0
- package/dist/collection/components/forms/udp-forms/udp-forms-renderer/udp-forms-renderer.js +187 -310
- package/dist/collection/components/forms/udp-forms/udp-forms-renderer/udp-forms-renderer.js.map +1 -1
- package/dist/collection/components/forms/udp-forms/udp-forms-utils/enums.js +1 -1
- package/dist/collection/components/forms/udp-forms/udp-forms-utils/enums.js.map +1 -1
- package/dist/collection/components/forms/udp-forms/udp-forms-utils/form-handler/UdpFormHandler.js +13 -13
- package/dist/collection/components/forms/udp-forms/udp-forms-utils/form-handler/UdpFormHandler.js.map +1 -1
- package/dist/collection/components/forms/udp-forms/udp-forms-utils/form-submission-handler/FormSubmissionHandler.js +142 -0
- package/dist/collection/components/forms/udp-forms/udp-forms-utils/form-submission-handler/FormSubmissionHandler.js.map +1 -0
- package/dist/collection/components/forms/udp-forms/udp-forms-utils/form-submission-handler/FormSubmissionHandlerFactory.js +3 -10
- package/dist/collection/components/forms/udp-forms/udp-forms-utils/form-submission-handler/FormSubmissionHandlerFactory.js.map +1 -1
- package/dist/collection/components/forms/udp-forms/udp-forms-utils/form-submission-handler/IFormSubmissionHandler.js.map +1 -1
- package/dist/collection/components/forms/udp-forms/udp-forms-utils/types.js.map +1 -1
- package/dist/components/enums.js +1 -1
- package/dist/components/enums.js.map +1 -1
- package/dist/components/udp-forms-renderer.js +593 -608
- package/dist/components/udp-forms-renderer.js.map +1 -1
- package/dist/components/udp-forms-ui2.js +1 -4
- package/dist/components/udp-forms-ui2.js.map +1 -1
- package/dist/docs.json +1 -1
- package/dist/esm/date-time-renderer_7.entry.js +2 -2
- package/dist/esm/{enums-DHT5wSnX.js → enums-D5dod6Ie.js} +3 -3
- package/dist/esm/{enums-DHT5wSnX.js.map → enums-D5dod6Ie.js.map} +1 -1
- package/dist/esm/form-metadata-display_8.entry.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/question-configs-renderer_4.entry.js +2 -2
- package/dist/esm/stencil-library.js +1 -1
- package/dist/esm/{udp-forms-builder-question-template-D6ADNZEG.js → udp-forms-builder-question-template-BsYOju9V.js} +3 -3
- package/dist/esm/{udp-forms-builder-question-template-D6ADNZEG.js.map → udp-forms-builder-question-template-BsYOju9V.js.map} +1 -1
- package/dist/esm/udp-forms-builder.entry.js +2 -2
- package/dist/esm/udp-forms-follow-up-list-card.entry.js +1 -1
- package/dist/esm/udp-forms-list-card.entry.js +1 -1
- package/dist/esm/udp-forms-list.entry.js +1 -1
- package/dist/esm/udp-forms-renderer.entry.js +592 -604
- package/dist/esm/udp-forms-renderer.entry.js.map +1 -1
- package/dist/esm/udp-forms-ui.entry.js +2 -5
- package/dist/esm/udp-forms-ui.entry.js.map +1 -1
- package/dist/stencil-library/date-time-renderer_7.entry.js +1 -1
- package/dist/stencil-library/enums-D5dod6Ie.js +2 -0
- package/dist/stencil-library/{enums-DHT5wSnX.js.map → enums-D5dod6Ie.js.map} +1 -1
- package/dist/stencil-library/form-metadata-display_8.entry.js +1 -1
- package/dist/stencil-library/question-configs-renderer_4.entry.js +1 -1
- package/dist/stencil-library/stencil-library.esm.js +1 -1
- package/dist/stencil-library/{udp-forms-builder-question-template-D6ADNZEG.js → udp-forms-builder-question-template-BsYOju9V.js} +2 -2
- package/dist/stencil-library/{udp-forms-builder-question-template-D6ADNZEG.js.map → udp-forms-builder-question-template-BsYOju9V.js.map} +1 -1
- package/dist/stencil-library/udp-forms-builder.entry.js +1 -1
- package/dist/stencil-library/udp-forms-follow-up-list-card.entry.js +1 -1
- package/dist/stencil-library/udp-forms-follow-up-list-card.entry.js.map +1 -1
- package/dist/stencil-library/udp-forms-list-card.entry.js +1 -1
- package/dist/stencil-library/udp-forms-list-card.entry.js.map +1 -1
- package/dist/stencil-library/udp-forms-list.entry.js +1 -1
- package/dist/stencil-library/udp-forms-renderer.entry.esm.js.map +1 -1
- package/dist/stencil-library/udp-forms-renderer.entry.js +1 -1
- package/dist/stencil-library/udp-forms-renderer.entry.js.map +1 -1
- package/dist/stencil-library/udp-forms-ui.entry.esm.js.map +1 -1
- package/dist/stencil-library/udp-forms-ui.entry.js +1 -1
- package/dist/stencil-library/udp-forms-ui.entry.js.map +1 -1
- package/dist/types/components/forms/udp-forms/udp-forms-renderer/udp-forms-renderer-utils/comments-crud-utils.d.ts +31 -0
- package/dist/types/components/forms/udp-forms/udp-forms-renderer/udp-forms-renderer-utils/repeated-section-utils.d.ts +17 -0
- package/dist/types/components/forms/udp-forms/udp-forms-renderer/{udp-forms-renderer-utils.d.ts → udp-forms-renderer-utils/utils.d.ts} +4 -0
- package/dist/types/components/forms/udp-forms/udp-forms-renderer/udp-forms-renderer.d.ts +6 -10
- package/dist/types/components/forms/udp-forms/udp-forms-utils/enums.d.ts +1 -1
- package/dist/types/components/forms/udp-forms/udp-forms-utils/form-handler/UdpFormHandler.d.ts +5 -6
- package/dist/types/components/forms/udp-forms/udp-forms-utils/form-submission-handler/FormSubmissionHandler.d.ts +42 -0
- package/dist/types/components/forms/udp-forms/udp-forms-utils/form-submission-handler/FormSubmissionHandlerFactory.d.ts +1 -1
- package/dist/types/components/forms/udp-forms/udp-forms-utils/form-submission-handler/IFormSubmissionHandler.d.ts +44 -5
- package/dist/types/components/forms/udp-forms/udp-forms-utils/types.d.ts +16 -0
- package/package.json +1 -1
- package/dist/collection/components/forms/udp-forms/udp-forms-renderer/udp-forms-renderer-utils.js.map +0 -1
- package/dist/collection/components/forms/udp-forms/udp-forms-utils/form-submission-handler/PrivateFormSubmissionHandler.js +0 -264
- package/dist/collection/components/forms/udp-forms/udp-forms-utils/form-submission-handler/PrivateFormSubmissionHandler.js.map +0 -1
- package/dist/collection/components/forms/udp-forms/udp-forms-utils/form-submission-handler/PublicFormSubmissionHandler.js +0 -63
- package/dist/collection/components/forms/udp-forms/udp-forms-utils/form-submission-handler/PublicFormSubmissionHandler.js.map +0 -1
- package/dist/stencil-library/enums-DHT5wSnX.js +0 -2
- package/dist/types/components/forms/udp-forms/udp-forms-utils/form-submission-handler/PrivateFormSubmissionHandler.d.ts +0 -131
- package/dist/types/components/forms/udp-forms/udp-forms-utils/form-submission-handler/PublicFormSubmissionHandler.d.ts +0 -15
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"udp-forms-ui.entry.js","sources":["src/components/forms/udp-forms/udp-forms-renderer/udp-forms-renderer-ui/udp-forms-ui.css?tag=udp-forms-ui&encapsulation=shadow","src/components/forms/udp-forms/udp-forms-renderer/udp-forms-renderer-ui/udp-forms-ui.tsx"],"sourcesContent":[".background {\n background-color: var(--gray-01);\n height: 100%;\n overflow-y: auto;\n overflow-x: hidden;\n}\n\n.item {\n padding-bottom: var(--spacing-02);\n /* margin-bottom: var(--spacing-05); */\n}\n\n.items {\n display: flex;\n flex-direction: column;\n gap: var(--spacing-05);\n padding-top: var(--spacing-02);\n padding-bottom: var(--spacing-02);\n}\n\n.footer {\n display: flex;\n flex-direction: row-reverse;\n}\n\n.submit {\n background-color: var(--primary-color);\n box-sizing: border-box;\n border: none;\n color: white;\n padding: 8px 24px;\n font-size: 14px;\n font-weight: 600;\n cursor: pointer;\n transition: background-color 0.3s ease;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n text-decoration: none;\n min-width: 48px;\n min-height: 24px;\n /* Default size */\n}\n\n.submit:disabled {\n background-color: var(--gray-05);\n cursor: default;\n}\n\n.submit-card {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n}\n\n/* .form-section-content */\n.form-section-content {\n margin-bottom: var(--spacing-05);\n background-color: white;\n padding: 16px;\n display: flex;\n flex-direction: column;\n gap: var(--spacing-05);\n}\n\n.form-container {\n padding-top: var(--spacing-05);\n padding-bottom: var(--spacing-05);\n min-height: 100px;\n}\n\n.form-section-block {\n margin-bottom: var(--spacing-05);\n}\n\n.form-section-header {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n background-color: var(--primary-color, #000);\n color: var(--primary-contrast-text, #FFF);\n padding: var(--spacing-04, 16px) var(--spacing-05, 24px);\n align-items: center;\n min-height: var(--spacing-10, 60px);\n}\n\n.form-section-text {\n margin-bottom: var(--spacing-03);\n}\n\n.center-div {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n\n.finish-button {\n display: flex;\n flex-direction: column;\n justify-content: center;\n}\n\n/* .header */\n.form-renderer-header {\n padding: var(--spacing-05) var(--spacing-05);\n background-color: var(--primary-color-dark, #000);\n color: var(--primary-contrast-text, #FFF);\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.header-content {\n display: flex;\n align-items: flex-start;\n justify-content: space-between;\n gap: var(--spacing-03);\n}\n\n.header-text {\n flex: 1;\n min-width: 0;\n /* Allow text to shrink */\n}\n\n/* Save button visibility - JavaScript controlled */\n.header-save-button {\n display: block;\n /* Always available, component controls its own visibility */\n}\n\n.floating-save-button {\n display: block;\n /* Always available, component controls its own visibility */\n}\n\n.error-banner {\n background-color: #fdecea;\n border: 1px solid #f5c6cb;\n color: #a94442;\n padding: 12px;\n margin-bottom: 12px;\n border-radius: 4px;\n}\n\n\n/*\n * Save button visibility is now controlled by JavaScript-based overlap detection\n * in the udp-save-draft-button component. This provides real-time detection of\n * overlaps with form content, accounting for menu drawers and dynamic layouts.\n *\n * The component automatically switches between floating and inline modes based on\n * actual element positions and available space, not viewport breakpoints.\n */\n\n/* Mobile layout adjustments */\n@media (max-width: 768px) {\n .header-content {\n flex-direction: column;\n align-items: stretch;\n gap: var(--spacing-02);\n }\n\n .header-text {\n margin-bottom: var(--spacing-02);\n }\n}\n\n/* Small height screens: Always use header button */\n@media (max-height: 600px) {\n .header-save-button {\n display: block;\n }\n\n .floating-save-button {\n display: none;\n }\n}\n\n.auto-save-status {\n margin-top: var(--spacing-02);\n padding: var(--spacing-01) 0;\n font-size: 12px;\n opacity: 0.8;\n}","import { Component, h, Prop, State, Element, Watch, Event, EventEmitter } from '@stencil/core';\nimport { Guid, UdpFormQuestion } from '../../udp-forms-utils/types';\nimport { UdpFormsFieldTypeEnum, UdpFormsSubmissionStatusEnum } from '../../udp-forms-utils/enums';\nimport { fontOverrideMapping, overrideFont } from '../../udp-forms-utils/utils';\nimport { getIconFromName } from '../../../../data-display/icons/iconUtils';\nimport { UdpFormSubmission } from '../../udp-forms-utils/classes/UdpFormSubmission';\nimport { UdpForm } from '../../udp-forms-utils/classes/UdpForm';\n\n\n@Component({\n tag: 'udp-forms-ui',\n styleUrl: 'udp-forms-ui.css',\n shadow: true,\n})\nexport class UdpFormsUi {\n @Prop() udpForm: UdpForm;\n @Prop() currentValues: { [name: string]: any } = {};\n @Prop() udpFormSubmission: UdpFormSubmission\n @Prop() submitSuccessful: boolean = false;\n @Prop() isLoading: boolean = false;\n @Prop() isSaving: boolean = false;\n @Prop() saveErrorMessage: string | null = null;\n @Prop() showAutoSaveStatus: boolean = false;\n @Prop() disabled: boolean = false;\n @Prop() readonly: boolean = false;\n @Prop() handleSubmit: (values: any) => Promise<void>;\n @Prop() handleChange: (values: { [name: string]: any }) => void;\n @Prop() handleSave: (values: { [name: string]: any }) => Promise<void>;\n @Prop() handleAction: (actionId: Guid, params: Object) => void;\n @Prop() handleFinish: () => void;\n @Prop() clientUserInfo: { id: string | null; displayName: string | null; email: string | null } = {\n id: null,\n displayName: null,\n email: null,\n }; \n @Prop() isSubmitted: boolean = false;\n @Prop() dynamicSections: any[];\n @Prop() duplicateRepeatableSection: any;\n @Prop() deleteRepeatableSection: any;\n @Prop() isShowManualSaveIcon: boolean = false;\n @Prop() performBackgroundSaveAndUpdateLocalSubmissionState: (values: { [name: string]: any }) => Promise<void>;\n\n @State() showSavedMessage: boolean = false;\n\n @Event() formDirtyChange: EventEmitter<boolean>;\n\n @Element() el: HTMLElement;\n\n\n @State() isDialogOpen: boolean = false;\n @State() dialogAction: () => void;\n @State() dialogMessage: string = 'Are you sure you want to delete this section? This section contains links to follow-up forms. Deleting it will remove those links.';\n \n\n private savedMessageTimeoutId: any;\n\n private titleId: string = 'udp-forms-title';\n private descriptionId: string = 'udp-forms-description';\n\n componentDidLoad() {\n this.overrideStyles();\n }\n\n componentDidUpdate() {\n this.overrideStyles();\n }\n\n disconnectedCallback() {\n // Clean up timeout when component is destroyed\n if (this.savedMessageTimeoutId) {\n clearTimeout(this.savedMessageTimeoutId);\n }\n }\n\n @Watch('isSaving')\n watchIsSaving(newValue: boolean, oldValue: boolean) {\n console.log('isSaving watcher triggered:', { oldValue, newValue, saveErrorMessage: this.saveErrorMessage });\n\n // When isSaving changes from true to false (save completed successfully)\n if (oldValue === true && newValue === false && !this.saveErrorMessage) {\n console.log('Setting showSavedMessage to true');\n this.showSavedMessage = true;\n\n // Clear any existing timeout\n if (this.savedMessageTimeoutId) {\n clearTimeout(this.savedMessageTimeoutId);\n }\n\n // Hide the \"Saved\" message after 5 seconds\n this.savedMessageTimeoutId = setTimeout(() => {\n console.log('Hiding saved message after 5 seconds');\n this.showSavedMessage = false;\n }, 5000);\n }\n }\n\n overrideStyles() {\n const shadowRoot = (this as any).el?.shadowRoot;\n shadowRoot?.querySelectorAll('unity-typography').forEach(element => {\n const styleOverride =\n element.id === this.titleId ? this.udpForm?.styleOverrides?.titleText : element.id === this.descriptionId ? this.udpForm?.styleOverrides?.paragraphText : ({} as any);\n\n if (styleOverride?.fontFamily && fontOverrideMapping[styleOverride.fontFamily]) {\n overrideFont(element, fontOverrideMapping[styleOverride.fontFamily]);\n }\n if (styleOverride?.variant) {\n element.setAttribute('variant', styleOverride.variant);\n }\n });\n }\n\n private isSectionContainsFollowUpFormLink(sectionKey: string): boolean {\n const sectionObject = this.udpFormSubmission.data.submissionResponseData[sectionKey]\n\n for (const [_key, questionObject] of Object.entries(sectionObject) as any) {\n if (questionObject?.metadata && questionObject.metadata?.followUpFormSubmissionId) {\n return true;\n }\n }\n\n return false;\n }\n\n render() {\n if (this.isLoading) {\n return (\n <udp-linear-loader />\n );\n }\n\n if (!this.udpForm) {\n return (\n <div class=\"error-banner\">\n <unity-typography variant=\"body2\">Error Loading Form</unity-typography>\n </div>\n );\n }\n\n let questionNumber = 1;\n\n const sectionSet = new Set();\n this.udpForm.formQuestions.forEach(fq => sectionSet.add(fq.section));\n // const orderedSectionNumbers = [...sectionSet].sort((a: number, b: number) => a - b);\n\n const hiddenQuestionTypes = [UdpFormsFieldTypeEnum.Hidden, UdpFormsFieldTypeEnum.Paragraph];\n\n const backgroundOverrides: { backgroundImage?: string | null; backgroundColor?: string | null } = {};\n if (this.udpForm?.styleOverrides?.background?.backgroundImage) {\n // uncomment when we want to allow background images\n //backgroundOverrides.backgroundImage = `url(${this.udpForm?.styleOverrides?.background?.backgroundImage})`;\n } else if (this.udpForm?.styleOverrides?.background?.backgroundColor) {\n backgroundOverrides.backgroundColor = this.udpForm?.styleOverrides?.background?.backgroundColor;\n }\n return (\n <div class={'background'} style={backgroundOverrides}>\n <udp-container maxWidth=\"md\">\n <div class=\"form-container\">\n {!this.submitSuccessful ? (\n \n <stencil-form\n handleSubmit={this.handleSubmit}\n initialValues={this.currentValues}\n handleChange={this.handleChange}\n onDirtyChange={event => this.formDirtyChange.emit(event.detail)}\n >\n {this.readonly && \n (<div class=\"error-banner\">\n <unity-typography variant=\"body2\">View Only Mode. The contents of this form cannot be changed.</unity-typography>\n </div>)}\n <fluent-dialog\n open={this.isDialogOpen}\n message={this.dialogMessage}\n labelOne={'Confirm'}\n labelTwo={'Cancel'}\n actionOne={() => this.dialogAction()}\n actionTwo={() => (this.isDialogOpen = false)}\n />\n {/********** QUESTIONS *********/}\n <div>\n {/* <div class=\"header\" style={this.udpForm?.styleOverrides?.headerBackgroundColor ? { backgroundColor: this.udpForm?.styleOverrides?.headerBackgroundColor } : ''}> */}\n <div class=\"form-section-block\">\n <div\n class=\"form-renderer-header\"\n style={{\n ...(this.udpForm?.styleOverrides?.headerBackgroundColor && {\n backgroundColor: this.udpForm.styleOverrides.headerBackgroundColor,\n }),\n }}\n >\n <unity-typography id={this.titleId} variant={'h6'} color=\"inherit\">\n {this.udpForm.name}\n </unity-typography>\n\n {/* Auto-save status indicator for authenticated users */}\n {this.showAutoSaveStatus && (\n <div class=\"auto-save-status\">\n {/* {this.isSaving && (\n <unity-typography variant=\"body\" color=\"primary\">\n Saving...\n </unity-typography>\n )} */}\n {this.saveErrorMessage && (\n <unity-typography variant=\"body\" color=\"secondary\">\n {this.saveErrorMessage}\n </unity-typography>\n )}\n </div>\n )}\n {this.isShowManualSaveIcon && (\n <udp-save-draft-button\n isVisible={this.isShowManualSaveIcon}\n isSaving={this.isSaving}\n // saveErrorMessage={this.saveErrorMessage}\n showSavedMessage={this.showSavedMessage}\n handleSave={this.handleSave}\n />\n )}\n </div>\n\n <div class=\"form-section-content\">\n <div class=\"items\">\n <div class=\"form-section-text\">\n <unity-typography id={this.descriptionId} variant={this.udpForm?.styleOverrides?.paragraphText?.variant ?? 'body'} color=\"inherit\">\n {this.udpForm.description}\n </unity-typography>\n </div>\n </div>\n </div>\n </div>\n {/* Save Button - moves between header and floating based on space */}\n {this.dynamicSections.map((section, sIndex) => {\n return (\n <div class=\"form-section-block\">\n <div class=\"form-section-header\">\n <div class=\"form-section-header-title\">\n <unity-typography variant=\"h6\" color=\"inherit\">\n {`${section.title}${section.sectionPositionSuffix > 1 ? ` (${section.sectionPositionSuffix})` : ''}`}\n </unity-typography>\n </div>\n <div class=\"form-section-header-actions\">\n {/* // Only show the add button if the section is repeatable and is the last in the repeat group */}\n {section.sectionProperties.isRepeatable && this.dynamicSections.filter(s => s.id === section.id).length === section.sectionPositionSuffix && !this.readonly && (\n <stencil-icon-button icon={getIconFromName('add')} tooltip=\"Repeat This Section\" onClick={() => this.duplicateRepeatableSection(sIndex)} />\n )}\n {/* // show the delete button if the section is repeatable and not the original section */}\n {!section.isOriginalSection && !this.readonly && (\n <stencil-icon-button \n icon={getIconFromName('subtract')} \n tooltip=\"Delete This Repeated Section\" \n onClick={\n () => {\n // e.stopPropagation();\n if (this.isSectionContainsFollowUpFormLink(`${section.name}_${section.sectionPositionSuffix}`)) {\n this.dialogAction = async () => {\n this.deleteRepeatableSection(sIndex)\n await this.performBackgroundSaveAndUpdateLocalSubmissionState(this.udpFormSubmission.data.submissionResponseData);\n this.isDialogOpen = false;\n }; \n } else {\n this.deleteRepeatableSection(sIndex)\n }\n \n this.isDialogOpen = true;\n }} />\n )}\n </div>\n </div>\n\n <div class=\"form-section-content\">\n <div class=\"items\">\n <div class=\"form-section-text\">\n <unity-typography variant=\"body\" color=\"inherit\">\n {section.sectionText}\n </unity-typography>\n </div>\n\n <div>\n {section.formQuestions.map((question: UdpFormQuestion) => {\n const isHidden = hiddenQuestionTypes.includes(question.fieldTypeId);\n const num: number = questionNumber;\n if (!isHidden) questionNumber++;\n\n const sectionKey = section.sectionPositionSuffix > 1 ? `${section.name}_${section.sectionPositionSuffix}` : `${section.name}`\n\n return (\n <div class=\"item\">\n <udp-question\n styleOverrides={{\n helperText: this.udpForm.styleOverrides?.helperText,\n paragraphText: this.udpForm.styleOverrides?.paragraphText,\n questionText: this.udpForm.styleOverrides?.questionText,\n }}\n question={question}\n questionNumber={num}\n value={this.currentValues?.[sectionKey]?.[question.name]?.value ?? ''}\n disabled={this.disabled}\n readonly={this.readonly}\n key={question.questionIdentifierKey}\n currentValues={this.currentValues}\n clientUserInfo={this.clientUserInfo}\n udpFormSubmission={this.udpFormSubmission}\n />\n </div>\n );\n })}\n </div>\n </div>\n </div>\n </div>\n );\n })}\n {this.udpFormSubmission?.status != UdpFormsSubmissionStatusEnum.Submitted && ( \n <div class=\"footer\">\n <input\n disabled={this.isLoading || this.disabled || this.readonly}\n type=\"submit\"\n value=\"Submit\"\n class=\"submit\"\n id=\"udpRecord-udp-forms-renderer-Submit\"\n onClick={() => {\n console.log('Submit button clicked');\n // Let the form handle the submit naturally\n }}\n />\n </div>\n )}\n </div>\n </stencil-form>\n ) : (\n //if the form has been submit, display success message with a button to trigger the action associated to the form\n <div class=\"center-div\">\n <udp-ambient-card>\n <div class=\"submit-card\">\n <unity-typography>Thank you for your submission.</unity-typography>\n {/* // No action configured for now. */}\n {/* <div class=\"finish-button\">\n <custom-button onClick={this.handleFinish}>Back</custom-button>\n </div> */}\n </div>\n </udp-ambient-card>\n </div>\n )}\n </div>\n </udp-container>\n </div>\n );\n }\n}\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"udp-forms-ui.entry.js","sources":["src/components/forms/udp-forms/udp-forms-renderer/udp-forms-renderer-ui/udp-forms-ui.css?tag=udp-forms-ui&encapsulation=shadow","src/components/forms/udp-forms/udp-forms-renderer/udp-forms-renderer-ui/udp-forms-ui.tsx"],"sourcesContent":[".background {\n background-color: var(--gray-01);\n height: 100%;\n overflow-y: auto;\n overflow-x: hidden;\n}\n\n.item {\n padding-bottom: var(--spacing-02);\n /* margin-bottom: var(--spacing-05); */\n}\n\n.items {\n display: flex;\n flex-direction: column;\n gap: var(--spacing-05);\n padding-top: var(--spacing-02);\n padding-bottom: var(--spacing-02);\n}\n\n.footer {\n display: flex;\n flex-direction: row-reverse;\n}\n\n.submit {\n background-color: var(--primary-color);\n box-sizing: border-box;\n border: none;\n color: white;\n padding: 8px 24px;\n font-size: 14px;\n font-weight: 600;\n cursor: pointer;\n transition: background-color 0.3s ease;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n text-decoration: none;\n min-width: 48px;\n min-height: 24px;\n /* Default size */\n}\n\n.submit:disabled {\n background-color: var(--gray-05);\n cursor: default;\n}\n\n.submit-card {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n}\n\n/* .form-section-content */\n.form-section-content {\n margin-bottom: var(--spacing-05);\n background-color: white;\n padding: 16px;\n display: flex;\n flex-direction: column;\n gap: var(--spacing-05);\n}\n\n.form-container {\n padding-top: var(--spacing-05);\n padding-bottom: var(--spacing-05);\n min-height: 100px;\n}\n\n.form-section-block {\n margin-bottom: var(--spacing-05);\n}\n\n.form-section-header {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n background-color: var(--primary-color, #000);\n color: var(--primary-contrast-text, #FFF);\n padding: var(--spacing-04, 16px) var(--spacing-05, 24px);\n align-items: center;\n min-height: var(--spacing-10, 60px);\n}\n\n.form-section-text {\n margin-bottom: var(--spacing-03);\n}\n\n.center-div {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n\n.finish-button {\n display: flex;\n flex-direction: column;\n justify-content: center;\n}\n\n/* .header */\n.form-renderer-header {\n padding: var(--spacing-05) var(--spacing-05);\n background-color: var(--primary-color-dark, #000);\n color: var(--primary-contrast-text, #FFF);\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.header-content {\n display: flex;\n align-items: flex-start;\n justify-content: space-between;\n gap: var(--spacing-03);\n}\n\n.header-text {\n flex: 1;\n min-width: 0;\n /* Allow text to shrink */\n}\n\n/* Save button visibility - JavaScript controlled */\n.header-save-button {\n display: block;\n /* Always available, component controls its own visibility */\n}\n\n.floating-save-button {\n display: block;\n /* Always available, component controls its own visibility */\n}\n\n.error-banner {\n background-color: #fdecea;\n border: 1px solid #f5c6cb;\n color: #a94442;\n padding: 12px;\n margin-bottom: 12px;\n border-radius: 4px;\n}\n\n\n/*\n * Save button visibility is now controlled by JavaScript-based overlap detection\n * in the udp-save-draft-button component. This provides real-time detection of\n * overlaps with form content, accounting for menu drawers and dynamic layouts.\n *\n * The component automatically switches between floating and inline modes based on\n * actual element positions and available space, not viewport breakpoints.\n */\n\n/* Mobile layout adjustments */\n@media (max-width: 768px) {\n .header-content {\n flex-direction: column;\n align-items: stretch;\n gap: var(--spacing-02);\n }\n\n .header-text {\n margin-bottom: var(--spacing-02);\n }\n}\n\n/* Small height screens: Always use header button */\n@media (max-height: 600px) {\n .header-save-button {\n display: block;\n }\n\n .floating-save-button {\n display: none;\n }\n}\n\n.auto-save-status {\n margin-top: var(--spacing-02);\n padding: var(--spacing-01) 0;\n font-size: 12px;\n opacity: 0.8;\n}","import { Component, h, Prop, State, Element, Watch, Event, EventEmitter } from '@stencil/core';\nimport { Guid, UdpFormQuestion } from '../../udp-forms-utils/types';\nimport { UdpFormsFieldTypeEnum, UdpFormsSubmissionStatusEnum } from '../../udp-forms-utils/enums';\nimport { fontOverrideMapping, overrideFont } from '../../udp-forms-utils/utils';\nimport { getIconFromName } from '../../../../data-display/icons/iconUtils';\nimport { UdpFormSubmission } from '../../udp-forms-utils/classes/UdpFormSubmission';\nimport { UdpForm } from '../../udp-forms-utils/classes/UdpForm';\n\n\n@Component({\n tag: 'udp-forms-ui',\n styleUrl: 'udp-forms-ui.css',\n shadow: true,\n})\nexport class UdpFormsUi {\n @Prop() udpForm: UdpForm;\n @Prop() currentValues: { [name: string]: any } = {};\n @Prop() udpFormSubmission: UdpFormSubmission\n @Prop() submitSuccessful: boolean = false;\n @Prop() isLoading: boolean = false;\n @Prop() isSaving: boolean = false;\n @Prop() saveErrorMessage: string | null = null;\n @Prop() showAutoSaveStatus: boolean = false;\n @Prop() disabled: boolean = false;\n @Prop() readonly: boolean = false;\n @Prop() handleSubmit: (values: any) => Promise<void>;\n @Prop() handleChange: (values: { [name: string]: any }) => void;\n @Prop() handleSave: (values: { [name: string]: any }) => Promise<void>;\n @Prop() handleAction: (actionId: Guid, params: Object) => void;\n @Prop() handleFinish: () => void;\n @Prop() clientUserInfo: { id: string | null; displayName: string | null; email: string | null } = {\n id: null,\n displayName: null,\n email: null,\n }; \n @Prop() isSubmitted: boolean = false;\n @Prop() dynamicSections: any[];\n @Prop() duplicateRepeatableSection: any;\n @Prop() deleteRepeatableSection: any;\n @Prop() isShowManualSaveIcon: boolean = false;\n @Prop() performBackgroundSaveAndUpdateLocalSubmissionState: (values: { [name: string]: any }) => Promise<void>;\n\n @State() showSavedMessage: boolean = false;\n\n @Event() formDirtyChange: EventEmitter<boolean>;\n\n @Element() el: HTMLElement;\n\n\n @State() isDialogOpen: boolean = false;\n @State() dialogAction: () => void;\n @State() dialogMessage: string = 'Are you sure you want to delete this section? This section contains links to follow-up forms. Deleting it will remove those links.';\n \n\n private savedMessageTimeoutId: any;\n\n private titleId: string = 'udp-forms-title';\n private descriptionId: string = 'udp-forms-description';\n\n componentDidLoad() {\n this.overrideStyles();\n }\n\n componentDidUpdate() {\n this.overrideStyles();\n }\n\n disconnectedCallback() {\n // Clean up timeout when component is destroyed\n if (this.savedMessageTimeoutId) {\n clearTimeout(this.savedMessageTimeoutId);\n }\n }\n\n @Watch('isSaving')\n watchIsSaving(newValue: boolean, oldValue: boolean) {\n // When isSaving changes from true to false (save completed successfully)\n if (oldValue === true && newValue === false && !this.saveErrorMessage) {\n this.showSavedMessage = true;\n\n // Clear any existing timeout\n if (this.savedMessageTimeoutId) {\n clearTimeout(this.savedMessageTimeoutId);\n }\n\n // Hide the \"Saved\" message after 5 seconds\n this.savedMessageTimeoutId = setTimeout(() => {\n this.showSavedMessage = false;\n }, 5000);\n }\n }\n\n overrideStyles() {\n const shadowRoot = (this as any).el?.shadowRoot;\n shadowRoot?.querySelectorAll('unity-typography').forEach(element => {\n const styleOverride =\n element.id === this.titleId ? this.udpForm?.styleOverrides?.titleText : element.id === this.descriptionId ? this.udpForm?.styleOverrides?.paragraphText : ({} as any);\n\n if (styleOverride?.fontFamily && fontOverrideMapping[styleOverride.fontFamily]) {\n overrideFont(element, fontOverrideMapping[styleOverride.fontFamily]);\n }\n if (styleOverride?.variant) {\n element.setAttribute('variant', styleOverride.variant);\n }\n });\n }\n\n private isSectionContainsFollowUpFormLink(sectionKey: string): boolean {\n const sectionObject = this.udpFormSubmission.data.submissionResponseData[sectionKey]\n\n for (const [_key, questionObject] of Object.entries(sectionObject) as any) {\n if (questionObject?.metadata && questionObject.metadata?.followUpFormSubmissionId) {\n return true;\n }\n }\n\n return false;\n }\n\n render() {\n if (this.isLoading) {\n return (\n <udp-linear-loader />\n );\n }\n\n if (!this.udpForm) {\n return (\n <div class=\"error-banner\">\n <unity-typography variant=\"body2\">Error Loading Form</unity-typography>\n </div>\n );\n }\n\n let questionNumber = 1;\n\n const sectionSet = new Set();\n this.udpForm.formQuestions.forEach(fq => sectionSet.add(fq.section));\n // const orderedSectionNumbers = [...sectionSet].sort((a: number, b: number) => a - b);\n\n const hiddenQuestionTypes = [UdpFormsFieldTypeEnum.Hidden, UdpFormsFieldTypeEnum.Paragraph];\n\n const backgroundOverrides: { backgroundImage?: string | null; backgroundColor?: string | null } = {};\n if (this.udpForm?.styleOverrides?.background?.backgroundImage) {\n // uncomment when we want to allow background images\n //backgroundOverrides.backgroundImage = `url(${this.udpForm?.styleOverrides?.background?.backgroundImage})`;\n } else if (this.udpForm?.styleOverrides?.background?.backgroundColor) {\n backgroundOverrides.backgroundColor = this.udpForm?.styleOverrides?.background?.backgroundColor;\n }\n return (\n <div class={'background'} style={backgroundOverrides}>\n <udp-container maxWidth=\"md\">\n <div class=\"form-container\">\n {!this.submitSuccessful ? (\n \n <stencil-form\n handleSubmit={this.handleSubmit}\n initialValues={this.currentValues}\n handleChange={this.handleChange}\n onDirtyChange={event => this.formDirtyChange.emit(event.detail)}\n >\n {this.readonly && \n (<div class=\"error-banner\">\n <unity-typography variant=\"body2\">View Only Mode. The contents of this form cannot be changed.</unity-typography>\n </div>)}\n <fluent-dialog\n open={this.isDialogOpen}\n message={this.dialogMessage}\n labelOne={'Confirm'}\n labelTwo={'Cancel'}\n actionOne={() => this.dialogAction()}\n actionTwo={() => (this.isDialogOpen = false)}\n />\n {/********** QUESTIONS *********/}\n <div>\n {/* <div class=\"header\" style={this.udpForm?.styleOverrides?.headerBackgroundColor ? { backgroundColor: this.udpForm?.styleOverrides?.headerBackgroundColor } : ''}> */}\n <div class=\"form-section-block\">\n <div\n class=\"form-renderer-header\"\n style={{\n ...(this.udpForm?.styleOverrides?.headerBackgroundColor && {\n backgroundColor: this.udpForm.styleOverrides.headerBackgroundColor,\n }),\n }}\n >\n <unity-typography id={this.titleId} variant={'h6'} color=\"inherit\">\n {this.udpForm.name}\n </unity-typography>\n\n {/* Auto-save status indicator for authenticated users */}\n {this.showAutoSaveStatus && (\n <div class=\"auto-save-status\">\n {/* {this.isSaving && (\n <unity-typography variant=\"body\" color=\"primary\">\n Saving...\n </unity-typography>\n )} */}\n {this.saveErrorMessage && (\n <unity-typography variant=\"body\" color=\"secondary\">\n {this.saveErrorMessage}\n </unity-typography>\n )}\n </div>\n )}\n {this.isShowManualSaveIcon && (\n <udp-save-draft-button\n isVisible={this.isShowManualSaveIcon}\n isSaving={this.isSaving}\n // saveErrorMessage={this.saveErrorMessage}\n showSavedMessage={this.showSavedMessage}\n handleSave={this.handleSave}\n />\n )}\n </div>\n\n <div class=\"form-section-content\">\n <div class=\"items\">\n <div class=\"form-section-text\">\n <unity-typography id={this.descriptionId} variant={this.udpForm?.styleOverrides?.paragraphText?.variant ?? 'body'} color=\"inherit\">\n {this.udpForm.description}\n </unity-typography>\n </div>\n </div>\n </div>\n </div>\n {/* Save Button - moves between header and floating based on space */}\n {this.dynamicSections.map((section, sIndex) => {\n return (\n <div class=\"form-section-block\">\n <div class=\"form-section-header\">\n <div class=\"form-section-header-title\">\n <unity-typography variant=\"h6\" color=\"inherit\">\n {`${section.title}${section.sectionPositionSuffix > 1 ? ` (${section.sectionPositionSuffix})` : ''}`}\n </unity-typography>\n </div>\n <div class=\"form-section-header-actions\">\n {/* // Only show the add button if the section is repeatable and is the last in the repeat group */}\n {section.sectionProperties.isRepeatable && this.dynamicSections.filter(s => s.id === section.id).length === section.sectionPositionSuffix && !this.readonly && (\n <stencil-icon-button icon={getIconFromName('add')} tooltip=\"Repeat This Section\" onClick={() => this.duplicateRepeatableSection(sIndex)} />\n )}\n {/* // show the delete button if the section is repeatable and not the original section */}\n {!section.isOriginalSection && !this.readonly && (\n <stencil-icon-button \n icon={getIconFromName('subtract')} \n tooltip=\"Delete This Repeated Section\" \n onClick={\n () => {\n // e.stopPropagation();\n if (this.isSectionContainsFollowUpFormLink(`${section.name}_${section.sectionPositionSuffix}`)) {\n this.dialogAction = async () => {\n this.deleteRepeatableSection(sIndex)\n await this.performBackgroundSaveAndUpdateLocalSubmissionState(this.udpFormSubmission.data.submissionResponseData);\n this.isDialogOpen = false;\n }; \n } else {\n this.deleteRepeatableSection(sIndex)\n }\n \n this.isDialogOpen = true;\n }} />\n )}\n </div>\n </div>\n\n <div class=\"form-section-content\">\n <div class=\"items\">\n <div class=\"form-section-text\">\n <unity-typography variant=\"body\" color=\"inherit\">\n {section.sectionText}\n </unity-typography>\n </div>\n\n <div>\n {section.formQuestions.map((question: UdpFormQuestion) => {\n const isHidden = hiddenQuestionTypes.includes(question.fieldTypeId);\n const num: number = questionNumber;\n if (!isHidden) questionNumber++;\n\n const sectionKey = section.sectionPositionSuffix > 1 ? `${section.name}_${section.sectionPositionSuffix}` : `${section.name}`\n\n return (\n <div class=\"item\">\n <udp-question\n styleOverrides={{\n helperText: this.udpForm.styleOverrides?.helperText,\n paragraphText: this.udpForm.styleOverrides?.paragraphText,\n questionText: this.udpForm.styleOverrides?.questionText,\n }}\n question={question}\n questionNumber={num}\n value={this.currentValues?.[sectionKey]?.[question.name]?.value ?? ''}\n disabled={this.disabled}\n readonly={this.readonly}\n key={question.questionIdentifierKey}\n currentValues={this.currentValues}\n clientUserInfo={this.clientUserInfo}\n udpFormSubmission={this.udpFormSubmission}\n />\n </div>\n );\n })}\n </div>\n </div>\n </div>\n </div>\n );\n })}\n {this.udpFormSubmission?.status != UdpFormsSubmissionStatusEnum.Submitted && ( \n <div class=\"footer\">\n <input\n disabled={this.isLoading || this.disabled || this.readonly}\n type=\"submit\"\n value=\"Submit\"\n class=\"submit\"\n id=\"udpRecord-udp-forms-renderer-Submit\"\n onClick={() => {\n // console.log('Submit button clicked');\n // Let the form handle the submit naturally\n }}\n />\n </div>\n )}\n </div>\n </stencil-form>\n ) : (\n //if the form has been submit, display success message with a button to trigger the action associated to the form\n <div class=\"center-div\">\n <udp-ambient-card>\n <div class=\"submit-card\">\n <unity-typography>Thank you for your submission.</unity-typography>\n {/* // No action configured for now. */}\n {/* <div class=\"finish-button\">\n <custom-button onClick={this.handleFinish}>Back</custom-button>\n </div> */}\n </div>\n </udp-ambient-card>\n </div>\n )}\n </div>\n </udp-container>\n </div>\n );\n }\n}\n"],"names":[],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as e,h as i,F as t,H as s}from"./index-CaZq3YdB.js";import{c as n}from"./enums-DHT5wSnX.js";import{g as o}from"./iconUtils-DcPvHO4A.js";import{q as a}from"./udp-forms-builder-question-template-D6ADNZEG.js";import"./iconMapping-CPerGeNF.js";import"@carbon/icons/es/add/16";import"@carbon/icons/es/add/32";import"@carbon/icons/es/add--alt/16";import"@carbon/icons/es/add--filled/16";import"@carbon/icons/es/arrows--horizontal/16";import"@carbon/icons/es/attachment/16";import"@carbon/icons/es/batch-job/16";import"@carbon/icons/es/box/16";import"@carbon/icons/es/close/16";import"@carbon/icons/es/close/24";import"@carbon/icons/es/close/32";import"@carbon/icons/es/close--filled/16";import"@carbon/icons/es/close--outline/16";import"@carbon/icons/es/checkmark/16";import"@carbon/icons/es/checkmark/24";import"@carbon/icons/es/checkmark/32";import"@carbon/icons/es/chevron--left/16";import"@carbon/icons/es/chevron--right/16";import"@carbon/icons/es/chevron--down/16";import"@carbon/icons/es/data-enrichment/16";import"@carbon/icons/es/document/16";import"@carbon/icons/es/document--add/16";import"@carbon/icons/es/document--attachment/16";import"@carbon/icons/es/document--pdf/16";import"@carbon/icons/es/document--video/16";import"@carbon/icons/es/document--audio/16";import"@carbon/icons/es/draggable/16";import"@carbon/icons/es/edit/16";import"@carbon/icons/es/export/16";import"@carbon/icons/es/flag/16";import"@carbon/icons/es/information/16";import"@carbon/icons/es/information/32";import"@carbon/icons/es/link/16";import"@carbon/icons/es/overflow-menu--vertical/16";import"@carbon/icons/es/overflow-menu--vertical/32";import"@carbon/icons/es/return/16";import"@carbon/icons/es/save/16";import"@carbon/icons/es/settings/16";import"@carbon/icons/es/subtract/16";import"@carbon/icons/es/subtract--alt/16";import"@carbon/icons/es/subtract--filled/16";import"@carbon/icons/es/trash-can/16";import"@carbon/icons/es/user/16";import"@carbon/icons/es/view/16";import"@carbon/icons/es/warning/16";import"@carbon/icons/es/warning/32";import"@carbon/icons/es/warning--alt/16";import"@carbon/icons/es/warning--alt/32";import"@carbon/icons/es/product/16";import"@carbon/icons/es/workspace/16";import"@carbon/icons/es/arrow--up/16";import"@carbon/icons/es/arrow--down/16";import"@carbon/icons/es/arrow--right/16";import"@carbon/icons/es/arrow--left/16";import"@carbon/icons/es/copy/16";import"@carbon/icons/es/star/16";import"@carbon/icons/es/data-table/16";import"@carbon/icons/es/fit-to-width/16";import"@carbon/icons/es/search--advanced/16";import"@carbon/icons/es/reset/16";import"@carbon/icons/es/column/16";import"@carbon/icons/es/column--delete/16";import"@carbon/icons/es/watson-health/rotate--360/16";import"@carbon/icons/es/filter/16";import"@carbon/icons/es/app-connectivity/16";import"@carbon/icons/es/text--font/16";import"@carbon/icons/es/text--long-paragraph/16";import"@carbon/icons/es/character--whole-number/16";import"@carbon/icons/es/checkbox--checked/16";import"@carbon/icons/es/radio-button--checked/16";import"@carbon/icons/es/event--schedule/16";import"@carbon/icons/es/view--off/16";import"@carbon/icons/es/time/16";import"@carbon/icons/es/calendar/16";import"@carbon/icons/es/list--checked/16";import"@carbon/icons/es/list--bulleted/16";import"@carbon/icons/es/cloud--upload/16";import"@carbon/icons/es/locked/16";import"@carbon/icons/es/pause/16";import"@carbon/icons/es/unlocked/16";import"@carbon/icons/es/send/16";import"@carbon/icons/es/email/16";import"@carbon/icons/es/checkmark--outline/16";import"@carbon/icons/es/migrate--alt/16";import"@carbon/icons/es/checkbox--checked--filled/16";import"@carbon/icons/es/checkbox/16";import"@carbon/icons/es/ZIP/16";import"@carbon/icons/es/image/16";import"@carbon/icons/es/PPT/16";import"@carbon/icons/es/XLS/16";const r=":host{display:block}.question-item-date-inputs-container,.question-item-time-inputs-container,.question-item-date-time-inputs-container{display:flex;flex-direction:column;gap:var(--spacing-04, 16px)}.question-item-date-inputs-container-date-range,.question-item-date-inputs-container-time-range,.question-item-date-inputs-container-datetime-range{display:flex;flex-direction:row;gap:var(--spacing-04, 16px)}";const c=class{constructor(i){e(this,i)}renderSwitch(){var e;switch(this.question.fieldTypeId){case n.DateSelector:return i("div",{class:"question-item-date-inputs-container"},i("div",{class:"question-item-date-inputs-container-date-range"},i("udp-date-selector",{label:"Min Date",value:this.question.fieldProperties.minDate,fullWidth:true,onChange:e=>{if(this.isViewOnly)return;const i=this.getHandler(this.question.fieldTypeId,"handleFieldPropertyDateTime");const t=i(e,this.formSectionsDraft,this.sIndex,this.qIndex,"minDate");this.onFormSectionsDraftChange(t)}}),i("udp-date-selector",{label:"Max Date",value:this.question.fieldProperties.maxDate,fullWidth:true,onChange:e=>{if(this.isViewOnly)return;const i=this.getHandler(this.question.fieldTypeId,"handleFieldPropertyDateTime");const t=i(e,this.formSectionsDraft,this.sIndex,this.qIndex,"maxDate");this.onFormSectionsDraftChange(t)}})),i("stencil-toggle",{label:"Allow Future Date",disabled:this.isViewOnly,checked:this.question.fieldProperties.allowFutureDate===true,onToggledChange:()=>{if(this.isViewOnly)return;const e=this.getHandler(this.question.fieldTypeId,"handleFieldPropertyBooleanToggle");const i=e(this.formSectionsDraft,this.sIndex,this.qIndex,"allowFutureDate");this.onFormSectionsDraftChange(i)},labelPosition:"right"}));case n.TimeSelector:return i("div",{class:"question-item-time-inputs-container"},i("div",{class:"question-item-date-inputs-container-time-range"},i("udp-time-selector",{label:"Min Time",value:this.question.fieldProperties.minTime,fullWidth:true,onChange:e=>{if(this.isViewOnly)return;const i=this.getHandler(this.question.fieldTypeId,"handleFieldPropertyDateTime");const t=i(e,this.formSectionsDraft,this.sIndex,this.qIndex,"minTime");this.onFormSectionsDraftChange(t)}}),i("udp-time-selector",{label:"Max Time",value:this.question.fieldProperties.maxTime,fullWidth:true,onChange:e=>{if(this.isViewOnly)return;const i=this.getHandler(this.question.fieldTypeId,"handleFieldPropertyDateTime");const t=i(e,this.formSectionsDraft,this.sIndex,this.qIndex,"maxTime");this.onFormSectionsDraftChange(t)}})));case n.DateTimeSelector:return i(t,null,i("div",{class:"question-item-date-time-inputs-container"},i("div",{class:"question-item-date-inputs-container-datetime-range"},i("udp-datetime-selector",{label:"Min Datetime",value:this.question.fieldProperties.minDateTime,fullWidth:true,onChange:e=>{if(this.isViewOnly)return;const i=this.getHandler(this.question.fieldTypeId,"handleFieldPropertyDateTime");const t=i(e,this.formSectionsDraft,this.sIndex,this.qIndex,"minDateTime");this.onFormSectionsDraftChange(t)}}),i("udp-datetime-selector",{label:"Max Datetime",value:this.question.fieldProperties.maxDateTime,fullWidth:true,onChange:e=>{if(this.isViewOnly)return;const i=this.getHandler(this.question.fieldTypeId,"handleFieldPropertyDateTime");const t=i(e,this.formSectionsDraft,this.sIndex,this.qIndex,"maxDateTime");this.onFormSectionsDraftChange(t)}})),i("div",{class:"question-item-future-date-container"},i("stencil-toggle",{label:"Allow Future Date",disabled:this.isViewOnly,checked:!!((e=this.question.fieldProperties)===null||e===void 0?void 0:e.allowFutureDate),onToggledChange:()=>{if(this.isViewOnly)return;const e=this.getHandler(this.question.fieldTypeId,"handleFieldPropertyBooleanToggle");const i=e(this.formSectionsDraft,this.sIndex,this.qIndex,"allowFutureDate");this.onFormSectionsDraftChange(i)},labelPosition:"right"}))));default:return null}}render(){return this.renderSwitch()}};c.style=r;const l=".file-upload-input-container{display:flex;flex-direction:column;}";const d=class{constructor(i){e(this,i)}render(){var e,t;return i("div",{key:"4c2326ffeef74c656ee599ca6d689d94e2783d47",class:"file-upload-input-container"},i("div",{key:"fd65c4069a3c91400384f0d96ab6a41d4ff95b6e"},i("stencil-toggle",{key:"e72cee723049232e0e8a44502ff5f13fded37a93",label:"Hide Drag And Drop",disabled:this.isViewOnly,checked:!!((e=this.question.fieldProperties)===null||e===void 0?void 0:e.hideDragAndDrop),onToggledChange:()=>{if(this.isViewOnly)return;const e=this.getHandler(this.question.fieldTypeId,"handleFieldPropertyBooleanToggle");const i=e(this.formSectionsDraft,this.sIndex,this.qIndex,"hideDragAndDrop");this.onFormSectionsDraftChange(i)},labelPosition:"right"})),i("div",{key:"ccb8385b5af42cecbe0cb57ff2a2250d38a684d8"},i("stencil-toggle",{key:"1737f83b6faae4e1fe15b69c5b970992155e291c",label:"Hide Button",disabled:this.isViewOnly,checked:!!((t=this.question.fieldProperties)===null||t===void 0?void 0:t.hideButton),onToggledChange:()=>{if(this.isViewOnly)return;const e=this.getHandler(this.question.fieldTypeId,"handleFieldPropertyBooleanToggle");const i=e(this.formSectionsDraft,this.sIndex,this.qIndex,"hideButton");this.onFormSectionsDraftChange(i)},labelPosition:"right"})))}};d.style=l;const h=".form-metadata-display-container{display:flex;flex-direction:column;gap:var(--spacing-04, 16px);}";const p=class{constructor(i){e(this,i)}render(){var e,t,s;return i("div",{key:"e10607a1b9fb72327df92602bd123f1e35c26821",class:"form-metadata-display-input-container"},i("div",{key:"03d34b6008aec023f1e226a6221945ad52748eb1"},i("stencil-toggle",{key:"d4be9d819b2c6a96797d04bbc9eca620c86dce2b",label:"Show Form Responder Full Name",disabled:this.isViewOnly,checked:!!((e=this.question.fieldProperties)===null||e===void 0?void 0:e.displayOwnerFullName),onToggledChange:()=>{if(this.isViewOnly)return;const e=this.getHandler(this.question.fieldTypeId,"handleFieldPropertyBooleanToggle");const i=e(this.formSectionsDraft,this.sIndex,this.qIndex,"displayOwnerFullName");this.onFormSectionsDraftChange(i)},labelPosition:"right"}),i("stencil-toggle",{key:"23a30c998dd4d1d0267bba66fa1fd6d78bed7ae1",label:"Show Form Responder Email",disabled:this.isViewOnly,checked:!!((t=this.question.fieldProperties)===null||t===void 0?void 0:t.displayOwnerEmail),onToggledChange:()=>{if(this.isViewOnly)return;const e=this.getHandler(this.question.fieldTypeId,"handleFieldPropertyBooleanToggle");const i=e(this.formSectionsDraft,this.sIndex,this.qIndex,"displayOwnerEmail");this.onFormSectionsDraftChange(i)},labelPosition:"right"}),i("stencil-toggle",{key:"7f7f8e96f1d1390a441f6a024d2e39703c98817b",label:"Show Submission Date",disabled:this.isViewOnly,checked:!!((s=this.question.fieldProperties)===null||s===void 0?void 0:s.displaySubmissionDate),onToggledChange:()=>{if(this.isViewOnly)return;const e=this.getHandler(this.question.fieldTypeId,"handleFieldPropertyBooleanToggle");const i=e(this.formSectionsDraft,this.sIndex,this.qIndex,"displaySubmissionDate");this.onFormSectionsDraftChange(i)},labelPosition:"right"})))}};p.style=h;const u="/* Styles for list-options-renderer */\n\n:host {\n padding: 0;\n display: block;\n\n\n .question-item-options-list-container {\n display: flex;\n flex-direction: column;\n gap: var(--spacing-04, 16px);\n padding: var(--spacing-04, 16px) 0;\n /* background-color: var(--primary-color-alpha-15); */\n }\n\n .question-item-options-item {\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: var(--spacing-04, 16px);\n padding: var(--spacing-03, 16px);\n width: 100%;\n border-radius: var(--border-radius);\n border: 1px solid var(--gray-03);\n box-sizing: border-box;\n box-shadow: var(--elevation-01);\n background-color: var(--card-background-color, #fff);\n margin: 0.3em 0;\n }\n\n .question-item-options-item-fields {\n display: flex;\n flex-direction: row;\n gap: var(--spacing-04, 16px);\n flex-grow: 1;\n }\n\n .list-options-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n}\n\n/* \n.question-item-options-list-container {\n display: flex;\n align-items: center;\n justify-content: space-between;\n border-radius: var(--border-radius);\n gap: var(--spacing-03);\n}\n\n.question-item-options-list-single-item-container {\n}\n\n.question-item-options-text-field-list-item {\n display: flex;\n gap: var(--spacing-03);\n} */";const m=class{constructor(i){e(this,i)}render(){var e,t,n,a,r;return i(s,{key:"3e05e3fc4a8c9ee6b4bdf6704034650484afcba1"},i("div",{key:"abf8e11faf5b73a832f9d8d6ee1115a92636ff1c",class:"question-item-options-list-container"},((e=this.lookupOptions)===null||e===void 0?void 0:e.length)>1&&i("stencil-toggle",{key:"119dbd478256a10b233921a2bb432d92b9cd9398",label:"Use Lookup Options",disabled:this.isViewOnly,checked:!!(((t=this.question)===null||t===void 0?void 0:t.fieldProperties)&&"lookupId"in this.question.fieldProperties),labelPosition:"right",onToggledChange:()=>{const e=this.getHandler(this.question.fieldTypeId,"handleFieldPropertyToggleManualOrLookupOptions");const i=e(this.formSectionsDraft,this.sIndex,this.qIndex);this.onFormSectionsDraftChange(i)}}),"lookupId"in this.question.fieldProperties&&i("div",{key:"d27e324179a2599c4ef5eaa8f2d7b52ccc92bdfc"},i("udp-selector",{label:"Lookup Source",key:"lookup-selector",initialValue:((n=this.question.fieldProperties)===null||n===void 0?void 0:n.lookupId)||"",options:this.lookupOptions,disabled:this.isViewOnly,required:true,onChange:e=>{const i=this.getHandler(this.question.fieldTypeId,"handleFieldPropertyLookupChange");const t=i(e.detail,this.formSectionsDraft,this.sIndex,this.qIndex);this.onFormSectionsDraftChange(t)}})),"items"in this.question.fieldProperties&&i("div",{key:"290a6b602fdee937e5986e8894ba24a44cfd449b"},i("div",{key:"c375b69abffc73baa7b678be4cc6cc6715a9bf1b",class:"list-options-header"},i("unity-typography",{key:"88aaa96be7eeea791fd1785970f10c6d84170298",variant:"h6"},"Configure Select Options"),!this.isViewOnly&&"items"in this.question.fieldProperties&&i("udp-button",{key:"b0c6d0e1140418896cbc1eba471eb46836f3135b",variant:"text",onClick:()=>{const e=this.getHandler(this.question.fieldTypeId,"handleFieldPropertyAddListItem");const i=e(this.formSectionsDraft,this.sIndex,this.qIndex,"","");this.onFormSectionsDraftChange(i)},startIcon:i("udp-icon",{iconName:"add",darkIcon:true}),title:"Add an Option"},"Add an Option")),(r=(a=this.question.fieldProperties)===null||a===void 0?void 0:a.items)===null||r===void 0?void 0:r.map(((e,t)=>i("div",{key:t,class:"question-item-options-item"},i("div",{class:"question-item-options-item-fields"},i("text-field",{label:"Display Text",value:e.display,disabled:this.isViewOnly,placeholder:"Display Text",required:true,onInput:e=>{const i=this.getHandler(this.question.fieldTypeId,"handleFieldPropertyListItemChange");const s=i(e,this.formSectionsDraft,this.sIndex,this.qIndex,t,"display");this.onFormSectionsDraftChange(s)}}),i("text-field",{label:"Option Value",value:e.value,disabled:this.isViewOnly,placeholder:"Option Value",required:true,onInput:e=>{const i=this.getHandler(this.question.fieldTypeId,"handleFieldPropertyListItemChange");const s=i(e,this.formSectionsDraft,this.sIndex,this.qIndex,t,"value");this.onFormSectionsDraftChange(s)}})),this.question.fieldProperties.items.length>1&&!this.isViewOnly&&i("stencil-icon-button",{icon:o("trashCan"),onClick:()=>{const e=this.getHandler(this.question.fieldTypeId,"handleFieldPropertyRemoveListItem");const i=e(this.formSectionsDraft,this.sIndex,this.qIndex,t);this.onFormSectionsDraftChange(i)}})))))))}};m.style=u;const b="";const f=class{constructor(i){e(this,i);this.getHandler=(e,i)=>{var t;const s=a.find((i=>i.fieldTypeId===e));return(t=s===null||s===void 0?void 0:s.handlers)===null||t===void 0?void 0:t[i]}}get question(){var e,i;return(i=(e=this.formSectionsDraft)===null||e===void 0?void 0:e[this.sIndex].formQuestions)===null||i===void 0?void 0:i[this.qIndex]}render(){var e;switch(this.question.fieldTypeId){case n.Paragraph:return i("text-area",{label:"Paragraph Text",value:((e=this.question.fieldProperties)===null||e===void 0?void 0:e.paragraphText)||"",disabled:this.isViewOnly,placeholder:"Enter the paragraph text here",rows:3,maxRows:10,fullWidth:true,margin:"dense",onInput:e=>{const i=this.getHandler(this.question.fieldTypeId,"handleParagraphValueChange");const t=i(e,this.formSectionsDraft,this.sIndex,this.qIndex);this.onFormSectionsDraftChange(t)}});case n.SingleLineText:case n.MultiLineText:return i("text-input-renderer",{question:this.question,isViewOnly:this.isViewOnly,formSectionsDraft:this.formSectionsDraft,sIndex:this.sIndex,qIndex:this.qIndex,onFormSectionsDraftChange:this.onFormSectionsDraftChange,getHandler:this.getHandler});case n.Checkbox:case n.RadioButton:case n.DropdownSingleSelect:case n.DropdownMultipleSelect:case n.ListMultiSelect:return i("list-options-renderer",{question:this.question,isViewOnly:this.isViewOnly,formSectionsDraft:this.formSectionsDraft,sIndex:this.sIndex,qIndex:this.qIndex,onFormSectionsDraftChange:this.onFormSectionsDraftChange,getHandler:this.getHandler,lookupOptions:this.lookupOptions});case n.DateSelector:case n.TimeSelector:case n.DateTimeSelector:return i("date-time-renderer",{question:this.question,isViewOnly:this.isViewOnly,formSectionsDraft:this.formSectionsDraft,sIndex:this.sIndex,qIndex:this.qIndex,onFormSectionsDraftChange:this.onFormSectionsDraftChange,getHandler:this.getHandler});case n.FileUpload:case n.ImageUpload:return i("file-upload-renderer",{question:this.question,isViewOnly:this.isViewOnly,formSectionsDraft:this.formSectionsDraft,sIndex:this.sIndex,qIndex:this.qIndex,onFormSectionsDraftChange:this.onFormSectionsDraftChange,getHandler:this.getHandler});case n.Signature:return i("signature-renderer",{question:this.question,isViewOnly:this.isViewOnly,formSectionsDraft:this.formSectionsDraft,sIndex:this.sIndex,qIndex:this.qIndex,onFormSectionsDraftChange:this.onFormSectionsDraftChange,getHandler:this.getHandler});case n.FormMetadataDisplay:return i("form-metadata-display-renderer",{question:this.question,isViewOnly:this.isViewOnly,formSectionsDraft:this.formSectionsDraft,sIndex:this.sIndex,qIndex:this.qIndex,onFormSectionsDraftChange:this.onFormSectionsDraftChange,getHandler:this.getHandler});default:return null}}};f.style=b;const g=".signature-input-container{display:flex;flex-direction:column;gap:var(--spacing-04, 16px);}";const v=class{constructor(i){e(this,i)}render(){var e;return i("div",{key:"6504d5b164d906b95d0083f9433fe55e86a2ca1e",class:"signature-input-container"},i("div",{key:"0f3df9cef903445e1aea241d76fb14f7860a83cf"},i("stencil-toggle",{key:"30326792d5f66c154c9e1b4b1ba0e64101a28565",label:"Include Location",disabled:this.isViewOnly,checked:!!((e=this.question.fieldProperties)===null||e===void 0?void 0:e.includeLocation),onToggledChange:()=>{if(this.isViewOnly)return;const e=this.getHandler(this.question.fieldTypeId,"handleFieldPropertyBooleanToggle");const i=e(this.formSectionsDraft,this.sIndex,this.qIndex,"includeLocation");this.onFormSectionsDraftChange(i)},labelPosition:"right"})))}};v.style=g;const y=".question-item-text-input-container{display:flex;flex-direction:column;gap:var(--spacing-04, 16px)}.question-item-text-input-container>div{width:100%}";const x=class{constructor(i){e(this,i)}render(){var e,t;return i("div",{key:"7429e730015026c0e4e4f6d3cbf68402d5177ba0",class:"question-item-text-input-container"},i("div",{key:"bc460a579730a1f1d8ed9d7d84d45972c1e6413e"},i("numeric-field",{key:"2bf3ba87349d3cb47d8406e4ce3f8bbd737f4d25",label:"Min Character Length",value:(e=this.question.fieldProperties.minCharacter)===null||e===void 0?void 0:e.toString(),disabled:this.isViewOnly,onChange:e=>{const i=this.getHandler(this.question.fieldTypeId,"handleFieldPropertyMinMaxCharacter");const t={target:{value:e.detail}};const s=i(t,this.formSectionsDraft,this.sIndex,this.qIndex,"minCharacter");this.onFormSectionsDraftChange(s)}})),i("div",{key:"f492a17d103a5a9ddb4a94744eb5dc883b2f6d66"},i("numeric-field",{key:"18ad54bd2a1bfa1e263a53235aafef8d0c29da40",label:"Max Character Length",value:(t=this.question.fieldProperties.maxCharacter)===null||t===void 0?void 0:t.toString(),disabled:this.isViewOnly,onChange:e=>{const i=this.getHandler(this.question.fieldTypeId,"handleFieldPropertyMinMaxCharacter");const t={target:{value:e.detail}};const s=i(t,this.formSectionsDraft,this.sIndex,this.qIndex,"maxCharacter");this.onFormSectionsDraftChange(s)}})))}};x.style=y;export{c as date_time_renderer,d as file_upload_renderer,p as form_metadata_display_renderer,m as list_options_renderer,f as question_specific_configs_renderer,v as signature_renderer,x as text_input_renderer};
|
|
1
|
+
import{r as e,h as i,F as t,H as s}from"./index-CaZq3YdB.js";import{c as n}from"./enums-D5dod6Ie.js";import{g as o}from"./iconUtils-DcPvHO4A.js";import{q as a}from"./udp-forms-builder-question-template-BsYOju9V.js";import"./iconMapping-CPerGeNF.js";import"@carbon/icons/es/add/16";import"@carbon/icons/es/add/32";import"@carbon/icons/es/add--alt/16";import"@carbon/icons/es/add--filled/16";import"@carbon/icons/es/arrows--horizontal/16";import"@carbon/icons/es/attachment/16";import"@carbon/icons/es/batch-job/16";import"@carbon/icons/es/box/16";import"@carbon/icons/es/close/16";import"@carbon/icons/es/close/24";import"@carbon/icons/es/close/32";import"@carbon/icons/es/close--filled/16";import"@carbon/icons/es/close--outline/16";import"@carbon/icons/es/checkmark/16";import"@carbon/icons/es/checkmark/24";import"@carbon/icons/es/checkmark/32";import"@carbon/icons/es/chevron--left/16";import"@carbon/icons/es/chevron--right/16";import"@carbon/icons/es/chevron--down/16";import"@carbon/icons/es/data-enrichment/16";import"@carbon/icons/es/document/16";import"@carbon/icons/es/document--add/16";import"@carbon/icons/es/document--attachment/16";import"@carbon/icons/es/document--pdf/16";import"@carbon/icons/es/document--video/16";import"@carbon/icons/es/document--audio/16";import"@carbon/icons/es/draggable/16";import"@carbon/icons/es/edit/16";import"@carbon/icons/es/export/16";import"@carbon/icons/es/flag/16";import"@carbon/icons/es/information/16";import"@carbon/icons/es/information/32";import"@carbon/icons/es/link/16";import"@carbon/icons/es/overflow-menu--vertical/16";import"@carbon/icons/es/overflow-menu--vertical/32";import"@carbon/icons/es/return/16";import"@carbon/icons/es/save/16";import"@carbon/icons/es/settings/16";import"@carbon/icons/es/subtract/16";import"@carbon/icons/es/subtract--alt/16";import"@carbon/icons/es/subtract--filled/16";import"@carbon/icons/es/trash-can/16";import"@carbon/icons/es/user/16";import"@carbon/icons/es/view/16";import"@carbon/icons/es/warning/16";import"@carbon/icons/es/warning/32";import"@carbon/icons/es/warning--alt/16";import"@carbon/icons/es/warning--alt/32";import"@carbon/icons/es/product/16";import"@carbon/icons/es/workspace/16";import"@carbon/icons/es/arrow--up/16";import"@carbon/icons/es/arrow--down/16";import"@carbon/icons/es/arrow--right/16";import"@carbon/icons/es/arrow--left/16";import"@carbon/icons/es/copy/16";import"@carbon/icons/es/star/16";import"@carbon/icons/es/data-table/16";import"@carbon/icons/es/fit-to-width/16";import"@carbon/icons/es/search--advanced/16";import"@carbon/icons/es/reset/16";import"@carbon/icons/es/column/16";import"@carbon/icons/es/column--delete/16";import"@carbon/icons/es/watson-health/rotate--360/16";import"@carbon/icons/es/filter/16";import"@carbon/icons/es/app-connectivity/16";import"@carbon/icons/es/text--font/16";import"@carbon/icons/es/text--long-paragraph/16";import"@carbon/icons/es/character--whole-number/16";import"@carbon/icons/es/checkbox--checked/16";import"@carbon/icons/es/radio-button--checked/16";import"@carbon/icons/es/event--schedule/16";import"@carbon/icons/es/view--off/16";import"@carbon/icons/es/time/16";import"@carbon/icons/es/calendar/16";import"@carbon/icons/es/list--checked/16";import"@carbon/icons/es/list--bulleted/16";import"@carbon/icons/es/cloud--upload/16";import"@carbon/icons/es/locked/16";import"@carbon/icons/es/pause/16";import"@carbon/icons/es/unlocked/16";import"@carbon/icons/es/send/16";import"@carbon/icons/es/email/16";import"@carbon/icons/es/checkmark--outline/16";import"@carbon/icons/es/migrate--alt/16";import"@carbon/icons/es/checkbox--checked--filled/16";import"@carbon/icons/es/checkbox/16";import"@carbon/icons/es/ZIP/16";import"@carbon/icons/es/image/16";import"@carbon/icons/es/PPT/16";import"@carbon/icons/es/XLS/16";const r=":host{display:block}.question-item-date-inputs-container,.question-item-time-inputs-container,.question-item-date-time-inputs-container{display:flex;flex-direction:column;gap:var(--spacing-04, 16px)}.question-item-date-inputs-container-date-range,.question-item-date-inputs-container-time-range,.question-item-date-inputs-container-datetime-range{display:flex;flex-direction:row;gap:var(--spacing-04, 16px)}";const c=class{constructor(i){e(this,i)}renderSwitch(){var e;switch(this.question.fieldTypeId){case n.DateSelector:return i("div",{class:"question-item-date-inputs-container"},i("div",{class:"question-item-date-inputs-container-date-range"},i("udp-date-selector",{label:"Min Date",value:this.question.fieldProperties.minDate,fullWidth:true,onChange:e=>{if(this.isViewOnly)return;const i=this.getHandler(this.question.fieldTypeId,"handleFieldPropertyDateTime");const t=i(e,this.formSectionsDraft,this.sIndex,this.qIndex,"minDate");this.onFormSectionsDraftChange(t)}}),i("udp-date-selector",{label:"Max Date",value:this.question.fieldProperties.maxDate,fullWidth:true,onChange:e=>{if(this.isViewOnly)return;const i=this.getHandler(this.question.fieldTypeId,"handleFieldPropertyDateTime");const t=i(e,this.formSectionsDraft,this.sIndex,this.qIndex,"maxDate");this.onFormSectionsDraftChange(t)}})),i("stencil-toggle",{label:"Allow Future Date",disabled:this.isViewOnly,checked:this.question.fieldProperties.allowFutureDate===true,onToggledChange:()=>{if(this.isViewOnly)return;const e=this.getHandler(this.question.fieldTypeId,"handleFieldPropertyBooleanToggle");const i=e(this.formSectionsDraft,this.sIndex,this.qIndex,"allowFutureDate");this.onFormSectionsDraftChange(i)},labelPosition:"right"}));case n.TimeSelector:return i("div",{class:"question-item-time-inputs-container"},i("div",{class:"question-item-date-inputs-container-time-range"},i("udp-time-selector",{label:"Min Time",value:this.question.fieldProperties.minTime,fullWidth:true,onChange:e=>{if(this.isViewOnly)return;const i=this.getHandler(this.question.fieldTypeId,"handleFieldPropertyDateTime");const t=i(e,this.formSectionsDraft,this.sIndex,this.qIndex,"minTime");this.onFormSectionsDraftChange(t)}}),i("udp-time-selector",{label:"Max Time",value:this.question.fieldProperties.maxTime,fullWidth:true,onChange:e=>{if(this.isViewOnly)return;const i=this.getHandler(this.question.fieldTypeId,"handleFieldPropertyDateTime");const t=i(e,this.formSectionsDraft,this.sIndex,this.qIndex,"maxTime");this.onFormSectionsDraftChange(t)}})));case n.DateTimeSelector:return i(t,null,i("div",{class:"question-item-date-time-inputs-container"},i("div",{class:"question-item-date-inputs-container-datetime-range"},i("udp-datetime-selector",{label:"Min Datetime",value:this.question.fieldProperties.minDateTime,fullWidth:true,onChange:e=>{if(this.isViewOnly)return;const i=this.getHandler(this.question.fieldTypeId,"handleFieldPropertyDateTime");const t=i(e,this.formSectionsDraft,this.sIndex,this.qIndex,"minDateTime");this.onFormSectionsDraftChange(t)}}),i("udp-datetime-selector",{label:"Max Datetime",value:this.question.fieldProperties.maxDateTime,fullWidth:true,onChange:e=>{if(this.isViewOnly)return;const i=this.getHandler(this.question.fieldTypeId,"handleFieldPropertyDateTime");const t=i(e,this.formSectionsDraft,this.sIndex,this.qIndex,"maxDateTime");this.onFormSectionsDraftChange(t)}})),i("div",{class:"question-item-future-date-container"},i("stencil-toggle",{label:"Allow Future Date",disabled:this.isViewOnly,checked:!!((e=this.question.fieldProperties)===null||e===void 0?void 0:e.allowFutureDate),onToggledChange:()=>{if(this.isViewOnly)return;const e=this.getHandler(this.question.fieldTypeId,"handleFieldPropertyBooleanToggle");const i=e(this.formSectionsDraft,this.sIndex,this.qIndex,"allowFutureDate");this.onFormSectionsDraftChange(i)},labelPosition:"right"}))));default:return null}}render(){return this.renderSwitch()}};c.style=r;const l=".file-upload-input-container{display:flex;flex-direction:column;}";const d=class{constructor(i){e(this,i)}render(){var e,t;return i("div",{key:"4c2326ffeef74c656ee599ca6d689d94e2783d47",class:"file-upload-input-container"},i("div",{key:"fd65c4069a3c91400384f0d96ab6a41d4ff95b6e"},i("stencil-toggle",{key:"e72cee723049232e0e8a44502ff5f13fded37a93",label:"Hide Drag And Drop",disabled:this.isViewOnly,checked:!!((e=this.question.fieldProperties)===null||e===void 0?void 0:e.hideDragAndDrop),onToggledChange:()=>{if(this.isViewOnly)return;const e=this.getHandler(this.question.fieldTypeId,"handleFieldPropertyBooleanToggle");const i=e(this.formSectionsDraft,this.sIndex,this.qIndex,"hideDragAndDrop");this.onFormSectionsDraftChange(i)},labelPosition:"right"})),i("div",{key:"ccb8385b5af42cecbe0cb57ff2a2250d38a684d8"},i("stencil-toggle",{key:"1737f83b6faae4e1fe15b69c5b970992155e291c",label:"Hide Button",disabled:this.isViewOnly,checked:!!((t=this.question.fieldProperties)===null||t===void 0?void 0:t.hideButton),onToggledChange:()=>{if(this.isViewOnly)return;const e=this.getHandler(this.question.fieldTypeId,"handleFieldPropertyBooleanToggle");const i=e(this.formSectionsDraft,this.sIndex,this.qIndex,"hideButton");this.onFormSectionsDraftChange(i)},labelPosition:"right"})))}};d.style=l;const h=".form-metadata-display-container{display:flex;flex-direction:column;gap:var(--spacing-04, 16px);}";const p=class{constructor(i){e(this,i)}render(){var e,t,s;return i("div",{key:"e10607a1b9fb72327df92602bd123f1e35c26821",class:"form-metadata-display-input-container"},i("div",{key:"03d34b6008aec023f1e226a6221945ad52748eb1"},i("stencil-toggle",{key:"d4be9d819b2c6a96797d04bbc9eca620c86dce2b",label:"Show Form Responder Full Name",disabled:this.isViewOnly,checked:!!((e=this.question.fieldProperties)===null||e===void 0?void 0:e.displayOwnerFullName),onToggledChange:()=>{if(this.isViewOnly)return;const e=this.getHandler(this.question.fieldTypeId,"handleFieldPropertyBooleanToggle");const i=e(this.formSectionsDraft,this.sIndex,this.qIndex,"displayOwnerFullName");this.onFormSectionsDraftChange(i)},labelPosition:"right"}),i("stencil-toggle",{key:"23a30c998dd4d1d0267bba66fa1fd6d78bed7ae1",label:"Show Form Responder Email",disabled:this.isViewOnly,checked:!!((t=this.question.fieldProperties)===null||t===void 0?void 0:t.displayOwnerEmail),onToggledChange:()=>{if(this.isViewOnly)return;const e=this.getHandler(this.question.fieldTypeId,"handleFieldPropertyBooleanToggle");const i=e(this.formSectionsDraft,this.sIndex,this.qIndex,"displayOwnerEmail");this.onFormSectionsDraftChange(i)},labelPosition:"right"}),i("stencil-toggle",{key:"7f7f8e96f1d1390a441f6a024d2e39703c98817b",label:"Show Submission Date",disabled:this.isViewOnly,checked:!!((s=this.question.fieldProperties)===null||s===void 0?void 0:s.displaySubmissionDate),onToggledChange:()=>{if(this.isViewOnly)return;const e=this.getHandler(this.question.fieldTypeId,"handleFieldPropertyBooleanToggle");const i=e(this.formSectionsDraft,this.sIndex,this.qIndex,"displaySubmissionDate");this.onFormSectionsDraftChange(i)},labelPosition:"right"})))}};p.style=h;const u="/* Styles for list-options-renderer */\n\n:host {\n padding: 0;\n display: block;\n\n\n .question-item-options-list-container {\n display: flex;\n flex-direction: column;\n gap: var(--spacing-04, 16px);\n padding: var(--spacing-04, 16px) 0;\n /* background-color: var(--primary-color-alpha-15); */\n }\n\n .question-item-options-item {\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: var(--spacing-04, 16px);\n padding: var(--spacing-03, 16px);\n width: 100%;\n border-radius: var(--border-radius);\n border: 1px solid var(--gray-03);\n box-sizing: border-box;\n box-shadow: var(--elevation-01);\n background-color: var(--card-background-color, #fff);\n margin: 0.3em 0;\n }\n\n .question-item-options-item-fields {\n display: flex;\n flex-direction: row;\n gap: var(--spacing-04, 16px);\n flex-grow: 1;\n }\n\n .list-options-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n}\n\n/* \n.question-item-options-list-container {\n display: flex;\n align-items: center;\n justify-content: space-between;\n border-radius: var(--border-radius);\n gap: var(--spacing-03);\n}\n\n.question-item-options-list-single-item-container {\n}\n\n.question-item-options-text-field-list-item {\n display: flex;\n gap: var(--spacing-03);\n} */";const m=class{constructor(i){e(this,i)}render(){var e,t,n,a,r;return i(s,{key:"3e05e3fc4a8c9ee6b4bdf6704034650484afcba1"},i("div",{key:"abf8e11faf5b73a832f9d8d6ee1115a92636ff1c",class:"question-item-options-list-container"},((e=this.lookupOptions)===null||e===void 0?void 0:e.length)>1&&i("stencil-toggle",{key:"119dbd478256a10b233921a2bb432d92b9cd9398",label:"Use Lookup Options",disabled:this.isViewOnly,checked:!!(((t=this.question)===null||t===void 0?void 0:t.fieldProperties)&&"lookupId"in this.question.fieldProperties),labelPosition:"right",onToggledChange:()=>{const e=this.getHandler(this.question.fieldTypeId,"handleFieldPropertyToggleManualOrLookupOptions");const i=e(this.formSectionsDraft,this.sIndex,this.qIndex);this.onFormSectionsDraftChange(i)}}),"lookupId"in this.question.fieldProperties&&i("div",{key:"d27e324179a2599c4ef5eaa8f2d7b52ccc92bdfc"},i("udp-selector",{label:"Lookup Source",key:"lookup-selector",initialValue:((n=this.question.fieldProperties)===null||n===void 0?void 0:n.lookupId)||"",options:this.lookupOptions,disabled:this.isViewOnly,required:true,onChange:e=>{const i=this.getHandler(this.question.fieldTypeId,"handleFieldPropertyLookupChange");const t=i(e.detail,this.formSectionsDraft,this.sIndex,this.qIndex);this.onFormSectionsDraftChange(t)}})),"items"in this.question.fieldProperties&&i("div",{key:"290a6b602fdee937e5986e8894ba24a44cfd449b"},i("div",{key:"c375b69abffc73baa7b678be4cc6cc6715a9bf1b",class:"list-options-header"},i("unity-typography",{key:"88aaa96be7eeea791fd1785970f10c6d84170298",variant:"h6"},"Configure Select Options"),!this.isViewOnly&&"items"in this.question.fieldProperties&&i("udp-button",{key:"b0c6d0e1140418896cbc1eba471eb46836f3135b",variant:"text",onClick:()=>{const e=this.getHandler(this.question.fieldTypeId,"handleFieldPropertyAddListItem");const i=e(this.formSectionsDraft,this.sIndex,this.qIndex,"","");this.onFormSectionsDraftChange(i)},startIcon:i("udp-icon",{iconName:"add",darkIcon:true}),title:"Add an Option"},"Add an Option")),(r=(a=this.question.fieldProperties)===null||a===void 0?void 0:a.items)===null||r===void 0?void 0:r.map(((e,t)=>i("div",{key:t,class:"question-item-options-item"},i("div",{class:"question-item-options-item-fields"},i("text-field",{label:"Display Text",value:e.display,disabled:this.isViewOnly,placeholder:"Display Text",required:true,onInput:e=>{const i=this.getHandler(this.question.fieldTypeId,"handleFieldPropertyListItemChange");const s=i(e,this.formSectionsDraft,this.sIndex,this.qIndex,t,"display");this.onFormSectionsDraftChange(s)}}),i("text-field",{label:"Option Value",value:e.value,disabled:this.isViewOnly,placeholder:"Option Value",required:true,onInput:e=>{const i=this.getHandler(this.question.fieldTypeId,"handleFieldPropertyListItemChange");const s=i(e,this.formSectionsDraft,this.sIndex,this.qIndex,t,"value");this.onFormSectionsDraftChange(s)}})),this.question.fieldProperties.items.length>1&&!this.isViewOnly&&i("stencil-icon-button",{icon:o("trashCan"),onClick:()=>{const e=this.getHandler(this.question.fieldTypeId,"handleFieldPropertyRemoveListItem");const i=e(this.formSectionsDraft,this.sIndex,this.qIndex,t);this.onFormSectionsDraftChange(i)}})))))))}};m.style=u;const b="";const f=class{constructor(i){e(this,i);this.getHandler=(e,i)=>{var t;const s=a.find((i=>i.fieldTypeId===e));return(t=s===null||s===void 0?void 0:s.handlers)===null||t===void 0?void 0:t[i]}}get question(){var e,i;return(i=(e=this.formSectionsDraft)===null||e===void 0?void 0:e[this.sIndex].formQuestions)===null||i===void 0?void 0:i[this.qIndex]}render(){var e;switch(this.question.fieldTypeId){case n.Paragraph:return i("text-area",{label:"Paragraph Text",value:((e=this.question.fieldProperties)===null||e===void 0?void 0:e.paragraphText)||"",disabled:this.isViewOnly,placeholder:"Enter the paragraph text here",rows:3,maxRows:10,fullWidth:true,margin:"dense",onInput:e=>{const i=this.getHandler(this.question.fieldTypeId,"handleParagraphValueChange");const t=i(e,this.formSectionsDraft,this.sIndex,this.qIndex);this.onFormSectionsDraftChange(t)}});case n.SingleLineText:case n.MultiLineText:return i("text-input-renderer",{question:this.question,isViewOnly:this.isViewOnly,formSectionsDraft:this.formSectionsDraft,sIndex:this.sIndex,qIndex:this.qIndex,onFormSectionsDraftChange:this.onFormSectionsDraftChange,getHandler:this.getHandler});case n.Checkbox:case n.RadioButton:case n.DropdownSingleSelect:case n.DropdownMultipleSelect:case n.ListMultiSelect:return i("list-options-renderer",{question:this.question,isViewOnly:this.isViewOnly,formSectionsDraft:this.formSectionsDraft,sIndex:this.sIndex,qIndex:this.qIndex,onFormSectionsDraftChange:this.onFormSectionsDraftChange,getHandler:this.getHandler,lookupOptions:this.lookupOptions});case n.DateSelector:case n.TimeSelector:case n.DateTimeSelector:return i("date-time-renderer",{question:this.question,isViewOnly:this.isViewOnly,formSectionsDraft:this.formSectionsDraft,sIndex:this.sIndex,qIndex:this.qIndex,onFormSectionsDraftChange:this.onFormSectionsDraftChange,getHandler:this.getHandler});case n.FileUpload:case n.ImageUpload:return i("file-upload-renderer",{question:this.question,isViewOnly:this.isViewOnly,formSectionsDraft:this.formSectionsDraft,sIndex:this.sIndex,qIndex:this.qIndex,onFormSectionsDraftChange:this.onFormSectionsDraftChange,getHandler:this.getHandler});case n.Signature:return i("signature-renderer",{question:this.question,isViewOnly:this.isViewOnly,formSectionsDraft:this.formSectionsDraft,sIndex:this.sIndex,qIndex:this.qIndex,onFormSectionsDraftChange:this.onFormSectionsDraftChange,getHandler:this.getHandler});case n.FormMetadataDisplay:return i("form-metadata-display-renderer",{question:this.question,isViewOnly:this.isViewOnly,formSectionsDraft:this.formSectionsDraft,sIndex:this.sIndex,qIndex:this.qIndex,onFormSectionsDraftChange:this.onFormSectionsDraftChange,getHandler:this.getHandler});default:return null}}};f.style=b;const g=".signature-input-container{display:flex;flex-direction:column;gap:var(--spacing-04, 16px);}";const v=class{constructor(i){e(this,i)}render(){var e;return i("div",{key:"6504d5b164d906b95d0083f9433fe55e86a2ca1e",class:"signature-input-container"},i("div",{key:"0f3df9cef903445e1aea241d76fb14f7860a83cf"},i("stencil-toggle",{key:"30326792d5f66c154c9e1b4b1ba0e64101a28565",label:"Include Location",disabled:this.isViewOnly,checked:!!((e=this.question.fieldProperties)===null||e===void 0?void 0:e.includeLocation),onToggledChange:()=>{if(this.isViewOnly)return;const e=this.getHandler(this.question.fieldTypeId,"handleFieldPropertyBooleanToggle");const i=e(this.formSectionsDraft,this.sIndex,this.qIndex,"includeLocation");this.onFormSectionsDraftChange(i)},labelPosition:"right"})))}};v.style=g;const y=".question-item-text-input-container{display:flex;flex-direction:column;gap:var(--spacing-04, 16px)}.question-item-text-input-container>div{width:100%}";const x=class{constructor(i){e(this,i)}render(){var e,t;return i("div",{key:"7429e730015026c0e4e4f6d3cbf68402d5177ba0",class:"question-item-text-input-container"},i("div",{key:"bc460a579730a1f1d8ed9d7d84d45972c1e6413e"},i("numeric-field",{key:"2bf3ba87349d3cb47d8406e4ce3f8bbd737f4d25",label:"Min Character Length",value:(e=this.question.fieldProperties.minCharacter)===null||e===void 0?void 0:e.toString(),disabled:this.isViewOnly,onChange:e=>{const i=this.getHandler(this.question.fieldTypeId,"handleFieldPropertyMinMaxCharacter");const t={target:{value:e.detail}};const s=i(t,this.formSectionsDraft,this.sIndex,this.qIndex,"minCharacter");this.onFormSectionsDraftChange(s)}})),i("div",{key:"f492a17d103a5a9ddb4a94744eb5dc883b2f6d66"},i("numeric-field",{key:"18ad54bd2a1bfa1e263a53235aafef8d0c29da40",label:"Max Character Length",value:(t=this.question.fieldProperties.maxCharacter)===null||t===void 0?void 0:t.toString(),disabled:this.isViewOnly,onChange:e=>{const i=this.getHandler(this.question.fieldTypeId,"handleFieldPropertyMinMaxCharacter");const t={target:{value:e.detail}};const s=i(t,this.formSectionsDraft,this.sIndex,this.qIndex,"maxCharacter");this.onFormSectionsDraftChange(s)}})))}};x.style=y;export{c as date_time_renderer,d as file_upload_renderer,p as form_metadata_display_renderer,m as list_options_renderer,f as question_specific_configs_renderer,v as signature_renderer,x as text_input_renderer};
|
|
2
2
|
//# sourceMappingURL=date-time-renderer_7.entry.js.map
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
var e;(function(e){e[e["Hidden"]=1]="Hidden";e[e["SingleLineText"]=2]="SingleLineText";e[e["MultiLineText"]=3]="MultiLineText";e[e["Checkbox"]=4]="Checkbox";e[e["RadioButton"]=5]="RadioButton";e[e["DropdownSingleSelect"]=6]="DropdownSingleSelect";e[e["DropdownMultipleSelect"]=7]="DropdownMultipleSelect";e[e["ListMultiSelect"]=8]="ListMultiSelect";e[e["DateSelector"]=9]="DateSelector";e[e["TimeSelector"]=10]="TimeSelector";e[e["DateTimeSelector"]=11]="DateTimeSelector";e[e["FileUpload"]=12]="FileUpload";e[e["YesNo"]=13]="YesNo";e[e["Signature"]=14]="Signature";e[e["Tally"]=15]="Tally";e[e["Number"]=16]="Number";e[e["Paragraph"]=17]="Paragraph";e[e["ImageUpload"]=18]="ImageUpload";e[e["FormMetadataDisplay"]=19]="FormMetadataDisplay"})(e||(e={}));var a;(function(e){e["Standard"]="1";e["FollowUp"]="2"})(a||(a={}));var t;(function(e){e["FormBuilderPageId"]="c77aa2c8-f8b8-41af-aa77-c8612fc918c1";e["FormRendererPageId"]="2f451c02-a8ca-40a9-b96f-251c92f9b4e1"})(t||(t={}));var c;(function(e){e[e["InProgress"]=1]="InProgress";e[e["Submitted"]=2]="Submitted";e[e["Created"]=3]="Created"})(c||(c={}));export{t as U,a,c as b,e as c};
|
|
2
|
+
//# sourceMappingURL=enums-D5dod6Ie.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"enums-
|
|
1
|
+
{"version":3,"file":"enums-D5dod6Ie.js","sources":["src/components/forms/udp-forms/udp-forms-utils/enums.ts"],"sourcesContent":["export enum UdpFormsFieldTypeEnum {\n Hidden = 1,\n SingleLineText = 2,\n MultiLineText = 3,\n Checkbox = 4,\n RadioButton = 5,\n DropdownSingleSelect = 6,\n DropdownMultipleSelect = 7,\n ListMultiSelect = 8,\n DateSelector = 9,\n TimeSelector = 10,\n DateTimeSelector = 11,\n FileUpload = 12,\n YesNo = 13,\n Signature = 14,\n Tally = 15,\n Number = 16,\n Paragraph = 17,\n ImageUpload = 18,\n FormMetadataDisplay = 19,\n}\n\nexport enum UdpFormsTypeEnum {\n Standard = '1',\n FollowUp = '2',\n}\n\nexport enum UdpFormsPageIdEnum {\n FormBuilderPageId = 'c77aa2c8-f8b8-41af-aa77-c8612fc918c1', \n FormRendererPageId = '2f451c02-a8ca-40a9-b96f-251c92f9b4e1', \n}\n\nexport enum UdpFormsSubmissionStatusEnum {\n InProgress = 1,\n Submitted = 2,\n Created = 3,\n} \n"],"names":[],"mappings":"AAAY,IAAA;AAAZ,CAAA,UAAY,qBAAqB,EAAA;IAC/B,qBAAA,CAAA,qBAAA,CAAA,QAAA,CAAA,GAAA,CAAA,CAAA,GAAA,QAAU;IACV,qBAAA,CAAA,qBAAA,CAAA,gBAAA,CAAA,GAAA,CAAA,CAAA,GAAA,gBAAkB;IAClB,qBAAA,CAAA,qBAAA,CAAA,eAAA,CAAA,GAAA,CAAA,CAAA,GAAA,eAAiB;IACjB,qBAAA,CAAA,qBAAA,CAAA,UAAA,CAAA,GAAA,CAAA,CAAA,GAAA,UAAY;IACZ,qBAAA,CAAA,qBAAA,CAAA,aAAA,CAAA,GAAA,CAAA,CAAA,GAAA,aAAe;IACf,qBAAA,CAAA,qBAAA,CAAA,sBAAA,CAAA,GAAA,CAAA,CAAA,GAAA,sBAAwB;IACxB,qBAAA,CAAA,qBAAA,CAAA,wBAAA,CAAA,GAAA,CAAA,CAAA,GAAA,wBAA0B;IAC1B,qBAAA,CAAA,qBAAA,CAAA,iBAAA,CAAA,GAAA,CAAA,CAAA,GAAA,iBAAmB;IACnB,qBAAA,CAAA,qBAAA,CAAA,cAAA,CAAA,GAAA,CAAA,CAAA,GAAA,cAAgB;IAChB,qBAAA,CAAA,qBAAA,CAAA,cAAA,CAAA,GAAA,EAAA,CAAA,GAAA,cAAiB;IACjB,qBAAA,CAAA,qBAAA,CAAA,kBAAA,CAAA,GAAA,EAAA,CAAA,GAAA,kBAAqB;IACrB,qBAAA,CAAA,qBAAA,CAAA,YAAA,CAAA,GAAA,EAAA,CAAA,GAAA,YAAe;IACf,qBAAA,CAAA,qBAAA,CAAA,OAAA,CAAA,GAAA,EAAA,CAAA,GAAA,OAAU;IACV,qBAAA,CAAA,qBAAA,CAAA,WAAA,CAAA,GAAA,EAAA,CAAA,GAAA,WAAc;IACd,qBAAA,CAAA,qBAAA,CAAA,OAAA,CAAA,GAAA,EAAA,CAAA,GAAA,OAAU;IACV,qBAAA,CAAA,qBAAA,CAAA,QAAA,CAAA,GAAA,EAAA,CAAA,GAAA,QAAW;IACX,qBAAA,CAAA,qBAAA,CAAA,WAAA,CAAA,GAAA,EAAA,CAAA,GAAA,WAAc;IACd,qBAAA,CAAA,qBAAA,CAAA,aAAA,CAAA,GAAA,EAAA,CAAA,GAAA,aAAgB;IAChB,qBAAA,CAAA,qBAAA,CAAA,qBAAA,CAAA,GAAA,EAAA,CAAA,GAAA,qBAAwB;AAC1B,CAAC,EApBW,qBAAqB,KAArB,qBAAqB,GAoBhC,EAAA,CAAA,CAAA;AAEW,IAAA;AAAZ,CAAA,UAAY,gBAAgB,EAAA;AAC1B,IAAA,gBAAA,CAAA,UAAA,CAAA,GAAA,GAAc;AACd,IAAA,gBAAA,CAAA,UAAA,CAAA,GAAA,GAAc;AAChB,CAAC,EAHW,gBAAgB,KAAhB,gBAAgB,GAG3B,EAAA,CAAA,CAAA;AAEW,IAAA;AAAZ,CAAA,UAAY,kBAAkB,EAAA;AAC5B,IAAA,kBAAA,CAAA,mBAAA,CAAA,GAAA,sCAA0D;AAC1D,IAAA,kBAAA,CAAA,oBAAA,CAAA,GAAA,sCAA2D;AAC7D,CAAC,EAHW,kBAAkB,KAAlB,kBAAkB,GAG7B,EAAA,CAAA,CAAA;AAEW,IAAA;AAAZ,CAAA,UAAY,4BAA4B,EAAA;IACtC,4BAAA,CAAA,4BAAA,CAAA,YAAA,CAAA,GAAA,CAAA,CAAA,GAAA,YAAc;IACd,4BAAA,CAAA,4BAAA,CAAA,WAAA,CAAA,GAAA,CAAA,CAAA,GAAA,WAAa;IACb,4BAAA,CAAA,4BAAA,CAAA,SAAA,CAAA,GAAA,CAAA,CAAA,GAAA,SAAW;AACb,CAAC,EAJW,4BAA4B,KAA5B,4BAA4B,GAIvC,EAAA,CAAA,CAAA;;;;"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as t,h as i,c as e,H as o,a as n}from"./index-CaZq3YdB.js";import{d as s,f as a,o as r}from"./utils-kwLwITIE.js";import{i as l,p as c,d,a as u,c as p,b as h}from"./udp-drive-utils-CIrjVGiJ.js";import{createForm as m}from"final-form";import b from"lodash.debounce";import{c as f,U as v}from"./enums-DHT5wSnX.js";import{g as y}from"./iconUtils-DcPvHO4A.js";import g from"@carbon/icons/es/save/20";import"axios";import"./configService-BqLfkVKh.js";import"./iconMapping-CPerGeNF.js";import"@carbon/icons/es/add/16";import"@carbon/icons/es/add/32";import"@carbon/icons/es/add--alt/16";import"@carbon/icons/es/add--filled/16";import"@carbon/icons/es/arrows--horizontal/16";import"@carbon/icons/es/attachment/16";import"@carbon/icons/es/batch-job/16";import"@carbon/icons/es/box/16";import"@carbon/icons/es/close/16";import"@carbon/icons/es/close/24";import"@carbon/icons/es/close/32";import"@carbon/icons/es/close--filled/16";import"@carbon/icons/es/close--outline/16";import"@carbon/icons/es/checkmark/16";import"@carbon/icons/es/checkmark/24";import"@carbon/icons/es/checkmark/32";import"@carbon/icons/es/chevron--left/16";import"@carbon/icons/es/chevron--right/16";import"@carbon/icons/es/chevron--down/16";import"@carbon/icons/es/data-enrichment/16";import"@carbon/icons/es/document/16";import"@carbon/icons/es/document--add/16";import"@carbon/icons/es/document--attachment/16";import"@carbon/icons/es/document--pdf/16";import"@carbon/icons/es/document--video/16";import"@carbon/icons/es/document--audio/16";import"@carbon/icons/es/draggable/16";import"@carbon/icons/es/edit/16";import"@carbon/icons/es/export/16";import"@carbon/icons/es/flag/16";import"@carbon/icons/es/information/16";import"@carbon/icons/es/information/32";import"@carbon/icons/es/link/16";import"@carbon/icons/es/overflow-menu--vertical/16";import"@carbon/icons/es/overflow-menu--vertical/32";import"@carbon/icons/es/return/16";import"@carbon/icons/es/save/16";import"@carbon/icons/es/settings/16";import"@carbon/icons/es/subtract/16";import"@carbon/icons/es/subtract--alt/16";import"@carbon/icons/es/subtract--filled/16";import"@carbon/icons/es/trash-can/16";import"@carbon/icons/es/user/16";import"@carbon/icons/es/view/16";import"@carbon/icons/es/warning/16";import"@carbon/icons/es/warning/32";import"@carbon/icons/es/warning--alt/16";import"@carbon/icons/es/warning--alt/32";import"@carbon/icons/es/product/16";import"@carbon/icons/es/workspace/16";import"@carbon/icons/es/arrow--up/16";import"@carbon/icons/es/arrow--down/16";import"@carbon/icons/es/arrow--right/16";import"@carbon/icons/es/arrow--left/16";import"@carbon/icons/es/copy/16";import"@carbon/icons/es/star/16";import"@carbon/icons/es/data-table/16";import"@carbon/icons/es/fit-to-width/16";import"@carbon/icons/es/search--advanced/16";import"@carbon/icons/es/reset/16";import"@carbon/icons/es/column/16";import"@carbon/icons/es/column--delete/16";import"@carbon/icons/es/watson-health/rotate--360/16";import"@carbon/icons/es/filter/16";import"@carbon/icons/es/app-connectivity/16";import"@carbon/icons/es/text--font/16";import"@carbon/icons/es/text--long-paragraph/16";import"@carbon/icons/es/character--whole-number/16";import"@carbon/icons/es/checkbox--checked/16";import"@carbon/icons/es/radio-button--checked/16";import"@carbon/icons/es/event--schedule/16";import"@carbon/icons/es/view--off/16";import"@carbon/icons/es/time/16";import"@carbon/icons/es/calendar/16";import"@carbon/icons/es/list--checked/16";import"@carbon/icons/es/list--bulleted/16";import"@carbon/icons/es/cloud--upload/16";import"@carbon/icons/es/locked/16";import"@carbon/icons/es/pause/16";import"@carbon/icons/es/unlocked/16";import"@carbon/icons/es/send/16";import"@carbon/icons/es/email/16";import"@carbon/icons/es/checkmark--outline/16";import"@carbon/icons/es/migrate--alt/16";import"@carbon/icons/es/checkbox--checked--filled/16";import"@carbon/icons/es/checkbox/16";import"@carbon/icons/es/ZIP/16";import"@carbon/icons/es/image/16";import"@carbon/icons/es/PPT/16";import"@carbon/icons/es/XLS/16";const x=":host{display:block}.container{display:grid;gap:10px;padding:12px 14px;background:var(--unity-color-surface, #fff)}.row{display:grid;grid-template-columns:130px 1fr;align-items:baseline;column-gap:12px}.label{font-size:12px;line-height:1.2;letter-spacing:0.02em;text-transform:uppercase;color:var(--unity-color-text-secondary, rgba(0, 0, 0, 0.65))}.value{color:var(--unity-color-text, rgba(0, 0, 0, 0.9));overflow-wrap:anywhere}@media (max-width: 420px){.row{grid-template-columns:1fr;row-gap:4px}}";const w=class{constructor(i){t(this,i);this.displayOwnerFullName=true;this.displayOwnerEmail=true;this.displaySubmissionDate=true}renderRow(t,e){return i("div",{class:"row"},i("span",{class:"label"},t),i("unity-typography",{class:"value",variant:"h4"},e))}render(){return i("div",{key:"eec0b6d84cba30720f86b4f4cbd3781b1fa8d76f",class:"container",role:"group","aria-label":"Form metadata"},this.displayOwnerFullName&&this.userDisplayName&&this.renderRow("Name",this.userDisplayName),this.displayOwnerEmail&&this.userEmail&&this.renderRow("Email",this.userEmail),this.displaySubmissionDate&&this.submittedOn&&this.renderRow("Submitted on",s(this.submittedOn,"long")))}};w.style=x;const k=":host{display:block}";const z=class{constructor(i){t(this,i);this.change=e(this,"change");this.allowedMimeTypes=["image/jpeg","image/png","image/gif","image/svg+xml","image/webp"];this.fullWidth=false;this.dragAndDropMessage="Drag and drop your image here";this.browseFileMessage="Browse Image";this.hideDragAndDrop=false;this.hideButton=false;this.disabled=false;this.readonly=false;this.handleFileChange=t=>{t.stopPropagation();this.change.emit(t.detail)}}render(){return i(o,{key:"d99ff15d410e2fbc1e4679694ed0615ea72d83de"},i("file-upload",{key:"8a25e124d89bb9648fde62108253d68ed8107e89",allowMultiple:false,allowedMimeTypes:this.allowedMimeTypes,fullWidth:this.fullWidth,required:this.required,error:this.error,dragAndDropMessage:this.dragAndDropMessage,browseFileMessage:this.browseFileMessage,hideDragAndDrop:this.hideDragAndDrop,hideButton:this.hideButton,id:this.id,name:this.name,label:this.label,disabled:this.disabled,readonly:this.readonly,initialValue:this.initialValue,renderImage:true,onChange:this.handleFileChange}))}};z.style=k;const C=':host(.udp-input){display:block;box-sizing:border-box;position:relative}:host(.udp-input--full-width){width:100%}:host(.udp-input--error){--input-border-color:var(--input-underline-color-error)}:host(.udp-input--disabled){pointer-events:none;opacity:0.5;cursor:not-allowed}:host(.udp-input--required){position:relative}:host(.udp-input--readonly){--input-background:var(--gray-02)}:host(.udp-input--hidden){display:none}:host(.udp-input--checked){--input-accent-color:var(--primary-color)}:host(.udp-input--multi-select){--list-max-height:200px}:host(.udp-input) .bx--text-input:focus{outline:none;}:host(.udp-input) .bx--form-item{margin-bottom:var(--spacing-05)}:host(.udp-input) .bx--label{display:block;margin-bottom:var(--spacing-03);color:var(--text-main);font-size:var(--caption-text-font-size);font-weight:var(--caption-text-font-weight);line-height:var(--caption-text-line-height)}@media (max-width: var(--breakpoint-xs-max)){:host(.udp-input){margin-bottom:var(--spacing-04)}:host(.udp-input) .bx--form-item{margin-bottom:var(--spacing-04)}}@media (min-width: var(--breakpoint-sm-min)){:host(.udp-input){min-height:2.5rem;}}:host(.udp-input--size-small) .bx--text-input,:host(.udp-input--size-small) textarea,:host(.udp-input--size-small) input[type="text"],:host(.udp-input--size-small) input[type="number"],:host(.udp-input--size-small) input[type="email"],:host(.udp-input--size-small) input[type="password"],:host(.udp-input--size-small) input[type="tel"],:host(.udp-input--size-small) input[type="url"],:host(.udp-input--size-small) input[type="search"]{padding:var(--spacing-02);padding-bottom:6px;font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--size-normal) .bx--text-input,:host(.udp-input--size-normal) textarea,:host(.udp-input--size-normal) input[type="text"],:host(.udp-input--size-normal) input[type="number"],:host(.udp-input--size-normal) input[type="email"],:host(.udp-input--size-normal) input[type="password"],:host(.udp-input--size-normal) input[type="tel"],:host(.udp-input--size-normal) input[type="url"],:host(.udp-input--size-normal) input[type="search"]{padding:var(--spacing-03);padding-bottom:9px;font-size:var(--body-font-size)}:host(.udp-input--size-large) .bx--text-input,:host(.udp-input--size-large) textarea,:host(.udp-input--size-large) input[type="text"],:host(.udp-input--size-large) input[type="number"],:host(.udp-input--size-large) input[type="email"],:host(.udp-input--size-large) input[type="password"],:host(.udp-input--size-large) input[type="tel"],:host(.udp-input--size-large) input[type="url"],:host(.udp-input--size-large) input[type="search"]{padding:var(--spacing-04);padding-bottom:12px;font-size:var(--body-font-size)}:host(.udp-input--margin-none){margin:0}:host(.udp-input--margin-dense){margin:var(--spacing-02) 0}:host(.udp-input--margin-normal){margin:var(--spacing-03) 0}:host(.udp-input--margin-comfortable){margin:var(--spacing-04) 0}:host(.udp-input--size-small) .bx--label{margin-bottom:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--size-normal) .bx--label{margin-bottom:var(--spacing-03);font-size:var(--body-font-size)}:host(.udp-input--size-large) .bx--label{margin-bottom:var(--spacing-04);font-size:var(--body-font-size)}.bx--text-input,textarea,input[type="text"],input[type="number"],input[type="email"],input[type="password"],input[type="tel"],input[type="url"],input[type="search"]{display:inline-block;padding:var(--spacing-03);padding-bottom:9px;box-sizing:border-box;border:none;font-size:var(--body-font-size);background:var(--input-background);border-bottom:var(--underline-standard) solid var(--input-underline-color, var(--gray-08));width:100%;font-family:var(--font-family);transition:border-bottom-color 0.15s ease-in-out}.bx--text-input:focus,textarea:focus,input[type="text"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="password"]:focus,input[type="tel"]:focus,input[type="url"]:focus,input[type="search"]:focus{border-bottom-color:var(--input-underline-color-focus, var(--primary-color));border-bottom-width:2px}.bx--text-input--error,.bx--text-input:user-invalid,:host(.udp-input--error) .bx--text-input,:host(.udp-input--error) textarea,:host(.udp-input--error) input[type="text"],:host(.udp-input--error) input[type="number"],:host(.udp-input--error) input[type="email"],:host(.udp-input--error) input[type="password"],:host(.udp-input--error) input[type="tel"],:host(.udp-input--error) input[type="url"],:host(.udp-input--error) input[type="search"],input[type="text"]:user-invalid,input[type="number"]:user-invalid,input[type="email"]:user-invalid,input[type="password"]:user-invalid,input[type="tel"]:user-invalid,input[type="url"]:user-invalid,input[type="search"]:user-invalid{border-bottom-color:var(--input-underline-color-error, var(--error-color-main)) !important}:host(.udp-input--disabled) .bx--text-input,:host(.udp-input--disabled) textarea,:host(.udp-input--disabled) input[type="text"],:host(.udp-input--disabled) input[type="number"],:host(.udp-input--disabled) input[type="email"],:host(.udp-input--disabled) input[type="password"],:host(.udp-input--disabled) input[type="tel"],:host(.udp-input--disabled) input[type="url"],:host(.udp-input--disabled) input[type="search"]{border-bottom-color:var(--input-underline-color-disabled, var(--gray-08))}textarea.bx--text-input{resize:vertical;min-height:var(--spacing-08)}.bx--text-input::placeholder,textarea::placeholder,input[type="text"]::placeholder,input[type="number"]::placeholder,input[type="email"]::placeholder,input[type="password"]::placeholder,input[type="tel"]::placeholder,input[type="url"]::placeholder,input[type="search"]::placeholder{color:var(--placeholder-color, #999);opacity:1}:host(.udp-input),:host{display:block;width:100%;box-sizing:border-box}.bx--form-item{margin-bottom:var(--spacing-05)}.bx--label{display:block;margin-bottom:var(--spacing-03)}.error-message,.bx--form-requirement,:host(.udp-input--error) .error-message,:host(.udp-input--error) .bx--form-requirement{color:var(--error-color-main, #d32f2f) !important;margin-top:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem);--unity-typography-inherit-color:var(--error-color-main, #d32f2f)}.helper-text{color:var(--text-02, #525252);margin-top:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--disabled) .bx--text-input,:host(.udp-input--disabled) textarea,:host(.udp-input--disabled) input,:host(.udp-input--disabled){cursor:not-allowed;opacity:0.6}:host(.udp-input--readonly) .bx--text-input,:host(.udp-input--readonly) textarea,:host(.udp-input--readonly) input{background-color:var(--field-01, #f4f4f4);cursor:default}:host(.udp-input--size-small) .signature-canvas{height:150px}:host(.udp-input--size-normal) .signature-canvas{height:200px}:host(.udp-input--size-large) .signature-canvas{height:250px}:host(.udp-input--size-small) .clear-button{padding:var(--spacing-01) var(--spacing-02);font-size:var(--caption-font-size, 0.875rem);top:var(--spacing-02);right:var(--spacing-02)}:host(.udp-input--size-normal) .clear-button{padding:var(--spacing-02) var(--spacing-03);font-size:var(--body-font-size);top:var(--spacing-02);right:var(--spacing-02)}:host(.udp-input--size-large) .clear-button{padding:var(--spacing-03) var(--spacing-04);font-size:var(--body-font-size);top:var(--spacing-03);right:var(--spacing-03)}.signature-pad-container{position:relative;border:1px solid var(--udp-mid-gray-color);border-radius:4px;background-color:var(--udp-light-gray-color)}.signature-canvas{display:block;width:100%;height:200px;}.signature-pad-container.readonly{background-color:var(--udp-disabled-gray-color)}.signature-canvas.readonly{cursor:not-allowed}.clear-button{position:absolute;top:var(--spacing-02);right:var(--spacing-02);background-color:var(--udp-light-gray-color);border:1px solid var(--udp-mid-gray-color);color:var(--udp-primary-color);cursor:pointer;border-radius:4px;padding:var(--spacing-02) var(--spacing-03);}.clear-button:hover{background-color:var(--udp-mid-gray-color)}.clear-button:disabled{cursor:not-allowed;opacity:0.5}';const j=class{constructor(i){t(this,i);this.change=e(this,"change");this.metadataEmit=e(this,"metadataEmit");this.includeLocation=false;this.disabled=false;this.readonly=false;this.size="normal";this.margin="normal";this.cachedLocation=null;this.isInternalChange=false;this.handleResize=()=>{if(this.resizeTimeout)clearTimeout(this.resizeTimeout);this.resizeTimeout=setTimeout((()=>{const t=this.canvasEl.getBoundingClientRect();if(!this.lastCanvasRect||t.width!==this.lastCanvasRect.width||t.height!==this.lastCanvasRect.height){let i=this.signaturePad&&!this.signaturePad.isEmpty()?this.signaturePad.toDataURL():null;this.resizeCanvasForDPR();this.initializeSignaturePad();this.lastCanvasRect=t;if(i&&this.signaturePad){this.signaturePad.fromDataURL(i)}}}),200)};this.handleSignatureEnd=async()=>{if(this.signaturePad.isEmpty()){this.isInternalChange=true;this.value=null;this.change.emit(null);this.metadataEmit.emit({key:"signature.latitude",value:null});this.metadataEmit.emit({key:"signature.longitude",value:null});this.metadataEmit.emit({key:"signature.timestamp",value:null})}else{const t=this.signaturePad.toDataURL();const i=await this.urlToFile(t,"signature.png");this.isInternalChange=true;this.value=i;this.change.emit(i);this.metadataEmit.emit({key:"signature.timestamp",value:(new Date).toISOString()});if(this.includeLocation){try{let t=this.cachedLocation;if(!t){t=await new Promise(((t,i)=>{navigator.geolocation.getCurrentPosition(t,i,{enableHighAccuracy:true,timeout:3e4,maximumAge:0})}))}if(t){this.metadataEmit.emit({key:"signature.latitude",value:t.coords.latitude});this.metadataEmit.emit({key:"signature.longitude",value:t.coords.longitude})}else{this.metadataEmit.emit({key:"signature.latitude",value:null});this.metadataEmit.emit({key:"signature.longitude",value:null})}}catch(t){console.warn("Geolocation error:",t);this.metadataEmit.emit({key:"signature.latitude",value:null});this.metadataEmit.emit({key:"signature.longitude",value:null})}}}};this.clearSignature=()=>{if(this.signaturePad){this.signaturePad.clear();this.handleSignatureEnd()}}}async processAndLoadValue(t){if(!t){if(this.signaturePad)this.signaturePad.clear();return}try{const i=Array.isArray(t)?t[0]:t;let e=null;if(typeof i==="string"&&l(i)){const t=await c(i);if(t&&t.driveFileId){e=await d({name:t.name,driveFileId:t.driveFileId,extension:t.name.split(".").pop()||""})}else{e=t}}else if(u(i)){e=await d(i)}else if(typeof i==="string"){e=await p(i,"signature.png")}else if(h(i)){e=i}if(e){this.value=e;if(this.signaturePad){await this.loadSignature(e)}else{this.initializeSignaturePad()}}}catch(t){console.error("Failed to process signature value:",t)}}onErrorChange(t){this.internalError=t}async handleValueUpdate(t){if(this.isInternalChange){this.isInternalChange=false;return}if(this.canvasEl){await this.processAndLoadValue(t)}}async handleInitialValueUpdate(t){if(this.canvasEl){await this.processAndLoadValue(t)}}async componentWillLoad(){this.internalError=this.error;await this.loadSignaturePad();if(this.includeLocation){navigator.geolocation.getCurrentPosition((t=>{this.cachedLocation=t}),(t=>{console.warn("Prewarm geolocation error:",t);this.cachedLocation=null}),{enableHighAccuracy:true,timeout:3e4,maximumAge:0})}}async componentDidLoad(){this.initializeSignaturePad();const t=this.value||this.initialValue;if(t){await this.processAndLoadValue(t)}this.lastCanvasRect=this.canvasEl.getBoundingClientRect();window.addEventListener("resize",this.handleResize)}disconnectedCallback(){window.removeEventListener("resize",this.handleResize);if(this.resizeTimeout)clearTimeout(this.resizeTimeout)}resizeCanvasForDPR(){if(!this.canvasEl)return;const t=window.devicePixelRatio||1;const i=this.canvasEl.getBoundingClientRect();this.canvasEl.width=i.width*t;this.canvasEl.height=i.height*t;const e=this.canvasEl.getContext("2d");e.setTransform(1,0,0,1,0,0);e.scale(t,t)}async loadSignaturePad(){if(!this.SignaturePadLib){try{const t=await import("signature_pad");this.SignaturePadLib=t.default}catch(t){console.error("Failed to load signature_pad library",t)}}}initializeSignaturePad(){if(this.SignaturePadLib&&this.canvasEl){this.resizeCanvasForDPR();if(this.signaturePad){this.signaturePad.off()}this.signaturePad=new this.SignaturePadLib(this.canvasEl);this.signaturePad.addEventListener("endStroke",this.handleSignatureEnd);this.handleStateChange();if(this.value){this.loadSignature(this.value)}}}handleStateChange(){if(this.signaturePad){if(this.disabled||this.readonly){this.signaturePad.off()}else{this.signaturePad.on()}}}async loadSignature(t){let i;if(typeof t==="string"){i=t}else if(u(t)){try{const e=await d(t);i=URL.createObjectURL(e)}catch(t){console.error("Error loading signature image from UdpDriveFile:",t);return}}else if(t instanceof File){i=URL.createObjectURL(t)}if(i&&this.signaturePad){this.signaturePad.clear();this.signaturePad.fromDataURL(i,{ratio:window.devicePixelRatio||1})}}async urlToFile(t,i){const e=await fetch(t);const o=await e.blob();return new File([o],i,{type:o.type})}render(){const t=!!this.internalError;const e={"signature-pad-container":true,readonly:this.readonly,disabled:this.disabled};return i(o,{key:"aff1350eca630e59476dadec14c89809040d0d63",class:{"udp-input":true,"udp-input--error":t,"udp-input--disabled":this.disabled,"udp-input--required":this.required,"udp-input--readonly":this.readonly,[`udp-input--size-${this.size}`]:true,[`udp-input--margin-${this.margin}`]:true}},i("div",{key:"e713a4c37dd5a9f45366b8cf07ea3d530e0b7b50",class:"bx--form-item"},this.label&&i("unity-typography",{key:"a2ffc9d2169334874ae82969c6b3c24582f45587",variant:"caption-text"},i("label",{key:"b7fd938f5b2ac2ccf18eb98c7556eca9e767cbad",htmlFor:this.id,class:"bx--label"},this.label,this.required&&"*")),i("div",{key:"f895f5b8e62883e9c5fa3e583ba83925223d4da9",class:e},i("canvas",{key:"5c586ae127f2b05f36ffe42efb558690f6ccf7bb",ref:t=>this.canvasEl=t,class:{"signature-canvas":true,readonly:this.readonly||this.disabled},id:this.id}),!this.readonly&&!this.disabled&&i("button",{key:"1f258fe54e4f60a1baca2bc3f777ddcdb99dc6dd",type:"button",class:"clear-button",onClick:this.clearSignature,disabled:this.disabled},"Clear")),t&&i("div",{key:"75c443d5ab8c2d77382fb943a909ada0ef799221",class:"error-message"},i("unity-typography",{key:"2b33a1fa42e7556dd5be3ec1e3dc8c590f5943cc",variant:"caption-text",color:"error"},this.internalError))))}get el(){return n(this)}static get watchers(){return{error:["onErrorChange"],value:["handleValueUpdate"],initialValue:["handleInitialValueUpdate"],disabled:["handleStateChange"],readonly:["handleStateChange"]}}};j.style=C;const O=class{constructor(i){t(this,i);this.stencilFormInvalidEvent=e(this,"stencilFormInvalidEvent");this.dirtyChange=e(this,"dirtyChange");this.validateOnBlur=true;this.registeredFields={};this.customErrors={};this.handleSlotChange=()=>{const t=this.el.shadowRoot.querySelector("slot");if(!t)return;t.assignedNodes().forEach((t=>this.processNodeRecursively(t)))};this.submitWithValidation=this.submitWithValidation.bind(this);this.defaultValidation=this.defaultValidation.bind(this);this.submit=this.submit.bind(this);this.onFormChange=this.onFormChange.bind(this)}connectField(t){if(t.__connectedToForm)return;t.setFormApi({api:this.api,registeredFields:this.registeredFields,customErrors:this.customErrors});t.__connectedToForm=true}async processNodeRecursively(t){if(t.nodeType!==Node.ELEMENT_NODE){return}const i=t;if(i.localName.includes("-")){await customElements.whenDefined(i.localName)}if(i.matches("stencil-field")){this.connectField(i)}this.connectSubmitButtons(i);if(i.shadowRoot){for(const t of Array.from(i.shadowRoot.childNodes)){await this.processNodeRecursively(t)}}for(const t of Array.from(i.childNodes)){await this.processNodeRecursively(t)}}connectSubmitButtons(t){if(t.nodeType!==Node.ELEMENT_NODE){return}const i=t;if(i.matches('input[type="submit"], button[type="submit"]')){const t=i;if(!t.dataset.stencilFormConnected){t.dataset.stencilFormConnected="true";i.addEventListener("click",(t=>{t.preventDefault();this.submit(t)}))}}const e=i.querySelectorAll('input[type="submit"], button[type="submit"]');e.forEach((t=>{const i=t;if(!i.dataset.stencilFormConnected){i.dataset.stencilFormConnected="true";t.addEventListener("click",(t=>{t.preventDefault();this.submit(t)}))}}))}componentWillLoad(){this.api=m({onSubmit:this.submitWithValidation,initialValues:this.initialValues,validate:this.defaultValidation,validateOnBlur:this.validateOnBlur});if(this.handleChange){this.api.subscribe(this.onFormChange,{values:true})}this.api.subscribe((t=>{const{dirtyFields:i}=t;const e=this.registeredFields;const o=Object.keys(i||{}).some((t=>{var o;return i[t]&&!((o=e[t])===null||o===void 0?void 0:o.ignoreDirty)}));this.dirtyChange.emit(o)}),{dirtyFields:true})}componentDidLoad(){const t=this.el.shadowRoot.querySelector("slot");this.observer=new MutationObserver((t=>{for(const i of t){i.addedNodes.forEach((t=>{this.processNodeRecursively(t)}))}}));const i=()=>{const i=(t===null||t===void 0?void 0:t.assignedNodes({flatten:true}))||[];i.forEach((t=>{if(t.nodeType===Node.ELEMENT_NODE){this.observer.observe(t,{childList:true,subtree:true});this.processNodeRecursively(t)}}))};if(t){i();t.addEventListener("slotchange",i)}this.observer.observe(this.el,{childList:true,subtree:true});this.el.dispatchEvent(new CustomEvent("stencilFormReady",{bubbles:true,composed:true}))}disconnectedCallback(){var t;this.api=null;this.registeredFields={};const i=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector("slot");if(i){i.removeEventListener("slotchange",this.handleSlotChange)}}onFormChange(t){if(this.handleChange&&t.values){this.handleChange(t.values)}}async submitWithValidation(t){const i=this.defaultValidation(t);if(Object.keys(i).length===0){this.handleSubmit(t)}else{this.stencilFormInvalidEvent.emit(i)}}defaultValidation(t){const{registeredFields:i,customErrors:e}=this;const o={};const n=(t,i)=>i.replace(/\[(\d+)\]/g,".$1").split(".").reduce(((t,i)=>t!=null?t[i]:undefined),t);Object.keys(i).forEach((e=>{const s=i[e];if(s===null||s===void 0?void 0:s.ignoreDirty)return;const a=n(t,e);if(s.required&&(a==null||typeof a==="string"&&a.trim()===""||a===false||a==="false")){o[e]="This field is required"}}));if(e){Object.keys(e).forEach((t=>{if(e[t]){o[t]=e[t]}}))}if(this===null||this===void 0?void 0:this.handleValidate){const i=this.handleValidate(t,o);return Object.assign(Object.assign({},o),i)}return o}async getApi(){if(!this.api){console.error("❌ Form API not initialized yet.");return null}return this.api}submit(t){var i;(i=t===null||t===void 0?void 0:t.preventDefault)===null||i===void 0?void 0:i.call(t);const e=this.api.getState().values;const o=this.defaultValidation(e);const n=()=>{var t;if(Object.keys(o).length){this.stencilFormInvalidEvent.emit(o);return}(t=this.api)===null||t===void 0?void 0:t.submit()};b(n,1e3,{leading:true,trailing:false})()}render(){return i("form",{key:"4ac60260d402ca51999311e2e9095643a548bf7b"},i("slot",{key:"f86bda6b8329db4a2e620ffa5cbe95ae5aded136"}))}get el(){return n(this)}};const q=":host{display:block;width:100%}.tally-container{display:flex;flex-direction:column;gap:var(--spacing-02, 8px)}.tally-label{font-weight:600;margin-bottom:var(--spacing-02, 8px)}.tally-loading{display:flex;align-items:center;justify-content:center;padding:var(--spacing-04, 16px);color:var(--text-secondary, #6b7280)}.tally-content{display:flex;flex-direction:column;gap:var(--spacing-03, 12px)}.tally-stats{display:flex;gap:var(--spacing-04, 16px);flex-wrap:wrap}.tally-item{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-03, 12px) var(--spacing-04, 16px);border-radius:var(--border-radius-01, 4px);border:1px solid var(--border-subtle, #e5e7eb);background-color:var(--layer-01, #ffffff);min-width:80px;flex:1;max-width:120px}.tally-item.tally-yes{border-color:var(--support-success, #42be65);background-color:var(--support-success-hover, #f6f8ff)}.tally-item.tally-no{border-color:var(--support-error, #da1e28);background-color:var(--support-error-hover, #fff1f1)}.tally-item.tally-unanswered{border-color:var(--support-warning, #f1c21b);background-color:var(--support-warning-hover, #fcf4d6)}.tally-count{font-weight:700;line-height:1.2;margin-bottom:var(--spacing-01, 4px)}.tally-yes .tally-count{color:var(--support-success, #42be65)}.tally-no .tally-count{color:var(--support-error, #da1e28)}.tally-unanswered .tally-count{color:var(--support-warning, #f1c21b)}.tally-item .tally-label{margin:0;font-weight:500;text-transform:uppercase;font-size:0.75rem;letter-spacing:0.02em}.tally-summary{padding:var(--spacing-02, 8px) 0;border-top:1px solid var(--border-subtle, #e5e7eb);text-align:center}.error-message{margin-top:var(--spacing-02, 8px);padding:var(--spacing-02, 8px);border-radius:var(--border-radius-01, 4px);background-color:var(--support-error-hover, #fff1f1);border:1px solid var(--support-error, #da1e28)}:host(.udp-input--size-small) .tally-item{padding:var(--spacing-02, 8px) var(--spacing-03, 12px);min-width:60px;max-width:90px}:host(.udp-input--size-small) .tally-count{font-size:1.25rem}:host(.udp-input--size-large) .tally-item{padding:var(--spacing-04, 16px) var(--spacing-05, 20px);min-width:100px;max-width:150px}:host(.udp-input--size-large) .tally-count{font-size:2rem}:host(.udp-input--margin-none) .tally-container{gap:0}:host(.udp-input--margin-dense) .tally-container{gap:var(--spacing-01, 4px)}:host(.udp-input--margin-comfortable) .tally-container{gap:var(--spacing-04, 16px)}:host(.udp-input--disabled) .tally-item{opacity:0.5;pointer-events:none}:host(.udp-input--readonly) .tally-item{background-color:var(--field-01, #f4f4f4)}@media (max-width: 480px){.tally-stats{flex-direction:column}.tally-item{max-width:none;flex:none}}";const F=class{constructor(i){t(this,i);this.label="Response Tally";this.yesCount=0;this.noCount=0;this.naCount=0;this.totalFields=0;this.disabled=false;this.readonly=false;this.size="normal";this.margin="normal"}render(){const t=!!this.error;const e=this.yesCount+this.noCount+this.naCount;const n=this.totalFields-e;return i(o,{key:"99c0201e31ee706bd89b1b72ed5e7b8799c9d870",class:{"udp-input":true,"udp-input--error":t,"udp-input--disabled":this.disabled,"udp-input--readonly":this.readonly,[`udp-input--size-${this.size}`]:true,[`udp-input--margin-${this.margin}`]:true}},i("div",{key:"09016ed6e21cb455ffc99e7595fd815d2388dc20",class:"tally-container"},this.label&&i("unity-typography",{key:"94421b97279dabf2419964ffcfcb46f070644e0a",variant:"caption-text"},i("label",{key:"23492badf01e8a3b7cd19d7eeb39356188fdf09e",htmlFor:this.id,class:"tally-label"},this.label)),i("div",{key:"6efe4476e11856c3f0c6f3db52b05988a9c76d99",class:"tally-content",id:this.id},i("div",{key:"b93c8910cda35f7dcaf6b1ccdf85e675fd375fc5",class:"tally-stats"},i("div",{key:"140c03ec091df58d0d592843968784c87dfe455b",class:"tally-item tally-yes"},i("unity-typography",{key:"03993713b6dbb200b66e2872cdb3f387d7ad6399",variant:"h4",class:"tally-count"},this.yesCount),i("unity-typography",{key:"f259283a9c6904f3e84ee273acccb019762bb278",variant:"caption-text",class:"tally-label"},"Yes")),i("div",{key:"41bdd7f359f5805ec89f22082f89296642e5b0c3",class:"tally-item tally-no"},i("unity-typography",{key:"a580d8afd15ca787d5558907de6ce5b6a26721bb",variant:"h4",class:"tally-count"},this.noCount),i("unity-typography",{key:"05a9b6ce25b76d2224bdcb745c828fddbd11967a",variant:"caption-text",class:"tally-label"},"No")),i("div",{key:"5ac39a2987d52fb7d0df0e56827241f3e1079378",class:"tally-item tally-na"},i("unity-typography",{key:"c73d716f25601637fbe3aa20a680ed768d367f09",variant:"h4",class:"tally-count"},this.naCount),i("unity-typography",{key:"75ad0e4b7681431e52f755ed73e770473c6f0545",variant:"caption-text",class:"tally-label"},"Not Applicable")),n>0&&i("div",{key:"46b9b8cd21f3dfa993a53ef5ca6ed1cfe91c5e49",class:"tally-item tally-unanswered"},i("unity-typography",{key:"3b894ff08c4b636a2a13746e530ce03841d6b28d",variant:"h4",class:"tally-count"},n),i("unity-typography",{key:"bbdf08a9cb4acfd3769b8e1efe1475aeb8fbcab7",variant:"caption-text",class:"tally-label"},"Unanswered"))),i("div",{key:"f9bbb5a94beec0c536ac384b8fe3b112f750cfa1",class:"tally-summary"},i("unity-typography",{key:"be96bfd28f3dd6077ac54aece439116d93d5b1d2",variant:"caption-text"},"Total Questions: ",this.totalFields))),t&&i("div",{key:"984d524255fe657fbeacba147b4823ca54e00ffb",class:"error-message"},i("unity-typography",{key:"148a1b807fe5386097380df6b99e717c130c188a",variant:"caption-text",color:"error"},this.error))))}};F.style=q;async function I(t){let i=t;let e=null;while(i){const t=i.closest("stencil-form");if(t){e=t;break}const o=i.getRootNode();if(o instanceof ShadowRoot){i=o.host}else{break}}if(!e){return null}if(typeof e.getApi!=="function"){return null}const o=await e.getApi();if(!o){return null}return o}const $=".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 S=class{constructor(i){t(this,i);this.launchFollowUpFormSideSheet=e(this,"launchFollowUpFormSideSheet");this.disabled=false;this.readonly=false;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();if(this.question.fieldTypeId===f.Tally){await this.initializeFormApiForTally()}}async initializeFormApiForTally(){try{this.formApi=await I(this.el);if(this.formApi){const t=this.formApi.subscribe((()=>{this.calculateTally()}),{active:true,dirty:true,values:true});this.unsubscribeFormApi=t;this.calculateTally()}}catch(t){console.error("Failed to initialize form API for tally:",t)}}calculateTally(){if(!this.formApi||this.question.fieldTypeId!==f.Tally){return}try{const t=this.formApi.getState().values;const i=this.el.closest("stencil-form");if(!i){return}const e=i.querySelectorAll("udp-question");const o=[];e.forEach((t=>{if(t.question&&t.question.fieldTypeId===f.YesNo){const i=`${t.question.questionIdentifierKey}.value`;if(i){const t=this.shouldIncludeFieldInTally(i);if(t){o.push(i)}}}}));let n=0;let s=0;let a=0;o.forEach((i=>{const[e,o]=i.split(".");const r=t[e][o].value;if(r==="true"||r===true){n++}else if(r==="false"||r===false){s++}else if(r==="na"){a++}}));this.tallyData={yesCount:n,noCount:s,naCount:a,totalFields:o.length};this.updateFieldComponent()}catch(t){console.error("Error calculating tally:",t)}}shouldIncludeFieldInTally(t){const i=this.question.fieldProperties;if((i===null||i===void 0?void 0:i.includeFields)&&i.includeFields.length>0){return i.includeFields.includes(t)}if((i===null||i===void 0?void 0:i.excludeFields)&&i.excludeFields.length>0){return!i.excludeFields.includes(t)}return true}updateFieldComponent(){this._fieldComponent=this.getFieldComponent()}getFieldComponent(){var t,e,o,n,s,a,r,l,c,d,u,p,h,m,b;const v={name:`${this.question.questionIdentifierKey}.value`,required:this.question.required};const y=Object.assign(Object.assign({},this.question.fieldProperties),{id:this.questionNumber,disabled:this.disabled,readonly:this.readonly});switch(this.question.fieldTypeId){case f.SingleLineText:return i("stencil-field",Object.assign({},v),i("text-field",Object.assign({},y)));case f.MultiLineText:return i("stencil-field",Object.assign({},v),i("text-area",Object.assign({fullWidth:true},y)));case f.Checkbox:return i("stencil-field",Object.assign({},v),i("selectable-list",Object.assign({valueKey:"value",displayKey:"display",multiSelect:true,useCheckbox:true},y)));case f.RadioButton:return i("stencil-field",Object.assign({},v),i("selectable-list",Object.assign({valueKey:"value",displayKey:"display",useCheckbox:true},y)));case f.DropdownSingleSelect:case f.DropdownMultipleSelect:let g=(e=(t=y===null||y===void 0?void 0:y.items)===null||t===void 0?void 0:t.map)===null||e===void 0?void 0:e.call(t,(t=>Object.assign({label:t.display,value:t.value},y)));return i("stencil-field",Object.assign({},v),i("udp-selector",Object.assign({options:g!==null&&g!==void 0?g:[],multiSelect:this.question.fieldTypeId===f.DropdownMultipleSelect},y)));case f.YesNo:return i("stencil-field",Object.assign({},v),i("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"}]},y)));case f.ListMultiSelect:return i("stencil-field",Object.assign({},v),i("selectable-list",Object.assign({valueKey:"value",displayKey:"display",multiSelect:true},y)));case f.DateSelector:return i("stencil-field",Object.assign({},v),i("udp-date-selector",Object.assign({min:y===null||y===void 0?void 0:y.minDate,max:y===null||y===void 0?void 0:y.maxDate},y)));case f.TimeSelector:return i("stencil-field",Object.assign({},v),i("udp-time-selector",Object.assign({min:y===null||y===void 0?void 0:y.minTime,max:y===null||y===void 0?void 0:y.maxTime},y)));case f.DateTimeSelector:return i("stencil-field",Object.assign({},v),i("udp-datetime-selector",Object.assign({max:y===null||y===void 0?void 0:y.maxDateTime,min:y===null||y===void 0?void 0:y.minDateTime},y)));case f.FileUpload:return i("stencil-field",Object.assign({},v),i("file-upload",Object.assign({fullWidth:true,allowMultiple:false},y)));case f.ImageUpload:return i("stencil-field",Object.assign({},v),i("image-upload",Object.assign({fullWidth:true},y)));case f.Signature:return i("div",null,i("stencil-field",Object.assign({},v,{fieldIdentifierKey:`${this.question.questionIdentifierKey}`,registerMetadata:true,metadataFieldNames:["signature.latitude","signature.longitude","signature.timestamp"]}),i("signature-input",Object.assign({},y,{value:this.value}))),i("stencil-field",{required:this.question.required,name:`${this.question.questionIdentifierKey}.metadata.signature.fullName`},i("text-field",Object.assign({},y,{label:"Full Name"}))));case f.Paragraph:return i("stencil-field",{name:this.question.name,required:false},i("input",{type:"hidden",name:this.question.name,value:this.value||""}),this.value?i("unity-typography",{id:`paragraphText${this.question.name}`,variant:((n=(o=this.styleOverrides)===null||o===void 0?void 0:o.paragraphText)===null||n===void 0?void 0:n.variant)||"body"},this.value):i("div",null));case f.Number:return i("stencil-field",Object.assign({},v),i("numeric-field",Object.assign({},y)));case f.Tally:return i("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:false}));case f.FormMetadataDisplay:{const t=!!((s=this.udpFormSubmission)===null||s===void 0?void 0:s.id);const e=t?(r=(a=this.udpFormSubmission)===null||a===void 0?void 0:a.userDisplayName)!==null&&r!==void 0?r:null:(c=(l=this.clientUserInfo)===null||l===void 0?void 0:l.displayName)!==null&&c!==void 0?c:null;const o=t?(u=(d=this.udpFormSubmission)===null||d===void 0?void 0:d.userEmail)!==null&&u!==void 0?u:null:(h=(p=this.clientUserInfo)===null||p===void 0?void 0:p.email)!==null&&h!==void 0?h:null;const n=(b=(m=this.udpFormSubmission)===null||m===void 0?void 0:m.submittedOn)!==null&&b!==void 0?b:null;return i("form-metadata-display",Object.assign({userDisplayName:e,userEmail:o,submittedOn:n},y))}case f.Hidden:default:return i("div",null)}}async componentDidLoad(){var t,i,e,o;if(this.question.fieldTypeId===f.Tally&&!this.formApi){await this.initializeFormApiForTally()}const n=[];for(const s in this.styleOverrides){n.push({id:s+this.question.name,fontOverride:(i=(t=this.styleOverrides)===null||t===void 0?void 0:t[s])===null||i===void 0?void 0:i.fontFamily,variant:(o=(e=this.styleOverrides)===null||e===void 0?void 0:e[s])===null||o===void 0?void 0:o.variant})}n.forEach((t=>{var i,e,o;if(!a[t===null||t===void 0?void 0:t.fontOverride]||!this.el||!this.el.shadowRoot)return;r((o=(e=(i=this.el)===null||i===void 0?void 0:i.shadowRoot)===null||e===void 0?void 0:e.getElementById)===null||o===void 0?void 0:o.call(e,t.id),a[t===null||t===void 0?void 0:t.fontOverride])}))}render(){var t,e,o,n;const s=this._fieldComponent;const a=`${this.question.fieldTypeId===f.Paragraph?"":`${this.questionNumber}.`} ${this.question.questionText} ${this.question.required&&this.question.fieldTypeId!==f.Paragraph?"*":""}`;const r=`${this.question.questionIdentifierKey}.value`;const[l,c]=r.split(".");if(!s)return null;return i("div",{class:{hidden:this.question.fieldTypeId===f.Hidden,"question-container":true}},i("div",{class:"question-title-and-helper-container"},i("div",{class:"question-title-and-followup-container"},this.question.questionText&&i("unity-typography",{id:`questionText${this.question.name}`,variant:((e=(t=this.styleOverrides)===null||t===void 0?void 0:t.questionText)===null||e===void 0?void 0:e.variant)||"h3"},a),i("div",null,this.question.fieldProperties.allowFollowUpForms&&(()=>{var t;const e=(t=this.currentValues[l][c])===null||t===void 0?void 0:t.metadata;const o=e===null||e===void 0?void 0:e.followUpFormSubmissionId;if(o){const t=`/page/${v.FormRendererPageId}?udpf_submissionId=${o}`;return i("stencil-icon-button",{icon:y("link"),tooltip:"Open Follow-Up Form",onClick:()=>window.open(t,"_blank")})}if(!this.readonly){return i("stencil-icon-button",{icon:y("document"),tooltip:"Create Follow-Up Form",onClick:()=>{console.log("clicked create follow up form");this.launchFollowUpFormSideSheet.emit({sectionKey:l,questionKey:c})}})}})())),this.question.helperText&&i("unity-typography",{id:`helperText${this.question.name}`,variant:((n=(o=this.styleOverrides)===null||o===void 0?void 0:o.helperText)===null||n===void 0?void 0:n.variant)||"caption-text"},this.question.helperText)),s,this.question.fieldProperties.allowFollowUpForms&&i("div",null,i("stencil-field",{hidden:true,name:`${this.question.questionIdentifierKey}.metadata.followUpParentFormId`},i("text-field",null)),i("stencil-field",{hidden:true,name:`${this.question.questionIdentifierKey}.metadata.followUpParentFormVersion`},i("text-field",null)),i("stencil-field",{hidden:true,name:`${this.question.questionIdentifierKey}.metadata.followUpParentFormSubmissionId`},i("text-field",null))),this.question.fieldProperties.allowComments&&i("udp-question-comments",{question:this.question,currentValues:this.currentValues,userId:this.clientUserInfo.id}))}get el(){return n(this)}static get watchers(){return{question:["propChanged"],questionNumber:["propChanged"],value:["propChanged"],disabled:["propChanged"],readonly:["propChanged"],styleOverrides:["propChanged"]}}};S.style=$;const A=".question-comment-display{position:relative;display:flex;flex-direction:column;gap:var(--spacing-03);margin:var(--spacing-05) 0;border:1px solid var(--border-color, #ccc);border-radius:6px;padding:var(--spacing-05) var(--spacing-04);overflow-wrap:break-word;word-wrap:break-word}.question-comment-display unity-typography:not(.question-comment-header){display:block;white-space:pre-wrap;word-break:break-word;}.question-comment-display>.question-comment-header{position:absolute;bottom:-0.6em;right:1em;background:white;padding:0 0.4em;font-size:0.85em;white-space:nowrap;}.question-comment-add-comment-button{display:flex;justify-content:center;margin:var(--spacing-03) 0}.question-comment-action-container{display:flex;justify-content:end}";const N=class{constructor(i){t(this,i);this.questionCommentAction=e(this,"questionCommentAction");this.commentFieldProps={};this.currentValues={};this.userId=null}emitQuestionCommentAction(t,i){this.questionCommentAction.emit({type:t,questionIdentifierKey:this.question.questionIdentifierKey,commentId:i})}handleCommentAdd(){this.emitQuestionCommentAction("add",null)}handleCommentSave(t){this.emitQuestionCommentAction("save",t)}handleCommentEdit(t){this.emitQuestionCommentAction("edit",t)}handleCommentDelete(t){this.emitQuestionCommentAction("delete",t)}handleCommentEditClose(t){this.emitQuestionCommentAction("editClose",t)}render(){var t,e;const[o,n]=this.question.questionIdentifierKey.split(".");const a=((e=(t=this.currentValues)===null||t===void 0?void 0:t[o])===null||e===void 0?void 0:e[n])||{comments:[],draftComments:[]};const r=Array.isArray(a.comments)?a.comments:a.comments?[a.comments]:[];const l=Array.isArray(a.draftComments)?a.draftComments:a.draftComments?[a.draftComments]:[];const c=l.length>0?l[0]:null;const d=Object.values(this.currentValues||{}).some((t=>Object.values(t||{}).some((t=>{if(!t)return false;const i=t.draftComments;if(!i)return false;if(Array.isArray(i)&&i.length<1)return false;return true}))));return i("div",null,r.map(((t,e)=>{const o=`${this.question.questionIdentifierKey}.comments[${e}].value`;const n=(t===null||t===void 0?void 0:t.userId)===this.userId;const a=!c&&n;if(c&&t.commentId==c.commentId){return i("div",{class:"question-comment-draft-container",key:c.commentId||`draft-0`},i("stencil-field",{name:`${this.question.questionIdentifierKey}.draftComments[0].value`,required:true,ignoreDirty:true},i("text-area",Object.assign({},this.commentFieldProps,{label:"Comment:",placeholder:"Add a comment"}))),i("div",{class:"question-comment-action-container"},i("udp-button",{variant:"text",onClick:()=>this.handleCommentSave(c.commentId),startIcon:i("udp-icon",{iconName:"save",color:"inherit"})},"Save"),i("udp-button",{variant:"text",onClick:()=>this.handleCommentDelete(c.commentId),startIcon:i("udp-icon",{iconName:"trashCan",color:"inherit"})},"Delete"),i("udp-button",{variant:"text",onClick:()=>this.handleCommentEditClose(c.commentId),startIcon:i("udp-icon",{iconName:"close16",color:"inherit"})},"Cancel")))}return!(t===null||t===void 0?void 0:t.isDeleted)?i("div",{class:"question-comment-input-container",key:t.commentId||e},i("stencil-field",{name:o,style:{display:"none"}},i("text-area",{disabled:true})),i("div",{class:"question-comment-display"},i("unity-typography",{variant:"h4",color:"inherit",class:"question-comment-header"},`${t===null||t===void 0?void 0:t.userDisplayName} ${(t===null||t===void 0?void 0:t.timestamp)?`on ${s(t.timestamp,"short")}`:""}`),t===null||t===void 0?void 0:t.value),i("div",{class:"question-comment-action-container"},a&&!d&&i("div",null,i("udp-button",{variant:"text",onClick:()=>this.handleCommentEdit(t.commentId),startIcon:i("udp-icon",{iconName:"edit",color:"inherit"})},"Edit")))):i("div",null)})),c&&c.isTempComment&&!r.includes((t=>t.commentId==c.commentId))&&i("div",{class:"question-comment-draft-container",key:c.commentId||`draft-0`},i("stencil-field",{name:`${this.question.questionIdentifierKey}.draftComments[0].value`,required:true,ignoreDirty:true},i("text-area",Object.assign({},this.commentFieldProps,{label:"Comment:",placeholder:"Add a comment"}))),i("div",{class:"question-comment-action-container"},i("udp-button",{variant:"text",onClick:()=>this.handleCommentEditClose(c.commentId),startIcon:i("udp-icon",{iconName:"trashCan",color:"inherit"})},"Cancel"),i("udp-button",{variant:"text",onClick:()=>this.handleCommentSave(c.commentId),startIcon:i("udp-icon",{iconName:"save",color:"inherit"})},"Save"))),!c&&!d&&i("div",{class:"question-comment-add-comment-button"},i("udp-button",{variant:"text",onClick:()=>this.handleCommentAdd(),startIcon:i("udp-icon",{iconName:"add",color:"inherit"})},"Add a Comment")))}};N.style=A;const T=".floating-save-button{position:fixed;top:5rem;right:2rem;z-index:1000;animation:slideInDown 0.3s ease-out}.inline-save-button{position:relative;display:inline-flex;align-items:center;margin-left:auto;}.floating-save-button.saving,.inline-save-button.saving{pointer-events:none}.saving-state{display:flex;align-items:center;gap:0.5rem;padding:0.75rem 1rem;background:rgba(0, 0, 0, 0.8);color:white;border-radius:8px;font-size:0.9rem}.saved-state{display:flex;align-items:center;gap:0.5rem;padding:0.75rem 1rem;background:rgba(34, 139, 34, 0.9);color:white;border-radius:8px;font-size:0.9rem;animation:fadeIn 0.3s ease-out}.inline-save-button .saving-state{padding:0.5rem 0.75rem;background:rgba(0, 0, 0, 0.6);font-size:0.8rem}.inline-save-button .saved-state{padding:0.5rem 0.75rem;background:rgba(34, 139, 34, 0.8);font-size:0.8rem}.save-error-tooltip{position:absolute;top:100%;right:0;margin-top:0.5rem;background:#dc3545;color:white;padding:0.5rem 1rem;border-radius:8px;font-size:0.8rem;white-space:nowrap;box-shadow:0 4px 12px rgba(220, 53, 69, 0.3);animation:fadeIn 0.3s ease-out;z-index:1001}.save-error-tooltip::after{content:'';position:absolute;bottom:100%;right:1rem;border:6px solid transparent;border-bottom-color:#dc3545}.inline-save-button .save-error-tooltip{top:100%;bottom:auto;margin-top:0.5rem;margin-bottom:0}.inline-save-button .save-error-tooltip::after{top:-6px;border-top-color:transparent;border-bottom-color:#dc3545}@keyframes slideInDown{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@media (max-width: 768px){.floating-save-button{bottom:1rem;right:1rem;top:auto;}.saving-state{padding:0.6rem 0.8rem;font-size:0.8rem}.inline-save-button .saving-state{padding:0.4rem 0.6rem;font-size:0.75rem}}.primary-icon{--icon-color:var(--primary-color, #1976d2)}.primary-icon::part(icon){fill:var(--icon-color) !important}.primary-icon udp-icon-button::part(icon),.primary-icon .icon{fill:var(--primary-color, #1976d2) !important}@media (prefers-reduced-motion: reduce){.floating-save-button,.save-error-tooltip{animation:none}}";const D=class{constructor(i){t(this,i);this.isVisible=false;this.isSaving=false;this.saveErrorMessage=null;this.showSavedMessage=false;this.shouldBeInline=false;this.formApi=null;this.handleSaveClick=async()=>{if(!this.formApi||this.isSaving){return}if(typeof this.handleSave!=="function"){return}const t=this.formApi.getState().values;try{await this.handleSave(t);this.formApi.reset(t)}catch(t){console.error("The onSave handler threw an error. The form will remain dirty.",t)}}}async componentDidLoad(){this.formApi=await I(this.el);this.checkForOverlap();this.setupOverlapDetection()}disconnectedCallback(){if(this.resizeObserver){this.resizeObserver.disconnect()}if(this.checkOverlapTimeoutId){clearTimeout(this.checkOverlapTimeoutId)}}handleWindowResize(){this.debouncedOverlapCheck()}setupOverlapDetection(){if(typeof ResizeObserver!=="undefined"){this.resizeObserver=new ResizeObserver((()=>{this.debouncedOverlapCheck()}));const t=this.el.closest("udp-forms-ui, .form-container, udp-container");if(t){this.resizeObserver.observe(t)}const i=document.querySelector('main, [role="main"]')||document.body;if(i){this.resizeObserver.observe(i)}}}debouncedOverlapCheck(){if(this.checkOverlapTimeoutId){clearTimeout(this.checkOverlapTimeoutId)}this.checkOverlapTimeoutId=setTimeout((()=>{this.checkForOverlap()}),100)}checkForOverlap(){const t=1280;this.shouldBeInline=window.innerWidth<t}render(){if(!this.isVisible&&!this.showSavedMessage){return null}const t=this.shouldBeInline?"inline-save-button":"floating-save-button";const e=this.shouldBeInline;return i("div",{class:`${t} ${this.isSaving?"saving":""} ${this.showSavedMessage?"saved":""}`},this.isSaving?i("div",{class:"saving-state"},i("unity-spinner",{size:"small"}),!e&&i("span",null,"Saving...")):this.isVisible?i("udp-icon-button",{icon:g,onClick:this.handleSaveClick,tooltip:"Save Changes",variant:"contained",color:e?"inherit":"primary",iconColor:e?"primary":null,size:e?"small":"medium"},e?"":"Save Changes"):i("div",{class:"saved-state"},i("span",null,"Saved")),this.saveErrorMessage&&i("div",{class:"save-error-tooltip"},this.saveErrorMessage))}get el(){return n(this)}};D.style=T;export{w as form_metadata_display,z as image_upload,j as signature_input,O as stencil_form,F as tally_display,S as udp_question,N as udp_question_comments,D as udp_save_draft_button};
|
|
1
|
+
import{r as t,h as i,c as e,H as o,a as n}from"./index-CaZq3YdB.js";import{d as s,f as a,o as r}from"./utils-kwLwITIE.js";import{i as l,p as c,d,a as u,c as p,b as h}from"./udp-drive-utils-CIrjVGiJ.js";import{createForm as m}from"final-form";import b from"lodash.debounce";import{c as f,U as v}from"./enums-D5dod6Ie.js";import{g as y}from"./iconUtils-DcPvHO4A.js";import g from"@carbon/icons/es/save/20";import"axios";import"./configService-BqLfkVKh.js";import"./iconMapping-CPerGeNF.js";import"@carbon/icons/es/add/16";import"@carbon/icons/es/add/32";import"@carbon/icons/es/add--alt/16";import"@carbon/icons/es/add--filled/16";import"@carbon/icons/es/arrows--horizontal/16";import"@carbon/icons/es/attachment/16";import"@carbon/icons/es/batch-job/16";import"@carbon/icons/es/box/16";import"@carbon/icons/es/close/16";import"@carbon/icons/es/close/24";import"@carbon/icons/es/close/32";import"@carbon/icons/es/close--filled/16";import"@carbon/icons/es/close--outline/16";import"@carbon/icons/es/checkmark/16";import"@carbon/icons/es/checkmark/24";import"@carbon/icons/es/checkmark/32";import"@carbon/icons/es/chevron--left/16";import"@carbon/icons/es/chevron--right/16";import"@carbon/icons/es/chevron--down/16";import"@carbon/icons/es/data-enrichment/16";import"@carbon/icons/es/document/16";import"@carbon/icons/es/document--add/16";import"@carbon/icons/es/document--attachment/16";import"@carbon/icons/es/document--pdf/16";import"@carbon/icons/es/document--video/16";import"@carbon/icons/es/document--audio/16";import"@carbon/icons/es/draggable/16";import"@carbon/icons/es/edit/16";import"@carbon/icons/es/export/16";import"@carbon/icons/es/flag/16";import"@carbon/icons/es/information/16";import"@carbon/icons/es/information/32";import"@carbon/icons/es/link/16";import"@carbon/icons/es/overflow-menu--vertical/16";import"@carbon/icons/es/overflow-menu--vertical/32";import"@carbon/icons/es/return/16";import"@carbon/icons/es/save/16";import"@carbon/icons/es/settings/16";import"@carbon/icons/es/subtract/16";import"@carbon/icons/es/subtract--alt/16";import"@carbon/icons/es/subtract--filled/16";import"@carbon/icons/es/trash-can/16";import"@carbon/icons/es/user/16";import"@carbon/icons/es/view/16";import"@carbon/icons/es/warning/16";import"@carbon/icons/es/warning/32";import"@carbon/icons/es/warning--alt/16";import"@carbon/icons/es/warning--alt/32";import"@carbon/icons/es/product/16";import"@carbon/icons/es/workspace/16";import"@carbon/icons/es/arrow--up/16";import"@carbon/icons/es/arrow--down/16";import"@carbon/icons/es/arrow--right/16";import"@carbon/icons/es/arrow--left/16";import"@carbon/icons/es/copy/16";import"@carbon/icons/es/star/16";import"@carbon/icons/es/data-table/16";import"@carbon/icons/es/fit-to-width/16";import"@carbon/icons/es/search--advanced/16";import"@carbon/icons/es/reset/16";import"@carbon/icons/es/column/16";import"@carbon/icons/es/column--delete/16";import"@carbon/icons/es/watson-health/rotate--360/16";import"@carbon/icons/es/filter/16";import"@carbon/icons/es/app-connectivity/16";import"@carbon/icons/es/text--font/16";import"@carbon/icons/es/text--long-paragraph/16";import"@carbon/icons/es/character--whole-number/16";import"@carbon/icons/es/checkbox--checked/16";import"@carbon/icons/es/radio-button--checked/16";import"@carbon/icons/es/event--schedule/16";import"@carbon/icons/es/view--off/16";import"@carbon/icons/es/time/16";import"@carbon/icons/es/calendar/16";import"@carbon/icons/es/list--checked/16";import"@carbon/icons/es/list--bulleted/16";import"@carbon/icons/es/cloud--upload/16";import"@carbon/icons/es/locked/16";import"@carbon/icons/es/pause/16";import"@carbon/icons/es/unlocked/16";import"@carbon/icons/es/send/16";import"@carbon/icons/es/email/16";import"@carbon/icons/es/checkmark--outline/16";import"@carbon/icons/es/migrate--alt/16";import"@carbon/icons/es/checkbox--checked--filled/16";import"@carbon/icons/es/checkbox/16";import"@carbon/icons/es/ZIP/16";import"@carbon/icons/es/image/16";import"@carbon/icons/es/PPT/16";import"@carbon/icons/es/XLS/16";const x=":host{display:block}.container{display:grid;gap:10px;padding:12px 14px;background:var(--unity-color-surface, #fff)}.row{display:grid;grid-template-columns:130px 1fr;align-items:baseline;column-gap:12px}.label{font-size:12px;line-height:1.2;letter-spacing:0.02em;text-transform:uppercase;color:var(--unity-color-text-secondary, rgba(0, 0, 0, 0.65))}.value{color:var(--unity-color-text, rgba(0, 0, 0, 0.9));overflow-wrap:anywhere}@media (max-width: 420px){.row{grid-template-columns:1fr;row-gap:4px}}";const w=class{constructor(i){t(this,i);this.displayOwnerFullName=true;this.displayOwnerEmail=true;this.displaySubmissionDate=true}renderRow(t,e){return i("div",{class:"row"},i("span",{class:"label"},t),i("unity-typography",{class:"value",variant:"h4"},e))}render(){return i("div",{key:"eec0b6d84cba30720f86b4f4cbd3781b1fa8d76f",class:"container",role:"group","aria-label":"Form metadata"},this.displayOwnerFullName&&this.userDisplayName&&this.renderRow("Name",this.userDisplayName),this.displayOwnerEmail&&this.userEmail&&this.renderRow("Email",this.userEmail),this.displaySubmissionDate&&this.submittedOn&&this.renderRow("Submitted on",s(this.submittedOn,"long")))}};w.style=x;const k=":host{display:block}";const z=class{constructor(i){t(this,i);this.change=e(this,"change");this.allowedMimeTypes=["image/jpeg","image/png","image/gif","image/svg+xml","image/webp"];this.fullWidth=false;this.dragAndDropMessage="Drag and drop your image here";this.browseFileMessage="Browse Image";this.hideDragAndDrop=false;this.hideButton=false;this.disabled=false;this.readonly=false;this.handleFileChange=t=>{t.stopPropagation();this.change.emit(t.detail)}}render(){return i(o,{key:"d99ff15d410e2fbc1e4679694ed0615ea72d83de"},i("file-upload",{key:"8a25e124d89bb9648fde62108253d68ed8107e89",allowMultiple:false,allowedMimeTypes:this.allowedMimeTypes,fullWidth:this.fullWidth,required:this.required,error:this.error,dragAndDropMessage:this.dragAndDropMessage,browseFileMessage:this.browseFileMessage,hideDragAndDrop:this.hideDragAndDrop,hideButton:this.hideButton,id:this.id,name:this.name,label:this.label,disabled:this.disabled,readonly:this.readonly,initialValue:this.initialValue,renderImage:true,onChange:this.handleFileChange}))}};z.style=k;const C=':host(.udp-input){display:block;box-sizing:border-box;position:relative}:host(.udp-input--full-width){width:100%}:host(.udp-input--error){--input-border-color:var(--input-underline-color-error)}:host(.udp-input--disabled){pointer-events:none;opacity:0.5;cursor:not-allowed}:host(.udp-input--required){position:relative}:host(.udp-input--readonly){--input-background:var(--gray-02)}:host(.udp-input--hidden){display:none}:host(.udp-input--checked){--input-accent-color:var(--primary-color)}:host(.udp-input--multi-select){--list-max-height:200px}:host(.udp-input) .bx--text-input:focus{outline:none;}:host(.udp-input) .bx--form-item{margin-bottom:var(--spacing-05)}:host(.udp-input) .bx--label{display:block;margin-bottom:var(--spacing-03);color:var(--text-main);font-size:var(--caption-text-font-size);font-weight:var(--caption-text-font-weight);line-height:var(--caption-text-line-height)}@media (max-width: var(--breakpoint-xs-max)){:host(.udp-input){margin-bottom:var(--spacing-04)}:host(.udp-input) .bx--form-item{margin-bottom:var(--spacing-04)}}@media (min-width: var(--breakpoint-sm-min)){:host(.udp-input){min-height:2.5rem;}}:host(.udp-input--size-small) .bx--text-input,:host(.udp-input--size-small) textarea,:host(.udp-input--size-small) input[type="text"],:host(.udp-input--size-small) input[type="number"],:host(.udp-input--size-small) input[type="email"],:host(.udp-input--size-small) input[type="password"],:host(.udp-input--size-small) input[type="tel"],:host(.udp-input--size-small) input[type="url"],:host(.udp-input--size-small) input[type="search"]{padding:var(--spacing-02);padding-bottom:6px;font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--size-normal) .bx--text-input,:host(.udp-input--size-normal) textarea,:host(.udp-input--size-normal) input[type="text"],:host(.udp-input--size-normal) input[type="number"],:host(.udp-input--size-normal) input[type="email"],:host(.udp-input--size-normal) input[type="password"],:host(.udp-input--size-normal) input[type="tel"],:host(.udp-input--size-normal) input[type="url"],:host(.udp-input--size-normal) input[type="search"]{padding:var(--spacing-03);padding-bottom:9px;font-size:var(--body-font-size)}:host(.udp-input--size-large) .bx--text-input,:host(.udp-input--size-large) textarea,:host(.udp-input--size-large) input[type="text"],:host(.udp-input--size-large) input[type="number"],:host(.udp-input--size-large) input[type="email"],:host(.udp-input--size-large) input[type="password"],:host(.udp-input--size-large) input[type="tel"],:host(.udp-input--size-large) input[type="url"],:host(.udp-input--size-large) input[type="search"]{padding:var(--spacing-04);padding-bottom:12px;font-size:var(--body-font-size)}:host(.udp-input--margin-none){margin:0}:host(.udp-input--margin-dense){margin:var(--spacing-02) 0}:host(.udp-input--margin-normal){margin:var(--spacing-03) 0}:host(.udp-input--margin-comfortable){margin:var(--spacing-04) 0}:host(.udp-input--size-small) .bx--label{margin-bottom:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--size-normal) .bx--label{margin-bottom:var(--spacing-03);font-size:var(--body-font-size)}:host(.udp-input--size-large) .bx--label{margin-bottom:var(--spacing-04);font-size:var(--body-font-size)}.bx--text-input,textarea,input[type="text"],input[type="number"],input[type="email"],input[type="password"],input[type="tel"],input[type="url"],input[type="search"]{display:inline-block;padding:var(--spacing-03);padding-bottom:9px;box-sizing:border-box;border:none;font-size:var(--body-font-size);background:var(--input-background);border-bottom:var(--underline-standard) solid var(--input-underline-color, var(--gray-08));width:100%;font-family:var(--font-family);transition:border-bottom-color 0.15s ease-in-out}.bx--text-input:focus,textarea:focus,input[type="text"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="password"]:focus,input[type="tel"]:focus,input[type="url"]:focus,input[type="search"]:focus{border-bottom-color:var(--input-underline-color-focus, var(--primary-color));border-bottom-width:2px}.bx--text-input--error,.bx--text-input:user-invalid,:host(.udp-input--error) .bx--text-input,:host(.udp-input--error) textarea,:host(.udp-input--error) input[type="text"],:host(.udp-input--error) input[type="number"],:host(.udp-input--error) input[type="email"],:host(.udp-input--error) input[type="password"],:host(.udp-input--error) input[type="tel"],:host(.udp-input--error) input[type="url"],:host(.udp-input--error) input[type="search"],input[type="text"]:user-invalid,input[type="number"]:user-invalid,input[type="email"]:user-invalid,input[type="password"]:user-invalid,input[type="tel"]:user-invalid,input[type="url"]:user-invalid,input[type="search"]:user-invalid{border-bottom-color:var(--input-underline-color-error, var(--error-color-main)) !important}:host(.udp-input--disabled) .bx--text-input,:host(.udp-input--disabled) textarea,:host(.udp-input--disabled) input[type="text"],:host(.udp-input--disabled) input[type="number"],:host(.udp-input--disabled) input[type="email"],:host(.udp-input--disabled) input[type="password"],:host(.udp-input--disabled) input[type="tel"],:host(.udp-input--disabled) input[type="url"],:host(.udp-input--disabled) input[type="search"]{border-bottom-color:var(--input-underline-color-disabled, var(--gray-08))}textarea.bx--text-input{resize:vertical;min-height:var(--spacing-08)}.bx--text-input::placeholder,textarea::placeholder,input[type="text"]::placeholder,input[type="number"]::placeholder,input[type="email"]::placeholder,input[type="password"]::placeholder,input[type="tel"]::placeholder,input[type="url"]::placeholder,input[type="search"]::placeholder{color:var(--placeholder-color, #999);opacity:1}:host(.udp-input),:host{display:block;width:100%;box-sizing:border-box}.bx--form-item{margin-bottom:var(--spacing-05)}.bx--label{display:block;margin-bottom:var(--spacing-03)}.error-message,.bx--form-requirement,:host(.udp-input--error) .error-message,:host(.udp-input--error) .bx--form-requirement{color:var(--error-color-main, #d32f2f) !important;margin-top:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem);--unity-typography-inherit-color:var(--error-color-main, #d32f2f)}.helper-text{color:var(--text-02, #525252);margin-top:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--disabled) .bx--text-input,:host(.udp-input--disabled) textarea,:host(.udp-input--disabled) input,:host(.udp-input--disabled){cursor:not-allowed;opacity:0.6}:host(.udp-input--readonly) .bx--text-input,:host(.udp-input--readonly) textarea,:host(.udp-input--readonly) input{background-color:var(--field-01, #f4f4f4);cursor:default}:host(.udp-input--size-small) .signature-canvas{height:150px}:host(.udp-input--size-normal) .signature-canvas{height:200px}:host(.udp-input--size-large) .signature-canvas{height:250px}:host(.udp-input--size-small) .clear-button{padding:var(--spacing-01) var(--spacing-02);font-size:var(--caption-font-size, 0.875rem);top:var(--spacing-02);right:var(--spacing-02)}:host(.udp-input--size-normal) .clear-button{padding:var(--spacing-02) var(--spacing-03);font-size:var(--body-font-size);top:var(--spacing-02);right:var(--spacing-02)}:host(.udp-input--size-large) .clear-button{padding:var(--spacing-03) var(--spacing-04);font-size:var(--body-font-size);top:var(--spacing-03);right:var(--spacing-03)}.signature-pad-container{position:relative;border:1px solid var(--udp-mid-gray-color);border-radius:4px;background-color:var(--udp-light-gray-color)}.signature-canvas{display:block;width:100%;height:200px;}.signature-pad-container.readonly{background-color:var(--udp-disabled-gray-color)}.signature-canvas.readonly{cursor:not-allowed}.clear-button{position:absolute;top:var(--spacing-02);right:var(--spacing-02);background-color:var(--udp-light-gray-color);border:1px solid var(--udp-mid-gray-color);color:var(--udp-primary-color);cursor:pointer;border-radius:4px;padding:var(--spacing-02) var(--spacing-03);}.clear-button:hover{background-color:var(--udp-mid-gray-color)}.clear-button:disabled{cursor:not-allowed;opacity:0.5}';const j=class{constructor(i){t(this,i);this.change=e(this,"change");this.metadataEmit=e(this,"metadataEmit");this.includeLocation=false;this.disabled=false;this.readonly=false;this.size="normal";this.margin="normal";this.cachedLocation=null;this.isInternalChange=false;this.handleResize=()=>{if(this.resizeTimeout)clearTimeout(this.resizeTimeout);this.resizeTimeout=setTimeout((()=>{const t=this.canvasEl.getBoundingClientRect();if(!this.lastCanvasRect||t.width!==this.lastCanvasRect.width||t.height!==this.lastCanvasRect.height){let i=this.signaturePad&&!this.signaturePad.isEmpty()?this.signaturePad.toDataURL():null;this.resizeCanvasForDPR();this.initializeSignaturePad();this.lastCanvasRect=t;if(i&&this.signaturePad){this.signaturePad.fromDataURL(i)}}}),200)};this.handleSignatureEnd=async()=>{if(this.signaturePad.isEmpty()){this.isInternalChange=true;this.value=null;this.change.emit(null);this.metadataEmit.emit({key:"signature.latitude",value:null});this.metadataEmit.emit({key:"signature.longitude",value:null});this.metadataEmit.emit({key:"signature.timestamp",value:null})}else{const t=this.signaturePad.toDataURL();const i=await this.urlToFile(t,"signature.png");this.isInternalChange=true;this.value=i;this.change.emit(i);this.metadataEmit.emit({key:"signature.timestamp",value:(new Date).toISOString()});if(this.includeLocation){try{let t=this.cachedLocation;if(!t){t=await new Promise(((t,i)=>{navigator.geolocation.getCurrentPosition(t,i,{enableHighAccuracy:true,timeout:3e4,maximumAge:0})}))}if(t){this.metadataEmit.emit({key:"signature.latitude",value:t.coords.latitude});this.metadataEmit.emit({key:"signature.longitude",value:t.coords.longitude})}else{this.metadataEmit.emit({key:"signature.latitude",value:null});this.metadataEmit.emit({key:"signature.longitude",value:null})}}catch(t){console.warn("Geolocation error:",t);this.metadataEmit.emit({key:"signature.latitude",value:null});this.metadataEmit.emit({key:"signature.longitude",value:null})}}}};this.clearSignature=()=>{if(this.signaturePad){this.signaturePad.clear();this.handleSignatureEnd()}}}async processAndLoadValue(t){if(!t){if(this.signaturePad)this.signaturePad.clear();return}try{const i=Array.isArray(t)?t[0]:t;let e=null;if(typeof i==="string"&&l(i)){const t=await c(i);if(t&&t.driveFileId){e=await d({name:t.name,driveFileId:t.driveFileId,extension:t.name.split(".").pop()||""})}else{e=t}}else if(u(i)){e=await d(i)}else if(typeof i==="string"){e=await p(i,"signature.png")}else if(h(i)){e=i}if(e){this.value=e;if(this.signaturePad){await this.loadSignature(e)}else{this.initializeSignaturePad()}}}catch(t){console.error("Failed to process signature value:",t)}}onErrorChange(t){this.internalError=t}async handleValueUpdate(t){if(this.isInternalChange){this.isInternalChange=false;return}if(this.canvasEl){await this.processAndLoadValue(t)}}async handleInitialValueUpdate(t){if(this.canvasEl){await this.processAndLoadValue(t)}}async componentWillLoad(){this.internalError=this.error;await this.loadSignaturePad();if(this.includeLocation){navigator.geolocation.getCurrentPosition((t=>{this.cachedLocation=t}),(t=>{console.warn("Prewarm geolocation error:",t);this.cachedLocation=null}),{enableHighAccuracy:true,timeout:3e4,maximumAge:0})}}async componentDidLoad(){this.initializeSignaturePad();const t=this.value||this.initialValue;if(t){await this.processAndLoadValue(t)}this.lastCanvasRect=this.canvasEl.getBoundingClientRect();window.addEventListener("resize",this.handleResize)}disconnectedCallback(){window.removeEventListener("resize",this.handleResize);if(this.resizeTimeout)clearTimeout(this.resizeTimeout)}resizeCanvasForDPR(){if(!this.canvasEl)return;const t=window.devicePixelRatio||1;const i=this.canvasEl.getBoundingClientRect();this.canvasEl.width=i.width*t;this.canvasEl.height=i.height*t;const e=this.canvasEl.getContext("2d");e.setTransform(1,0,0,1,0,0);e.scale(t,t)}async loadSignaturePad(){if(!this.SignaturePadLib){try{const t=await import("signature_pad");this.SignaturePadLib=t.default}catch(t){console.error("Failed to load signature_pad library",t)}}}initializeSignaturePad(){if(this.SignaturePadLib&&this.canvasEl){this.resizeCanvasForDPR();if(this.signaturePad){this.signaturePad.off()}this.signaturePad=new this.SignaturePadLib(this.canvasEl);this.signaturePad.addEventListener("endStroke",this.handleSignatureEnd);this.handleStateChange();if(this.value){this.loadSignature(this.value)}}}handleStateChange(){if(this.signaturePad){if(this.disabled||this.readonly){this.signaturePad.off()}else{this.signaturePad.on()}}}async loadSignature(t){let i;if(typeof t==="string"){i=t}else if(u(t)){try{const e=await d(t);i=URL.createObjectURL(e)}catch(t){console.error("Error loading signature image from UdpDriveFile:",t);return}}else if(t instanceof File){i=URL.createObjectURL(t)}if(i&&this.signaturePad){this.signaturePad.clear();this.signaturePad.fromDataURL(i,{ratio:window.devicePixelRatio||1})}}async urlToFile(t,i){const e=await fetch(t);const o=await e.blob();return new File([o],i,{type:o.type})}render(){const t=!!this.internalError;const e={"signature-pad-container":true,readonly:this.readonly,disabled:this.disabled};return i(o,{key:"aff1350eca630e59476dadec14c89809040d0d63",class:{"udp-input":true,"udp-input--error":t,"udp-input--disabled":this.disabled,"udp-input--required":this.required,"udp-input--readonly":this.readonly,[`udp-input--size-${this.size}`]:true,[`udp-input--margin-${this.margin}`]:true}},i("div",{key:"e713a4c37dd5a9f45366b8cf07ea3d530e0b7b50",class:"bx--form-item"},this.label&&i("unity-typography",{key:"a2ffc9d2169334874ae82969c6b3c24582f45587",variant:"caption-text"},i("label",{key:"b7fd938f5b2ac2ccf18eb98c7556eca9e767cbad",htmlFor:this.id,class:"bx--label"},this.label,this.required&&"*")),i("div",{key:"f895f5b8e62883e9c5fa3e583ba83925223d4da9",class:e},i("canvas",{key:"5c586ae127f2b05f36ffe42efb558690f6ccf7bb",ref:t=>this.canvasEl=t,class:{"signature-canvas":true,readonly:this.readonly||this.disabled},id:this.id}),!this.readonly&&!this.disabled&&i("button",{key:"1f258fe54e4f60a1baca2bc3f777ddcdb99dc6dd",type:"button",class:"clear-button",onClick:this.clearSignature,disabled:this.disabled},"Clear")),t&&i("div",{key:"75c443d5ab8c2d77382fb943a909ada0ef799221",class:"error-message"},i("unity-typography",{key:"2b33a1fa42e7556dd5be3ec1e3dc8c590f5943cc",variant:"caption-text",color:"error"},this.internalError))))}get el(){return n(this)}static get watchers(){return{error:["onErrorChange"],value:["handleValueUpdate"],initialValue:["handleInitialValueUpdate"],disabled:["handleStateChange"],readonly:["handleStateChange"]}}};j.style=C;const O=class{constructor(i){t(this,i);this.stencilFormInvalidEvent=e(this,"stencilFormInvalidEvent");this.dirtyChange=e(this,"dirtyChange");this.validateOnBlur=true;this.registeredFields={};this.customErrors={};this.handleSlotChange=()=>{const t=this.el.shadowRoot.querySelector("slot");if(!t)return;t.assignedNodes().forEach((t=>this.processNodeRecursively(t)))};this.submitWithValidation=this.submitWithValidation.bind(this);this.defaultValidation=this.defaultValidation.bind(this);this.submit=this.submit.bind(this);this.onFormChange=this.onFormChange.bind(this)}connectField(t){if(t.__connectedToForm)return;t.setFormApi({api:this.api,registeredFields:this.registeredFields,customErrors:this.customErrors});t.__connectedToForm=true}async processNodeRecursively(t){if(t.nodeType!==Node.ELEMENT_NODE){return}const i=t;if(i.localName.includes("-")){await customElements.whenDefined(i.localName)}if(i.matches("stencil-field")){this.connectField(i)}this.connectSubmitButtons(i);if(i.shadowRoot){for(const t of Array.from(i.shadowRoot.childNodes)){await this.processNodeRecursively(t)}}for(const t of Array.from(i.childNodes)){await this.processNodeRecursively(t)}}connectSubmitButtons(t){if(t.nodeType!==Node.ELEMENT_NODE){return}const i=t;if(i.matches('input[type="submit"], button[type="submit"]')){const t=i;if(!t.dataset.stencilFormConnected){t.dataset.stencilFormConnected="true";i.addEventListener("click",(t=>{t.preventDefault();this.submit(t)}))}}const e=i.querySelectorAll('input[type="submit"], button[type="submit"]');e.forEach((t=>{const i=t;if(!i.dataset.stencilFormConnected){i.dataset.stencilFormConnected="true";t.addEventListener("click",(t=>{t.preventDefault();this.submit(t)}))}}))}componentWillLoad(){this.api=m({onSubmit:this.submitWithValidation,initialValues:this.initialValues,validate:this.defaultValidation,validateOnBlur:this.validateOnBlur});if(this.handleChange){this.api.subscribe(this.onFormChange,{values:true})}this.api.subscribe((t=>{const{dirtyFields:i}=t;const e=this.registeredFields;const o=Object.keys(i||{}).some((t=>{var o;return i[t]&&!((o=e[t])===null||o===void 0?void 0:o.ignoreDirty)}));this.dirtyChange.emit(o)}),{dirtyFields:true})}componentDidLoad(){const t=this.el.shadowRoot.querySelector("slot");this.observer=new MutationObserver((t=>{for(const i of t){i.addedNodes.forEach((t=>{this.processNodeRecursively(t)}))}}));const i=()=>{const i=(t===null||t===void 0?void 0:t.assignedNodes({flatten:true}))||[];i.forEach((t=>{if(t.nodeType===Node.ELEMENT_NODE){this.observer.observe(t,{childList:true,subtree:true});this.processNodeRecursively(t)}}))};if(t){i();t.addEventListener("slotchange",i)}this.observer.observe(this.el,{childList:true,subtree:true});this.el.dispatchEvent(new CustomEvent("stencilFormReady",{bubbles:true,composed:true}))}disconnectedCallback(){var t;this.api=null;this.registeredFields={};const i=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector("slot");if(i){i.removeEventListener("slotchange",this.handleSlotChange)}}onFormChange(t){if(this.handleChange&&t.values){this.handleChange(t.values)}}async submitWithValidation(t){const i=this.defaultValidation(t);if(Object.keys(i).length===0){this.handleSubmit(t)}else{this.stencilFormInvalidEvent.emit(i)}}defaultValidation(t){const{registeredFields:i,customErrors:e}=this;const o={};const n=(t,i)=>i.replace(/\[(\d+)\]/g,".$1").split(".").reduce(((t,i)=>t!=null?t[i]:undefined),t);Object.keys(i).forEach((e=>{const s=i[e];if(s===null||s===void 0?void 0:s.ignoreDirty)return;const a=n(t,e);if(s.required&&(a==null||typeof a==="string"&&a.trim()===""||a===false||a==="false")){o[e]="This field is required"}}));if(e){Object.keys(e).forEach((t=>{if(e[t]){o[t]=e[t]}}))}if(this===null||this===void 0?void 0:this.handleValidate){const i=this.handleValidate(t,o);return Object.assign(Object.assign({},o),i)}return o}async getApi(){if(!this.api){console.error("❌ Form API not initialized yet.");return null}return this.api}submit(t){var i;(i=t===null||t===void 0?void 0:t.preventDefault)===null||i===void 0?void 0:i.call(t);const e=this.api.getState().values;const o=this.defaultValidation(e);const n=()=>{var t;if(Object.keys(o).length){this.stencilFormInvalidEvent.emit(o);return}(t=this.api)===null||t===void 0?void 0:t.submit()};b(n,1e3,{leading:true,trailing:false})()}render(){return i("form",{key:"4ac60260d402ca51999311e2e9095643a548bf7b"},i("slot",{key:"f86bda6b8329db4a2e620ffa5cbe95ae5aded136"}))}get el(){return n(this)}};const q=":host{display:block;width:100%}.tally-container{display:flex;flex-direction:column;gap:var(--spacing-02, 8px)}.tally-label{font-weight:600;margin-bottom:var(--spacing-02, 8px)}.tally-loading{display:flex;align-items:center;justify-content:center;padding:var(--spacing-04, 16px);color:var(--text-secondary, #6b7280)}.tally-content{display:flex;flex-direction:column;gap:var(--spacing-03, 12px)}.tally-stats{display:flex;gap:var(--spacing-04, 16px);flex-wrap:wrap}.tally-item{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-03, 12px) var(--spacing-04, 16px);border-radius:var(--border-radius-01, 4px);border:1px solid var(--border-subtle, #e5e7eb);background-color:var(--layer-01, #ffffff);min-width:80px;flex:1;max-width:120px}.tally-item.tally-yes{border-color:var(--support-success, #42be65);background-color:var(--support-success-hover, #f6f8ff)}.tally-item.tally-no{border-color:var(--support-error, #da1e28);background-color:var(--support-error-hover, #fff1f1)}.tally-item.tally-unanswered{border-color:var(--support-warning, #f1c21b);background-color:var(--support-warning-hover, #fcf4d6)}.tally-count{font-weight:700;line-height:1.2;margin-bottom:var(--spacing-01, 4px)}.tally-yes .tally-count{color:var(--support-success, #42be65)}.tally-no .tally-count{color:var(--support-error, #da1e28)}.tally-unanswered .tally-count{color:var(--support-warning, #f1c21b)}.tally-item .tally-label{margin:0;font-weight:500;text-transform:uppercase;font-size:0.75rem;letter-spacing:0.02em}.tally-summary{padding:var(--spacing-02, 8px) 0;border-top:1px solid var(--border-subtle, #e5e7eb);text-align:center}.error-message{margin-top:var(--spacing-02, 8px);padding:var(--spacing-02, 8px);border-radius:var(--border-radius-01, 4px);background-color:var(--support-error-hover, #fff1f1);border:1px solid var(--support-error, #da1e28)}:host(.udp-input--size-small) .tally-item{padding:var(--spacing-02, 8px) var(--spacing-03, 12px);min-width:60px;max-width:90px}:host(.udp-input--size-small) .tally-count{font-size:1.25rem}:host(.udp-input--size-large) .tally-item{padding:var(--spacing-04, 16px) var(--spacing-05, 20px);min-width:100px;max-width:150px}:host(.udp-input--size-large) .tally-count{font-size:2rem}:host(.udp-input--margin-none) .tally-container{gap:0}:host(.udp-input--margin-dense) .tally-container{gap:var(--spacing-01, 4px)}:host(.udp-input--margin-comfortable) .tally-container{gap:var(--spacing-04, 16px)}:host(.udp-input--disabled) .tally-item{opacity:0.5;pointer-events:none}:host(.udp-input--readonly) .tally-item{background-color:var(--field-01, #f4f4f4)}@media (max-width: 480px){.tally-stats{flex-direction:column}.tally-item{max-width:none;flex:none}}";const F=class{constructor(i){t(this,i);this.label="Response Tally";this.yesCount=0;this.noCount=0;this.naCount=0;this.totalFields=0;this.disabled=false;this.readonly=false;this.size="normal";this.margin="normal"}render(){const t=!!this.error;const e=this.yesCount+this.noCount+this.naCount;const n=this.totalFields-e;return i(o,{key:"99c0201e31ee706bd89b1b72ed5e7b8799c9d870",class:{"udp-input":true,"udp-input--error":t,"udp-input--disabled":this.disabled,"udp-input--readonly":this.readonly,[`udp-input--size-${this.size}`]:true,[`udp-input--margin-${this.margin}`]:true}},i("div",{key:"09016ed6e21cb455ffc99e7595fd815d2388dc20",class:"tally-container"},this.label&&i("unity-typography",{key:"94421b97279dabf2419964ffcfcb46f070644e0a",variant:"caption-text"},i("label",{key:"23492badf01e8a3b7cd19d7eeb39356188fdf09e",htmlFor:this.id,class:"tally-label"},this.label)),i("div",{key:"6efe4476e11856c3f0c6f3db52b05988a9c76d99",class:"tally-content",id:this.id},i("div",{key:"b93c8910cda35f7dcaf6b1ccdf85e675fd375fc5",class:"tally-stats"},i("div",{key:"140c03ec091df58d0d592843968784c87dfe455b",class:"tally-item tally-yes"},i("unity-typography",{key:"03993713b6dbb200b66e2872cdb3f387d7ad6399",variant:"h4",class:"tally-count"},this.yesCount),i("unity-typography",{key:"f259283a9c6904f3e84ee273acccb019762bb278",variant:"caption-text",class:"tally-label"},"Yes")),i("div",{key:"41bdd7f359f5805ec89f22082f89296642e5b0c3",class:"tally-item tally-no"},i("unity-typography",{key:"a580d8afd15ca787d5558907de6ce5b6a26721bb",variant:"h4",class:"tally-count"},this.noCount),i("unity-typography",{key:"05a9b6ce25b76d2224bdcb745c828fddbd11967a",variant:"caption-text",class:"tally-label"},"No")),i("div",{key:"5ac39a2987d52fb7d0df0e56827241f3e1079378",class:"tally-item tally-na"},i("unity-typography",{key:"c73d716f25601637fbe3aa20a680ed768d367f09",variant:"h4",class:"tally-count"},this.naCount),i("unity-typography",{key:"75ad0e4b7681431e52f755ed73e770473c6f0545",variant:"caption-text",class:"tally-label"},"Not Applicable")),n>0&&i("div",{key:"46b9b8cd21f3dfa993a53ef5ca6ed1cfe91c5e49",class:"tally-item tally-unanswered"},i("unity-typography",{key:"3b894ff08c4b636a2a13746e530ce03841d6b28d",variant:"h4",class:"tally-count"},n),i("unity-typography",{key:"bbdf08a9cb4acfd3769b8e1efe1475aeb8fbcab7",variant:"caption-text",class:"tally-label"},"Unanswered"))),i("div",{key:"f9bbb5a94beec0c536ac384b8fe3b112f750cfa1",class:"tally-summary"},i("unity-typography",{key:"be96bfd28f3dd6077ac54aece439116d93d5b1d2",variant:"caption-text"},"Total Questions: ",this.totalFields))),t&&i("div",{key:"984d524255fe657fbeacba147b4823ca54e00ffb",class:"error-message"},i("unity-typography",{key:"148a1b807fe5386097380df6b99e717c130c188a",variant:"caption-text",color:"error"},this.error))))}};F.style=q;async function I(t){let i=t;let e=null;while(i){const t=i.closest("stencil-form");if(t){e=t;break}const o=i.getRootNode();if(o instanceof ShadowRoot){i=o.host}else{break}}if(!e){return null}if(typeof e.getApi!=="function"){return null}const o=await e.getApi();if(!o){return null}return o}const $=".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 S=class{constructor(i){t(this,i);this.launchFollowUpFormSideSheet=e(this,"launchFollowUpFormSideSheet");this.disabled=false;this.readonly=false;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();if(this.question.fieldTypeId===f.Tally){await this.initializeFormApiForTally()}}async initializeFormApiForTally(){try{this.formApi=await I(this.el);if(this.formApi){const t=this.formApi.subscribe((()=>{this.calculateTally()}),{active:true,dirty:true,values:true});this.unsubscribeFormApi=t;this.calculateTally()}}catch(t){console.error("Failed to initialize form API for tally:",t)}}calculateTally(){if(!this.formApi||this.question.fieldTypeId!==f.Tally){return}try{const t=this.formApi.getState().values;const i=this.el.closest("stencil-form");if(!i){return}const e=i.querySelectorAll("udp-question");const o=[];e.forEach((t=>{if(t.question&&t.question.fieldTypeId===f.YesNo){const i=`${t.question.questionIdentifierKey}.value`;if(i){const t=this.shouldIncludeFieldInTally(i);if(t){o.push(i)}}}}));let n=0;let s=0;let a=0;o.forEach((i=>{const[e,o]=i.split(".");const r=t[e][o].value;if(r==="true"||r===true){n++}else if(r==="false"||r===false){s++}else if(r==="na"){a++}}));this.tallyData={yesCount:n,noCount:s,naCount:a,totalFields:o.length};this.updateFieldComponent()}catch(t){console.error("Error calculating tally:",t)}}shouldIncludeFieldInTally(t){const i=this.question.fieldProperties;if((i===null||i===void 0?void 0:i.includeFields)&&i.includeFields.length>0){return i.includeFields.includes(t)}if((i===null||i===void 0?void 0:i.excludeFields)&&i.excludeFields.length>0){return!i.excludeFields.includes(t)}return true}updateFieldComponent(){this._fieldComponent=this.getFieldComponent()}getFieldComponent(){var t,e,o,n,s,a,r,l,c,d,u,p,h,m,b;const v={name:`${this.question.questionIdentifierKey}.value`,required:this.question.required};const y=Object.assign(Object.assign({},this.question.fieldProperties),{id:this.questionNumber,disabled:this.disabled,readonly:this.readonly});switch(this.question.fieldTypeId){case f.SingleLineText:return i("stencil-field",Object.assign({},v),i("text-field",Object.assign({},y)));case f.MultiLineText:return i("stencil-field",Object.assign({},v),i("text-area",Object.assign({fullWidth:true},y)));case f.Checkbox:return i("stencil-field",Object.assign({},v),i("selectable-list",Object.assign({valueKey:"value",displayKey:"display",multiSelect:true,useCheckbox:true},y)));case f.RadioButton:return i("stencil-field",Object.assign({},v),i("selectable-list",Object.assign({valueKey:"value",displayKey:"display",useCheckbox:true},y)));case f.DropdownSingleSelect:case f.DropdownMultipleSelect:let g=(e=(t=y===null||y===void 0?void 0:y.items)===null||t===void 0?void 0:t.map)===null||e===void 0?void 0:e.call(t,(t=>Object.assign({label:t.display,value:t.value},y)));return i("stencil-field",Object.assign({},v),i("udp-selector",Object.assign({options:g!==null&&g!==void 0?g:[],multiSelect:this.question.fieldTypeId===f.DropdownMultipleSelect},y)));case f.YesNo:return i("stencil-field",Object.assign({},v),i("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"}]},y)));case f.ListMultiSelect:return i("stencil-field",Object.assign({},v),i("selectable-list",Object.assign({valueKey:"value",displayKey:"display",multiSelect:true},y)));case f.DateSelector:return i("stencil-field",Object.assign({},v),i("udp-date-selector",Object.assign({min:y===null||y===void 0?void 0:y.minDate,max:y===null||y===void 0?void 0:y.maxDate},y)));case f.TimeSelector:return i("stencil-field",Object.assign({},v),i("udp-time-selector",Object.assign({min:y===null||y===void 0?void 0:y.minTime,max:y===null||y===void 0?void 0:y.maxTime},y)));case f.DateTimeSelector:return i("stencil-field",Object.assign({},v),i("udp-datetime-selector",Object.assign({max:y===null||y===void 0?void 0:y.maxDateTime,min:y===null||y===void 0?void 0:y.minDateTime},y)));case f.FileUpload:return i("stencil-field",Object.assign({},v),i("file-upload",Object.assign({fullWidth:true,allowMultiple:false},y)));case f.ImageUpload:return i("stencil-field",Object.assign({},v),i("image-upload",Object.assign({fullWidth:true},y)));case f.Signature:return i("div",null,i("stencil-field",Object.assign({},v,{fieldIdentifierKey:`${this.question.questionIdentifierKey}`,registerMetadata:true,metadataFieldNames:["signature.latitude","signature.longitude","signature.timestamp"]}),i("signature-input",Object.assign({},y,{value:this.value}))),i("stencil-field",{required:this.question.required,name:`${this.question.questionIdentifierKey}.metadata.signature.fullName`},i("text-field",Object.assign({},y,{label:"Full Name"}))));case f.Paragraph:return i("stencil-field",{name:this.question.name,required:false},i("input",{type:"hidden",name:this.question.name,value:this.value||""}),this.value?i("unity-typography",{id:`paragraphText${this.question.name}`,variant:((n=(o=this.styleOverrides)===null||o===void 0?void 0:o.paragraphText)===null||n===void 0?void 0:n.variant)||"body"},this.value):i("div",null));case f.Number:return i("stencil-field",Object.assign({},v),i("numeric-field",Object.assign({},y)));case f.Tally:return i("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:false}));case f.FormMetadataDisplay:{const t=!!((s=this.udpFormSubmission)===null||s===void 0?void 0:s.id);const e=t?(r=(a=this.udpFormSubmission)===null||a===void 0?void 0:a.userDisplayName)!==null&&r!==void 0?r:null:(c=(l=this.clientUserInfo)===null||l===void 0?void 0:l.displayName)!==null&&c!==void 0?c:null;const o=t?(u=(d=this.udpFormSubmission)===null||d===void 0?void 0:d.userEmail)!==null&&u!==void 0?u:null:(h=(p=this.clientUserInfo)===null||p===void 0?void 0:p.email)!==null&&h!==void 0?h:null;const n=(b=(m=this.udpFormSubmission)===null||m===void 0?void 0:m.submittedOn)!==null&&b!==void 0?b:null;return i("form-metadata-display",Object.assign({userDisplayName:e,userEmail:o,submittedOn:n},y))}case f.Hidden:default:return i("div",null)}}async componentDidLoad(){var t,i,e,o;if(this.question.fieldTypeId===f.Tally&&!this.formApi){await this.initializeFormApiForTally()}const n=[];for(const s in this.styleOverrides){n.push({id:s+this.question.name,fontOverride:(i=(t=this.styleOverrides)===null||t===void 0?void 0:t[s])===null||i===void 0?void 0:i.fontFamily,variant:(o=(e=this.styleOverrides)===null||e===void 0?void 0:e[s])===null||o===void 0?void 0:o.variant})}n.forEach((t=>{var i,e,o;if(!a[t===null||t===void 0?void 0:t.fontOverride]||!this.el||!this.el.shadowRoot)return;r((o=(e=(i=this.el)===null||i===void 0?void 0:i.shadowRoot)===null||e===void 0?void 0:e.getElementById)===null||o===void 0?void 0:o.call(e,t.id),a[t===null||t===void 0?void 0:t.fontOverride])}))}render(){var t,e,o,n;const s=this._fieldComponent;const a=`${this.question.fieldTypeId===f.Paragraph?"":`${this.questionNumber}.`} ${this.question.questionText} ${this.question.required&&this.question.fieldTypeId!==f.Paragraph?"*":""}`;const r=`${this.question.questionIdentifierKey}.value`;const[l,c]=r.split(".");if(!s)return null;return i("div",{class:{hidden:this.question.fieldTypeId===f.Hidden,"question-container":true}},i("div",{class:"question-title-and-helper-container"},i("div",{class:"question-title-and-followup-container"},this.question.questionText&&i("unity-typography",{id:`questionText${this.question.name}`,variant:((e=(t=this.styleOverrides)===null||t===void 0?void 0:t.questionText)===null||e===void 0?void 0:e.variant)||"h3"},a),i("div",null,this.question.fieldProperties.allowFollowUpForms&&(()=>{var t;const e=(t=this.currentValues[l][c])===null||t===void 0?void 0:t.metadata;const o=e===null||e===void 0?void 0:e.followUpFormSubmissionId;if(o){const t=`/page/${v.FormRendererPageId}?udpf_submissionId=${o}`;return i("stencil-icon-button",{icon:y("link"),tooltip:"Open Follow-Up Form",onClick:()=>window.open(t,"_blank")})}if(!this.readonly){return i("stencil-icon-button",{icon:y("document"),tooltip:"Create Follow-Up Form",onClick:()=>{console.log("clicked create follow up form");this.launchFollowUpFormSideSheet.emit({sectionKey:l,questionKey:c})}})}})())),this.question.helperText&&i("unity-typography",{id:`helperText${this.question.name}`,variant:((n=(o=this.styleOverrides)===null||o===void 0?void 0:o.helperText)===null||n===void 0?void 0:n.variant)||"caption-text"},this.question.helperText)),s,this.question.fieldProperties.allowFollowUpForms&&i("div",null,i("stencil-field",{hidden:true,name:`${this.question.questionIdentifierKey}.metadata.followUpParentFormId`},i("text-field",null)),i("stencil-field",{hidden:true,name:`${this.question.questionIdentifierKey}.metadata.followUpParentFormVersion`},i("text-field",null)),i("stencil-field",{hidden:true,name:`${this.question.questionIdentifierKey}.metadata.followUpParentFormSubmissionId`},i("text-field",null))),this.question.fieldProperties.allowComments&&i("udp-question-comments",{question:this.question,currentValues:this.currentValues,userId:this.clientUserInfo.id}))}get el(){return n(this)}static get watchers(){return{question:["propChanged"],questionNumber:["propChanged"],value:["propChanged"],disabled:["propChanged"],readonly:["propChanged"],styleOverrides:["propChanged"]}}};S.style=$;const A=".question-comment-display{position:relative;display:flex;flex-direction:column;gap:var(--spacing-03);margin:var(--spacing-05) 0;border:1px solid var(--border-color, #ccc);border-radius:6px;padding:var(--spacing-05) var(--spacing-04);overflow-wrap:break-word;word-wrap:break-word}.question-comment-display unity-typography:not(.question-comment-header){display:block;white-space:pre-wrap;word-break:break-word;}.question-comment-display>.question-comment-header{position:absolute;bottom:-0.6em;right:1em;background:white;padding:0 0.4em;font-size:0.85em;white-space:nowrap;}.question-comment-add-comment-button{display:flex;justify-content:center;margin:var(--spacing-03) 0}.question-comment-action-container{display:flex;justify-content:end}";const N=class{constructor(i){t(this,i);this.questionCommentAction=e(this,"questionCommentAction");this.commentFieldProps={};this.currentValues={};this.userId=null}emitQuestionCommentAction(t,i){this.questionCommentAction.emit({type:t,questionIdentifierKey:this.question.questionIdentifierKey,commentId:i})}handleCommentAdd(){this.emitQuestionCommentAction("add",null)}handleCommentSave(t){this.emitQuestionCommentAction("save",t)}handleCommentEdit(t){this.emitQuestionCommentAction("edit",t)}handleCommentDelete(t){this.emitQuestionCommentAction("delete",t)}handleCommentEditClose(t){this.emitQuestionCommentAction("editClose",t)}render(){var t,e;const[o,n]=this.question.questionIdentifierKey.split(".");const a=((e=(t=this.currentValues)===null||t===void 0?void 0:t[o])===null||e===void 0?void 0:e[n])||{comments:[],draftComments:[]};const r=Array.isArray(a.comments)?a.comments:a.comments?[a.comments]:[];const l=Array.isArray(a.draftComments)?a.draftComments:a.draftComments?[a.draftComments]:[];const c=l.length>0?l[0]:null;const d=Object.values(this.currentValues||{}).some((t=>Object.values(t||{}).some((t=>{if(!t)return false;const i=t.draftComments;if(!i)return false;if(Array.isArray(i)&&i.length<1)return false;return true}))));return i("div",null,r.map(((t,e)=>{const o=`${this.question.questionIdentifierKey}.comments[${e}].value`;const n=(t===null||t===void 0?void 0:t.userId)===this.userId;const a=!c&&n;if(c&&t.commentId==c.commentId){return i("div",{class:"question-comment-draft-container",key:c.commentId||`draft-0`},i("stencil-field",{name:`${this.question.questionIdentifierKey}.draftComments[0].value`,required:true,ignoreDirty:true},i("text-area",Object.assign({},this.commentFieldProps,{label:"Comment:",placeholder:"Add a comment"}))),i("div",{class:"question-comment-action-container"},i("udp-button",{variant:"text",onClick:()=>this.handleCommentSave(c.commentId),startIcon:i("udp-icon",{iconName:"save",color:"inherit"})},"Save"),i("udp-button",{variant:"text",onClick:()=>this.handleCommentDelete(c.commentId),startIcon:i("udp-icon",{iconName:"trashCan",color:"inherit"})},"Delete"),i("udp-button",{variant:"text",onClick:()=>this.handleCommentEditClose(c.commentId),startIcon:i("udp-icon",{iconName:"close16",color:"inherit"})},"Cancel")))}return!(t===null||t===void 0?void 0:t.isDeleted)?i("div",{class:"question-comment-input-container",key:t.commentId||e},i("stencil-field",{name:o,style:{display:"none"}},i("text-area",{disabled:true})),i("div",{class:"question-comment-display"},i("unity-typography",{variant:"h4",color:"inherit",class:"question-comment-header"},`${t===null||t===void 0?void 0:t.userDisplayName} ${(t===null||t===void 0?void 0:t.timestamp)?`on ${s(t.timestamp,"short")}`:""}`),t===null||t===void 0?void 0:t.value),i("div",{class:"question-comment-action-container"},a&&!d&&i("div",null,i("udp-button",{variant:"text",onClick:()=>this.handleCommentEdit(t.commentId),startIcon:i("udp-icon",{iconName:"edit",color:"inherit"})},"Edit")))):i("div",null)})),c&&c.isTempComment&&!r.includes((t=>t.commentId==c.commentId))&&i("div",{class:"question-comment-draft-container",key:c.commentId||`draft-0`},i("stencil-field",{name:`${this.question.questionIdentifierKey}.draftComments[0].value`,required:true,ignoreDirty:true},i("text-area",Object.assign({},this.commentFieldProps,{label:"Comment:",placeholder:"Add a comment"}))),i("div",{class:"question-comment-action-container"},i("udp-button",{variant:"text",onClick:()=>this.handleCommentEditClose(c.commentId),startIcon:i("udp-icon",{iconName:"trashCan",color:"inherit"})},"Cancel"),i("udp-button",{variant:"text",onClick:()=>this.handleCommentSave(c.commentId),startIcon:i("udp-icon",{iconName:"save",color:"inherit"})},"Save"))),!c&&!d&&i("div",{class:"question-comment-add-comment-button"},i("udp-button",{variant:"text",onClick:()=>this.handleCommentAdd(),startIcon:i("udp-icon",{iconName:"add",color:"inherit"})},"Add a Comment")))}};N.style=A;const T=".floating-save-button{position:fixed;top:5rem;right:2rem;z-index:1000;animation:slideInDown 0.3s ease-out}.inline-save-button{position:relative;display:inline-flex;align-items:center;margin-left:auto;}.floating-save-button.saving,.inline-save-button.saving{pointer-events:none}.saving-state{display:flex;align-items:center;gap:0.5rem;padding:0.75rem 1rem;background:rgba(0, 0, 0, 0.8);color:white;border-radius:8px;font-size:0.9rem}.saved-state{display:flex;align-items:center;gap:0.5rem;padding:0.75rem 1rem;background:rgba(34, 139, 34, 0.9);color:white;border-radius:8px;font-size:0.9rem;animation:fadeIn 0.3s ease-out}.inline-save-button .saving-state{padding:0.5rem 0.75rem;background:rgba(0, 0, 0, 0.6);font-size:0.8rem}.inline-save-button .saved-state{padding:0.5rem 0.75rem;background:rgba(34, 139, 34, 0.8);font-size:0.8rem}.save-error-tooltip{position:absolute;top:100%;right:0;margin-top:0.5rem;background:#dc3545;color:white;padding:0.5rem 1rem;border-radius:8px;font-size:0.8rem;white-space:nowrap;box-shadow:0 4px 12px rgba(220, 53, 69, 0.3);animation:fadeIn 0.3s ease-out;z-index:1001}.save-error-tooltip::after{content:'';position:absolute;bottom:100%;right:1rem;border:6px solid transparent;border-bottom-color:#dc3545}.inline-save-button .save-error-tooltip{top:100%;bottom:auto;margin-top:0.5rem;margin-bottom:0}.inline-save-button .save-error-tooltip::after{top:-6px;border-top-color:transparent;border-bottom-color:#dc3545}@keyframes slideInDown{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@media (max-width: 768px){.floating-save-button{bottom:1rem;right:1rem;top:auto;}.saving-state{padding:0.6rem 0.8rem;font-size:0.8rem}.inline-save-button .saving-state{padding:0.4rem 0.6rem;font-size:0.75rem}}.primary-icon{--icon-color:var(--primary-color, #1976d2)}.primary-icon::part(icon){fill:var(--icon-color) !important}.primary-icon udp-icon-button::part(icon),.primary-icon .icon{fill:var(--primary-color, #1976d2) !important}@media (prefers-reduced-motion: reduce){.floating-save-button,.save-error-tooltip{animation:none}}";const D=class{constructor(i){t(this,i);this.isVisible=false;this.isSaving=false;this.saveErrorMessage=null;this.showSavedMessage=false;this.shouldBeInline=false;this.formApi=null;this.handleSaveClick=async()=>{if(!this.formApi||this.isSaving){return}if(typeof this.handleSave!=="function"){return}const t=this.formApi.getState().values;try{await this.handleSave(t);this.formApi.reset(t)}catch(t){console.error("The onSave handler threw an error. The form will remain dirty.",t)}}}async componentDidLoad(){this.formApi=await I(this.el);this.checkForOverlap();this.setupOverlapDetection()}disconnectedCallback(){if(this.resizeObserver){this.resizeObserver.disconnect()}if(this.checkOverlapTimeoutId){clearTimeout(this.checkOverlapTimeoutId)}}handleWindowResize(){this.debouncedOverlapCheck()}setupOverlapDetection(){if(typeof ResizeObserver!=="undefined"){this.resizeObserver=new ResizeObserver((()=>{this.debouncedOverlapCheck()}));const t=this.el.closest("udp-forms-ui, .form-container, udp-container");if(t){this.resizeObserver.observe(t)}const i=document.querySelector('main, [role="main"]')||document.body;if(i){this.resizeObserver.observe(i)}}}debouncedOverlapCheck(){if(this.checkOverlapTimeoutId){clearTimeout(this.checkOverlapTimeoutId)}this.checkOverlapTimeoutId=setTimeout((()=>{this.checkForOverlap()}),100)}checkForOverlap(){const t=1280;this.shouldBeInline=window.innerWidth<t}render(){if(!this.isVisible&&!this.showSavedMessage){return null}const t=this.shouldBeInline?"inline-save-button":"floating-save-button";const e=this.shouldBeInline;return i("div",{class:`${t} ${this.isSaving?"saving":""} ${this.showSavedMessage?"saved":""}`},this.isSaving?i("div",{class:"saving-state"},i("unity-spinner",{size:"small"}),!e&&i("span",null,"Saving...")):this.isVisible?i("udp-icon-button",{icon:g,onClick:this.handleSaveClick,tooltip:"Save Changes",variant:"contained",color:e?"inherit":"primary",iconColor:e?"primary":null,size:e?"small":"medium"},e?"":"Save Changes"):i("div",{class:"saved-state"},i("span",null,"Saved")),this.saveErrorMessage&&i("div",{class:"save-error-tooltip"},this.saveErrorMessage))}get el(){return n(this)}};D.style=T;export{w as form_metadata_display,z as image_upload,j as signature_input,O as stencil_form,F as tally_display,S as udp_question,N as udp_question_comments,D as udp_save_draft_button};
|
|
2
2
|
//# sourceMappingURL=form-metadata-display_8.entry.js.map
|