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

package/dist/esm/date-time-renderer.file-upload-renderer.form-metadata-display-renderer.list-options-renderer.question-specific-configs-renderer.signature-renderer.text-input-renderer.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-time-renderer.file-upload-renderer.form-metadata-display-renderer.list-options-renderer.question-specific-configs-renderer.signature-renderer.text-input-renderer.entry.js","sources":["src/components/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/date-time-renderer/date-time-renderer.css?tag=date-time-renderer&encapsulation=shadow","src/components/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/date-time-renderer/date-time-renderer.tsx","src/components/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/file-upload-renderer/file-upload-renderer.css?tag=file-upload-renderer&encapsulation=shadow","src/components/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/file-upload-renderer/file-upload-renderer.tsx","src/components/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/form-metadata-display-renderer/form-metadata-display-renderer.css?tag=form-metadata-display-renderer&encapsulation=shadow","src/components/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/form-metadata-display-renderer/form-metadata-display-renderer.tsx","src/components/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/list-option-renderer/list-options-renderer.css?tag=list-options-renderer&encapsulation=shadow","src/components/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/list-option-renderer/list-options-renderer.tsx","src/components/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/question-specific-configs-renderer/question-specific-configs-renderer.css?tag=question-specific-configs-renderer&encapsulation=shadow","src/components/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/question-specific-configs-renderer/question-specific-configs-renderer.tsx","src/components/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/signature-renderer/signature-renderer.css?tag=signature-renderer&encapsulation=shadow","src/components/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/signature-renderer/signature-renderer.tsx","src/components/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/text-input-renderer/text-input-renderer.css?tag=text-input-renderer&encapsulation=shadow","src/components/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/text-input-renderer/text-input-renderer.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.question-item-date-inputs-container,\n.question-item-time-inputs-container,\n.question-item-date-time-inputs-container {\n  display: flex;\n  flex-direction: column;\n  gap: var(--spacing-04, 16px);\n}\n\n.question-item-date-inputs-container-date-range,\n.question-item-date-inputs-container-time-range,\n.question-item-date-inputs-container-datetime-range {\n  display: flex;\n  flex-direction: row;\n  gap: var(--spacing-04, 16px);\n}\n","import { Component, Fragment, h, Prop } from '@stencil/core';\nimport { UdpFormQuestion } from '../../../utils/types'; // Using path that worked previously\nimport { UdpFormsFieldTypeEnum } from '../../../utils/enums';\n\n// We will need to import any components used like udp-date-selector, udp-time-selector, udp-datetime-selector, stencil-toggle, unity-typography etc.\n// This will require knowing their correct import paths or ensuring they are globally available.\n\n@Component({\n  tag: 'date-time-renderer',\n  styleUrl: 'date-time-renderer.css',\n  shadow: true,\n})\nexport class DateTimeRenderer {\n  @Prop() question: UdpFormQuestion;\n  @Prop() isViewOnly: boolean;\n  @Prop() formSectionsDraft: any[][];\n  @Prop() sIndex: number;\n  @Prop() qIndex: number;\n  @Prop() onFormSectionsDraftChange: (updatedSections: any[][]) => void;\n  @Prop() getHandler: (fieldTypeId: number, handlerName: string) => any;\n\n  renderSwitch() {\n    switch (this.question.fieldTypeId) {\n      case UdpFormsFieldTypeEnum.DateSelector: // Date Selector\n        return (\n          <div class=\"question-item-date-inputs-container\">\n            <div class=\"question-item-date-inputs-container-date-range\">\n              <udp-date-selector\n                label=\"Min Date\"\n                value={this.question.fieldProperties.minDate}\n                fullWidth={true}\n                onChange={e => {\n                  if (this.isViewOnly) return;\n                  const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyDateTime');\n                  const updated = handler(e, this.formSectionsDraft, this.sIndex, this.qIndex, 'minDate');\n                  this.onFormSectionsDraftChange(updated);\n                }}\n              ></udp-date-selector>\n              <udp-date-selector\n                label=\"Max Date\"\n                value={this.question.fieldProperties.maxDate}\n                fullWidth={true}\n                onChange={e => {\n                  if (this.isViewOnly) return;\n                  const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyDateTime');\n                  const updated = handler(e, this.formSectionsDraft, this.sIndex, this.qIndex, 'maxDate');\n                  this.onFormSectionsDraftChange(updated);\n                }}\n              ></udp-date-selector>\n            </div>\n            <stencil-toggle\n              label=\"Allow Future Date\"\n              disabled={this.isViewOnly}\n              checked={this.question.fieldProperties.allowFutureDate === true}\n              onToggledChange={() => {\n                if (this.isViewOnly) return;\n                const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyBooleanToggle');\n                const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex, 'allowFutureDate');\n                this.onFormSectionsDraftChange(updated);\n              }}\n              labelPosition=\"right\"\n            ></stencil-toggle>\n          </div>\n        );\n      case UdpFormsFieldTypeEnum.TimeSelector: // Time Selector\n        return (\n          <div class=\"question-item-time-inputs-container\">\n            <div class=\"question-item-date-inputs-container-time-range\">\n              <udp-time-selector\n                label=\"Min Time\"\n                value={this.question.fieldProperties.minTime}\n                fullWidth={true}\n                onChange={e => {\n                  if (this.isViewOnly) return;\n                  const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyDateTime');\n                  const updated = handler(e, this.formSectionsDraft, this.sIndex, this.qIndex, 'minTime');\n                  this.onFormSectionsDraftChange(updated);\n                }}\n              ></udp-time-selector>\n              <udp-time-selector\n                label=\"Max Time\"\n                value={this.question.fieldProperties.maxTime}\n                fullWidth={true}\n                onChange={e => {\n                  if (this.isViewOnly) return;\n                  const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyDateTime');\n                  const updated = handler(e, this.formSectionsDraft, this.sIndex, this.qIndex, 'maxTime');\n                  this.onFormSectionsDraftChange(updated);\n                }}\n              ></udp-time-selector>\n            </div>\n          </div>\n        );\n      case UdpFormsFieldTypeEnum.DateTimeSelector: // DateTime Selector\n        return (\n          <Fragment>\n            <div class=\"question-item-date-time-inputs-container\">\n              <div class=\"question-item-date-inputs-container-datetime-range\">\n                <udp-datetime-selector\n                  label=\"Min Datetime\"\n                  value={this.question.fieldProperties.minDateTime}\n                  fullWidth={true}\n                  onChange={e => {\n                    if (this.isViewOnly) return;\n                    const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyDateTime');\n                    const updated = handler(e, this.formSectionsDraft, this.sIndex, this.qIndex, 'minDateTime');\n                    this.onFormSectionsDraftChange(updated);\n                  }}\n                ></udp-datetime-selector>\n                <udp-datetime-selector\n                  label=\"Max Datetime\"\n                  value={this.question.fieldProperties.maxDateTime}\n                  fullWidth={true}\n                  onChange={e => {\n                    if (this.isViewOnly) return;\n                    const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyDateTime');\n                    const updated = handler(e, this.formSectionsDraft, this.sIndex, this.qIndex, 'maxDateTime');\n                    this.onFormSectionsDraftChange(updated);\n                  }}\n                ></udp-datetime-selector>\n              </div>\n              <div class=\"question-item-future-date-container\">\n                <stencil-toggle\n                  label=\"Allow Future Date\"\n                  disabled={this.isViewOnly}\n                  checked={!!this.question.fieldProperties?.allowFutureDate}\n                  onToggledChange={() => {\n                    if (this.isViewOnly) return;\n                    const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyBooleanToggle');\n                    const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex, 'allowFutureDate');\n                    this.onFormSectionsDraftChange(updated);\n                  }}\n                  labelPosition=\"right\"\n                ></stencil-toggle>\n              </div>\n            </div>\n          </Fragment>\n        );\n      default:\n        return null;\n    }\n  }\n\n  render() {\n    return this.renderSwitch();\n  }\n}\n","/* Styles for file-upload-renderer */\n.file-upload-input-container {\n  display: flex;\n  flex-direction: column; /* Stack toggles vertically */\n  /* gap: var(--spacing-05, 16px); Consistent spacing with other components */\n}\n\n/* Add any other specific styles for file upload inputs here */ ","import { Component, h, Prop } from '@stencil/core';\nimport { UdpFormQuestion } from '../../../utils/types';\n// stencil-toggle should be globally available or imported if necessary\n\n@Component({\n  tag: 'file-upload-renderer',\n  styleUrl: 'file-upload-renderer.css',\n  shadow: true,\n})\nexport class FileUploadRenderer {\n  @Prop() question: UdpFormQuestion;\n  @Prop() isViewOnly: boolean;\n  @Prop() formSectionsDraft: any[][];\n  @Prop() sIndex: number;\n  @Prop() qIndex: number;\n  @Prop() onFormSectionsDraftChange: (updatedSections: any[][]) => void;\n  @Prop() getHandler: (fieldTypeId: number, handlerName: string) => any;\n\n  render() {\n    return (\n      <div class=\"file-upload-input-container\">\n        <div>\n          <stencil-toggle\n            label=\"Hide Drag And Drop\"\n            disabled={this.isViewOnly}\n            checked={!!this.question.fieldProperties?.hideDragAndDrop}\n            onToggledChange={() => {\n              if (this.isViewOnly) return;\n              const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyBooleanToggle');\n              const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex, 'hideDragAndDrop');\n              this.onFormSectionsDraftChange(updated);\n            }}\n            labelPosition=\"right\"\n          ></stencil-toggle>\n        </div>\n        <div>\n          <stencil-toggle\n            label=\"Hide Button\"\n            disabled={this.isViewOnly}\n            checked={!!this.question.fieldProperties?.hideButton}\n            onToggledChange={() => {\n              if (this.isViewOnly) return;\n              const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyBooleanToggle');\n              const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex, 'hideButton');\n              this.onFormSectionsDraftChange(updated);\n            }}\n            labelPosition=\"right\"\n          ></stencil-toggle>\n        </div>\n      </div>\n    );\n  }\n}\n","/* Styles for form-metadata-display */\n.form-metadata-display-container {\n  display: flex;\n  flex-direction: column; /* Stack toggles vertically */\n  gap: var(--spacing-04, 16px); /* Consistent spacing with other components */\n}\n\n/* Add any other specific styles for form metadata display inputs here */ ","import { Component, h, Prop } from '@stencil/core';\nimport { UdpFormQuestion } from '../../../utils/types';\n\n@Component({\n  tag: 'form-metadata-display-renderer',\n  styleUrl: 'form-metadata-display-renderer.css',\n  shadow: true,\n})\nexport class FormMetadataDisplayRenderer {\n  @Prop() question: UdpFormQuestion;\n  @Prop() isViewOnly: boolean;\n  @Prop() formSectionsDraft: any[][];\n  @Prop() sIndex: number;\n  @Prop() qIndex: number;\n  @Prop() onFormSectionsDraftChange: (updatedSections: any[][]) => void;\n  @Prop() getHandler: (fieldTypeId: number, handlerName: string) => any;\n\n  render() {\n    return (\n      <div class=\"form-metadata-display-input-container\">\n        <div>\n          <stencil-toggle\n            label=\"Show Form Responder Full Name\"\n            disabled={this.isViewOnly}\n            checked={!!this.question.fieldProperties?.displayOwnerFullName}\n            onToggledChange={() => {\n              if (this.isViewOnly) return;\n              const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyBooleanToggle');\n              const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex, 'displayOwnerFullName');\n              this.onFormSectionsDraftChange(updated);\n            }}\n            labelPosition=\"right\"\n          ></stencil-toggle>\n          <stencil-toggle\n            label=\"Show Form Responder Email\"\n            disabled={this.isViewOnly}\n            checked={!!this.question.fieldProperties?.displayOwnerEmail}\n            onToggledChange={() => {\n              if (this.isViewOnly) return;\n              const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyBooleanToggle');\n              const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex, 'displayOwnerEmail');\n              this.onFormSectionsDraftChange(updated);\n            }}\n            labelPosition=\"right\"\n          ></stencil-toggle>    \n          <stencil-toggle\n            label=\"Show Submission Date\"\n            disabled={this.isViewOnly}\n            checked={!!this.question.fieldProperties?.displaySubmissionDate}\n            onToggledChange={() => {\n              if (this.isViewOnly) return;\n              const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyBooleanToggle');\n              const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex, 'displaySubmissionDate');\n              this.onFormSectionsDraftChange(updated);\n            }}\n            labelPosition=\"right\"\n          ></stencil-toggle>    \n        </div>\n      </div>\n    );\n  }\n}\n","/* 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} */","import { Component, h, Prop, Host } from '@stencil/core';\nimport { UdpFormQuestion } from '../../../utils/types'; // Using path that worked previously\n// We will need to import any components used like udp-icon, text-field, unity-typography etc.\n// This will require knowing their correct import paths or ensuring they are globally available.\nimport { getIconFromName } from '../../../../../data-display/icons/iconUtils';\n\n@Component({\n  tag: 'list-options-renderer',\n  styleUrl: 'list-options-renderer.css',\n  shadow: true,\n})\nexport class ListOptionsRenderer {\n  @Prop() question: UdpFormQuestion;\n  @Prop() isViewOnly: boolean;\n  @Prop() formSectionsDraft: any[][];\n  @Prop() sIndex: number;\n  @Prop() qIndex: number;\n  @Prop() lookupOptions: any[];\n  @Prop() onFormSectionsDraftChange: (updatedSections: any[][]) => void;\n  @Prop() getHandler: (fieldTypeId: number, handlerName: string) => any;\n\n  render() {\n    return (\n      <Host>\n        <div class=\"question-item-options-list-container\">\n          {this.lookupOptions?.length > 1 && (\n            <stencil-toggle\n              label=\"Use Lookup Options\"\n              disabled={this.isViewOnly}\n              checked={!!(this.question?.fieldProperties && 'lookupId' in this.question.fieldProperties)}\n              labelPosition=\"right\"\n              onToggledChange={() => {\n                const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyToggleManualOrLookupOptions');\n                const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex);\n                this.onFormSectionsDraftChange(updated);\n              }}\n            />\n          )}\n          {/* Display lookup components if question is configured for lookup */}\n          {'lookupId' in this.question.fieldProperties && (\n            <div>\n              <udp-selector\n                label=\"Lookup Source\"\n                key=\"lookup-selector\"\n                initialValue={this.question.fieldProperties?.lookupId || ''}\n                options={this.lookupOptions}\n                disabled={this.isViewOnly}\n                required={true}\n                onChange={(e: CustomEvent) => {\n                  const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyLookupChange');\n                  const updated = handler(e.detail, this.formSectionsDraft, this.sIndex, this.qIndex);\n                  this.onFormSectionsDraftChange(updated);\n                }}\n              ></udp-selector>\n            </div>\n          )}\n\n          {/* Display lookup components if question is configured for manual options */}\n          {'items' in this.question.fieldProperties && (\n            <div>\n              <div class=\"list-options-header\">\n                <unity-typography variant=\"h6\">Configure Select Options</unity-typography>\n                {!this.isViewOnly && 'items' in this.question.fieldProperties && (\n                  <udp-button\n                    variant=\"text\"\n                    onClick={() => {\n                      const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyAddListItem');\n                      const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex, '', '');\n                      this.onFormSectionsDraftChange(updated);\n                    }}\n                    startIcon={<udp-icon iconName={'add'} darkIcon={true} />}\n                    title=\"Add an Option\"\n                  >\n                    Add an Option\n                  </udp-button>\n                )}\n              </div>\n              {this.question.fieldProperties?.items?.map((item, idx) => (\n                <div key={idx} class=\"question-item-options-item\">\n                  {/* <unity-typography variant={'h4'}>Option {idx + 1}.</unity-typography> */}\n                  <div class=\"question-item-options-item-fields\">\n                    <text-field\n                      label=\"Display Text\"\n                      value={item.display}\n                      disabled={this.isViewOnly}\n                      placeholder=\"Display Text\"\n                      required={true}\n                      onInput={e => {\n                        const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyListItemChange');\n                        const updated = handler(e, this.formSectionsDraft, this.sIndex, this.qIndex, idx, 'display');\n                        this.onFormSectionsDraftChange(updated);\n                      }}\n                    ></text-field>\n\n                    <text-field\n                      label=\"Option Value\"\n                      value={item.value}\n                      disabled={this.isViewOnly}\n                      placeholder=\"Option Value\"\n                      required={true}\n                      onInput={e => {\n                        const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyListItemChange');\n                        const updated = handler(e, this.formSectionsDraft, this.sIndex, this.qIndex, idx, 'value');\n                        this.onFormSectionsDraftChange(updated);\n                      }}\n                    ></text-field>\n                  </div>\n                  {this.question.fieldProperties.items.length > 1 && !this.isViewOnly && (\n                    <stencil-icon-button\n                      icon={getIconFromName('trashCan')}\n                      onClick={() => {\n                        const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyRemoveListItem');\n                        const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex, idx);\n                        this.onFormSectionsDraftChange(updated);\n                      }}\n                    />\n                  )}\n                </div>\n              ))}\n            </div>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n","/* Add styles for question-specific-configs-renderer component here */ ","import { Component, h, Prop } from '@stencil/core';\nimport questionsTemplate from '../../udp-forms-builder-question-template';\nimport { UdpFormsFieldTypeEnum } from '../../../utils/enums';\n\n@Component({\n  tag: 'question-specific-configs-renderer',\n  styleUrl: 'question-specific-configs-renderer.css', // Explicitly added ./\n  shadow: true,\n})\nexport class QuestionSpecificConfigsRenderer {\n  @Prop() formSectionsDraft: any[];\n  @Prop() sIndex: number;\n  @Prop() qIndex: number;\n  @Prop() isViewOnly: boolean;\n  @Prop() lookupOptions: any[];\n  @Prop() onFormSectionsDraftChange: (updatedSections: any[]) => void;\n\n  private getHandler = (fieldTypeId: number, handlerName: string) => {\n    const template = questionsTemplate.find(q => q.fieldTypeId === fieldTypeId);\n    return template?.handlers?.[handlerName];\n  };\n\n  private get question() {\n    return this.formSectionsDraft?.[this.sIndex].formQuestions?.[this.qIndex];\n  }\n\n  render() {\n    switch (this.question.fieldTypeId) {\n      case UdpFormsFieldTypeEnum.Paragraph:\n        return (\n          <text-area\n            label=\"Paragraph Text\"\n            value={this.question.fieldProperties?.paragraphText || ''}\n            disabled={this.isViewOnly}\n            placeholder=\"Enter the paragraph text here\"\n            rows={3}\n            maxRows={10}\n            fullWidth={true}\n            margin={'dense'}\n            onInput={e => {\n              const handler = this.getHandler(\n                this.question.fieldTypeId,\n                'handleParagraphValueChange',\n              );\n              const updated = handler(e, this.formSectionsDraft, this.sIndex, this.qIndex);\n              this.onFormSectionsDraftChange(updated);\n            }}\n          />\n        );\n      case UdpFormsFieldTypeEnum.SingleLineText:\n      case UdpFormsFieldTypeEnum.MultiLineText:\n        return (\n          <text-input-renderer\n            question={this.question}\n            isViewOnly={this.isViewOnly}\n            formSectionsDraft={this.formSectionsDraft}\n            sIndex={this.sIndex}\n            qIndex={this.qIndex}\n            onFormSectionsDraftChange={this.onFormSectionsDraftChange}\n            getHandler={this.getHandler}\n          ></text-input-renderer>\n        );\n\n      case UdpFormsFieldTypeEnum.Checkbox:\n      case UdpFormsFieldTypeEnum.RadioButton:\n      case UdpFormsFieldTypeEnum.DropdownSingleSelect:\n      case UdpFormsFieldTypeEnum.DropdownMultipleSelect:\n      case UdpFormsFieldTypeEnum.ListMultiSelect:\n        return (\n          <list-options-renderer\n            question={this.question}\n            isViewOnly={this.isViewOnly}\n            formSectionsDraft={this.formSectionsDraft}\n            sIndex={this.sIndex}\n            qIndex={this.qIndex}\n            onFormSectionsDraftChange={this.onFormSectionsDraftChange}\n            getHandler={this.getHandler}\n            lookupOptions={this.lookupOptions}\n          ></list-options-renderer>\n        );\n\n      case UdpFormsFieldTypeEnum.DateSelector:\n      case UdpFormsFieldTypeEnum.TimeSelector:\n      case UdpFormsFieldTypeEnum.DateTimeSelector:\n        return (\n          <date-time-renderer\n            question={this.question}\n            isViewOnly={this.isViewOnly}\n            formSectionsDraft={this.formSectionsDraft}\n            sIndex={this.sIndex}\n            qIndex={this.qIndex}\n            onFormSectionsDraftChange={this.onFormSectionsDraftChange}\n            getHandler={this.getHandler}\n          ></date-time-renderer>\n        );\n\n      case UdpFormsFieldTypeEnum.FileUpload:\n      case UdpFormsFieldTypeEnum.ImageUpload:\n        return (\n          <file-upload-renderer\n            question={this.question}\n            isViewOnly={this.isViewOnly}\n            formSectionsDraft={this.formSectionsDraft}\n            sIndex={this.sIndex}\n            qIndex={this.qIndex}\n            onFormSectionsDraftChange={this.onFormSectionsDraftChange}\n            getHandler={this.getHandler}\n          ></file-upload-renderer>\n        );\n\n      case UdpFormsFieldTypeEnum.Signature:\n        return (\n          <signature-renderer\n            question={this.question}\n            isViewOnly={this.isViewOnly}\n            formSectionsDraft={this.formSectionsDraft}\n            sIndex={this.sIndex}\n            qIndex={this.qIndex}\n            onFormSectionsDraftChange={this.onFormSectionsDraftChange}\n            getHandler={this.getHandler}\n          ></signature-renderer>\n        );\n\n      case UdpFormsFieldTypeEnum.FormMetadataDisplay:\n        return (\n          <form-metadata-display-renderer\n            question={this.question}\n            isViewOnly={this.isViewOnly}\n            formSectionsDraft={this.formSectionsDraft}\n            sIndex={this.sIndex}\n            qIndex={this.qIndex}\n            onFormSectionsDraftChange={this.onFormSectionsDraftChange}\n            getHandler={this.getHandler}\n          ></form-metadata-display-renderer>\n        );\n\n      default:\n        return null;\n    }\n  }\n}\n","/* Styles for signature-renderer */\n.signature-input-container {\n  display: flex;\n  flex-direction: column; /* Stack toggles vertically */\n  gap: var(--spacing-04, 16px); /* Consistent spacing with other components */\n}\n\n/* Add any other specific styles for file upload inputs here */ ","import { Component, h, Prop } from '@stencil/core';\nimport { UdpFormQuestion } from '../../../utils/types';\n\n@Component({\n  tag: 'signature-renderer',\n  styleUrl: 'signature-renderer.css',\n  shadow: true,\n})\nexport class SignatureRenderer {\n  @Prop() question: UdpFormQuestion;\n  @Prop() isViewOnly: boolean;\n  @Prop() formSectionsDraft: any[][];\n  @Prop() sIndex: number;\n  @Prop() qIndex: number;\n  @Prop() onFormSectionsDraftChange: (updatedSections: any[][]) => void;\n  @Prop() getHandler: (fieldTypeId: number, handlerName: string) => any;\n\n  render() {\n    return (\n      <div class=\"signature-input-container\">\n        <div>\n          <stencil-toggle\n            label=\"Include Location\"\n            disabled={this.isViewOnly}\n            checked={!!this.question.fieldProperties?.includeLocation}\n            onToggledChange={() => {\n              if (this.isViewOnly) return;\n              const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyBooleanToggle');\n              const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex, 'includeLocation');\n              this.onFormSectionsDraftChange(updated);\n            }}\n            labelPosition=\"right\"\n          ></stencil-toggle>\n        </div>\n      </div>\n    );\n  }\n}\n","/* Styles for text-input-renderer */\n.question-item-text-input-container {\n  display: flex;\n  flex-direction: column;\n  gap: var(--spacing-04, 16px);\n}\n\n.question-item-text-input-container > div {\n  width: 100%;\n}\n\n/* Add any other specific styles for text inputs here */ ","import { Component, h, Prop } from '@stencil/core';\nimport { UdpFormQuestion } from '../../../utils/types'; // Using path that worked previously\n\n@Component({\n  tag: 'text-input-renderer',\n  styleUrl: 'text-input-renderer.css',\n  shadow: true,\n})\nexport class TextInputRenderer {\n  @Prop() question: UdpFormQuestion;\n  @Prop() isViewOnly: boolean;\n  @Prop() formSectionsDraft: any[][];\n  @Prop() sIndex: number;\n  @Prop() qIndex: number;\n  @Prop() onFormSectionsDraftChange: (updatedSections: any[][]) => void;\n  @Prop() getHandler: (fieldTypeId: number, handlerName: string) => any;\n\n  render() {\n    return (\n      <div class=\"question-item-text-input-container\">\n        <div>\n          <numeric-field\n            label=\"Min Character Length\"\n            value={this.question.fieldProperties.minCharacter?.toString()}\n            disabled={this.isViewOnly}\n            onChange={e => {\n              const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyMinMaxCharacter');\n              const mockEvent = { target: { value: e.detail } };\n              const updated = handler(mockEvent, this.formSectionsDraft, this.sIndex, this.qIndex, 'minCharacter');\n              this.onFormSectionsDraftChange(updated);\n            }}\n          ></numeric-field>\n        </div>\n        <div>\n          <numeric-field\n            label=\"Max Character Length\"\n            value={this.question.fieldProperties.maxCharacter?.toString()}\n            disabled={this.isViewOnly}\n            onChange={e => {\n              const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyMinMaxCharacter');\n              const mockEvent = { target: { value: e.detail } };\n              const updated = handler(mockEvent, this.formSectionsDraft, this.sIndex, this.qIndex, 'maxCharacter');\n              this.onFormSectionsDraftChange(updated);\n            }}\n          ></numeric-field>\n        </div>\n      </div>\n    );\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/esm/{date-time-renderer_6.entry.js → date-time-renderer_7.entry.js}

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, F as Fragment, H as Host } from './index-CaZq3YdB.js';
-import { b as UdpFormsFieldTypeEnum } from './enums-BnKmfKJT.js';
+import { b as UdpFormsFieldTypeEnum } from './enums-CHxgVY-B.js';
 import { g as getIconFromName } from './iconUtils-DcPvHO4A.js';
