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

package/dist/esm/udp-forms-ui.entry.js.map

@@ -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 '../../utils/types';\nimport { UdpFormsFieldTypeEnum } from '../../utils/enums';\nimport { fontOverrideMapping, overrideFont } from '../../utils/utils';\nimport { getIconFromName } from '../../../../data-display/icons/iconUtils';\nimport { UdpFormSubmission } from '../../utils/classes/UdpFormSubmission';\nimport { UdpForm } from '../../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() initialValues: { [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() userId: Guid | null = null;\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  @Prop() isCommentAllowed: boolean = false;\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.initialValues}\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.initialValues?.[sectionKey]?.[question.name]?.value ?? ''}\n                                      disabled={this.disabled}\n                                      readonly={this.readonly}\n                                      key={question.questionIdentifierKey}\n                                      initialValues={this.initialValues}\n                                      userId={this.userId}\n                                      isCommentAllowed={this.isCommentAllowed}\n                                    />\n                                  </div>\n                                );\n                              })}\n                            </div>\n                          </div>\n                        </div>\n                      </div>\n                    );\n                  })}\n                  {this.udpFormSubmission?.status != 2 && (                  \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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"}
+{"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 '../../utils/types';\nimport { UdpFormsFieldTypeEnum } from '../../utils/enums';\nimport { fontOverrideMapping, overrideFont } from '../../utils/utils';\nimport { getIconFromName } from '../../../../data-display/icons/iconUtils';\nimport { UdpFormSubmission } from '../../utils/classes/UdpFormSubmission';\nimport { UdpForm } from '../../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() initialValues: { [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.initialValues}\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.initialValues?.[sectionKey]?.[question.name]?.value ?? ''}\n                                      disabled={this.disabled}\n                                      readonly={this.readonly}\n                                      key={question.questionIdentifierKey}\n                                      initialValues={this.initialValues}\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 != 2 && (                  \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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"}

package/dist/esm/udp-map.entry.js

@@ -93,11 +93,11 @@ const UdpMap = class {
     }
     //////////////////////////////////////////////////////////RENDER/////////////////////////////////////////////////////
     render() {
-        return (h("map-component", { key: 'cfc68de47d70fabeb74d3b0b6f78c1c317eddb82', handleSetMapComponent: this.handleSetMapComponent, data: this.data, isGeoJsonFormat: this.isGeoJsonFormat, geoJsonMappingConfig: this.geoJsonMappingConfig, enableZoom: this.enableZoom, mapZoom: this.mapZoom, mapCenter: this.mapCenter, mapHeight: this.mapHeight, crs: this.crs, mapProjection: this.mapProjection, mapDataProjection: this.mapDataProjection, getFilteredMapData: this.getFilteredMapData, getFeatureStyles: this.getFeatureStyles, getSelectedFeatureStyles: this.getSelectedFeatureStyles, filterPanel: this.filterPanel, filterPanelCallback: this.filterPanelCallback, enableTileSelection: this.enableTileSelection, tileLayersOptions: this.tileLayersOptions, defaultTileOptionName: this.defaultTileOptionName, layerOptions: this.layerOptions, initialSelectedLayers: this.initialSelectedLayers, bulkSelectedFeaturesActionPanel: this.bulkSelectedFeaturesActionPanel, handleSetSelectedFeaturesOnBulkSelect: this.handleSetSelectedFeaturesOnBulkSelect, handleSetSelectedFeatureOnSelect: this.handleSetSelectedFeatureOnSelect, filterLayersByRole: this.filterLayersByRole, layerKeys: this.layerKeys, layerKeySeparator: this.layerKeySeparator, user: this.user, layerRoles: this.layerRoles, filteredLayerOptionsByRole: this.filteredLayerOptionsByRole, handleSetFilteredLayerOptionsByRole: this.handleSetFilteredLayerOptionsByRole, readOnlyMap: this.readOnlyMap, enableViewFeature: this.enableViewFeature, handleViewFeature: this.handleViewFeature, bulkSelectionActive: this.bulkSelectionActive, splitActive: this.splitActive, enableDragBox: this.enableDragBox, selectFeatureInteraction: this.selectFeatureInteraction, handleSetSelectedFeatureProperties: this.handleSetSelectedFeatureProperties, selectedFeatureCoordinates: this.selectedFeatureCoordinates, selectedFeatureProperties: this.selectedFeatureProperties, enableAddNewFeature: this.enableAddNewFeature, handleGetZoomExtent: this.handleGetZoomExtent, selectedLayers: this.selectedLayers, handleSetSelectedLayers: val => {
+        return (h("map-component", { key: 'cf730fe0040dac4733618efa7f1b5912273a4014', handleSetMapComponent: this.handleSetMapComponent, data: this.data, isGeoJsonFormat: this.isGeoJsonFormat, geoJsonMappingConfig: this.geoJsonMappingConfig, enableZoom: this.enableZoom, mapZoom: this.mapZoom, mapCenter: this.mapCenter, mapHeight: this.mapHeight, crs: this.crs, mapProjection: this.mapProjection, mapDataProjection: this.mapDataProjection, getFilteredMapData: this.getFilteredMapData, getFeatureStyles: this.getFeatureStyles, getSelectedFeatureStyles: this.getSelectedFeatureStyles, filterPanel: this.filterPanel, filterPanelCallback: this.filterPanelCallback, enableTileSelection: this.enableTileSelection, tileLayersOptions: this.tileLayersOptions, defaultTileOptionName: this.defaultTileOptionName, layerOptions: this.layerOptions, initialSelectedLayers: this.initialSelectedLayers, bulkSelectedFeaturesActionPanel: this.bulkSelectedFeaturesActionPanel, handleSetSelectedFeaturesOnBulkSelect: this.handleSetSelectedFeaturesOnBulkSelect, handleSetSelectedFeatureOnSelect: this.handleSetSelectedFeatureOnSelect, filterLayersByRole: this.filterLayersByRole, layerKeys: this.layerKeys, layerKeySeparator: this.layerKeySeparator, user: this.user, layerRoles: this.layerRoles, filteredLayerOptionsByRole: this.filteredLayerOptionsByRole, handleSetFilteredLayerOptionsByRole: this.handleSetFilteredLayerOptionsByRole, readOnlyMap: this.readOnlyMap, enableViewFeature: this.enableViewFeature, handleViewFeature: this.handleViewFeature, bulkSelectionActive: this.bulkSelectionActive, splitActive: this.splitActive, enableDragBox: this.enableDragBox, selectFeatureInteraction: this.selectFeatureInteraction, handleSetSelectedFeatureProperties: this.handleSetSelectedFeatureProperties, selectedFeatureCoordinates: this.selectedFeatureCoordinates, selectedFeatureProperties: this.selectedFeatureProperties, enableAddNewFeature: this.enableAddNewFeature, handleGetZoomExtent: this.handleGetZoomExtent, selectedLayers: this.selectedLayers, handleSetSelectedLayers: val => {
                 this.updateSelectedLayers(val);
-            }, readOnlyLayers: this.readOnlyLayers, additionalOnclosePopover: this.additionalOnclosePopover, popoverPrimaryActions: this.popoverPrimaryActions, popoverMoreIconButtonActions: this.popoverMoreIconButtonActions, getMessagePopover: this.getMessagePopover, getMessageIconPopover: this.getMessageIconPopover, hideMessageIconPopover: this.hideMessageIconPopover, popoverCardConfig: this.cardConfig, popoverWidth: this.popoverWidth, handleGetAdditionalFeaturePropertiesOnSelect: this.handleGetAdditionalFeaturePropertiesOnSelect, minZoom: this.minZoom, maxZoom: this.maxZoom }, this.enableToolbar && (h("udp-map-toolbar", { key: 'fff1607f182953419562b13988b311e772434aeb', map: this.map, mapTitle: this.mapTitle, mapProjection: this.mapProjection, getFeatureStyles: this.getFeatureStyles, getSelectedFeatureStyles: this.getSelectedFeatureStyles, filterPanel: this.filterPanel, enableTileSelection: this.enableTileSelection, tileLayersOptions: this.tileLayersOptions, defaultTileOptionName: this.defaultTileOptionName, layerOptions: this.layerOptions, bulkSelectedFeaturesActionPanel: this.bulkSelectedFeaturesActionPanel, handleSetSelectedFeaturesOnBulkSelect: this.handleSetSelectedFeaturesOnBulkSelect, handleRefresh: this.handleRefresh, refreshButtonTooltip: this.refreshButtonTooltip, readOnlyMap: this.readOnlyMap, enableAdd: this.enableAdd, handleAddNewFeatures: this.handleAddNewFeatures, addMultipleFeatures: this.addMultipleFeatures, enableSplitFeature: this.enableSplitFeature, handleSplitFeature: this.handleSplitFeature, handleSetSelectedFeatureProperties: this.handleSetSelectedFeatureProperties, filteredLayerOptionsByRole: this.filteredLayerOptionsByRole, handleSetBulkSelectionActive: this.handleSetBulkSelectionActive, enableDragBox: this.enableDragBox, handleSetEnableDragBox: this.handleSetEnableDragBox, splitActive: this.splitActive, handleSetSplitActive: this.handleSetSplitActive, selectFeatureInteraction: this.selectFeatureInteraction, enableAddNewFeature: this.enableAddNewFeature, handleEnableAddNewFeature: this.handleEnableAddNewFeature, handleSelectLayersCallback: this.handleSelectLayersCallback, selectedLayers: this.selectedLayers, handleSetSelectedLayers: val => {
+            }, readOnlyLayers: this.readOnlyLayers, additionalOnclosePopover: this.additionalOnclosePopover, popoverPrimaryActions: this.popoverPrimaryActions, popoverMoreIconButtonActions: this.popoverMoreIconButtonActions, getMessagePopover: this.getMessagePopover, getMessageIconPopover: this.getMessageIconPopover, hideMessageIconPopover: this.hideMessageIconPopover, popoverCardConfig: this.cardConfig, popoverWidth: this.popoverWidth, handleGetAdditionalFeaturePropertiesOnSelect: this.handleGetAdditionalFeaturePropertiesOnSelect, minZoom: this.minZoom, maxZoom: this.maxZoom }, this.enableToolbar && (h("udp-map-toolbar", { key: '49d244cc30139684e35f2f3d62a19fb994438882', map: this.map, mapTitle: this.mapTitle, mapProjection: this.mapProjection, getFeatureStyles: this.getFeatureStyles, getSelectedFeatureStyles: this.getSelectedFeatureStyles, filterPanel: this.filterPanel, enableTileSelection: this.enableTileSelection, tileLayersOptions: this.tileLayersOptions, defaultTileOptionName: this.defaultTileOptionName, layerOptions: this.layerOptions, bulkSelectedFeaturesActionPanel: this.bulkSelectedFeaturesActionPanel, handleSetSelectedFeaturesOnBulkSelect: this.handleSetSelectedFeaturesOnBulkSelect, handleRefresh: this.handleRefresh, refreshButtonTooltip: this.refreshButtonTooltip, readOnlyMap: this.readOnlyMap, enableAdd: this.enableAdd, handleAddNewFeatures: this.handleAddNewFeatures, addMultipleFeatures: this.addMultipleFeatures, enableSplitFeature: this.enableSplitFeature, handleSplitFeature: this.handleSplitFeature, handleSetSelectedFeatureProperties: this.handleSetSelectedFeatureProperties, filteredLayerOptionsByRole: this.filteredLayerOptionsByRole, handleSetBulkSelectionActive: this.handleSetBulkSelectionActive, enableDragBox: this.enableDragBox, handleSetEnableDragBox: this.handleSetEnableDragBox, splitActive: this.splitActive, handleSetSplitActive: this.handleSetSplitActive, selectFeatureInteraction: this.selectFeatureInteraction, enableAddNewFeature: this.enableAddNewFeature, handleEnableAddNewFeature: this.handleEnableAddNewFeature, handleSelectLayersCallback: this.handleSelectLayersCallback, selectedLayers: this.selectedLayers, handleSetSelectedLayers: val => {
                 this.updateSelectedLayers(val);
-            }, addFeaturePanelConfig: this.addFeaturePanelConfig })), h("slot", { key: 'bfbdea596bf2f1462b4af1cbecd945b14d0a6e89' })));
+            }, addFeaturePanelConfig: this.addFeaturePanelConfig })), h("slot", { key: '88fad9362a1e7d28a537eb2dfcdcb9735f491542' })));
     }
     static get watchers() { return {
         "enableDragBox": ["watchDragBoxandSelectedFeatureInteraction"],

package/dist/esm/udp-menu-item.entry.js

@@ -16,7 +16,7 @@ const UdpMenuItem = class {
         };
     }
     render() {
-        return (h("button", { key: 'f35c6b6ec4a18fffa31e24799023d8188780f42f', class: "menu-item-root", onClick: this.handleItemClick, disabled: this.disabled, role: "menuitem" }, this.iconName && h("udp-icon", { key: 'ee4749a261e8460505b504f224620175b4b491f6', iconName: this.iconName, class: "menu-icon" }), h("span", { key: '590981d4167dad890294c1057786327296093cb3', class: "menu-item-label" }, h("unity-typography", { key: '47e56afb6cf2df512e0fde8d1777c97156c6e9cb', variant: 'body1' }, this.label))));
+        return (h("button", { key: '1ede58027c46bb2256944a857da57f400cb639cf', class: "menu-item-root", onClick: this.handleItemClick, disabled: this.disabled, role: "menuitem" }, this.iconName && h("udp-icon", { key: '627147e2ded1b8c56a14bf325b6e84bda899b28b', iconName: this.iconName, class: "menu-icon" }), h("span", { key: '779499e48b307bd11da339060f98412f5bf08865', class: "menu-item-label" }, h("unity-typography", { key: 'c5043d2ba242a1b70e014fd90da839e7c2ce9a6a', variant: 'body1' }, this.label))));
     }
 };
 UdpMenuItem.style = udpMenuItemCss;