-import { q as questionsTemplate } from './udp-forms-builder-question-template-C60LMUS4.js';
+import { q as questionsTemplate } from './udp-forms-builder-question-template-DQJb7f4Y.js';
 import './iconMapping-CPerGeNF.js';
 import '@carbon/icons/es/add/16';
 import '@carbon/icons/es/add/32';
@@ -192,6 +192,37 @@ const FileUploadRenderer = class {
 };
 FileUploadRenderer.style = fileUploadRendererCss;
 
+const formMetadataDisplayRendererCss = ".form-metadata-display-container{display:flex;flex-direction:column;gap:var(--spacing-04, 16px);}";
+
+const FormMetadataDisplayRenderer = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    render() {
+        var _a, _b, _c;
+        return (h("div", { key: '0dea72344a5ad13fa57d00b84fc1487d7d4db883', class: "form-metadata-display-input-container" }, h("div", { key: '4f092564395789b0a9b4671724a19a56195a3f7f' }, h("stencil-toggle", { key: '075d8991f8010b2b2f67dd9c6235f2646c707dff', label: "Show Form Responder Full Name", disabled: this.isViewOnly, checked: !!((_a = this.question.fieldProperties) === null || _a === void 0 ? void 0 : _a.displayOwnerFullName), onToggledChange: () => {
+                if (this.isViewOnly)
+                    return;
+                const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyBooleanToggle');
+                const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex, 'displayOwnerFullName');
+                this.onFormSectionsDraftChange(updated);
+            }, labelPosition: "right" }), h("stencil-toggle", { key: '68a18230560622629767ec37bbddc254be55d68a', label: "Show Form Responder Email", disabled: this.isViewOnly, checked: !!((_b = this.question.fieldProperties) === null || _b === void 0 ? void 0 : _b.displayOwnerEmail), onToggledChange: () => {
+                if (this.isViewOnly)
+                    return;
+                const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyBooleanToggle');
+                const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex, 'displayOwnerEmail');
+                this.onFormSectionsDraftChange(updated);
+            }, labelPosition: "right" }), h("stencil-toggle", { key: '6ece643a442241df037e2e22dc0559dc00c85b99', label: "Show Submission Date", disabled: this.isViewOnly, checked: !!((_c = this.question.fieldProperties) === null || _c === void 0 ? void 0 : _c.displaySubmissionDate), onToggledChange: () => {
+                if (this.isViewOnly)
+                    return;
+                const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyBooleanToggle');
+                const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex, 'displaySubmissionDate');
+                this.onFormSectionsDraftChange(updated);
+            }, labelPosition: "right" }))));
+    }
+};
+FormMetadataDisplayRenderer.style = formMetadataDisplayRendererCss;
+
 const listOptionsRendererCss = "/* 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 ListOptionsRenderer = class {