package/dist/esm/udp-page.entry.js

@@ -20,7 +20,7 @@ const UdpPage = class {
             padding: this.padding,
             margin: '0 auto', // Centers the content if max-width is set
         };
-        return (h("div", { key: 'cfd683939d44dd1aa69d334ac3621fdc35884dc4', style: style }, h("slot", { key: '628026b0c12f13fe9019adcda96eb36c6beee8bc' }), " "));
+        return (h("div", { key: 'cd340c347257f5eb66d73ed93ce4164ba0d6c94c', style: style }, h("slot", { key: '68e33d37810a56cf7fc6f7290a6d44c10c4ef781' }), " "));
     }
 };
 UdpPage.style = udpPageCss;

package/dist/esm/udp-skeleton-loading.entry.js

@@ -11,7 +11,7 @@ const UdpSkeletonLoading = class {
         this.borderRadius = '4px';
     }
     render() {
-        return (h("div", { key: '932e3c49f622fb5ec48fc0933249cfde5afa173f', class: "skeleton-loader", style: { width: this.width, height: this.height, borderRadius: this.borderRadius } }));
+        return (h("div", { key: 'c4d09711b610d9d0219f5964d1572ef7af46b738', class: "skeleton-loader", style: { width: this.width, height: this.height, borderRadius: this.borderRadius } }));
     }
 };
 UdpSkeletonLoading.style = udpSkeletonLoadingCss;

package/dist/esm/udp-split-screen.entry.js

@@ -55,7 +55,7 @@ const UdpSplitScreen = class {
         }
     }
     render() {
-        return (h("div", { key: 'df0cade663cf48e2ffb2d3320f957e92277c2e73', ref: (el) => this.element = el, class: { 'container': true, 'open': this.isOpen } }, h("div", { key: 'e7f77dd6aaf04635d9cafbbf3e9917058f4eb65c', class: "panel", style: { width: `${this.panelWidth}%` } }, h("slot", { key: '02efeae7315f4ddf209ebe44104a3c7eef9962ff', name: "first-panel" })), h("div", { key: '51536ad4696fb494a63afc3d4ce0d569422805d4', class: "resizer", onMouseDown: (event) => event.preventDefault() }, h("div", { key: '5bea53e335997b7706ed4004df1882590afd68b2', class: "drag-handle" })), h("div", { key: '11e62e9fe6a266543d8ac636ae17bec338b46bac', class: "panel", style: { width: `${100 - this.panelWidth}%` } }, h("slot", { key: '68fb2ea46cfe47acb54987caee353b9edaa3e589', name: "second-panel" }, this.panelContent))));
+        return (h("div", { key: '45482d8017aa9e124177dcdf2d4173361b05fac8', ref: (el) => this.element = el, class: { 'container': true, 'open': this.isOpen } }, h("div", { key: 'c50057f1966e96ed6c6e01e025f30167ca34eda2', class: "panel", style: { width: `${this.panelWidth}%` } }, h("slot", { key: '47bd54df69170935664bac84157d563ca9f7db34', name: "first-panel" })), h("div", { key: 'ba66ae724133870c289a9b5eafc19a1ca220c0ef', class: "resizer", onMouseDown: (event) => event.preventDefault() }, h("div", { key: '6b40d3ca3df57595ef9dd206b37b1932bf033809', class: "drag-handle" })), h("div", { key: 'fc515cb4a0c2eec22d45ba818a5b271f3a861039', class: "panel", style: { width: `${100 - this.panelWidth}%` } }, h("slot", { key: '103aac71fb969095ab17605be85e57053f596d71', name: "second-panel" }, this.panelContent))));
     }
 };
 UdpSplitScreen.style = udpSplitScreenCss;

package/dist/esm/udp-stepper-demo.entry.js

@@ -92,7 +92,7 @@ const UdpStepperDemo = class {
         };
     }
     render() {
-        return (h("div", { key: '6c6952688abf102cf5c005403c7dcdb0307cd947', style: { padding: '2rem' } }, h("unity-typography", { key: '3d58c09e5e1fa6b17651f68a5bee59a29f8fbe43', variant: "h2" }, "Horizontal Stepper with Labels bottom"), h("udp-stepper", { key: '091a25566c7ef9e9e013781571146e380b61aea6', steps: this.steps, activeStep: this.activeStep, completed: this.completed, stepChange: this.handleStepChange, orientation: "horizontal", labelDisplay: "all", labelPosition: "bottom" }), h("unity-typography", { key: '366387d3f681efe7629c7626b631d7c155c04e1c', variant: "h2" }, "Horizontal Stepper without Labels"), h("udp-stepper", { key: 'a3ccde5f28be6597ca4b5eca9968b732c964c34c', steps: this.steps, activeStep: this.activeStep, completed: this.completed, stepChange: this.handleStepChange, orientation: "horizontal", labelDisplay: "none", labelPosition: "bottom" }), h("unity-typography", { key: '75274571acf9bd7855de89c8a7bb47f2471be17a', variant: "h2" }, "Horizontal Stepper with Labels to Right"), h("udp-stepper", { key: 'f8557979d3c58e50fb40671d1ce80dd09740e83e', steps: this.steps, activeStep: this.activeStep, completed: this.completed, stepChange: this.handleStepChange, orientation: "horizontal", labelDisplay: "all", labelPosition: "right" }), h("unity-typography", { key: '778a843e4e882eca86b2b408e64ba1cb204f42e9', variant: "h2" }, "Vertical Stepper"), h("udp-stepper", { key: '7c0f206485f54c6baa992c1618c2e9ad80ed7351', steps: this.steps, activeStep: this.activeStep, completed: this.completed, stepChange: this.handleStepChange, orientation: "vertical", labelDisplay: "all", labelPosition: "right" })));
+        return (h("div", { key: 'eebc9bb4f1d245a9da41ba14cd8519ea5012e074', style: { padding: '2rem' } }, h("unity-typography", { key: '0f9a1a7e068cb8a87c24bc6abf2d3c016b36cbfd', variant: "h2" }, "Horizontal Stepper with Labels bottom"), h("udp-stepper", { key: '99467398bbd932a99f4064cdce04058347f50671', steps: this.steps, activeStep: this.activeStep, completed: this.completed, stepChange: this.handleStepChange, orientation: "horizontal", labelDisplay: "all", labelPosition: "bottom" }), h("unity-typography", { key: 'ceae432518d605a5279287d3f7dec89d05747022', variant: "h2" }, "Horizontal Stepper without Labels"), h("udp-stepper", { key: '91451a92179c6b87d18578cd0947832084b348ef', steps: this.steps, activeStep: this.activeStep, completed: this.completed, stepChange: this.handleStepChange, orientation: "horizontal", labelDisplay: "none", labelPosition: "bottom" }), h("unity-typography", { key: '55fc4f975f03af338db74402aa5473701acc947d', variant: "h2" }, "Horizontal Stepper with Labels to Right"), h("udp-stepper", { key: 'f5f862c22a85b774c018946cfb42a2e495992ef7', steps: this.steps, activeStep: this.activeStep, completed: this.completed, stepChange: this.handleStepChange, orientation: "horizontal", labelDisplay: "all", labelPosition: "right" }), h("unity-typography", { key: '136379efff85d15e5b2b1fc9a403a9c5c7e24a71', variant: "h2" }, "Vertical Stepper"), h("udp-stepper", { key: 'b592b5256dff97067080079474e1f97ed8566e62', steps: this.steps, activeStep: this.activeStep, completed: this.completed, stepChange: this.handleStepChange, orientation: "vertical", labelDisplay: "all", labelPosition: "right" })));
     }
 };
 

package/dist/esm/udp-tab-panel.entry.js

@@ -8,10 +8,10 @@ const UdpTabPanel = class {
     }
     render() {
         const isActive = this.value === this.index;
-        return (h("div", { key: '26e8a868bb21f213d1465ee454ed13725a71888b', class: {
+        return (h("div", { key: '3d2383c0b993bcb66a13c14048a13450aa5fd6b4', class: {
                 'tab-panel': true,
                 'active': isActive,
-            }, role: "tabpanel", "aria-hidden": !isActive ? 'true' : 'false' }, h("slot", { key: '36f7f55cb87d3344d0b83662a567e752224d2acb' })));
+            }, role: "tabpanel", "aria-hidden": !isActive ? 'true' : 'false' }, h("slot", { key: 'fde6d4bef1fa5ded55d61ca54349cd9e85c2d265' })));
     }
 };
 UdpTabPanel.style = udpTabPanelCss;

package/dist/esm/udp-tab.entry.js

@@ -27,7 +27,7 @@ const UdpTab = class {
         this.disabled = false;
     }
     render() {
-        return (h("div", { key: '2ec122345eaef1a4d13849d3e4930b2a3a0304bc', class: { 'tab-panel': true, 'active': this.active }, role: "tabpanel" }, h("slot", { key: '7690e048f70b6ad422c73cd45756e62e0569815f' })));
+        return (h("div", { key: '6792f3e4f90e3e99a844e111783fe9f027501117', class: { 'tab-panel': true, 'active': this.active }, role: "tabpanel" }, h("slot", { key: '865d65568d4c0c2651a76eb9f7a19a0f4eff2c65' })));
     }
 };
 UdpTab.style = udpTabCss;

package/dist/esm/udp-timeline-connector.entry.js

@@ -7,7 +7,7 @@ const UdpTimelineConnector = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return h("div", { key: 'a35580ac51d322c8816a9afcab9c45dd61c8dacf', class: "connector" });
+        return h("div", { key: 'ac7162f423f990b85fc98a011c4a48bd4ba6ffdc', class: "connector" });
     }
 };
 UdpTimelineConnector.style = udpTimelineConnectorCss;

package/dist/esm/udp-timeline-dot.entry.js

@@ -36,7 +36,7 @@ const UdpTimelineDot = class {
             '--udp-timeline-dot-bg': this.color,
             '--udp-timeline-dot-outline-color': this.color,
         } : {};
-        return (h("div", { key: 'caa8e5c38fa8810cff1fbd59c3db30535c38ebe4', class: classes, style: styles }, h("slot", { key: 'a6f4722e220418ab7d12d4f15621bdab02b2c25d' })));
+        return (h("div", { key: '1e05486cbf143dc476a32baea254820030f1f7f1', class: classes, style: styles }, h("slot", { key: 'c667f97a9fe7c03b243fb42a9b59e53411258a37' })));
     }
 };
 UdpTimelineDot.style = udpTimelineDotCss;

package/dist/esm/udp-timeline-item.entry.js

@@ -63,12 +63,12 @@ const UdpTimelineItem = class {
         var _a;
         const visibleActions = this.actions.slice(0, 4);
         const menuActions = this.actions.slice(4);
-        return (h(Host, { key: '46e6b83c7295acb6c8e09f991cb497211e837fd4', class: {
+        return (h(Host, { key: 'e0c202b3da3613d5bd3391c823f4717b00a8c963', class: {
                 'has-title': this.hasTitle,
                 'has-caption': this.hasCaption,
                 [`dot-shape-${this.dotShape}`]: true,
                 'clickable': this.clickable,
-            }, onClick: this.handleClick }, h("div", { key: '2fad93b42777111e94f269a822180d062e1b835c', class: "udp-timeline-item" }, h("div", { key: '89aa7ce456e1c0bdde2dbc1ec932c5fd72064e96', class: "separator-column" }, h("slot", { key: '5b2a129f3cfb83e05d26e4a8964028c989b5e005', name: "separator" })), h("div", { key: 'dd1f23fef8a52a1bc882648fad54ae029dc0c9d6', class: "content-column" }, h("div", { key: '00f55673ca2134c3bdebf09fef3cb7889e464494', class: "first-row" }, h("div", { key: 'b9145a08ae98c08414c5f4af4c3b6c3474013054', class: "title-slot" }, h("slot", { key: '1151c8739ad7fa38261c36b8973bc969273619ca', name: "title" })), ((_a = this.statusLabel) === null || _a === void 0 ? void 0 : _a.trim()) != '' && (h("udp-chip", { key: '5147b3f947726cc6758f357e8f3717ddc9a2e4ae', label: this.statusLabel, color: this.statusColor, size: "small" }))), h("div", { key: '99f550a22b48e0346eda54bd9a91509a108e3b45', class: "content-slot" }, h("slot", { key: 'c3a745d30b21d0c800b195fc671ea512005bef4f', name: "content" })), h("div", { key: 'c4303a70f6562eff581b82a8015c76324038e04f', class: "caption-slot" }, h("slot", { key: 'e17989b1a4b6ef72a70533cc987d0091d4910fbd', name: "caption" })), this.actions.length > 0 && (h("div", { key: '2ade87b2eb620a1bf2ccfd4fb55b03934e40d98e', class: "actions-container" }, visibleActions.map(action => (h("button", { onClick: action.onClick }, action.label))), menuActions.length > 0 && h("button", { key: 'd94a8cd6ea4b03b003a069f5d75d73e6f568ba62' }, "...")))))));
+            }, onClick: this.handleClick }, h("div", { key: '091ebbfbc1b9efb37404b200ade26eeedd859247', class: "udp-timeline-item" }, h("div", { key: '9f463e19de021d0abaab732158415f9a65c6450c', class: "separator-column" }, h("slot", { key: '6d144c613e5c1905eac606dee59c7a94a3332fa0', name: "separator" })), h("div", { key: '1a2748b27929a7c06176046c85b93f6a1afe4fc5', class: "content-column" }, h("div", { key: 'd57471f235edbf455a70f56940f8879f8a6b5100', class: "first-row" }, h("div", { key: '68ef26531dae5f3150f82a143b1b6aa2dcd5c7ae', class: "title-slot" }, h("slot", { key: 'd2d11a82ee5d7a5b665e0dbe2afd517f02df4d81', name: "title" })), ((_a = this.statusLabel) === null || _a === void 0 ? void 0 : _a.trim()) != '' && (h("udp-chip", { key: '3c6fe171c3dcb2b60523e01f0d893694143d998b', label: this.statusLabel, color: this.statusColor, size: "small" }))), h("div", { key: '10f19128bc549bac7e53eb1260986c1f230dd3b8', class: "content-slot" }, h("slot", { key: 'e283db48e73b9614bd1ee33c4aafcf585560e111', name: "content" })), h("div", { key: '8fe114f2d6ff8bd9af2f1e044f2f73288595ae92', class: "caption-slot" }, h("slot", { key: 'f1f1b35200e5c9cfcdbaeb7943a75f2f97501874', name: "caption" })), this.actions.length > 0 && (h("div", { key: 'c4a6f1f85cc02761a1ef8aff3ae27081a19c28ac', class: "actions-container" }, visibleActions.map(action => (h("button", { onClick: action.onClick }, action.label))), menuActions.length > 0 && h("button", { key: 'ea8b1d8f7a77a56b1385bceabc0db2e310ffe492' }, "...")))))));
     }
     get host() { return getElement(this); }
 };

package/dist/esm/udp-timeline-separator.entry.js

@@ -7,7 +7,7 @@ const UdpTimelineSeparator = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("div", { key: '2c4bf1144dcc4c5e5d2462d14f9e43f255830e0f', class: "udp-timeline-separator" }, h("slot", { key: '45aa4fdb6691157c9f159d1241c4dd04b18c2165' })));
+        return (h("div", { key: 'fd906306d70d88d53be6436fbf36e2d6a36fdd90', class: "udp-timeline-separator" }, h("slot", { key: '427efd7e20154bddef6653dc1d0efa693766a46f' })));
     }
 };
 UdpTimelineSeparator.style = udpTimelineSeparatorCss;

package/dist/esm/udp-timeline.entry.js

@@ -9,7 +9,7 @@ const UdpTimeline = class {
         this.align = 'left';
     }
     render() {
-        return (h(Host, { key: 'ae334fa3ef6cfafd101076f3e7c01c84e0e8fce1', class: { [`align-${this.align}`]: true } }, h("div", { key: 'd4ab901eee9c918c242b0e9d845c143311aafe43', class: "udp-timeline-root" }, h("slot", { key: '0684459d705fda9e3a4315b849879e9c94454729' }))));
+        return (h(Host, { key: 'b8f6549bc279987a93954ee693a5c2fe54c41184', class: { [`align-${this.align}`]: true } }, h("div", { key: 'f0a00ac185b51a7666bf6617f4f3c6e846da131a', class: "udp-timeline-root" }, h("slot", { key: '69ba86a6fd1c7a418cbd87c25d4aed591751089b' }))));
     }
 };
 UdpTimeline.style = udpTimelineCss;

package/dist/esm/udp-vertical-spacer.entry.js

@@ -13,7 +13,7 @@ const UdpVerticalSpacer = class {
             large: 'spacing-13', // Assuming this corresponds to --spacing-13
         };
         const spacingClass = sizeMap[this.unit] || 'spacing-01';
-        return (h("div", { key: '1641ec0bc69da792851955cda343e452b4b3f741', class: spacingClass }));
+        return (h("div", { key: '43858dba85be3d9ca579b7277356f6b722a77598', class: spacingClass }));
     }
 };
 UdpVerticalSpacer.style = udpVerticalSpacerCss;

package/dist/stencil-library/add-map-feature-popup_4.entry.js