@@ -200,15 +231,15 @@ const ListOptionsRenderer = class {
     }
     render() {
         var _a, _b, _c, _d, _e;
-        return (h(Host, { key: '5e5f647863ca43bcc00dc7866909d658031d1254' }, h("div", { key: '8029f2367303ded0b7efa3e577682c26cbb6fa9e', class: "question-item-options-list-container" }, ((_a = this.lookupOptions) === null || _a === void 0 ? void 0 : _a.length) > 1 && (h("stencil-toggle", { key: '5cef881b783fb21650135e160c7998e5bf82d551', label: "Use Lookup Options", disabled: this.isViewOnly, checked: !!(((_b = this.question) === null || _b === void 0 ? void 0 : _b.fieldProperties) && 'lookupId' in this.question.fieldProperties), labelPosition: "right", onToggledChange: () => {
+        return (h(Host, { key: 'a31ff97a481fcd89a47a542c2f2313eb93507e04' }, h("div", { key: '17013702c95dc53061265aa49862c91457027203', class: "question-item-options-list-container" }, ((_a = this.lookupOptions) === null || _a === void 0 ? void 0 : _a.length) > 1 && (h("stencil-toggle", { key: 'a0e2677644567e7254c937e0f693046f619ac250', label: "Use Lookup Options", disabled: this.isViewOnly, checked: !!(((_b = this.question) === null || _b === void 0 ? void 0 : _b.fieldProperties) && 'lookupId' in this.question.fieldProperties), labelPosition: "right", onToggledChange: () => {
                 const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyToggleManualOrLookupOptions');
                 const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex);
                 this.onFormSectionsDraftChange(updated);
-            } })), 'lookupId' in this.question.fieldProperties && (h("div", { key: '049aa9898af0068a8b4f35013e63afffeca913c2' }, h("udp-selector", { label: "Lookup Source", key: "lookup-selector", initialValue: ((_c = this.question.fieldProperties) === null || _c === void 0 ? void 0 : _c.lookupId) || '', options: this.lookupOptions, disabled: this.isViewOnly, required: true, onChange: (e) => {
+            } })), 'lookupId' in this.question.fieldProperties && (h("div", { key: '8a1952ff8f790a1b8b65596f618400cd1cabbeb1' }, h("udp-selector", { label: "Lookup Source", key: "lookup-selector", initialValue: ((_c = this.question.fieldProperties) === null || _c === void 0 ? void 0 : _c.lookupId) || '', options: this.lookupOptions, disabled: this.isViewOnly, required: true, onChange: (e) => {
                 const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyLookupChange');
                 const updated = handler(e.detail, this.formSectionsDraft, this.sIndex, this.qIndex);
                 this.onFormSectionsDraftChange(updated);
-            } }))), 'items' in this.question.fieldProperties && (h("div", { key: '6070ade9b3db5f8ab0d11dc758d63b4e54894f21' }, h("div", { key: 'c5872bbf69d360994e8a065cb024ea8b9ba6c44e', class: "list-options-header" }, h("unity-typography", { key: '6cded20e63b5a5b479b693902a0657e64a0035cd', variant: "h6" }, "Configure Select Options"), !this.isViewOnly && 'items' in this.question.fieldProperties && (h("udp-button", { key: '08c90368248281fab63c6541efc76daf1d9d93e8', variant: "text", onClick: () => {
+            } }))), 'items' in this.question.fieldProperties && (h("div", { key: 'f36a7d21ff18f87a8ed5b25b01b7798d45f09968' }, h("div", { key: 'a4224b6653af236df922e6548c28ab7d4945b2e4', class: "list-options-header" }, h("unity-typography", { key: '15a5a520bdd52adf7dba78581088f40c3c628e5c', variant: "h6" }, "Configure Select Options"), !this.isViewOnly && 'items' in this.question.fieldProperties && (h("udp-button", { key: 'd4fcd70b62372671c9ee3779f6cc495eefb613a5', variant: "text", onClick: () => {
                 const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyAddListItem');
                 const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex, '', '');
                 this.onFormSectionsDraftChange(updated);
@@ -272,6 +303,8 @@ const QuestionSpecificConfigsRenderer = class {
                 return (h("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 UdpFormsFieldTypeEnum.Signature:
                 return (h("signature-renderer", { question: this.question, isViewOnly: this.isViewOnly, formSectionsDraft: this.formSectionsDraft, sIndex: this.sIndex, qIndex: this.qIndex, onFormSectionsDraftChange: this.onFormSectionsDraftChange, getHandler: this.getHandler }));
+            case UdpFormsFieldTypeEnum.FormMetadataDisplay:
+                return (h("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;
         }
@@ -287,7 +320,7 @@ const SignatureRenderer = class {
     }
     render() {
         var _a;
-        return (h("div", { key: 'f036902b7cb92a9939c5dac000aabcdfcebd507e', class: "signature-input-container" }, h("div", { key: 'f69e4642e6d32ba376f9b3db1d750968bc289146' }, h("stencil-toggle", { key: 'fb319a3201ae4bb4ee903b07886a8ba9094064ec', label: "Include Location", disabled: this.isViewOnly, checked: !!((_a = this.question.fieldProperties) === null || _a === void 0 ? void 0 : _a.includeLocation), onToggledChange: () => {
+        return (h("div", { key: '1c09959d457649925297f700dcd0833c9edd9310', class: "signature-input-container" }, h("div", { key: '58ddb6ff3564c6804f3c1aa225b7768d2ecd5fe4' }, h("stencil-toggle", { key: '20bda659903c4ad007a8882dff08b4c552ba0648', label: "Include Location", disabled: this.isViewOnly, checked: !!((_a = this.question.fieldProperties) === null || _a === void 0 ? void 0 : _a.includeLocation), onToggledChange: () => {
                 if (this.isViewOnly)
                     return;
                 const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyBooleanToggle');
@@ -306,12 +339,12 @@ const TextInputRenderer = class {
     }
     render() {
         var _a, _b;
-        return (h("div", { key: '035d9fdc8be25da7ecf0ae84eecde649a85e4322', class: "question-item-text-input-container" }, h("div", { key: 'e58baa0c927edc2ebc6fd22e50d70c67682489ca' }, h("numeric-field", { key: '6f7f4b1af132808dd2b46469816da4276047a98f', label: "Min Character Length", value: (_a = this.question.fieldProperties.minCharacter) === null || _a === void 0 ? void 0 : _a.toString(), disabled: this.isViewOnly, onChange: e => {
+        return (h("div", { key: '6eebecdd96b83ffcdd763a1914d88c978c7116fe', class: "question-item-text-input-container" }, h("div", { key: 'fef91549ea22ccf64a862777a1eda7f20d267cac' }, h("numeric-field", { key: 'ace5e308868c367a37e52fa0332518f5120b59e8', label: "Min Character Length", value: (_a = this.question.fieldProperties.minCharacter) === null || _a === void 0 ? void 0 : _a.toString(), disabled: this.isViewOnly, onChange: e => {
                 const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyMinMaxCharacter');
                 const mockEvent = { target: { value: e.detail } };
                 const updated = handler(mockEvent, this.formSectionsDraft, this.sIndex, this.qIndex, 'minCharacter');
                 this.onFormSectionsDraftChange(updated);
-            } })), h("div", { key: '7756e209db6840d3ec0342d97efdc73d7ab3d276' }, h("numeric-field", { key: 'bd03b53ffd847005b14e0694e7a1831ae9bca1b3', label: "Max Character Length", value: (_b = this.question.fieldProperties.maxCharacter) === null || _b === void 0 ? void 0 : _b.toString(), disabled: this.isViewOnly, onChange: e => {
+            } })), h("div", { key: 'e92f0f7432e76ef14ffdabeeae737a331f5e4b9f' }, h("numeric-field", { key: 'd699b1f05579ad7973ce40cb760b0c2d8556e7f0', label: "Max Character Length", value: (_b = this.question.fieldProperties.maxCharacter) === null || _b === void 0 ? void 0 : _b.toString(), disabled: this.isViewOnly, onChange: e => {
                 const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyMinMaxCharacter');
                 const mockEvent = { target: { value: e.detail } };
                 const updated = handler(mockEvent, this.formSectionsDraft, this.sIndex, this.qIndex, 'maxCharacter');
@@ -321,5 +354,5 @@ const TextInputRenderer = class {
 };
 TextInputRenderer.style = textInputRendererCss;
 
-export { DateTimeRenderer as date_time_renderer, FileUploadRenderer as file_upload_renderer, ListOptionsRenderer as list_options_renderer, QuestionSpecificConfigsRenderer as question_specific_configs_renderer, SignatureRenderer as signature_renderer, TextInputRenderer as text_input_renderer };
-//# sourceMappingURL=date-time-renderer.file-upload-renderer.list-options-renderer.question-specific-configs-renderer.signature-renderer.text-input-renderer.entry.js.map
+export { DateTimeRenderer as date_time_renderer, FileUploadRenderer as file_upload_renderer, FormMetadataDisplayRenderer as form_metadata_display_renderer, ListOptionsRenderer as list_options_renderer, QuestionSpecificConfigsRenderer as question_specific_configs_renderer, SignatureRenderer as signature_renderer, TextInputRenderer as text_input_renderer };
+//# sourceMappingURL=date-time-renderer.file-upload-renderer.form-metadata-display-renderer.list-options-renderer.question-specific-configs-renderer.signature-renderer.text-input-renderer.entry.js.map

package/dist/esm/entity-maintenance-grid.entry.js

@@ -38,7 +38,7 @@ const EntityMaintenanceGrid = class {
         this.getPromotedMethods();
     }
     render() {
-        return (h("api-method-grid", { key: 'b7d45a2578a739fdc2cff4ce7edc9caab3c42ad4', onGridReady: e => this.handleGridReady(e), gridHeaderConfig: this.gridHeaderConfig }));
+        return (h("api-method-grid", { key: 'c142301d4a7afdf5d988d27944622ce3528b0ffb', onGridReady: e => this.handleGridReady(e), gridHeaderConfig: this.gridHeaderConfig }));
     }
 };
 

package/dist/esm/{enums-BnKmfKJT.js → enums-CHxgVY-B.js}

@@ -18,6 +18,7 @@ var UdpFormsFieldTypeEnum;
     UdpFormsFieldTypeEnum[UdpFormsFieldTypeEnum["Number"] = 16] = "Number";
     UdpFormsFieldTypeEnum[UdpFormsFieldTypeEnum["Paragraph"] = 17] = "Paragraph";
     UdpFormsFieldTypeEnum[UdpFormsFieldTypeEnum["ImageUpload"] = 18] = "ImageUpload";
+    UdpFormsFieldTypeEnum[UdpFormsFieldTypeEnum["FormMetadataDisplay"] = 19] = "FormMetadataDisplay";
 })(UdpFormsFieldTypeEnum || (UdpFormsFieldTypeEnum = {}));
 var UdpFormsTypeEnum;
 (function (UdpFormsTypeEnum) {
@@ -31,6 +32,6 @@ var UdpFormsPageIdEnum;
 })(UdpFormsPageIdEnum || (UdpFormsPageIdEnum = {}));
 
 export { UdpFormsPageIdEnum as U, UdpFormsTypeEnum as a, UdpFormsFieldTypeEnum as b };
-//# sourceMappingURL=enums-BnKmfKJT.js.map
+//# sourceMappingURL=enums-CHxgVY-B.js.map
 
-//# sourceMappingURL=enums-BnKmfKJT.js.map
+//# sourceMappingURL=enums-CHxgVY-B.js.map

package/dist/esm/enums-CHxgVY-B.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"enums-CHxgVY-B.js","sources":["src/components/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 = 'c696afbd-8d83-4f80-aaa1-9a3530a05a21', \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;;;;"}

package/dist/esm/feature-details-card_2.entry.js

@@ -194,19 +194,19 @@ const FeatureDetailsCard = class {
     render() {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
         const currentMessageIcon = (_a = this.messageIcon) !== null && _a !== void 0 ? _a : this.getDefaultMessageIcon();
-        return (h("div", { key: 'a279719f3393377db2f480e566feefdad2320fa5', class: "card-wrapper", style: { width: (_b = this.width) !== null && _b !== void 0 ? _b : '100%' } }, this.showAdornment && this.status && (h("div", { key: '394624accabf7d196085237dccf19aa2a2feedcd', class: "adornment" }, h("udp-adornment", { key: 'dbbda88f7e909e08dd68b956e8db553a6a106bcf', status: (_c = this.status) !== null && _c !== void 0 ? _c : 'info' }))), h("div", { key: '207ccde55a79f61a20fe876d52520218419bebd0', class: "content-wrapper" }, h("div", { key: 'e559651ff638cccdf6ce89d5eca6bcfb56d04834', class: "header-wrapper", style: { backgroundColor: this.getHeaderBackgroundColor() } }, h("div", { key: '32c1054968e769c977b515b85d24a9d3798da6c9', class: "title-wrapper" }, h("stencil-icon-button", { key: 'beb2b4719688ef7e3fc02fa8fffc3365c41a838d', onClick: this.onClose, icon: Close24, tooltip: "Close", noBackground: true }), h("unity-typography", { key: '156750e9dbd586597128383c2ad9bac2eeb32d2f', variant: 'h6' }, this.title)), ((_d = this.moreIconActions) === null || _d === void 0 ? void 0 : _d.length) > 0 && (h("div", { key: 'ce8a2349828257358eab14705edd54a65e7869a2' }, h("div", { key: 'ba673f36ae93a338085bd71ea65a485783d2087e', id: "moreHeaderIconButton1" }, h("stencil-icon-button", { key: '9dc305dda49437cfa0b816eefcde1338e20d8143', onClick: this.handleOnClickMoreIcon, icon: OverflowMenuVertical24, tooltip: "More", noBackground: true, buttonId: "moreHeaderIconButton" })), this.moreIconAnchor && (h("udp-pop-over", { key: '2ad28916734d0f44976ee64645f457e9e67ab164', anchorElement: this.moreIconAnchor, isOpen: this.showMoreHeaderPopover, popoverWidth: '200px', popoverMaxHeight: '300px', handleOnClose: this.handleClosePopover, container: this.popoverContainer }, h("div", { key: 'cee49518e26621c37ef2c41a7913ef8c8e6acea9', class: "menu" }, (_e = this.moreIconActions) === null || _e === void 0 ? void 0 : _e.map(action => {
+        return (h("div", { key: '9e6db8b1a36400927a5114293b5425a6ab241ab9', class: "card-wrapper", style: { width: (_b = this.width) !== null && _b !== void 0 ? _b : '100%' } }, this.showAdornment && this.status && (h("div", { key: '4903e0f4ca6af1f5aa5f0f1ba1520d55aaa856ff', class: "adornment" }, h("udp-adornment", { key: 'd6901aef9bb7e829d054c57ca83fa2918659efc8', status: (_c = this.status) !== null && _c !== void 0 ? _c : 'info' }))), h("div", { key: '4cc138f4c74d8112c153336eb0a170747d163b42', class: "content-wrapper" }, h("div", { key: 'ec01c52ed866e8fb0e27d02ded72fc4ed3da70be', class: "header-wrapper", style: { backgroundColor: this.getHeaderBackgroundColor() } }, h("div", { key: 'f23fce2d2ae4861c5f9e8547cddba9e4c3ee8a84', class: "title-wrapper" }, h("stencil-icon-button", { key: '49e804177aa57e9cd3bc1ddbb0810d1bb27fa1d6', onClick: this.onClose, icon: Close24, tooltip: "Close", noBackground: true }), h("unity-typography", { key: 'fae781b27ac9025080b91edb4d23e3f6b6081f5f', variant: 'h6' }, this.title)), ((_d = this.moreIconActions) === null || _d === void 0 ? void 0 : _d.length) > 0 && (h("div", { key: '736cac97bf73947fd346a97cda9adc0fd4b57623' }, h("div", { key: 'acd7344194610f91297ca91e16e6487d1091a4fb', id: "moreHeaderIconButton1" }, h("stencil-icon-button", { key: 'c95f33331ff196eb43657a03cd3346bb92b592c5', onClick: this.handleOnClickMoreIcon, icon: OverflowMenuVertical24, tooltip: "More", noBackground: true, buttonId: "moreHeaderIconButton" })), this.moreIconAnchor && (h("udp-pop-over", { key: 'eb50f4882ddb9a5e4cd9876c54cb912b67543932', anchorElement: this.moreIconAnchor, isOpen: this.showMoreHeaderPopover, popoverWidth: '200px', popoverMaxHeight: '300px', handleOnClose: this.handleClosePopover, container: this.popoverContainer }, h("div", { key: '7acc69dad0ed87091485c60426d9ad619291cda2', class: "menu" }, (_e = this.moreIconActions) === null || _e === void 0 ? void 0 : _e.map(action => {
             var _a;
             return (h("udp-menu-item", { label: action === null || action === void 0 ? void 0 : action.name, iconName: action === null || action === void 0 ? void 0 : action.iconName, handleOnClick: () => {
                     action.onClick(this.data);
                 }, disabled: (action === null || action === void 0 ? void 0 : action.checkDisabled) ? action === null || action === void 0 ? void 0 : action.checkDisabled(this.data) : (_a = action === null || action === void 0 ? void 0 : action.disabled) !== null && _a !== void 0 ? _a : false }));
-        }))))))), this.message && (h("div", { key: '55dbfbf985e623b96c497dd0f281549e7a2623d9', class: "message-wrapper", style: { backgroundColor: this.getMessageBackgroundColor() } }, !this.hideMessageIcon && (h("div", { key: '400a6bc6178037d19184dc6fe1cc1acbb54af424', class: "icon-message" }, h("udp-icon", { key: '53f0fc5176ffcee7f42a9b403870eb6bf7f5d59c', iconName: currentMessageIcon }))), h("div", { key: 'f73366bc9e1ca2598117f276d7fa0d23630b16b8', class: "message" }, h("unity-typography", { key: '48e9a6c899eca3526427990284288b916bfd91b0' }, this.message)))), h("div", { key: '793b3c333e0f7bb6da5bab0f5c14c472f18e2501', class: "data-section" }, (_f = this.listData) === null || _f === void 0 ? void 0 : _f.map(({ subject, value }) => (h("div", { class: "data-row" }, h("div", { class: "key" }, h("unity-typography", { variant: 'data-display-three' }, `${subject}: `)), h("div", { class: "value" }, h("unity-typography", { variant: 'data-display-three' }, value)))))), h("div", { key: 'e92ceda5c88453be65399247a96d6f7e77fc62ef', class: "options" }, this.enableViewFeature && this.data && (h("div", { key: 'ae612aa8753050d31d586ef57247addd120ee239', id: "viewFeatureOption" }, h("stencil-icon-button", { key: 'ad3318b411960e16939a61e5ca6529ccad750894', tooltip: 'View', icon: getIconFromName('view'), buttonId: 'viewFeatureButton', onClick: () => this.handleViewFeature({
+        }))))))), this.message && (h("div", { key: '821c15ffdece6aac5cc05ac54b68dc4c3406d911', class: "message-wrapper", style: { backgroundColor: this.getMessageBackgroundColor() } }, !this.hideMessageIcon && (h("div", { key: '132518846bf77d173067a3ec238c1deaffed4666', class: "icon-message" }, h("udp-icon", { key: '040887555c79045f16b1840caed09fe2f0380ab0', iconName: currentMessageIcon }))), h("div", { key: '3dda67c814990990cbe40ef47946f6ea3967a89e', class: "message" }, h("unity-typography", { key: 'b0630b34ea51c70ea1b0b65c1559783a72f03aae' }, this.message)))), h("div", { key: 'b318afe8bbe498594efc2e228183478acb82dc71', class: "data-section" }, (_f = this.listData) === null || _f === void 0 ? void 0 : _f.map(({ subject, value }) => (h("div", { class: "data-row" }, h("div", { class: "key" }, h("unity-typography", { variant: 'data-display-three' }, `${subject}: `)), h("div", { class: "value" }, h("unity-typography", { variant: 'data-display-three' }, value)))))), h("div", { key: 'c3fb7eefb9ad1d81e8e38f1e86b9c1a7ee0754dc', class: "options" }, this.enableViewFeature && this.data && (h("div", { key: '018dde78ddc28b88d31bb541c55f9096c61ace72', id: "viewFeatureOption" }, h("stencil-icon-button", { key: '707d407288086b4785fccdcde67d62f862b65221', tooltip: 'View', icon: getIconFromName('view'), buttonId: 'viewFeatureButton', onClick: () => this.handleViewFeature({
                 selectedFeature: this.data,
                 formattedSelectedFeature: this.listData,
-            }) }))), ((_g = this.primaryActions) === null || _g === void 0 ? void 0 : _g.length) > 0 && (h("div", { key: '07acf06d15ece0f0fb0ad40c9de5e1d176976d7c' }, h("div", { key: '18493d1b64842be4575915c27921a0ffb7d4c982', class: "options" }, (_h = this.visiblePrimaryActions) === null || _h === void 0 ? void 0 :
+            }) }))), ((_g = this.primaryActions) === null || _g === void 0 ? void 0 : _g.length) > 0 && (h("div", { key: 'f264d01a720a122842f344ebf1033b08fe6ebe58' }, h("div", { key: '77d6ff0c0d703c77bef3e1b72aeadd19ff775845', class: "options" }, (_h = this.visiblePrimaryActions) === null || _h === void 0 ? void 0 :
             _h.map((action, index) => {
                 var _a, _b;
                 return (h("stencil-icon-button", { tooltip: action === null || action === void 0 ? void 0 : action.name, icon: getIconFromName(action === null || action === void 0 ? void 0 : action.iconName), buttonId: (_a = action === null || action === void 0 ? void 0 : action.id) !== null && _a !== void 0 ? _a : `primary-icon-action-${index}`, onClick: () => action.onClick(this.data), disabled: (action === null || action === void 0 ? void 0 : action.checkDisabled) ? action === null || action === void 0 ? void 0 : action.checkDisabled(this.data) : (_b = action === null || action === void 0 ? void 0 : action.disabled) !== null && _b !== void 0 ? _b : false }));
-            }), ((_j = this.overflowPrimaryActions) === null || _j === void 0 ? void 0 : _j.length) > 0 && (h("stencil-icon-button", { key: 'e1fbaa6f33a82c654cb561805aa034e5a8ff62f6', onClick: this.handleOnClickPrimaryAction, icon: OverflowMenuVertical24, tooltip: "More", noBackground: true, buttonId: "morePrimaryIconButton" }))), this.primaryActionAnchor && (h("udp-pop-over", { key: '0f0d761c97ba9ea5177a49998f65059ecc2b5b7c', anchorElement: this.primaryActionAnchor, isOpen: this.showPrimaryPopover, popoverWidth: '200px', popoverMaxHeight: '300px', handleOnClose: this.handleClosePopover, container: this.popoverContainer }, h("div", { key: '8a2314995820d95f3a266f67d80fcfd49c522ed5', class: "menu" }, (_k = this.overflowPrimaryActions) === null || _k === void 0 ? void 0 : _k.map(action => {
+            }), ((_j = this.overflowPrimaryActions) === null || _j === void 0 ? void 0 : _j.length) > 0 && (h("stencil-icon-button", { key: 'afdb75c1918fa5c4e6b47d54e920484951ef6294', onClick: this.handleOnClickPrimaryAction, icon: OverflowMenuVertical24, tooltip: "More", noBackground: true, buttonId: "morePrimaryIconButton" }))), this.primaryActionAnchor && (h("udp-pop-over", { key: 'a6ec3fe65ca24d68fdeef7da6981c3b3fb536bc8', anchorElement: this.primaryActionAnchor, isOpen: this.showPrimaryPopover, popoverWidth: '200px', popoverMaxHeight: '300px', handleOnClose: this.handleClosePopover, container: this.popoverContainer }, h("div", { key: '1ee902b174ffdbfc476b8340692784a1f209693c', class: "menu" }, (_k = this.overflowPrimaryActions) === null || _k === void 0 ? void 0 : _k.map(action => {
             var _a;
             return (h("udp-menu-item", { label: action === null || action === void 0 ? void 0 : action.name, iconName: action === null || action === void 0 ? void 0 : action.iconName, handleOnClick: () => {
                     action.onClick(this.data);
@@ -263,7 +263,7 @@ const FeatureDetailsPopUp = class {
         var _a, _b, _c;
         const message = this.getMessage ? this.getMessage(this.data) : null;
         const messageIcon = this.getMessageIcon ? this.getMessageIcon(this.data) : null;
-        return (h("div", { key: 'e5edaa5cfaf4f57fd28f81b89478a184d621159e' }, this.showPopOver && (h("feature-details-card", { key: '2cedf4ee23de2c9cad04680a370c553bdba046f4', data: this.currentSelectedFeature, title: this.cardTitle, listData: this.listData, status: (_c = (_a = this.data) === null || _a === void 0 ? void 0 : _a[(_b = this.cardConfig) === null || _b === void 0 ? void 0 : _b.statusColor]) === null || _c === void 0 ? void 0 : _c.toLowerCase(), enableViewFeature: this.enableViewFeature, handleViewFeature: this.handleViewFeature, primaryActions: this.isReadOnly ? [] : this.primaryActions, moreIconActions: this.isReadOnly ? [] : this.moreIconActions, message: message, messageIcon: messageIcon, hideMessageIcon: this.hideMessageIcon, onClose: this.additionalOnclosePopover, width: this.popoverWidth, popoverContainer: this.popoverContainer }))));
+        return (h("div", { key: '0e801e520853e5525426513f7f5c88fddb3903ec' }, this.showPopOver && (h("feature-details-card", { key: 'a19b6ba28e747e46aaf9d73bf31d50e5f4800450', data: this.currentSelectedFeature, title: this.cardTitle, listData: this.listData, status: (_c = (_a = this.data) === null || _a === void 0 ? void 0 : _a[(_b = this.cardConfig) === null || _b === void 0 ? void 0 : _b.statusColor]) === null || _c === void 0 ? void 0 : _c.toLowerCase(), enableViewFeature: this.enableViewFeature, handleViewFeature: this.handleViewFeature, primaryActions: this.isReadOnly ? [] : this.primaryActions, moreIconActions: this.isReadOnly ? [] : this.moreIconActions, message: message, messageIcon: messageIcon, hideMessageIcon: this.hideMessageIcon, onClose: this.additionalOnclosePopover, width: this.popoverWidth, popoverContainer: this.popoverContainer }))));
     }
     static get watchers() { return {
         "cardConfig": ["updateListData", "updateTitle"],

package/dist/esm/filter-conditions_7.entry.js

@@ -253,10 +253,10 @@ const UdpGridLoader = class {
     }
     render() {
         // Header bar (fatter, divided into columns)
-        const headerBar = (h("div", { key: '04c7a49ece2272b739c460c7f41687debced9189', class: "grid-row" }, Array.from({ length: this.numColumns }).map(() => (h("udp-skeleton-loading", { width: "100%", height: "55px" })))));
+        const headerBar = (h("div", { key: '843dcfba1ee5ed449b0fd29f92729998386a9454', class: "grid-row" }, Array.from({ length: this.numColumns }).map(() => (h("udp-skeleton-loading", { width: "100%", height: "55px" })))));
         // Row bars (each divided into columns)
         const rowBars = Array.from({ length: this.numRows }).map(() => (h("div", { class: "grid-row" }, Array.from({ length: this.numColumns }).map(() => (h("udp-skeleton-loading", { width: "100%", height: "30px" }))))));
-        return (h("div", { key: '2f9fa2edad14c35951f169f0887e951206be2bb8', style: { width: this.width } }, headerBar, rowBars));
+        return (h("div", { key: 'f1d49e1b19c96d1c16b6ee0ebada42333ac93c6f', style: { width: this.width } }, headerBar, rowBars));
     }
 };
 UdpGridLoader.style = udpGridLoaderCss;