@@ -1,2 +1,2 @@
-import{r as e,h as t,a as i}from"./index-CaZq3YdB.js";import{Close16 as a,Checkmark16 as s,Filter16 as n,Layers16 as o,Select_0116 as l,Scalpel16 as c,Renew16 as d,OverflowMenuHorizontal16 as r}from"@carbon/icons/es";import{f as h}from"./udp-map-utils-DNAUNI5U.js";import{S as p}from"./common-CwN0FuAf.js";import"lodash";import"ol/proj";import"ol/format/GeoJSON";const f=".popoverContent{display:flex;flex-direction:column;column-gap:var(--spacing-04);padding:var(--spacing-04);z-index:1}.featureDetailsPopOverContent{min-width:300px;z-index:1}.data-row{display:flex;column-gap:var(--spacing-04)}.data-section{display:flex;flex-direction:column;column-gap:var(--spacing-02)}.key{font-weight:bold;color:var(--accent-color-two)}.header{display:flex;background-color:var(--accent-color-three);color:var(--accent-color-two);padding-left:var(--spacing-02);margin-bottom:var(--spacing-04)}.closeButton{display:flex;align-items:center;justify-content:flex-end}.options{display:flex;justify-content:flex-end;column-gap:var(--spacing-04)}.mapType{margin-bottom:var(--spacing-02)}";const b=class{constructor(t){e(this,t);this.typeOptions=[{label:"Point",value:"Point"},{label:"LineString",value:"LineString"},{label:"Polygon",value:"Polygon"}];this.vectorLayerOptions=[];this.selectedLayer=null;this.selectedType=null;this.panelConfig=null;this.layerToAddOptions=[];this.drawingTypeOptions=null;this.handleSetSelectedLayer=e=>{this.selectedLayer=e};this.handleSetSelectedType=e=>{this.selectedType=e};this.getlayerOptions=()=>{var e,t;if((e=this.panelConfig)===null||e===void 0?void 0:e.getLayerOptionsFromLayerValues){this.layerToAddOptions=(t=this.panelConfig)===null||t===void 0?void 0:t.getLayerOptionsFromLayerValues(this.vectorLayerOptions)}else{this.layerToAddOptions=this.vectorLayerOptions.map((e=>({label:e,value:e})))}};this.getDrawingTypeOptions=()=>{var e,t,i;if((e=this.panelConfig)===null||e===void 0?void 0:e.getFeatureTypeOptionsFromLayerValue){this.drawingTypeOptions=(i=(t=this.panelConfig)===null||t===void 0?void 0:t.getFeatureTypeOptionsFromLayerValue(this.selectedLayer))!==null&&i!==void 0?i:this.typeOptions}else{this.drawingTypeOptions=this.typeOptions}}}watchPanelConfig(){var e;if((e=this.panelConfig)===null||e===void 0?void 0:e.hideLayerSelector){this.selectedLayer=null;this.layerToAddOptions=[]}else{this.getlayerOptions()}}updateDrawingTypeOptions(){this.getDrawingTypeOptions()}componentWillLoad(){this.getlayerOptions();this.getDrawingTypeOptions()}render(){var e,i,a;return t("div",{key:"14fe4615233e1da399bfe429861a1ec4d37e16c8",class:"popoverContent"},!((e=this.panelConfig)===null||e===void 0?void 0:e.hideLayerSelector)&&t("udp-selector",{key:"ae8a4bcc274f6e5cdf97ebcd1af4a52c463baac7",id:"layer",options:this.layerToAddOptions,initialValue:this.selectedLayer,label:"Layer",onChange:e=>{this.handleSetSelectedLayer(e.detail)},large:false}),t("udp-selector",{key:"0b8f8a56d981ef88af97755f6e69ccb04143db61",id:"type",options:(i=this.drawingTypeOptions)!==null&&i!==void 0?i:[],initialValue:this.selectedType,label:"Type",onChange:e=>{this.handleSetSelectedType(e.detail)},large:false}),t("div",{key:"7e39f64cf429443b8c7f31c3dfced1ac1e169b92",class:"formButton"},t("custom-button",{key:"eff7592f2f5d8d05b0b028a41ac25f76d8270ff3",label:t("unity-typography",{variant:"button"},"Draw feature"),onClick:()=>this.handleStartDrawingMapFeature(this.selectedLayer,this.selectedType),variant:"outline",disabled:this.selectedLayer===null&&!((a=this.panelConfig)===null||a===void 0?void 0:a.hideLayerSelector)||this.selectedType===null})))}static get watchers(){return{panelConfig:["watchPanelConfig"],selectedLayer:["updateDrawingTypeOptions"],typeOptions:["updateDrawingTypeOptions"]}}};b.style=f;const u=".toolbarContainer{display:flex;justify-content:space-between;align-items:center;background:var(--accent-color);padding-left:var(--spacing-05)}.buttonContainer{display:flex;flex-direction:row;justify-content:flex-end;align-items:center}.secondaryButtons{display:flex;justify-content:flex-end;column-gap:var(--spacing-04);margin-top:var(--spacing-04);margin-bottom:var(--spacing-04)}.selectedFeaturesButtons{display:flex;column-gap:var(--spacing-04)}#addOption{margin-left:var(--spacing-04)}.title{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.labelButtons{white-space:nowrap}@media (min-width: 300px){.labelButtons{white-space:nowrap}}.buttons{display:flex;flex-direction:column}.popOversListContainer{display:flex;justify-content:space-evenly;padding:0}#addOptionButton{width:fit-content}";const v=class{constructor(t){e(this,t);this.mapTitle="";this.visibleLayers=[];this.enableTileSelection=true;this.enableDragBox=true;this.selectedFeatureByBoxSelection=[];this.refreshButtonTooltip="";this.enableAddNewFeature=false;this.enableSplit=true;this.readOnlyMap=false;this.enableAdd=true;this.addMultipleFeatures=true;this.showSplitButton=false;this.readOnlyLayers=[];this.filterAnchor=null;this.layerAnchor=null;this.bulkSelectionTypeAnchor=null;this.selectionActionAnchor=null;this.splitAnchor=null;this.addFeatureAnchor=null;this.filteredOptions=[];this.withSelected=false;this.layerOptionsForPopup=[];this.setFilteredLayerOptions=()=>{if(this.layerOptions&&this.layerOptions.length>0){this.filteredOptions=this.layerOptions}};this.updateSelectedLayers=e=>{this.handleSelectLayers(e)};this.handleCloseFilterPopover=()=>{this.filterAnchor=null};this.handleCloseLayerPopover=()=>{this.layerAnchor=null};this.handleCloseBulkSelectionTypePopover=()=>{this.bulkSelectionTypeAnchor=null};this.handleCloseSplitPopover=()=>{this.splitAnchor=null};this.handleCloseSelectionActionPopover=()=>{this.selectionActionAnchor=null};this.handleCloseAddMapFeature=()=>{this.addFeatureAnchor=null;this.selectedLayerToAddFeature=null;this.selectedTypeToAddFeature=null};this.handleFilterOnclick=()=>{this.filterAnchor=this.mapToolbarElement.shadowRoot.querySelector("#filterOptionButton")};this.handleLayerOnclick=()=>{this.layerAnchor=this.mapToolbarElement.shadowRoot.querySelector("#layerOptionButton");this.filteredOptions=this.layerOptions};this.handleSelectionActionOnclick=()=>{this.selectionActionAnchor=this.mapToolbarElement.shadowRoot.querySelector("#withSelectedOptionButton")};this.handleSelectionBtnOnclick=()=>{this.bulkSelectionTypeAnchor=this.mapToolbarElement.shadowRoot.querySelector("#bulkSelectOptionButton")};this.handleSplitBtnOnclick=()=>{this.splitAnchor=this.mapToolbarElement.shadowRoot.querySelector("#splitOptionButton")};this.handleAddOnclick=()=>{this.selectedLayerToAddFeature=null;this.selectedTypeToAddFeature=null;this.addFeatureAnchor=this.mapToolbarElement.shadowRoot.querySelector("#addOptionButton")};this.handleBulkSelectionTypeOnclick=e=>{this.bulkSelectionTypeAnchor=null;this.handleBulkSelectionTypeOnChange(e,this.mapProjection)};this.handleSearchLayers=e=>{var t;const i=(t=e===null||e===void 0?void 0:e.target)===null||t===void 0?void 0:t.value;if(!i||(i===null||i===void 0?void 0:i.trim().length)===0){this.filteredOptions=this.layerOptions;return}const a=h(this.layerOptions,i);this.filteredOptions=a};this.handleMapTypeInputChange=e=>{this.handleSelectTile(e)};this.unselectFeatures=()=>{this.withSelected=false;this.handleUnselectFeatures()};this.handleAddNewFeature=()=>{this.addFeatureAnchor=null;this.selectedLayerToAddFeature=null;this.selectedTypeToAddFeature=null;this.addNewFeature()};this.handleCancelAddNewFeature=()=>{this.addFeatureAnchor=null;this.selectedLayerToAddFeature=null;this.selectedTypeToAddFeature=null;this.cancelAddNewFeature()};this.getButtonText=()=>{if(this.enableDragBox){return"Cancel Bulk Selection"}if(this.enableAddNewFeature){return"Save"}return""};this.getButtonIcon=()=>{if(this.enableDragBox){return a}if(this.enableAddNewFeature){return s}return a}}componentDidLoad(){this.setFilteredLayerOptions()}setLayerOptions(){this.setFilteredLayerOptions()}setIsSelected(){if(this.selectedFeatureByBoxSelection&&this.selectedFeatureByBoxSelection.length>0){this.withSelected=true}else{this.withSelected=false}}updateLayerOptionsForPopup(){var e;if(((e=this.readOnlyLayers)===null||e===void 0?void 0:e.length)>0){this.layerOptionsForPopup=this.visibleLayers.filter((e=>!this.readOnlyLayers.includes(e)))}else{this.layerOptionsForPopup=this.visibleLayers}}activateSelectInteraction(e){let t=this.map.getInteractions().getArray().find((e=>e.get("id")===p));if(t){t.setActive(!e)}}render(){var e,i;return t("div",{key:"df1cb3fa4cb31102050fde522956903b598408e7",class:"toolbarContainer"},t("div",{key:"edadc71d2916ebfd54f1199b7848b91b34c60de7",class:"title"},this.mapTitle&&this.mapTitle.length>0&&t("unity-typography",{key:"1dcf11b4c1c80509d04f8436c34cb0e40eceafc8",variant:"h4"},this.mapTitle)),t("div",{key:"fe67035695747ef0527d9f7edf134eb32d3ca072",class:"buttons"},t("div",{key:"d03cc6b94ece0bd7992081bb252be394fca31f65",class:"buttonContainer"},t("div",{key:"c33a00e8aaa19dedd2458008191116fac064ac54",class:"secondaryButtons"},this.filterPanel&&t("div",{key:"0df51200bfca6557d2e332aedbfee551d83fd444",id:"filterOption"},t("div",{key:"05fac2c08c2ccd868db2aebdc87fbfb1cd5bb359",id:"filterOptionButton"},t("stencil-icon-button",{key:"1c7e4513becc3502086efc59574f2d786148c11a",iconName:"filterButton",iconClassName:"iconButtonWrapper",tooltip:"Filter",icon:n,buttonId:"filterButton",onClick:()=>this.handleFilterOnclick()})),this.filterAnchor&&t("div",{key:"1104a7b6d361f169a438b87c922c75579073dd6e",id:"filterOptionDiv"},t("udp-pop-over",{key:"cab40e9cb1dc9a5f800ee2db08a09d7199a3e788",isOpen:this.filterAnchor?true:false,anchorElement:this.filterAnchor,handleOnClose:()=>this.handleCloseFilterPopover(),popoverPlacement:"bottom-start",overflow:"visible"},t("div",{key:"5eb682185987645764defe31b2c95c463f8752b5",innerHTML:this.filterPanel})))),this.layerOptions&&t("div",{key:"5d035cb7d7bb4d61ca441c8c62aa91e087df1b3a",id:"layerOption"},t("div",{key:"a7dbef6cc9a02f89df337de51ea94075d1fd3111",id:"layerOptionButton"},t("stencil-icon-button",{key:"46eca995f86c96149e28a499fbae2d0f4aae0968",iconName:"layersButton",iconClassName:"iconButtonWrapper",tooltip:"Layers",icon:o,buttonId:"layersButton",onClick:()=>this.handleLayerOnclick(),count:(e=this.visibleLayers)===null||e===void 0?void 0:e.length})),t("div",{key:"3d2d78eebfc91efd770f3b4d1f2d6b4ca0641218",id:"layerOptionDiv"},this.layerAnchor&&t("udp-pop-over",{key:"d8fe86755c188ca9307b97a4f0e7510a91e13dac",isOpen:this.layerAnchor?true:false,anchorElement:this.layerAnchor,handleOnClose:()=>this.handleCloseLayerPopover(),popoverPlacement:"bottom-start",popoverMaxHeight:"500px"},t("select-layer-popup",{key:"213504b0c5b6e2f720be389aac07e98683f00fc9",enableTileSelection:this.enableTileSelection,tileOptions:this.tileOptions,handleMapTypeInputChange:this.handleMapTypeInputChange,handleSearchLayers:this.handleSearchLayers,filteredOptions:this.filteredOptions,visibleLayers:this.visibleLayers,updateSelectedLayers:this.updateSelectedLayers,selectedTile:this.selectedTile})))),!this.readOnlyMap&&this.selectedFeaturesActionPanel&&t("div",{key:"e7e844cabe9bbadbe0230b4670fc5f5e86a59c88",id:"bulkSelectOption"},t("div",{key:"21495bb0ae01eabe651d795bd840a60fac5d4a6e",id:"bulkSelectOptionButton"},t("stencil-icon-button",{key:"372b8b99550e170247c5bafd670696f30beb8625",iconName:"selectButton",iconClassName:"iconButtonWrapper",tooltip:"Select",icon:l,buttonId:"selectButton",onClick:()=>this.handleSelectionBtnOnclick()})),t("div",{key:"634720dcf856edb6860d6671bf361da9317036a1",id:"bulkSelectOptionDiv"},this.bulkSelectionTypeAnchor&&t("udp-pop-over",{key:"5901c691c00260c1180dfa71842ae4512b332fa1",isOpen:this.bulkSelectionTypeAnchor?true:false,anchorElement:this.bulkSelectionTypeAnchor,handleOnClose:()=>this.handleCloseBulkSelectionTypePopover(),popoverPlacement:"bottom-start",overflow:"visible"},t("udp-menu-item",{key:"74f4f7b9df37c81e177da3b3ba6e5c967cd2c6c4",label:"Box",handleOnClick:()=>{this.handleBulkSelectionTypeOnclick("box")}}),t("udp-menu-item",{key:"01b1dd88515b272d2be1ea7d55174e5634aab22a",label:"Circle",handleOnClick:()=>{this.handleBulkSelectionTypeOnclick("circle")}}),t("udp-menu-item",{key:"082fdc17a8f20ec1c1bbefcb65185618b3c36802",label:"Polygon",handleOnClick:()=>{this.handleBulkSelectionTypeOnclick("polygon")}}),t("udp-menu-item",{key:"c436f55eb166a95b13aae4b437e86dc531e2c4f4",label:"Lasso",handleOnClick:()=>{this.handleBulkSelectionTypeOnclick("lasso")}})))),!this.readOnlyMap&&this.enableSplit&&t("div",{key:"5596f3a4ce9c97795cf34a6c10a05a77877cff40",id:"splitOption"},t("div",{key:"fc7c0f661595fc0a28c594c7accd2da3faccd70d",id:"splitOptionButton"},t("stencil-icon-button",{key:"843a8676c020dcb912143982f2960a0d54ab8adc",iconName:"splitButton",iconClassName:"splitButtonWrapper",tooltip:"Split Linear Feature",icon:c,buttonId:"splitButton",onClick:()=>this.handleSplitBtnOnclick()})),t("div",{key:"6a6aa3505094fc439cd3cd148d8996ec480cabf7",id:"splitOptionDiv"},this.splitAnchor&&t("udp-pop-over",{key:"f076133c6159670dcb7d01c0f39e8d5e144b05b6",isOpen:this.splitAnchor?true:false,anchorElement:this.splitAnchor,handleOnClose:()=>this.handleCloseSplitPopover(),popoverPlacement:"bottom-start",overflow:"visible"},t("split-line-popup",{key:"6c2c013d5d7a824117cb63e3693b52ae133b120e",vectorLayerOptions:this.layerOptionsForPopup,selectedLayer:this.selectedLayerToAddFeature,handleStartSplitting:this.handleStartSplitting})))),this.refreshEvent&&t("stencil-icon-button",{key:"61e10f02f84e08babcda3882cec237e680fc44ee",iconName:"refreshButton",iconClassName:"iconButtonWrapper",tooltip:(i=this.refreshButtonTooltip)!==null&&i!==void 0?i:"Refresh",icon:d,buttonId:"refreshButton",onClick:()=>this.refreshEvent()}),!this.readOnlyMap&&(this.enableDragBox||this.addMultipleFeatures&&this.enableAddNewFeature)&&t("div",{key:"7f78e23b73223a71ccc93d0ce236acf5e46b1dd6",class:"labelButtons"},t("stencil-icon-button-grid-action-header",{key:"222e3e14e959f7759cd6df1913c9f39874e5cdb1",showLabel:true,icon:this.getButtonIcon(),onClick:()=>{if(this.enableDragBox){this.handleCancelBoxSelection()}if(this.enableAddNewFeature){this.handleAddNewFeature()}},tooltip:this.getButtonText(),iconClassName:"save-icon-class"},t("unity-typography",{key:"63a73f465505d4b1bab8121933b18444a80d33a2",variant:"button"},this.getButtonText()))),this.showSplitButton&&t("div",{key:"3dfbb10cd5ead27f916baf777937edf0d607a1f0",class:"labelButtons"},t("stencil-icon-button-grid-action-header",{key:"830a6de7d6d0112fd0ee535c820781aee7cbe1a8",showLabel:true,icon:s,onClick:()=>this.handleSaveSplit(),tooltip:"Save Split",iconClassName:"save-icon-class"},t("unity-typography",{key:"24d335a172372a10c48bbd138a48094b680b06a5",variant:"button"},"Save Split"))),this.showSplitButton&&t("div",{key:"08aa559492b97bced0b63f8d28f50398d94ae83a",class:"labelButtons"},t("stencil-icon-button-grid-action-header",{key:"282e20c2636fe4363ece0831e080c48c1c5c958e",showLabel:true,icon:a,onClick:()=>this.handleCancelSplit(),tooltip:"Cancel Split",iconClassName:"save-icon-class"},t("unity-typography",{key:"60c3fb960d28a0b0b5249a888f9aa2f3ea1d9141",variant:"button"},"Cancel Split"))),!this.readOnlyMap&&this.enableAddNewFeature&&t("div",{key:"f79e5479ca83d0a6a2f6f4e2e990dbc30f2ed1cc",class:"labelButtons"},t("stencil-icon-button-grid-action-header",{key:"7fab28e00822674f56631df0318a71bee571c1ba",showLabel:true,icon:a,onClick:()=>this.handleCancelAddNewFeature(),tooltip:"Cancel Drawing",iconClassName:"save-icon-class"},t("unity-typography",{key:"44ef6bb6285e0eed094a432678bebd8584295923",variant:"button"},"Cancel Drawing"))),!this.readOnlyMap&&this.withSelected&&t("div",{key:"84a8a0a96507f9cb0cb88a840871d2ae596e2105",class:"selectedFeaturesButtons labelButtons"},t("div",{key:"fffd010fc9b22f6bdadce6bd1e30c93cb3f7a0b7",id:"withSelectedOption"},t("div",{key:"b46feccbc20f30dfff97accb9f7268758e2a525a",id:"withSelectedOptionButton"},t("stencil-icon-button-grid-action-header",{key:"10f3dd5eca0fb1a276f9085122ba4686414206cf",showLabel:true,icon:r,onClick:()=>this.handleSelectionActionOnclick(),tooltip:"With Selected",iconClassName:"save-icon-class",count:this.selectedFeatureByBoxSelection.length},t("unity-typography",{key:"40d4f6a63aa2b59e57b977acf37eade3235df013",variant:"button"},"With Selected"))),t("div",{key:"527851b90c03b373f72ae2aba16901289c9681e5",id:"withSelectedOptionDiv"},this.selectedFeaturesActionPanel&&this.selectionActionAnchor&&t("udp-pop-over",{key:"ed34e9835acde3e320f7aa4c1e8f5d9404004daa",isOpen:this.selectionActionAnchor?true:false,anchorElement:this.selectionActionAnchor,handleOnClose:()=>this.handleCloseSelectionActionPopover(),popoverPlacement:"bottom-start"},t("div",{key:"03d7e7b8b6b21196779f3ae7dc7a63e0df8eaa86",innerHTML:this.selectedFeaturesActionPanel})))),t("stencil-icon-button-grid-action-header",{key:"9bd88fde7e170056b2f613700d9c1d9fc7307e38",showLabel:true,icon:a,onClick:()=>this.unselectFeatures(),tooltip:"Cancel selection",iconClassName:"save-icon-class"},t("unity-typography",{key:"0997c19d47298bda8b12089f97ac196fa5a36d84",variant:"button"},"Cancel Selection")))),t("div",{key:"daf1418e8747948df45f4c26f7f694793392b1c5",id:"addOption"},this.enableAdd&&!this.readOnlyMap&&t("div",{key:"d2f2b7822d2d0ac16bfd7aecd0c77714150d8a85",id:"addOptionButton"},t("custom-button",{key:"ed8a4aa24b44c35d19902d1857ba1116fe4e44c2",secondary:true,label:t("unity-typography",{variant:"button"},"Add"),onClick:()=>this.handleAddOnclick(),size:"tall"},t("udp-icon",{key:"13bce86ae5c0ba2eef03ae8b7daa91a167920860",iconName:"add32",darkIcon:false}))),this.addFeatureAnchor&&t("udp-pop-over",{key:"2c4f226188928fdafba3f9b386ea6065c26fce06",isOpen:this.addFeatureAnchor?true:false,anchorElement:this.addFeatureAnchor,handleOnClose:()=>this.handleCloseAddMapFeature(),popoverPlacement:"bottom-start",overflow:"visible"},t("add-map-feature-popup",{key:"167c7b36c16bb6d0d0da125b801d58b088cfb965",handleStartDrawingMapFeature:this.handleStartDrawingMapFeature,vectorLayerOptions:this.layerOptionsForPopup,selectedLayer:this.selectedLayerToAddFeature,selectedType:this.selectedTypeToAddFeature,panelConfig:this.addFeaturePanelConfig}))))))}get mapToolbarElement(){return i(this)}static get watchers(){return{layerOptions:["setLayerOptions"],selectedFeatureByBoxSelection:["setIsSelected"],visibleLayers:["updateLayerOptionsForPopup"],readOnlyLayers:["updateLayerOptionsForPopup"],enableAddNewFeature:["activateSelectInteraction"]}}};v.style=u;const y=".popoverContent{display:flex;flex-direction:column;column-gap:var(--spacing-04);padding:var(--spacing-04);z-index:1}.featureDetailsPopOverContent{min-width:300px;z-index:1}.data-row{display:flex;column-gap:var(--spacing-04)}.data-section{display:flex;flex-direction:column;column-gap:var(--spacing-02)}.key{font-weight:bold;color:var(--accent-color-two)}.header{display:flex;background-color:var(--accent-color-three);color:var(--accent-color-two);padding-left:var(--spacing-02);margin-bottom:var(--spacing-04)}.closeButton{display:flex;align-items:center;justify-content:flex-end}.options{display:flex;justify-content:flex-end;column-gap:var(--spacing-04)}.mapType{margin-bottom:var(--spacing-02)}";const g=class{constructor(t){e(this,t);this.enableTileSelection=true;this.tileOptions=[];this.filteredOptions=[];this.visibleLayers=[]}render(){var e,i,a;return t("div",{key:"eb87124dc20e69d2e237489e2f0b549ba3cfc818",class:"popoverContent"},this.enableTileSelection&&t("udp-selector",{key:"d821f41e72acd630c018c3033c3fc4ddf1b7949f",id:"mapType",options:(e=this.tileOptions)!==null&&e!==void 0?e:[],initialValue:this.selectedTile.value,label:"Map Type",onChange:e=>{this.handleMapTypeInputChange(e.detail)},large:false}),t("div",{key:"4fbbf23fee2e1b88cc2e195e5216d4ea8a19051f",style:{height:"12px"}}),t("div",{key:"f87a773ec4ad75ceaff7745d4a1c48e0831ba83c"},t("text-field",{key:"46d6504fd70ef040770a6c237a34f75a1b63fb33",label:"Search Layers",id:"searchFilter",value:"",onInput:e=>this.handleSearchLayers(e)})),((i=this.filteredOptions)===null||i===void 0?void 0:i.length)>0&&((a=this.filteredOptions)===null||a===void 0?void 0:a.map((e=>t("check-box-group",{title:e===null||e===void 0?void 0:e.title,options:e===null||e===void 0?void 0:e.options,values:this.visibleLayers,handleChange:this.updateSelectedLayers})))))}};g.style=y;const m=".popoverContent{display:flex;flex-direction:column;column-gap:var(--spacing-04);padding:var(--spacing-04);z-index:1}.featureDetailsPopOverContent{min-width:300px;z-index:1}.data-row{display:flex;column-gap:var(--spacing-04)}.data-section{display:flex;flex-direction:column;column-gap:var(--spacing-02)}.key{font-weight:bold;color:var(--accent-color-two)}.header{display:flex;background-color:var(--accent-color-three);color:var(--accent-color-two);padding-left:var(--spacing-02);margin-bottom:var(--spacing-04)}.closeButton{display:flex;align-items:center;justify-content:flex-end}.options{display:flex;justify-content:flex-end;column-gap:var(--spacing-04)}.mapType{margin-bottom:var(--spacing-02)}";const k=class{constructor(t){e(this,t);this.vectorLayerOptions=[];this.selectedLayer=null}render(){var e;return t("div",{key:"5cdf7566fbf1dc2f55d34d5b61991fe50bb669a2",class:"popoverContent"},t("udp-selector",{key:"23859991c23b9069f3eb706a31d9f0fd6301138d",id:"layer",options:(e=this.vectorLayerOptions.map((e=>({label:e,value:e}))))!==null&&e!==void 0?e:[],initialValue:this.selectedLayer,label:"Layer",onChange:e=>{this.handleStartSplitting(e.detail)},large:false}))}};k.style=m;export{b as add_map_feature_popup,v as map_toolbar,g as select_layer_popup,k as split_line_popup};
+import{r as e,h as t,a as i}from"./index-CaZq3YdB.js";import{Close16 as a,Checkmark16 as s,Filter16 as n,Layers16 as o,Select_0116 as l,Scalpel16 as c,Renew16 as d,OverflowMenuHorizontal16 as r}from"@carbon/icons/es";import{f as h}from"./udp-map-utils-DNAUNI5U.js";import{S as p}from"./common-CwN0FuAf.js";import"lodash";import"ol/proj";import"ol/format/GeoJSON";const f=".popoverContent{display:flex;flex-direction:column;column-gap:var(--spacing-04);padding:var(--spacing-04);z-index:1}.featureDetailsPopOverContent{min-width:300px;z-index:1}.data-row{display:flex;column-gap:var(--spacing-04)}.data-section{display:flex;flex-direction:column;column-gap:var(--spacing-02)}.key{font-weight:bold;color:var(--accent-color-two)}.header{display:flex;background-color:var(--accent-color-three);color:var(--accent-color-two);padding-left:var(--spacing-02);margin-bottom:var(--spacing-04)}.closeButton{display:flex;align-items:center;justify-content:flex-end}.options{display:flex;justify-content:flex-end;column-gap:var(--spacing-04)}.mapType{margin-bottom:var(--spacing-02)}";const u=class{constructor(t){e(this,t);this.typeOptions=[{label:"Point",value:"Point"},{label:"LineString",value:"LineString"},{label:"Polygon",value:"Polygon"}];this.vectorLayerOptions=[];this.selectedLayer=null;this.selectedType=null;this.panelConfig=null;this.layerToAddOptions=[];this.drawingTypeOptions=null;this.handleSetSelectedLayer=e=>{this.selectedLayer=e};this.handleSetSelectedType=e=>{this.selectedType=e};this.getlayerOptions=()=>{var e,t;if((e=this.panelConfig)===null||e===void 0?void 0:e.getLayerOptionsFromLayerValues){this.layerToAddOptions=(t=this.panelConfig)===null||t===void 0?void 0:t.getLayerOptionsFromLayerValues(this.vectorLayerOptions)}else{this.layerToAddOptions=this.vectorLayerOptions.map((e=>({label:e,value:e})))}};this.getDrawingTypeOptions=()=>{var e,t,i;if((e=this.panelConfig)===null||e===void 0?void 0:e.getFeatureTypeOptionsFromLayerValue){this.drawingTypeOptions=(i=(t=this.panelConfig)===null||t===void 0?void 0:t.getFeatureTypeOptionsFromLayerValue(this.selectedLayer))!==null&&i!==void 0?i:this.typeOptions}else{this.drawingTypeOptions=this.typeOptions}}}watchPanelConfig(){var e;if((e=this.panelConfig)===null||e===void 0?void 0:e.hideLayerSelector){this.selectedLayer=null;this.layerToAddOptions=[]}else{this.getlayerOptions()}}updateDrawingTypeOptions(){this.getDrawingTypeOptions()}componentWillLoad(){this.getlayerOptions();this.getDrawingTypeOptions()}render(){var e,i,a;return t("div",{key:"61aeed66447c5ebd0037a56c06620ce1573a6b45",class:"popoverContent"},!((e=this.panelConfig)===null||e===void 0?void 0:e.hideLayerSelector)&&t("udp-selector",{key:"cd58b4763e0bb5326fe0c95de4fcf704ba189375",id:"layer",options:this.layerToAddOptions,initialValue:this.selectedLayer,label:"Layer",onChange:e=>{this.handleSetSelectedLayer(e.detail)},large:false}),t("udp-selector",{key:"f5d099889d1be3b7e0c948bf937df032d590dd76",id:"type",options:(i=this.drawingTypeOptions)!==null&&i!==void 0?i:[],initialValue:this.selectedType,label:"Type",onChange:e=>{this.handleSetSelectedType(e.detail)},large:false}),t("div",{key:"f70d82d791d5a7b0e8f8e8b114be76fa5a7dc199",class:"formButton"},t("custom-button",{key:"34a23e6d780903ff188abc1762a6d502e2de544d",label:t("unity-typography",{variant:"button"},"Draw feature"),onClick:()=>this.handleStartDrawingMapFeature(this.selectedLayer,this.selectedType),variant:"outline",disabled:this.selectedLayer===null&&!((a=this.panelConfig)===null||a===void 0?void 0:a.hideLayerSelector)||this.selectedType===null})))}static get watchers(){return{panelConfig:["watchPanelConfig"],selectedLayer:["updateDrawingTypeOptions"],typeOptions:["updateDrawingTypeOptions"]}}};u.style=f;const b=".toolbarContainer{display:flex;justify-content:space-between;align-items:center;background:var(--accent-color);padding-left:var(--spacing-05)}.buttonContainer{display:flex;flex-direction:row;justify-content:flex-end;align-items:center}.secondaryButtons{display:flex;justify-content:flex-end;column-gap:var(--spacing-04);margin-top:var(--spacing-04);margin-bottom:var(--spacing-04)}.selectedFeaturesButtons{display:flex;column-gap:var(--spacing-04)}#addOption{margin-left:var(--spacing-04)}.title{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.labelButtons{white-space:nowrap}@media (min-width: 300px){.labelButtons{white-space:nowrap}}.buttons{display:flex;flex-direction:column}.popOversListContainer{display:flex;justify-content:space-evenly;padding:0}#addOptionButton{width:fit-content}";const v=class{constructor(t){e(this,t);this.mapTitle="";this.visibleLayers=[];this.enableTileSelection=true;this.enableDragBox=true;this.selectedFeatureByBoxSelection=[];this.refreshButtonTooltip="";this.enableAddNewFeature=false;this.enableSplit=true;this.readOnlyMap=false;this.enableAdd=true;this.addMultipleFeatures=true;this.showSplitButton=false;this.readOnlyLayers=[];this.filterAnchor=null;this.layerAnchor=null;this.bulkSelectionTypeAnchor=null;this.selectionActionAnchor=null;this.splitAnchor=null;this.addFeatureAnchor=null;this.filteredOptions=[];this.withSelected=false;this.layerOptionsForPopup=[];this.setFilteredLayerOptions=()=>{if(this.layerOptions&&this.layerOptions.length>0){this.filteredOptions=this.layerOptions}};this.updateSelectedLayers=e=>{this.handleSelectLayers(e)};this.handleCloseFilterPopover=()=>{this.filterAnchor=null};this.handleCloseLayerPopover=()=>{this.layerAnchor=null};this.handleCloseBulkSelectionTypePopover=()=>{this.bulkSelectionTypeAnchor=null};this.handleCloseSplitPopover=()=>{this.splitAnchor=null};this.handleCloseSelectionActionPopover=()=>{this.selectionActionAnchor=null};this.handleCloseAddMapFeature=()=>{this.addFeatureAnchor=null;this.selectedLayerToAddFeature=null;this.selectedTypeToAddFeature=null};this.handleFilterOnclick=()=>{this.filterAnchor=this.mapToolbarElement.shadowRoot.querySelector("#filterOptionButton")};this.handleLayerOnclick=()=>{this.layerAnchor=this.mapToolbarElement.shadowRoot.querySelector("#layerOptionButton");this.filteredOptions=this.layerOptions};this.handleSelectionActionOnclick=()=>{this.selectionActionAnchor=this.mapToolbarElement.shadowRoot.querySelector("#withSelectedOptionButton")};this.handleSelectionBtnOnclick=()=>{this.bulkSelectionTypeAnchor=this.mapToolbarElement.shadowRoot.querySelector("#bulkSelectOptionButton")};this.handleSplitBtnOnclick=()=>{this.splitAnchor=this.mapToolbarElement.shadowRoot.querySelector("#splitOptionButton")};this.handleAddOnclick=()=>{this.selectedLayerToAddFeature=null;this.selectedTypeToAddFeature=null;this.addFeatureAnchor=this.mapToolbarElement.shadowRoot.querySelector("#addOptionButton")};this.handleBulkSelectionTypeOnclick=e=>{this.bulkSelectionTypeAnchor=null;this.handleBulkSelectionTypeOnChange(e,this.mapProjection)};this.handleSearchLayers=e=>{var t;const i=(t=e===null||e===void 0?void 0:e.target)===null||t===void 0?void 0:t.value;if(!i||(i===null||i===void 0?void 0:i.trim().length)===0){this.filteredOptions=this.layerOptions;return}const a=h(this.layerOptions,i);this.filteredOptions=a};this.handleMapTypeInputChange=e=>{this.handleSelectTile(e)};this.unselectFeatures=()=>{this.withSelected=false;this.handleUnselectFeatures()};this.handleAddNewFeature=()=>{this.addFeatureAnchor=null;this.selectedLayerToAddFeature=null;this.selectedTypeToAddFeature=null;this.addNewFeature()};this.handleCancelAddNewFeature=()=>{this.addFeatureAnchor=null;this.selectedLayerToAddFeature=null;this.selectedTypeToAddFeature=null;this.cancelAddNewFeature()};this.getButtonText=()=>{if(this.enableDragBox){return"Cancel Bulk Selection"}if(this.enableAddNewFeature){return"Save"}return""};this.getButtonIcon=()=>{if(this.enableDragBox){return a}if(this.enableAddNewFeature){return s}return a}}componentDidLoad(){this.setFilteredLayerOptions()}setLayerOptions(){this.setFilteredLayerOptions()}setIsSelected(){if(this.selectedFeatureByBoxSelection&&this.selectedFeatureByBoxSelection.length>0){this.withSelected=true}else{this.withSelected=false}}updateLayerOptionsForPopup(){var e;if(((e=this.readOnlyLayers)===null||e===void 0?void 0:e.length)>0){this.layerOptionsForPopup=this.visibleLayers.filter((e=>!this.readOnlyLayers.includes(e)))}else{this.layerOptionsForPopup=this.visibleLayers}}activateSelectInteraction(e){let t=this.map.getInteractions().getArray().find((e=>e.get("id")===p));if(t){t.setActive(!e)}}render(){var e,i;return t("div",{key:"21b9c43614b63edacda599868c43703d1e647e45",class:"toolbarContainer"},t("div",{key:"9784167d5da4fb3ac42df68eba4c5a486dfc982b",class:"title"},this.mapTitle&&this.mapTitle.length>0&&t("unity-typography",{key:"d30a08036fb834c66d51bd77d95c886ef87a639d",variant:"h4"},this.mapTitle)),t("div",{key:"cdd421ee21f5d56cc0d78352c8cc72032a758424",class:"buttons"},t("div",{key:"2adfbce712f269812d80a77c1043a1d3db6b79c8",class:"buttonContainer"},t("div",{key:"58e6e409c67cf35051735578bdde7b1a6208f9ee",class:"secondaryButtons"},this.filterPanel&&t("div",{key:"f7c06355290ed1bed33d95f6084da2c7bb615da5",id:"filterOption"},t("div",{key:"15be3cc83df5d6f19f3f7a0d5692a4718731dc24",id:"filterOptionButton"},t("stencil-icon-button",{key:"93467bd5a6d9090c67632c18a6c4009e27233ac8",iconName:"filterButton",iconClassName:"iconButtonWrapper",tooltip:"Filter",icon:n,buttonId:"filterButton",onClick:()=>this.handleFilterOnclick()})),this.filterAnchor&&t("div",{key:"bd5f83038320e9803ba9368cd1f40720bf746717",id:"filterOptionDiv"},t("udp-pop-over",{key:"2c9edf578465d003b4afbcdb831ef0d0c34d3f0b",isOpen:this.filterAnchor?true:false,anchorElement:this.filterAnchor,handleOnClose:()=>this.handleCloseFilterPopover(),popoverPlacement:"bottom-start",overflow:"visible"},t("div",{key:"b3ec97a05b90db61cdf239c86ca75e036cc29b13",innerHTML:this.filterPanel})))),this.layerOptions&&t("div",{key:"be4a540251d602df15aa8e4dacef02999077dd96",id:"layerOption"},t("div",{key:"6affbb963bd30f553e61064ab5df13c3ad9a4b74",id:"layerOptionButton"},t("stencil-icon-button",{key:"b8adccbbcd8c95ad2d005dae5c0cf9a12990d97c",iconName:"layersButton",iconClassName:"iconButtonWrapper",tooltip:"Layers",icon:o,buttonId:"layersButton",onClick:()=>this.handleLayerOnclick(),count:(e=this.visibleLayers)===null||e===void 0?void 0:e.length})),t("div",{key:"c8e9383358da444862a6a563e34260487ccfbbed",id:"layerOptionDiv"},this.layerAnchor&&t("udp-pop-over",{key:"e010e9548dabcc2bf6309f36c58a59305cdc4412",isOpen:this.layerAnchor?true:false,anchorElement:this.layerAnchor,handleOnClose:()=>this.handleCloseLayerPopover(),popoverPlacement:"bottom-start",popoverMaxHeight:"500px"},t("select-layer-popup",{key:"f2b783edeaeb9655eedcdbec791e4964860338c9",enableTileSelection:this.enableTileSelection,tileOptions:this.tileOptions,handleMapTypeInputChange:this.handleMapTypeInputChange,handleSearchLayers:this.handleSearchLayers,filteredOptions:this.filteredOptions,visibleLayers:this.visibleLayers,updateSelectedLayers:this.updateSelectedLayers,selectedTile:this.selectedTile})))),!this.readOnlyMap&&this.selectedFeaturesActionPanel&&t("div",{key:"3e49f896bd385d2bb26c63aba9dfa453fdd7daf6",id:"bulkSelectOption"},t("div",{key:"c310558635d2cfd0e8664b6016c6f19b2b127f92",id:"bulkSelectOptionButton"},t("stencil-icon-button",{key:"414e41e6fd4e6e342611bac3989d9c657df675dd",iconName:"selectButton",iconClassName:"iconButtonWrapper",tooltip:"Select",icon:l,buttonId:"selectButton",onClick:()=>this.handleSelectionBtnOnclick()})),t("div",{key:"7c984a976664c80ce289a8acc00b96e922acbbbd",id:"bulkSelectOptionDiv"},this.bulkSelectionTypeAnchor&&t("udp-pop-over",{key:"5a81ce4e1c228340e706fe3406574ddfa6004b49",isOpen:this.bulkSelectionTypeAnchor?true:false,anchorElement:this.bulkSelectionTypeAnchor,handleOnClose:()=>this.handleCloseBulkSelectionTypePopover(),popoverPlacement:"bottom-start",overflow:"visible"},t("udp-menu-item",{key:"d104983f9d0505898f942cc0ece9a225ced6a5e2",label:"Box",handleOnClick:()=>{this.handleBulkSelectionTypeOnclick("box")}}),t("udp-menu-item",{key:"b1f864cfc27d567527a232524cdfc77eb52e015a",label:"Circle",handleOnClick:()=>{this.handleBulkSelectionTypeOnclick("circle")}}),t("udp-menu-item",{key:"a0fda41ae5ec5a52228bbe419166cf1c0176b66c",label:"Polygon",handleOnClick:()=>{this.handleBulkSelectionTypeOnclick("polygon")}}),t("udp-menu-item",{key:"64b903bd46430d1285662848671a0720f0e72c04",label:"Lasso",handleOnClick:()=>{this.handleBulkSelectionTypeOnclick("lasso")}})))),!this.readOnlyMap&&this.enableSplit&&t("div",{key:"046ab14c180eaecbf16a340f9be3f2898cdcce37",id:"splitOption"},t("div",{key:"c1650d16e72a90cb7db670523dd3b485b50024d5",id:"splitOptionButton"},t("stencil-icon-button",{key:"a9d02d79f706dea6a87c02fc20877406e28ff6e8",iconName:"splitButton",iconClassName:"splitButtonWrapper",tooltip:"Split Linear Feature",icon:c,buttonId:"splitButton",onClick:()=>this.handleSplitBtnOnclick()})),t("div",{key:"88247c876a345ddc7dbf615dae6a0f069932c0ce",id:"splitOptionDiv"},this.splitAnchor&&t("udp-pop-over",{key:"184c5f17f26a2de0220e13dc63a3ba0bd990bdfc",isOpen:this.splitAnchor?true:false,anchorElement:this.splitAnchor,handleOnClose:()=>this.handleCloseSplitPopover(),popoverPlacement:"bottom-start",overflow:"visible"},t("split-line-popup",{key:"302fb6c3d12c3a7122987ef791f6a16ba8dc5e50",vectorLayerOptions:this.layerOptionsForPopup,selectedLayer:this.selectedLayerToAddFeature,handleStartSplitting:this.handleStartSplitting})))),this.refreshEvent&&t("stencil-icon-button",{key:"2594b4bfe3d784a27843da4b31821104190eb75d",iconName:"refreshButton",iconClassName:"iconButtonWrapper",tooltip:(i=this.refreshButtonTooltip)!==null&&i!==void 0?i:"Refresh",icon:d,buttonId:"refreshButton",onClick:()=>this.refreshEvent()}),!this.readOnlyMap&&(this.enableDragBox||this.addMultipleFeatures&&this.enableAddNewFeature)&&t("div",{key:"0e8f5d8c4bf66eb254ce7d8660aaa469e30106b3",class:"labelButtons"},t("stencil-icon-button-grid-action-header",{key:"8dd1e819db15ac9ab94d6cfda4081fdbc11b39dd",showLabel:true,icon:this.getButtonIcon(),onClick:()=>{if(this.enableDragBox){this.handleCancelBoxSelection()}if(this.enableAddNewFeature){this.handleAddNewFeature()}},tooltip:this.getButtonText(),iconClassName:"save-icon-class"},t("unity-typography",{key:"9e741081bcdee9b696ceda65f94fa8852223784f",variant:"button"},this.getButtonText()))),this.showSplitButton&&t("div",{key:"699dc5dfc451770813268649fedf223f0d5818f4",class:"labelButtons"},t("stencil-icon-button-grid-action-header",{key:"ae030ca7fbea40a4dd6e01e7b588bf1361914bf9",showLabel:true,icon:s,onClick:()=>this.handleSaveSplit(),tooltip:"Save Split",iconClassName:"save-icon-class"},t("unity-typography",{key:"cb248c391bfbf3f9548f84617de19cf8f7d6a1d4",variant:"button"},"Save Split"))),this.showSplitButton&&t("div",{key:"eb129eac44e52ae3901a072bd1f81409a79b9b97",class:"labelButtons"},t("stencil-icon-button-grid-action-header",{key:"f3f1e06d7996c6cc6417aa72953088b7fe58f4c6",showLabel:true,icon:a,onClick:()=>this.handleCancelSplit(),tooltip:"Cancel Split",iconClassName:"save-icon-class"},t("unity-typography",{key:"9ecc562e53f6881873c57b5b84cf2c325f82c302",variant:"button"},"Cancel Split"))),!this.readOnlyMap&&this.enableAddNewFeature&&t("div",{key:"d44f675283cb14e18da11551cd914785f757be3b",class:"labelButtons"},t("stencil-icon-button-grid-action-header",{key:"ce3f82cab7993f7a4e23b8b0d930a4d9577a2b40",showLabel:true,icon:a,onClick:()=>this.handleCancelAddNewFeature(),tooltip:"Cancel Drawing",iconClassName:"save-icon-class"},t("unity-typography",{key:"5ce593305098ea539661aa9241ff5fcaeb312533",variant:"button"},"Cancel Drawing"))),!this.readOnlyMap&&this.withSelected&&t("div",{key:"17c0a761f497b69736a132d86274c4b72c8587f0",class:"selectedFeaturesButtons labelButtons"},t("div",{key:"f482097209ee73f87b2ccded62741f08c7e5d36f",id:"withSelectedOption"},t("div",{key:"6c1dd673b861e77fa9df16c4bfd3cd5ad527ead0",id:"withSelectedOptionButton"},t("stencil-icon-button-grid-action-header",{key:"900257afb87ea2cbeecda63e468e2d26befe312c",showLabel:true,icon:r,onClick:()=>this.handleSelectionActionOnclick(),tooltip:"With Selected",iconClassName:"save-icon-class",count:this.selectedFeatureByBoxSelection.length},t("unity-typography",{key:"61c42fe24533e70243d922a90ace657facbf390f",variant:"button"},"With Selected"))),t("div",{key:"55ad4c9a7bba6399ba59783c082afe6cffa3ed8c",id:"withSelectedOptionDiv"},this.selectedFeaturesActionPanel&&this.selectionActionAnchor&&t("udp-pop-over",{key:"389f555f381efda95d9465c588c413405db973ec",isOpen:this.selectionActionAnchor?true:false,anchorElement:this.selectionActionAnchor,handleOnClose:()=>this.handleCloseSelectionActionPopover(),popoverPlacement:"bottom-start"},t("div",{key:"574d0b6c5cdf21aaf46de7c64212fd00aed55de2",innerHTML:this.selectedFeaturesActionPanel})))),t("stencil-icon-button-grid-action-header",{key:"20faae781e32bc29560f632ec95dc13d1fae11a5",showLabel:true,icon:a,onClick:()=>this.unselectFeatures(),tooltip:"Cancel selection",iconClassName:"save-icon-class"},t("unity-typography",{key:"2f9feebd1b587e9d0e399c22669e55d63b8b97b3",variant:"button"},"Cancel Selection")))),t("div",{key:"8c7ec1fb5f1c1f4ec1b57a158779b6f3b5b85a34",id:"addOption"},this.enableAdd&&!this.readOnlyMap&&t("div",{key:"bca06f99ee4c9254fdc819faf206862df69e7d31",id:"addOptionButton"},t("custom-button",{key:"46987f0f04f476a41d1ab42e0e7ad474d8123878",secondary:true,label:t("unity-typography",{variant:"button"},"Add"),onClick:()=>this.handleAddOnclick(),size:"tall"},t("udp-icon",{key:"77530ccd29a4ab9011734aaeb547a2ac35c10d0f",iconName:"add32",darkIcon:false}))),this.addFeatureAnchor&&t("udp-pop-over",{key:"f9df23cd3dac78f9c12396a4976c50d6ff4d324e",isOpen:this.addFeatureAnchor?true:false,anchorElement:this.addFeatureAnchor,handleOnClose:()=>this.handleCloseAddMapFeature(),popoverPlacement:"bottom-start",overflow:"visible"},t("add-map-feature-popup",{key:"c23dbdfc6b07e209f6f4f0af5f4d20f300b9fa9c",handleStartDrawingMapFeature:this.handleStartDrawingMapFeature,vectorLayerOptions:this.layerOptionsForPopup,selectedLayer:this.selectedLayerToAddFeature,selectedType:this.selectedTypeToAddFeature,panelConfig:this.addFeaturePanelConfig}))))))}get mapToolbarElement(){return i(this)}static get watchers(){return{layerOptions:["setLayerOptions"],selectedFeatureByBoxSelection:["setIsSelected"],visibleLayers:["updateLayerOptionsForPopup"],readOnlyLayers:["updateLayerOptionsForPopup"],enableAddNewFeature:["activateSelectInteraction"]}}};v.style=b;const y=".popoverContent{display:flex;flex-direction:column;column-gap:var(--spacing-04);padding:var(--spacing-04);z-index:1}.featureDetailsPopOverContent{min-width:300px;z-index:1}.data-row{display:flex;column-gap:var(--spacing-04)}.data-section{display:flex;flex-direction:column;column-gap:var(--spacing-02)}.key{font-weight:bold;color:var(--accent-color-two)}.header{display:flex;background-color:var(--accent-color-three);color:var(--accent-color-two);padding-left:var(--spacing-02);margin-bottom:var(--spacing-04)}.closeButton{display:flex;align-items:center;justify-content:flex-end}.options{display:flex;justify-content:flex-end;column-gap:var(--spacing-04)}.mapType{margin-bottom:var(--spacing-02)}";const g=class{constructor(t){e(this,t);this.enableTileSelection=true;this.tileOptions=[];this.filteredOptions=[];this.visibleLayers=[]}render(){var e,i,a;return t("div",{key:"8007a443867f20bd1d852611af963eb8ccd12d35",class:"popoverContent"},this.enableTileSelection&&t("udp-selector",{key:"3161c824076e00cd55987d36eaabe588b30c800e",id:"mapType",options:(e=this.tileOptions)!==null&&e!==void 0?e:[],initialValue:this.selectedTile.value,label:"Map Type",onChange:e=>{this.handleMapTypeInputChange(e.detail)},large:false}),t("div",{key:"583be16877eeb2a0d5cf93063e7196a17627e558",style:{height:"12px"}}),t("div",{key:"3970abe8db81c224510d78109b10b2dc3ddd7010"},t("text-field",{key:"d6215c3376d746940bffc4096a434fb9865b3fc5",label:"Search Layers",id:"searchFilter",value:"",onInput:e=>this.handleSearchLayers(e)})),((i=this.filteredOptions)===null||i===void 0?void 0:i.length)>0&&((a=this.filteredOptions)===null||a===void 0?void 0:a.map((e=>t("check-box-group",{title:e===null||e===void 0?void 0:e.title,options:e===null||e===void 0?void 0:e.options,values:this.visibleLayers,handleChange:this.updateSelectedLayers})))))}};g.style=y;const m=".popoverContent{display:flex;flex-direction:column;column-gap:var(--spacing-04);padding:var(--spacing-04);z-index:1}.featureDetailsPopOverContent{min-width:300px;z-index:1}.data-row{display:flex;column-gap:var(--spacing-04)}.data-section{display:flex;flex-direction:column;column-gap:var(--spacing-02)}.key{font-weight:bold;color:var(--accent-color-two)}.header{display:flex;background-color:var(--accent-color-three);color:var(--accent-color-two);padding-left:var(--spacing-02);margin-bottom:var(--spacing-04)}.closeButton{display:flex;align-items:center;justify-content:flex-end}.options{display:flex;justify-content:flex-end;column-gap:var(--spacing-04)}.mapType{margin-bottom:var(--spacing-02)}";const k=class{constructor(t){e(this,t);this.vectorLayerOptions=[];this.selectedLayer=null}render(){var e;return t("div",{key:"c7c9c9ac542f5d5d877ddfe3bdd94ae79fc0a297",class:"popoverContent"},t("udp-selector",{key:"c0fde2302909cbc8a16c61c4cf14d0ce95c9b9c6",id:"layer",options:(e=this.vectorLayerOptions.map((e=>({label:e,value:e}))))!==null&&e!==void 0?e:[],initialValue:this.selectedLayer,label:"Layer",onChange:e=>{this.handleStartSplitting(e.detail)},large:false}))}};k.style=m;export{u as add_map_feature_popup,v as map_toolbar,g as select_layer_popup,k as split_line_popup};
 //# sourceMappingURL=add-map-feature-popup_4.entry.js.map